@charset "utf-8";
/* ===================================================================
CSS information

 file name  :index.css
 style info :トップページ用
=================================================================== */
#container{
	background:url(../img/bg.png) 0 0 repeat-x;
}
#slideshow {
	position:relative; width:300px; height:200px;
}
#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
#slideshow img.active { z-index:9; }
#slideshow img.last-active { z-index:7; }



#header{
	width:950px;
	margin:0 auto 40px;
	height:450px;
	position:relative;
}
#header #navi li{
	position:absolute;
	top:402px;
	display:inline;
	z-index:10;	
}
#header #navi li#navi_01{
	left:60px;
}

#header #navi li#navi_02{
	left:188px;	
}
#header #navi li#navi_03{
	left:305px;	
}
#header #navi li#navi_04{
	left:422px;	
}
#header #navi li#navi_05{
	left:562px;	
}
#header #navi li#navi_06{
	left:667px;	
}
#header #navi li#navi_07{
	left:771px;	
}
	
#header h1{
	text-align:right;
	color:#5A5A5A;
	position: absolute;
	top:20px;
	right:40px;
	z-index:12;
	font-size:70%;
	font-weight:normal;
}


#header h2{
	position: absolute;
	z-index:11;
	top:10px;
	left:10px;
}
#header p.bnr_01{
	position: absolute;
	z-index:10;
	right:65px;
	bottom:135px;
}
#header p.bnr_02{
	position: absolute;
	z-index:10;
	right:65px;
	bottom:80px;
}
#header p.bnr_03{
	position: absolute;
	z-index:10;
	right:65px;
	bottom:190px;
}






ul.bnr_box{
	margin:0 0 20px 20px;
}
ul.bnr_box li{
	float:left;
	margin-right:20px;
}

div.left_box,div.right_box{
	width:400px;
	float:left;
	margin-left:20px;
	display:inline;
}

div.left_box1{
	width:150px;
	float:left;
	margin-left:20px;
	display:inline;
}
div.left_box h3{
	padding-bottom:17px;
}
div.left_box dl.recommend{
	width:380px;
	margin:0 10px 20px;
}
div.left_box dl.recommend dt{
	padding-bottom:5px;
}
div.left_box dl.topics{
	width:400px;
	border-bottom:1px dotted #9F866A;
	margin:0 0 10px 0;
	padding-bottom:10px;
}
div.left_box dl.topics dt{
	margin-left:10px;
	float:left;
}
div.left_box dl.topics dd{
	margin-left:110px;
	padding-right:10px;
}
div.left_box dl.topics dd p.data{
	font-weight:bold;
	padding:10px 0 0;
}




/* ==右側ボックス== */

div.right_box div.info_box{
	width:380px;
	margin:0 10px 20px;
	background:url(../img/index/index_dotto_btm.gif) no-repeat bottom left;
	padding-bottom:1px;
}
div.right_box h3.info{
	padding-bottom:20px;
}
div.right_box div.info_box p.tel{
	padding:0 0 10px 5px;
}


div.right_box dl.info{
	background:url(../img/index/index_dotto.gif) no-repeat top left;
}
div.right_box dl.info dt{
	float:left;
	width:70px;
	text-align:center;
	padding:10px 0;
}
div.right_box dl.info dd{
	margin-left:80px;
	padding:10px 0;	
}
div.right_box dl.info dd th{
	width:80px;
	text-align:left;
	vertical-align:top;
}
div.right_box dl.info dd td{
	width:200px;
	text-align:left;
	vertical-align:top;
	padding-left:10px;
}

div.right_box ul.map{
	margin:0 0 40px 10px;
}
div.right_box ul.map li{
	margin:0 10px 5px 0;
	float:left;
}