@charset"shift_JIS";
.log,.na-ta,.na-td1,.na-td2,.na-td3,.navi,.window{border:2px ridge #FFF}
.f-l,.p-l,.p-l2{float:left}
.chu,.mini,.setsu1{font-size:smaller}
.bu a,h1,.next,strong{font-weight:bold}
.log table,p,span{line-height:1.8em}
body,.cen,h1,.na-td1,.navi,.talk2,.talk4{text-align:center}
div,.na-ta,.setsu1,.t-l,.t2{text-align:left}

body{background:#FFF; margin-top:15px; color:#006;}
div{margin:0 auto; padding:0; width:770px;}/*padding初期化*/
div.lab{margin:0 150px; width:auto;}/*アルプスラボの中央寄せ*/
div.log{padding:20px 30px 30px; width:710px;}
	.log table,.talk2,.talk3,.talk4{width:710px; vertical-align:top;
	margin-top:1em}		
	/*会話用の表。pを初期化したため上marginを入れる*/
div.window{margin:2em 10px; padding: 10px 20px; width:650px;
	background: #6FC;}/*掲示板風*/
h1{font-size:30px; margin:0 0 5px 0; padding:0}/*padding初期化*/
h1.t-l{background:url(../pict/top.gif) no-repeat;
	padding:20px 0 20px 135px;}
/*山道具などの大見出し左寄せ。さらに行頭画像を背景として配置。
なおこの方法は、text-align:centerが効いているセレクタ（パンくずリスト等）
の場合、背景のみが左端に飛ぶため不可*/
h1.t2{background:url(../pict/top.gif) no-repeat;
	padding:5px 0 5px 135px;}/*山道具などの２行大見出し*/
hr{clear:left; width:100%; height: 2px; background: #CCC;}
hr.sage{margin-top:1em;} hr.sagesage{margin-top:2em;}
/*文中の水平線の上margin。２パターン*/
img{vertical-align:middle;}
img.m-l{margin-left:1em;}/*「おてんき」・山日記画像*/
img.m-r{margin-right:1em;}/*大見出し・パンくずリストの行頭画像*/
img.photo{margin-bottom:10px; border:1px solid #666;}
/*枠線・キャプション付き画像*/
img.p-l{margin:1em 1em 1em 0;}/*文頭の左寄せ画像*/
img.p-l2{margin:0 1em 1em 0;}/*文中の左寄せ画像*/
img.p-r{float:right; margin:0 0 1em 1em;}/*文中の右寄せ画像*/
p{margin:1em 0 0 0; padding:0}/*初期化*/
p.nikki{margin:0}/*山日記のタイトルが１行下がらないための処置*/
p.cen{}/*中央寄せ*/
p.chu{color:#930;}/*注釈（茶色）*/
p.c-l{clear:left;}
p.navi{padding:5px; width:650px; margin:0 55px 20px}/*「登山お役立ちデータ」のボックス*/
p.setsu1{width:700px; line-height:1.3em; margin:10px 35px}/*地図掲載のことわり*/
ol,ul{line-height:2em; margin-right: 35px;}
ul.bu{margin:30px 0 0; padding:0;}/*ナビゲーションメニューボタン*/
	.bu li{list-style:none; display:inline;}
	.bu a,.bu a:link,.bu a:visited{text-decoration:none; color:#FFF; 
	background:#F93; padding:5px 10px; position:relative;
	border:1px outset #fff}
	/*:linkと:visitedを書かないとcolorが通常設定になる*/
	.bu a:hover{background:#FC0; top:2px; left:2px}
span{font-size:18px}
table.na-ta,.na-td1,.na-td2,.na-td3{border-collapse:collapse; 
	line-height:1.5em; margin:20px 0; width:770px;}
/*ナビデータのみのページの表。marginはtdには効かない。
本来この表はmargin:20px autoとして、divの中に入れなくてもよいはず
だが、MacIEで左寄せになるためdiv内に入れる*/
td.na-td1,.na-td2,.na-td3{padding:5px;}
/*ナビデータのみのページの表のセル内余白。上にまとめると、
border-collapseの効かないMacIEでtableのpaddingが形成されるため分離*/
td.na-td1{width:90px;}/*ナビデータのみのページの表　１列目*/
td.na-td2{width:660px;}/*ナビデータのみのページの表　２列目*/
td.na-td3{width:330px;}/*ナビデータのみのページの表　２列目分割*/
td.talk2{width:65px;}/*会話用の表　１列目（短め）*/
td.talk3{width:auto;}/*会話用の表　２列目*/
td.talk4{width:130px;}/*会話用の表　１列目（長め）*/

.large{font-size:large;}
.mini{}
.next{border-top:3px solid #FC3; border-bottom:3px solid #FC3;
	padding:3px 0; text-decoration:none; margin-top:1em;}
	a:hover.next{border-top:3px solid #F60; border-bottom:3px solid #F60}/*続き物のNEXTリンク。直前にbr挿入のこと*/
.red {color: #F00;}
.x-large {font-size: x-large}

*{background-color:transparent;}
/*Safariがヒラギノ系フォントの設定を受け付けないため、
フォントファミリーの設定ができない・・*/
a:link {color: #00C;}
a:visited {color: #800080;}

/*以下は印刷時設定*/
@media print{
body{margin-top:0; color:#000}
img{width:auto; margin:0 5%;}
div{width:auto; margin:0 5%;}
.na-ta{width:auto; margin:0 5%;}
/*紙幅に合わせるよう幅auto、印刷切れを防ぐため左右マージン*/
}