body {
	text-align:center;
	margin: 0px;
	font-style:normal normal 12pt/18pt ＭＳ ゴシック ;
	line-height:140%;}

.hitode {
	background-image:url(./pic/back-hitode.gif);}
.namako {
	background-image:url(./pic/back-namako.gif);}


/*-- ページ全体の横幅 --*/
#main800 {
    text-align:left;
    margin:0px;
    width:800px;}
#main740 {
    text-align:left;
    margin:0px 30px;
    width:740px;}
    
.white {
	background-color:white;}
.black {
	background-color:black;}


/*-- トップの写真 --*/
#top_photo {
	text-align:left;
    color:white;
    background-color:black;
    margin: 0px 30px;
    width:740px;
    border-width:0px;}

#top_photo_txt {
	text-align:left;
    color:white;
    width:220;
    height:280;
    margin: 4px;
    padding: 6px;
    border-color:gray;
    border-style:solid;
    border-width:2px;}


/*-- 画面左側 --*/

#left_area {
	text-align:left;
    border-width:0px;
    margin:15px 0px 10px 15px;
    width:270px;
    float:left;}

#contentarea_out {
	text-align:left;
    background-color:lightcyan;
    border-style:solid;
    border-width:1px;
    border-color:lightgrey;
    margin:10px 0px 0px 0px;
    width:100%;
    float:left;}
    
#contentarea_in {
	text-align:left;
    background-color:paleturquoise;
    border-style:solid;
    border-width:1px;
    border-color:lightskyblue;
    margin:5px 5px 5px;
    width:250px;
    float:left;}

#maincontent {
	text-align:left;
    color:gray;
    background-color:white;
    border-style:solid;
    border-width:1px;
    border-color:gray;
    margin:5px;
    padding:6px;
    width:240px;
    font-size:13px;}

.content_pic {
	float:left;
    margin:0px 8px 0px 0px;}

#othercontent {
	text-align:left;
    color:gray;
    background-color:white;
    border-style:solid;
    border-width:1px;
    border-color:gray;
    margin:5px 10px 5px;
    padding:2px;
    width:252px;
    font-size:15px;}

#comment {
	text-align:left;
    font-size:15px;
    line-height:120%;
    background-color:white;
    border-style:solid;
    border-width:1px;
    border-color:darkgray;
    margin:10px 0px 0px 0px;
    padding:5px;
    width:274px;}


/*-- 右側コンテンツ --*/

#travel {
	text-align:left;
    background-color:white;
    border-style:solid;
    border-width:0px;
    border-color:gray;
    margin:10px 0px 10px 15px;
    padding:2px;
    width:100%;
    font-size:13px;}

#comment_right {
    text-align:left;
    margin:10px 15px;
    padding:3px;
    width:100%;
    font-size:13px;
    border-style:solid;
    border-color:gray;
    border-width:1px;}

#diary_title {
    text-align:center;
    background-color:beige;
    margin:10px 15px;
    padding:2px;
    width:100%;
    font-size:15px;
    border-style:solid;
    border-color:gray;
    border-width:1px;}

#diary_area {
    text-align:left;
    margin:10px 0px 10px 5px;
    width:100%;
    border-color:gray;
    border-left-style:dashed;
    border-width:1px;}

#diary_main {
    text-align:center;
    margin:0px;
    width:400px;
    border-width:0px;}

#diary_txt {
    text-align:left;
    line-height:150%;
    font-size:15px;
    margin:0px;
    padding:15px 0px 15px 0px;
    width:100%;
    border-color:gray;
    border-width:1px;
    border-bottom-style:dashed;}

.date_txt {
	font-size:17px;
    color:orangered;
    font-weight: bold;}

/*-- ヘッダーバー --*/
#header_bar {
	text-align:left;
    width:100%;
    height:10px;
    background-color:black;
    margin:0px;
    overflow:hidden;}

/*-- フッターバー(黒or灰） --*/
#footer_bar {
	text-align:center;
    font-size:12px;
    font-weight:bold;
    color:whitesmoke;
    background-color:black;
    padding:0px;
    margin:0px;}

#footer_bar2 {
	text-align:center;
    font-size:15px;
    font-weight:bold;
    color:whitesmoke;
    border-top-style:solid;
    border-width:1px;
    border-color:dimgray;
    background-color:black;
    padding:0px;
    margin:0px;}

/*-- 旅行記コンテンツ --*/
#travel_subject {
    float:left;
    font-size:32px;
    color:white;
    padding:0px 0px 0px 20px;}
    
#travel_txtarea {
	text-align:left;
    line-height:180%;
    color:white;
    width:100%;
    padding:20px 5px;
    margin:0px;}


/*-- なま蕎麦コンテンツ --*/
#namasoba_subject {
    float:left;
    font-size:32px;
    color:black;
    padding:0px 0px 0px 20px;}

#namasoba_title {
	text-align:left;
    font-size:18px;
    font-weight: bold;
    color:whitesmoke;
    width:100%;
    background-color:rosybrown;
    padding:0px 0px 0px 6px;}
    

#nmasoba_txtarea {
	text-align:left;
    width:100%;
    padding:0px 0px 10px 0px;
    margin:10px 5px;}
    
/*-- なまこ学のタイトルバー --*/
#namako_title {
	text-align:left;
    font-size:18px;
    font-weight: bold;
    color:white;
    width:100%;
    background-color:darkseagreen;
    padding:0px 0px 0px 6px;}

.eng { font-family: "Comic Sans MS"; font-size: 20px; text-decoration: none; color: black; line-height:140%;}
.jpn { font-size: 12px; text-decoration: none; color: dimgray; line-height:150%;}

p{ color : white ; font-size : 17px ;line-height:21px}

a:link { color:dodgerblue}
a:active { color:red }
a:visited { color:dimgray}

span.link1 a:link{color:whitesmoke; text-decoration:none;}
span.link1 a:visited{color:whitesmoke; text-decoration:none;}
span.link1 a:active{color:whitesmoke; text-decoration:none;}
span.link1 a:hover{color:yellow; text-decoration:none;} 

span.link2 a:link{color:whitesmoke; text-decoration:none;}
span.link2 a:visited{color:whitesmoke; text-decoration:none;}
span.link2 a:active{color:whitesmoke; text-decoration:none;}
span.link2 a:hover{color:hotpink; text-decoration:none;}

span.link3 a:link{color:white; text-decoration:none; font-weight:bold;}
span.link3 a:visited{color:white; text-decoration:none; font-weight:bold;}
span.link3 a:active{color:white; text-decoration:none; font-weight:bold;}
span.link3 a:hover{color:yellow; text-decoration:none; font-weight:bold;}

span.link4 a:link{color:blue; text-decoration:underline; font-weight:bold;}
span.link4 a:visited{color:dimgray; text-decoration:underline; font-weight:bold;}
span.link4 a:active{color:red; text-decoration:underline; font-weight:bold;}
span.link4 a:hover{color:black; text-decoration:underline; font-weight:bold;}

.b{font-size:17px; font-weight: bold; color: orange;}
.g{font-size:17px; font-weight: bold; color: springgreen;}
.r{font-size:30px; font-weight: bold; color: tomato;}

.red{font-weight: bold; color: red;}
.yellow{font-weight: bold; color: yellow;}
.blue{font-weight: bold; color: blue;}
.choco{font-weight: bold; color: chocolate;}
.orange{font-weight: bold; color: darkorange;}
.pink{font-weight: bold; color: hotpink;}

.12{font-size:12px;}
.13{font-size:13px;}
.15{font-size:15px;}
.20{font-size:20px;}
.25{font-size:25px;}
.30{font-size:30px;}
.35{font-size:35px;}
.45{font-size:45px;}

.shadow {
    background: url(./pic/shadow.gif) right bottom;
    float: left; /* 回り込み制御 */
}
 
.shadow img {
    position: relative;
    left: -4px; /* 画像を左へ移動 */
    top: -4px; /* 画像を上へ移動 */
    padding: 5px; /* 画像枠 */
    background: #ffffe0; /* paddingを設定した場合の背景色 */
    border: 0px solid #999999; /* 画像の枠線 */
}