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

	file name  :top.css
	version:1.0
	style info :トップページ用。
======================================================================= */
/* import　各ディレクトリのスタイルシートは以下を必ず読み込む
----------------------------------------------------------------------------- */
@import "default.css"; /*リセット、font.css、再定義*/


/* body
-------------------------------------------------------------------------------*/
body{
	color: #000;
	font-size:84%;
	background-image:url(../img/common/body_bk.png);
	background-repeat:repeat;
	line-height: 140%;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}	

/* link
-------------------------------------------------------------------------------*/
a{
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
	color: #333;
}

a:visited{
	text-decoration: underline;
}

/* layout
----------------------------------------------------------------------------- */
#container_wrap{
	background-image:url(../img/common/body_topbk.png);
	background-position:top;
	background-repeat:no-repeat;
	margin-right:auto;
	margin-left:auto;
	width:100%;
}

* #container_wrap{
	background-image:url(../img/common/body_topbk.gif);
}
	


#main_image{
	width:1401px;
	height:611px;
	background:url(../img/top/main.jpg) no-repeat;
	padding:0;
	position:relative;
	left: 50%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: -700px;
}

#main_image.main_image2305{
	background:url(../img/top/main2305.jpg) no-repeat;
}


#contents{
	width: 1000px;
	margin:0 auto;
	clear: both;
}

#footer{
	width: 1000px;
	margin:0 auto;
	padding-left: 80px;
	padding-top: 14px;
}

#footer2{
	background-image:url(../img/common/line.gif);
	background-repeat: repeat-x;
	clear:both;
	width:100%;
}


/* top
----------------------------------------------------------------------------- */
#navi_links {
	position:relative;
	width:1000px;
	height:564px;
	left: 204px;
	top: 1px;
}

#navi_links ul li a {
	position:absolute;
	*background-image:url(../img/top/spacer.gif);
	*background-repeat:no-repeat;
	z-index:15;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	left: 770px;
	top: 390px;
}

#navi_links ul li h1 a {
	top:14px;
	left:23px;
	width:406px;
	height:98px;
}

#navi_links ul li.none{
	display:none;
}

#navi_links ul li.link0 a {
	top:14px;
	left:775px;
	width:100px;
	height:30px;
}

#navi_links ul li.link1 a {
	top:11px;
	left:880px;
	width:100px;
	height:30px;
}

#navi_links ul li.link2 a {
	top:133px;
	left:400px;
	width:135px;
	height:80px;
}

#navi_links ul li.link3 a {
	top:95px;
	right:686px;
	width:150px;
	height:80px;
}

#navi_links ul li.link4 a {
	top:350px;
	left:65px;
	width:135px;
	height:80px;
}

#navi_links ul li.link5 a {
	top:358px;
	left:350px;
	width:150px;
	height:90px;
}

#navi_links ul li.link6 a {
	top:410px;
	left:577px;
	width:155px;
	height:90px;
}

#blog{
	position:absolute;
	width:197px;
	height:225px;
	*height:227px;
	left:953px;
	top:335px;
	overflow:auto;
}

#glovalnavi {
	height:47px;
	width:1000px;
	margin:0 auto;
}

#glovalnavi ul{
	padding-left:50px;
	padding-top:5px;
}


#glovalnavi ul li {
	background-image:url(../img/common/glovalnavi.png);
	_background-image:url(../img/common/glovalnavi.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	float:left;
	height:47px;
}

#glovalnavi ul li a{
	background-image:url(../img/common/glovalnavi.png);
	_background-image:url(../img/common/glovalnavi.gif);
	background-repeat: no-repeat;
	height:47px;
	float:left;
	display:block;
}

#glovalnavi ul li.navi02, #glovalnavi ul li.navi02,
#glovalnavi ul li.navi02, #glovalnavi ul li.navi02 a{
	width:164px;
	background-position:-92px 0px;
	}

#glovalnavi ul li.navi03, #glovalnavi ul li.navi03,
#glovalnavi ul li.navi03, #glovalnavi ul li.navi03 a{
	width:128px;
	background-position:-256px 0px;

	}
#glovalnavi ul li.navi03, #glovalnavi ul li.navi03{
	margin-right:200px;

	}	
	
#glovalnavi ul li.navi04, #glovalnavi ul li.navi04,
#glovalnavi ul li.navi04, #glovalnavi ul li.navi04 a {
	width:164px;
	background-position:-384px 0px;
	}

#glovalnavi ul li.navi05, #glovalnavi ul li.navi05,
#glovalnavi ul li.navi05, #glovalnavi ul li.navi05 a {
	width:117px;
	background-position:-553px 0px;
}

#glovalnavi ul li.navi06, #glovalnavi ul li.navi06,
#glovalnavi ul li.navi06, #glovalnavi ul li.navi06 a {
	width:134px;
	background-position:-674px 0px;
}

#glovalnavi .navi02 a:hover{
	background-position:-92px -52px;
	}

#glovalnavi .navi03 a:hover{
	background-position:-256px -52px;
	}

#glovalnavi .navi04 a:hover{
	background-position:-384px -52px;
	}
	
#glovalnavi .navi05 a:hover{
	background-position:-553px -52px;
	}

#glovalnavi .navi06 a:hover{
	background-position:-674px -52px;
	}



/* top
----------------------------------------------------------------------------- */
#container{
	width:100%
	
}

#maincontents{
	width:697px;
	float:left;
	_margin-left:-10px;
}


#maincontents .box01,
#maincontents .box02{
	background-repeat: repeat-y;
	background-position: center top;
	margin-bottom: 20px;
}

#maincontents .box01{
	background-image:url(../img/top/box1_bk.gif);
}

#maincontents .box02{
	background-image:url(../img/top/box2_bk.gif);
}

#maincontents .box01 .box_top,
#maincontents .box02 .box_top{
	background-repeat: no-repeat;
	background-position: center top;
}
#maincontents .box01 .box_top{
	background-image:url(../img/top/box1_top.gif);
}

#maincontents .box02 .box_top{
	background-image:url(../img/top/box2_top.gif);
}
#maincontents .box01 .box_bottom,
#maincontents .box02 .box_bottom{
	background-repeat: no-repeat;
	background-position: center bottom;
}

#maincontents .box01 .box_bottom{
	background-image:url(../img/top/box1_bottom.gif);
}

#maincontents .box02 .box_bottom{
	background-image:url(../img/top/box2_bottom.gif);
}
#maincontents .box01 .box_in,
#maincontents .box02 .box_in{
	background-repeat: no-repeat;
	background-position: center 60px;
	padding-left: 50px;
	padding-bottom: 10px;
}

#maincontents .box01 .box_in{
	background-image:url(../img/top/box1.png);
	background-position: center top;
}

#maincontents .box02 .box_in{
	background-image:url(../img/top/box2.png);
	background-position: center bottom;
}
* html #maincontents .box01 .box_in{
	background-image:url(../img/top/box1.gif);

}

* html #maincontents .box02 .box_in{
	background-image:url(../img/top/box2.gif);

}

#maincontents .box01 .box_in .boxs1,
#maincontents .box01 .box_in .boxs2,
#maincontents .box02 .box_in .boxs1,
#maincontents .box02 .box_in .boxs2{
	width:310px;
	float:left;
	}

#maincontents .box01 .box_in .boxs2,
#maincontents .box02 .box_in .boxs2{
	margin-left:20px;
	}

#maincontents .box01 .box_in .boxs1 h2 a,
#maincontents .box01 .box_in .boxs2 h2 a,
#maincontents .box02 .box_in .boxs1 h2 a,
#maincontents .box02 .box_in .boxs2 h2 a{
	text-indent:-9999px;
	width:310px;
	height:50px;
	display:block;
	}

#maincontents .box01 .box_in .boxs1 div{
	padding: 10px 10px 10px 180px;
	}

#maincontents .box01 .box_in .boxs2 div{
	padding: 10px 10px 10px 160px;
	}
	
#maincontents .box02 .box_in .boxs1 div{
	padding: 10px 10px 10px 180px;
	}

#maincontents .box02 .box_in .boxs2 div{
	padding: 10px 10px 10px 170px;
	}	

#maincontents .box01 .box_in .boxs1 div p,
#maincontents .box02 .box_in .boxs1 div p{
	margin-bottom:0.5em;}

#maincontents .box03_wrap{
	margin-left:5px;
}


#maincontents .box03{
	background-repeat: repeat-y;
	background-position: center top;
	margin-bottom: 20px;
	background-image:url(../img/top/box3bk.gif);
}

#maincontents .box03 .box_top{
	background-repeat: no-repeat;
	background-position: center top;
	background-image:url(../img/top/box3top.gif);
}

#maincontents .box03 .box_bottom{
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image:url(../img/top/box3bot.gif);
}

#maincontents .box03 .boxs1{
	width:135px;
	float:left;
	margin-left: 58px;
	_margin-left: 29px;
	margin-top: 15px;
}

#maincontents .box03 .boxs2,
#maincontents .box03 .boxs3,
#maincontents .box03 .boxs4{
	width:135px;
	float:left;
	margin-left: 27px;
	margin-top: 15px;
}


#maincontents .box03 h3{
	margin-top:10px;
	margin-bottom:10px;
}

#maincontents .box03 .text{
	min-height:5.5em;
}


#maincontents .box03 .button{
	background-image:url(../img/top/detail_g.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	text-indent:-9999px;
	width:135px;
	height:14px;
	float:right;
	margin-bottom: 1.5em;
}

#maincontents .box03 .button a{
	height:14px;
	width:61px;
	display:block;
	float:right;
}

#maincontents .box03 .box_in .boxs1 div p,
#maincontents .box03 .box_in .boxs2 div p,
#maincontents .box03 .box_in .boxs3 div p,
#maincontents .box03 .box_in .boxs4 div p{
	margin-bottom:0.5em;
}


#maincontents .button{
	background-image:url(../img/top/detail_p.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	text-indent:-9999px;
	width:135px;
	height:22px;
	float:right;
}

#maincontents .button a{
	height:22px;
	width:87px;
	display:block;
	float:right;
}


#maincontents .detail{
	position:relative;
	width:655px;
	height:20px;
	top: 1px;
	left: 52px;
}

#maincontents .detail a{
	position:absolute;
	*background-image:url(../img/top/spacer.gif);
	*background-repeat:no-repeat;
	z-index:45;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	left: 557px;
	top: 390px;
	*width:72px;
	*height:22px;
}

#maincontents .detail ul li.link0 a {
	top:-1px;
	left:76px;
	width:72px;
	height:22px;
}

#maincontents .detail ul li.link1 a {
	top:-1px;
	left:235px;
	width:72px;
	height:22px;
}

#maincontents .detail ul li.link2 a {
	top:-1px;
	left:397px;
	width:72px;
	height:22px;
}

#maincontents .detail ul li.link3 a {
	top:-1px;
	right:686px;
	width:72px;
	height:22px;
}


#localnavi{
	width:320px;
	float:right;
	height: auto;
	margin-right: -17px;
	_position:relative;
}


#localnavi .info{
	width:283px;
	height:306px;
	background-image:url(../img/top/info.jpg);
	background-repeat:no-repeat;
	float: right;
	margin-right:30px;
	_margin-right:5px;

}

#localnavi .info #news_wrap{
	height:200px;
	width:240px;
	overflow: auto;
	overflow-x:hidden;
	margin-top:80px;
	margin-left: 20px;
}
#localnavi .info iframe{
	height:200px;
	width:240px;
	_overflow-x:hidden;
	margin-top:80px;
	margin-left: 20px;
}
	
#localnavi img{
	float:right;
	margin-right:35px;
	_margin-right:17px;
	margin-bottom: 10px;
	_margin-bottom: 5px;
}

#localnavi .info_bk{
	background-image:url(../img/top/infobk.gif);
	background-repeat:repeat-y;
	background-position:center;
	width:283px;
	float:left;
}



#localnavi .info_top{
	background-image:url(../img/top/infotop.gif);
	background-repeat:no-repeat;
	background-position:center top;
	width:283px;
	height:74px;
	float:left;
}

#localnavi .info_btm{
	background-image:url(../img/top/infobtm.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	width:283px;
	height:31px;
}

#localnavi iframe{
	height: 119px;
	width: 217px;
	float: left;
	margin-left: 34px;
	_margin-left: 32px;
	overflow-x:hidden;
	font-size:80%;
}


#map{
	height:394px;
	width:1000px;
	clear:both;
	margin:0 auto;
}

#map img{
	float:right;
}


#footer .upper{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	float:right;
	margin-bottom: 20px;
	margin-top:50px;
}

#footer .upper h2{
	background-image:url(../img/common/foot_logo.jpg);
	background-repeat:no-repeat;
	width:280px;
	height:66px;
	text-indent:-9999px;
	float:left;
	margin-top: 10px;
	_margin-top: 5px;
	margin-right: 20px;
	_margin-right: 10px;
}

#footer .upper h2 a{
	display:block;
	height:66px;
	width:280px;
	float:left;
}

#footer .upper .phone{
	width:380px;
	float:left;
}
	
/*#footer .upper .phone dl .address{
	color: #F66;
}
*/
#footer .upper .phone dl{
	font-size: 92%;
	margin-bottom: 10px;
	color: #F66;
}
#footer .upper .phone dt{
	width: 7em;
	float: left;
}
#footer .upper .phone dd{

	padding-left: 7em;
}


#footer .upper #foot_navi{
	width:305px;
	float: left;
	margin-left: -40px;
	_margin-left: -20px;
	padding-top: 10px;
	_position:relative;
	height:50px;
}


#footer .upper #foot_navi ul li{
	height:50px;
	background-image:url(../img/common/foot_navi.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	float:left;
	padding:0;
}

#footer .upper #foot_navi ul li a{
	background-image:url(../img/common/foot_navi.gif);
	background-repeat: no-repeat;
	height:50px;
	display:block;
}
	
#footer .upper #foot_navi ul li.navi01, #foot_navi ul li.navi01 a{
	width:153px;
	background-position:0px 0px;
}

#footer .upper #foot_navi ul li.navi02, #foot_navi ul li.navi02 a{
	width:152px;
	background-position:-153px 0px;
	}

#footer .upper #foot_navi ul li.navi01 a:hover{
	background-position:0px -54px;
	}


#footer .upper #foot_navi ul li.navi02 a:hover{
	background-position:-153px -54px;
	}
	
#footer2 .lower{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}


#footer2 .left{
	width: 470px;
	float: left;
	padding-left: 30px;
}

#footer2 .right{
	float: right;
	width: 500px;
	padding-top: 15px;
}



#footer2 .left h2{
	background-image:url(../img/common/foot_logo.gif);	
	background-repeat: no-repeat;
	height: 35px;
	width: 261px;
	text-indent: -9999px;
	margin-bottom: 10px;
	_margin-bottom: 5px;
}

#footer2 .left h2 a{
	height:35px;
	width:261px;
	display:block;
}

#footer2 .left dl{
	font-size: 92%;
	margin-bottom: 10px;
	color: #959595;
}
#footer2 .left dt{
	width: 7em;
	float: left;
}
#footer2 .left dd{

	padding-left: 7em;
}
#footer2 .left p strong{
	display:none;
}
#footer2 .left p span{
	color: #933;
}

#footer2 .lower #shop_navi ul{
	width:458px;
	float: left;
	padding-top: 10px;
}

#footer2.lower #shop_navi ul li{
	height:23px;
	background-image:url(../img/common/foot_shop.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	float:left;
}

#footer2 .lower #shop_navi ul li a{
	background-image:url(../img/common/foot_shop.gif);
	background-repeat: no-repeat;
	height:23px;
	float:left;
	text-indent:-9999px;
	padding-right:5px;
	_padding-right:0px;
}


#footer2 .lower #shop_navi ul li.navi03, #shop_navi ul li.navi03 a{
	display:block;
	width:157px;
	background-position:0px 0px;
	float:left;
	}

#footer2 .lower #shop_navi ul li.navi04, #shop_navi ul li.navi04 a{
	display:block;
	width:163px;
	background-position:-157px 0px;
	float:left;
	}

#footer2 .lower #shop_navi ul li.navi05, #shop_navi ul li.navi05 a{
	display:block;
	width:137px;
	background-position:-320px 0px;
	float:left;
	}


#footer2 .lower #shop_navi ul li.navi03 a:hover{
	background-position:0px -28px;
	}

#footer2 .lower #shop_navi ul li.navi04 a:hover{
	background-position:-157px -28px;
	}

#footer2 .lower #shop_navi ul li.navi05 a:hover{
	background-position:-320px -28px;
	}

#footer2 #address{
	font-size: 77%;
	text-align: center;
	clear:both;
	padding-top:20px;
	color: #959595;
}