@charset "utf-8";

/*------------------------------------------------------------------------------

	[ファイル名]	home.css
	
	[概要]			トップページレイアウト用
	
	[目次]
		・clearFix／画像代替／非表示部
	
------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------

								clearFix
								
------------------------------------------------------------------------------*/
div#sectionMap:after,
div#sectionMap div.sectionZone:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

/* Win IE7 */
*:first-child + html div#sectionMap,
*:first-child + html div#sectionMap div.sectionZone
{
	min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html div#sectionMap,
* html div#sectionMap div.sectionZone
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
div#sectionMap,
div#sectionMap div.sectionZone
{
	display: inline-table;
}
/* End Mac IE */



/*------------------------------------------------------------------------------

							テキスト画像代替
							
------------------------------------------------------------------------------*/
div#mainContent h2,
div#sectionMap ul#zoneNav li a,
div.sectionZone h3,
div.sectionZone p.buttonBack a
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}



/*------------------------------------------------------------------------------

								非表示部
								
------------------------------------------------------------------------------*/
div#header h1,
div#header p
{
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -9999;
	width: 0;
	height: 0;
	overflow: hidden;
}


/*------------------------------------------------------------------------------

								body
								
------------------------------------------------------------------------------*/
body{
	background: url(../../images/home/body_bg.jpg) repeat-x center top;
}


/*------------------------------------------------------------------------------

								div#wrapper
								
------------------------------------------------------------------------------*/
div#wrapper{
	width: 900px;
	min-height: 400px;
}

/* Win IE6 */
* html div#wrapper{
	height: 400px;
}
/* End Win IE6 */

/*------------------------------------------------------------------------------

								#header
								
------------------------------------------------------------------------------*/
div#header{
	width: 900px;
	height: 246px;
	margin-bottom: 8px;
	padding-top: 0px;
	background: url(../../images/home/site_id.jpg) no-repeat scroll left top;
}

* html div#header{
	height: 246px;
}


/*------------------------------------------------------------------------------

								div#contentWrapper
								
------------------------------------------------------------------------------*/
div#contentWrapper{
	background-image: none;
}


/*------------------------------------------------------------------------------

								#mainContent
								
------------------------------------------------------------------------------*/
div#mainContent{
	width: 900px;
}

div#mainContent h2{
	width: 240px;
	height: 35px;
	background: no-repeat scroll left top;
}

/*------------------------------------------------------------------------------

								#sectionInfo
								
------------------------------------------------------------------------------*/
div#sectionInfo{
	float: left;
	width: 240px;
}

div#sectionInfo div#businessHours h2{
	margin-bottom: 7px;
	background-image: url(../../images/home/business_hours_h.gif);
}

div#sectionInfo div#businessHours p.text{
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #7f7f7f;
	font-size: 75%;
	text-align: left;
}

/*------------------------------------------------------------------------------

								#sectionMap
								
------------------------------------------------------------------------------*/
div#sectionMap{
	position: relative;
	float: right;
	width: 640px;
	height: 317px;
	background: url(../../images/home/map_bg_middle.gif) repeat-y scroll left top;
}

div#sectionMap div.inner{
	width: 640px;
	height: 317px;
	background: url(../../images/home/map_bg_bottom.gif) no-repeat scroll left bottom;
}

div#sectionMap div.inner2{
	width: 640px;
	height: 317px;
	background: url(../../images/home/map_bg_header.gif) no-repeat scroll left top;
}

/*----- #zoneNav -----*/
div#sectionMap ul#zoneNav{
	float: left;
	width: 45px;
	margin-right: 10px;
}

div#sectionMap ul#zoneNav li,
div#sectionMap ul#zoneNav li a{
	width: 45px;
	height: 106px;
	background: no-repeat scroll left top;
}

/*----- li ロールオーバー時画像指定 -----*/
div#sectionMap ul#zoneNav li#zoneNavAB{
	background-image: url(../../images/home/map_button_ab.gif);
}

div#sectionMap ul#zoneNav li#zoneNavC{
	background-image: url(../../images/home/map_button_c.gif);
}

div#sectionMap ul#zoneNav li#zoneNavDE{
	background-image: url(../../images/home/map_button_de.gif);
}

/*----- li a 横幅／通常時画像指定 -----*/
div#sectionMap ul#zoneNav li#zoneNavAB a{
	background-image: url(../../images/home/map_button_ab_ov.gif);
}

div#sectionMap ul#zoneNav li#zoneNavC a{
	background-image: url(../../images/home/map_button_c_ov.gif);
}

div#sectionMap ul#zoneNav li#zoneNavDE a{
	background-image: url(../../images/home/map_button_de_ov.gif);
}

/*----- ロールオーバー動作指定 -----*/
div#sectionMap ul#zoneNav li a.ov,div#sectionMap ul#zoneNav li a:hover{
	background-image: none!important;
}


/*----- .sectionZone -----*/
div.sectionZone{
	float: left;
	width: 575px;
	padding-top: 10px;
}

div.sectionZone h3{
	width: 162px;
	height: 25px;
	margin-bottom: 5px;
	background: no-repeat scroll left top;
}

div.sectionZone div.zoneList{
	float: left;
	overflow: auto;
	width: 180px;
	height: 295px;
	text-align: left;
}

div.sectionZone div.zoneMap{
	float: right;
	width: 390px;
}

div.sectionZone div.zoneList ul{
	width: 162px;
	margin-bottom: 20px;
	font-size: 65%;
	text-align: left;
}

div.sectionZone div.zoneList ul li{
	padding: 3px 2px 4px 10px;
	background: url(../../images/home/arrow.gif) no-repeat scroll left center;
}

div.sectionZone div.zoneList ul li.even{
	background-color: #f2f2f2;
}

/*----- .buttonBack -----*/
div.sectionZone p.buttonBack{
	clear: both;
	position: absolute;
	right: 0;
	bottom: 0px;
}

div.sectionZone p.buttonBack,
div.sectionZone p.buttonBack a{
	width: 112px;
	height: 21px;
	background: no-repeat scroll left top;
}

/*----- li ロールオーバー時画像指定 -----*/
div.sectionZone p.buttonBack{
	background-image: url(../../images/home/map_button_back_ov.gif);
}

/*----- li a 横幅／通常時画像指定 -----*/
div.sectionZone p.buttonBack a{
	background-image: url(../../images/home/map_button_back.gif);
}

/*----- ロールオーバー動作指定 -----*/
div.sectionZone p.buttonBack a:hover{
	background-image: none!important;
}


/*----- #zoneAll -----*/
div#zoneAll{
}

/*----- #zoneAB -----*/
div#zoneAB{
	display: none;
}

div#zoneAB ul{
	margin-left: 10px;
}

div#zoneAB h3#zoneA{
	margin-left: 10px;
	background-image: url(../../images/home/h_zone_a.gif);
}

div#zoneAB h3#zoneB{
	margin-left: 10px;
	background-image: url(../../images/home/h_zone_b.gif);
}

/*----- #zoneC -----*/
div#zoneC{
	display: none;
}

div#zoneC h3{
	background-image: url(../../images/home/h_zone_c.gif);
}

/*----- #zoneDE -----*/
div#zoneDE{
	display: none;
}

div#zoneDE h3#zoneD{
	background-image: url(../../images/home/h_zone_d.gif);
}

div#zoneDE h3#zoneE{
	background-image: url(../../images/home/h_zone_e.gif);
}









.banner {
	margin-top: 10px;
}