@charset"shift_JIS";

.gaiden,h1,li a,.na-ta td,.next,strong{font-weight:bold}
.na-ta td,p,.setsu,span{line-height:1.8em}
div table td,h1,p,ul{padding:0}/*padding初期化*/
body,.cen,div table td,table.na-ta td{text-align:center}
/*.na-ta tdではなく、table.na-ta tdとしないと、MacIEで効かないことがある。
何が基準になるのかはよく分からない・・*/
div,h1,.na-ta .na-td2,.setsu{text-align:left}

a.next{border-top:3px solid #FC3; border-bottom:3px solid #FC3;
	padding:3px 0; text-decoration:none;}/*他府県の山*/
	a:hover.next{border-top:3px solid #F60; border-bottom:3px solid #F60}
body{background:#FFF; color:#006; margin-top:10px}
/*margin-topは設定しなくても、各ブラウザともそれなりの余白が空く。
しかしIEのみ少々空きすぎるのでmargin-top:10pxを入れて統一*/
div{margin:0 auto; width:770px;}
/*  \*/*html div{margin:0 auto -900px}/* */
/*山マップのposition:relativeは、本来は当該ブロックの
親ブロック（div）から外れたブロックには影響しないはずだが、WinIE6以下では
それ以降にも影響して大きく空白が開くので、ハックによりmarginで底上げ。
*html divだとMacIEが読んでしまうため、さらにMacIE除外ハックを使う*/
div table{border-collapse:collapse; margin:0 85px;}
/*山マップ。width・heightはtdで設定しており不要*/
	table.z{position:relative; top:-1100px; z-index:1}
	/*z-indexで山マップ表を地図画像の上に配置*/
div table a,div table a:link,div table a:visited{display:block;
	width:50px; height:35px; background:url(../pict/smile.gif);}
div table a:hover{background:url(../pict/wao.gif)}
	/*ロールオーバーイメージ風リンク*/
	a:link.navi,a:visited.navi{background:url(../pict/osumashi.gif)}
	a:hover.navi{background:url(../pict/wink.gif)}
	/*ナビのみページのロールオーバー*/
	a:link.double,a:visited.double{height:20px;
	background:url(../pict/smile20.gif)}
	a:hover.double{height:20px; background:url(../pict/wao20.gif)}
	/*名札２枚の場合のロールオーバー*/
	a:link.yu,a:visited.yu,a:hover.yu{display:inline; background:none;}
	/*温泉リンク用　ロールオーバー解除*/
div table img{display:block; height:15px; width:50px;}
	/*display:blockにしないと画像の上下に隙間があいてしまう*/
	img.sample{height:35px;}/*マップのアイコンの説明用画像*/
	.yu1,.yu2,.yu3,.yu4,.yu5,.yu6,.yu7,.yu8,.yu9{width:20px; height:20px;
	display:inline;}				
	/*温泉画像。display:inlineに戻さないと、インライン要素（a）で
	ブロック要素を入れ子にすることになり、エラーになって
	レイアウトが崩れる*/
	img.yu1{margin:15px 0}
	/*中段中央。tdがtext-align:centerのため左右marginは0でもよい*/
	img.yu2{margin:30px 0 0}/*下段中央*/
	img.yu3{margin:0 0 30px 30px}/*上段右*/
	img.yu4{margin:15px 0 15px 30px}/*中段右*/
	img.yu5{margin:0 0 30px}/*上段中央*/
	img.yu6{margin:30px 0 0 30px}/*下段右*/
	img.yu7{margin:0 30px 30px 0}/*上段左*/
	img.yu8{margin:30px 30px 0 0}/*下段左*/
	img.yu9{margin:15px 30px 15px 0}/*中段左*/
div table td{width:50px; height:50px;}
h1{font-size:30px; margin-bottom:5px; padding:20px 0 20px 135px;
	background:url(../pict/top.gif) no-repeat;}
	/*大見出し左寄せ＆行頭画像を背景化*/
hr{clear:left; width:100%; height: 2px; background: #CCC;}
img{vertical-align:middle; border:none;}/*リンクの線消し*/
img.m-r{margin-right:1em;}/*大見出し・パンくずリストの行頭画像*/
p{margin:1em 0;}
p.cen{}/*中央寄せ*/
p.c-l{clear:left;}
p.gaiden{margin:-950px 0 0 150px;}
/*外伝のmargin設定。山マップと同じdiv内で、position:relativeが
影響してしまうため、marginでせり上げる*/
p.macie{color: #F00; font-size:smaller; margin:0 0 1em 30px}
/*  \*/p.macie{display:none;}/* */
/*MacIEで山マップがうまく表示されないことのお詫び。
MacIE除外ハックを使い他のブラウザでは非表示*/
p.map{margin:0 135px 0 35px}
/*マップの配置。画像の形状上、中央寄せにするとバランスが悪いので
50px左寄りにした。また配置ズレが生じないようmargin上下も初期化*/
p.tafuken{margin-top:40px;}/*「他府県の山」の上マージン*/
p.title{font-size:xx-large; color:#FFF; padding:0 10px;
	margin:20px 50px 10px 10px; border:#F90 ridge 4px; background:#F90; 
	float:left}
/*「滋賀県　山マップ＆リスト」の設定。padding上下はなぜか０でよい*/
ul{margin:0;}/*ナビゲーションメニューボタン*/
li{list-style:none; display:inline;}
	li a,li a:link,li a:visited{text-decoration:none; color:#FFF; 
	background:#F93; padding:5px 10px; position:relative;
	border:1px outset #fff}
	/*:linkと:visitedを書かないとcolorが通常設定になる*/
	li a:hover{background:#FC0; top:2px; left:2px}
span{font-size: medium}
table.sample{width:735px; height:auto; background:none; 
	margin:0 0 0 35px; clear:left}
/*マップのサンプル説明の表。div tableを打ち消しているため、
margin-leftではなくmargin:0 0 0 35pxとする必要がある*/
	td.setsu{width:640px; height:auto; padding:10px 0 10px 10px}
	/*マップのサンプル説明の表　２列目*/
table.na-ta{border-collapse:collapse; margin:30px auto; width:770px; 
	border:2px ridge #fff}
/*山リストの表。MacIEで左寄せになるが、divに入れられないので処置無し*/
	table.na-ta td{padding:3px 5px; border:2px ridge #fff}
	/*表のセル内余白。上にまとめると、border-collapseの効かないMacIEで
	tableのpaddingが形成されるため分離。また.na-ta tdとするとMacIEで
	効かないので、table.na-ta tdとする*/
	td.header{background:#6c9}/*山リストの表　ヘッダの色*/
	td.header2{background:#cfc}/*山リストの表　ヘッダの色２*/
	td.na-td1{width:90px;}/*山リストの表　１列目*/
	td.na-td2{width:590px; font-weight:normal}/*山リストの表　２列目*/
	td.na-td3{width:60px;}/*山リストの表　3列目*/

.mini{font-size:smaller}
.red {color: #F00;}

a:link {color: #00C;}
a:visited {color: #800080;}

/*以下は印刷時設定*/
@media print{
body{margin-top:0; color:#000; width:100%}
/*.na-taを中央寄せにするために、親セレクタであるbodyにwidth:100%を
入れる。tdにpx値が入っているせいか、完全な中央寄せにはならないが
印刷切れは防げる*/
div{width:auto; margin:0 5%;}
.na-ta{width:auto; margin:0 5%; position:relative; top:-1000px;}
/*紙幅に合わせるよう幅auto、印刷切れを防ぐため左右マージン。
なぜか山マップのposition移動分が空いてしまうため、山リストも移動*/
h1,hr,p,.sample,ul{display:none}
.map{display:block}
}