﻿
/* トップページ */

/* --------------ヘッダーからトップナビまでの領域-------------- */
	/* ■■■div#box_top■■■ */
	div#box_top{
	width:800px;height:403px;
	background:url(../img/back_ue.jpg) no-repeat;
	margin:0 auto;
	text-align:center;
	}
		/* □□□div#header□□□ */
		div#header{
		width:780px;height:159px;
		background:url(../img/headerback.gif) no-repeat bottom;
		margin:0px 10px 0px 10px;
		position:relative;
		}
			/* □h1#logo（ロゴ）□ */
			a#logo{
			display:block;
			width:261px;height:88px;
			background:url(../img/logo.gif) no-repeat;
			text-indent:-9999px;
			position:absolute;top:32px;left:12px;
			}
			/* □p#head_add（住所）□ */
			p#head_add{
			width:435px;height:20px;
			background:url(../img/head_add.gif) no-repeat;
			text-indent:-9999px;
			position:absolute;top:115px;left:12px;
			}
			/* □ul#head_navi（ヘッダーナビ）□ */
			ul#head_navi{
			position:absolute;top:122px;right:10px;
			}
				ul#head_navi li{
				display:block;
				float:left;
				margin-left:5px;
				}
			/* □div#head_kisoshop（木曽ショップバナー）□ */
			div#head_kisoshop{
			position:absolute;top:32px;right:10px;
			}
				
		/* □□□ul#topnavi（トップナビ）□□□ */
		ul#topnavi{
		margin:10px 0px 15px 0px;
		}
		ul#topnavi li{
		margin:0;
		display:inline;
		}
		
/* --------------トップナビからフッターまでの領域-------------- */
		
	/* ■■■div#box_contents■■■ */
	div#box_contents{
	width:800px;
	background:url(../img/back_naka.jpg) repeat-y;
	margin:0 auto;
	text-align:center;
	}
		/* □□□div#mainbox□□□ */
		div#mainbox{
		width:740px;
		margin:0 auto;
		}
			/* -------div#contents（コンテンツ領域）------- */
			div#contents{
			width:470px;
			float:left;
			}
				a#gonbe{
				float:left;
				display:block;
				width:230px;
				height:142px;
				margin:10px 0 10px 0;
				}
				a#corn{
				float:right;
				display:block;
				width:230px;
				height:142px;
				margin:10px 0 10px 0;
				}
				a#l_banner{
				clear:both;
				display:block;
				width:470px;
				height:79px;
				margin:0 0 10px 0;
				}
				
				/* □h2.midashi_top□ */
				h2.midashi_top{
				clear:both;
				width:470px;
				height:29px;
				background:url(../img/kei1.gif) no-repeat bottom;
				}
				h2.midashi_top2{
				clear:both;
				width:470px;
				height:29px;
				background:url(../img/kei_line.gif) repeat-x bottom left;
				}
				
				/* □ul#sintyaku（新着情報）□ */
				ul.sintyaku{margin:5px 0 15px 0;padding:0px 5px 0 0;height:200px;overflow:auto;}
					ul.sintyaku li{
					line-height:1.8em;
					background:url(../img/list_kei.gif) repeat-y bottom left;
					padding-left:2px;margin-bottom:2px;
					}
					ul.sintyaku li span.day{
					background:url(../img/list_cap.gif) no-repeat top right;
					padding-right:10px;
					color:#ff4000;
					}
					ul.sintyaku li span.day2{
					background:url(../img/list_cap2.gif) no-repeat top right;
					padding-right:10px;
					color:#888888;
					}
				
				/* □ul#sintyaku_phot（新着フォト）□ */
				ul#sintyaku_phot{clear:both;float:left;margin-bottom:20px;padding-bottom:5px;}
					ul#sintyaku_phot li{
					float:left;width:107px;
					margin-right:10px;
					font-size:0.84em;
					}
					ul#sintyaku_phot li a{border:none;line-height:80%;}
					ul#sintyaku_phot li a img{margin-bottom:2px;}
				
				/* □ul#odekake（お出かけ前に）□ */
				ul#odekake{float:left;margin-top:10px;margin-bottom:20px;}
				ul#odekake li{display:block;float:left;}
					ul#odekake li#kanko{width:167px;height:41px;margin-right:10px;}
					ul#odekake li#tenki{width:144px;height:41px;margin-right:10px;}
					ul#odekake li#koutsu{width:139px;height:41px;}
					
				/* □駅長より□ */
				ul.message{margin:3px 0 15px 0;}
					ul.message li{
					line-height:1.8em;
					background:url(../img/list_kei.gif) repeat-y bottom left;
					padding-left:5px;margin-bottom:2px;
					}
					
				
			/* -------div#sidenavi（サイドナビ）------- */
			div#sidenavi{
			
			}
				/* □dl.sidenavi_1□ */
				dl.sidenavi_1{
				float:right;
				background:url(../img/snaviback_naka.gif) repeat-y;
				margin-bottom:10px;
				}
				dl.sidenavi_1 dt.sidenavi_dt{
				width:230px;
				font-weight:bold;
				text-indent:0;
				padding-left:10px;
				margin-top:5px;
				text-align:justify;
				text-justify:inner-ideograph;
				}
				* html dl.sidenavi_1 dt.sidenavi_dt{width:240px;}
				dl.sidenavi_1 dd{
				width:230px;
				text-indent:10px;
				margin-bottom:5px;
				text-align:justify;
				text-justify:inner-ideograph;
				}
				dl.sidenavi_1 dd.sidenavi_text{
				width:230px;
				text-indent:0;
				line-height:120%;
				margin-left:10px;
				margin-bottom:5px;
				}
					dl.sidenavi_1 dd.sidenavi_text span{
					line-height:120%;
					}
				dl.sidenavi_1 dd.sidenavi_kei{
				width:230px;
				height:10px;
				text-indent:0;
				font-size:1px;
				line-height:0;
				margin-left:10px;
				margin-bottom:5px;
				background:url(../img/kei_line2.gif) repeat-x center left;
				}
					dl.sidenavi_1 dd#johobox img{vertical-align:middle;}dl.sidenavi_1 dd#johobox a{font-size:0.86em;}
					dl.sidenavi_1 dd#snavi_sasa1{width:240px;text-indent:0px;background:url(../img/illast40_sasa.gif) no-repeat;background-position:10px 0;text-align:right;}
					dl.sidenavi_1 dd#snavi_tomoe1{width:240px;text-indent:0px;background:url(../img/illast40_tomoe.gif) no-repeat;background-position:10px 0;text-align:right;}
					dl.sidenavi_1 dd.snavibottom{width:250px;height:6px;font-size:1px;margin-bottom:0px;text-indent:0px;}
					dl.sidenavi_1 dd#snavi_syousaimap{width:240px;text-indent:0px;text-align:right;}
	
/* --------------フッターの領域-------------- */
	/* ul#footlink_top（フッターリンク） */
	ul#footlink_top{
	clear:both;float:left;
	width:740px;
	border-top:1px solid #666666;
	color:#666666;
	font-size:0.84em;
	text-align:center;
	padding:10px 0 5px 0;
	margin:5px 0 0 0;
	}
		ul#footlink_top li{
		display:inline;
		}
		ul#footlink_top li a:link{color:#555555;border:none;}
		ul#footlink_top li a:visited{color:#800080;border:none;}
		ul#footlink_top li a:hover{color:#0000ff;border:none;}
		ul#footlink_top li a:active{color:#0000ff;border:none;}

	/* □div#aboutus（道の駅住所等）□ */
	div#aboutus{
	clear:both;
	float:left;
	width:740px;
	text-align:center;
	padding-bottom:5px;
	}
		div#aboutus p{
		margin:5px 8px;
		line-height:130%;
		}

	/* ■■■div#box_bottom■■■ */
	div#box_bottom{
	clear:both;
	width:800px;height:40px;
	background:url(../img/back_sita.jpg) no-repeat;
	margin:0 auto;
	text-align:center;
	color:#fff;
	}
		span#copy{display:block;padding-top:5px;}









