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

 file name  :homepage.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */
/* -----------------------------------------------------------
	TOP
----------------------------------------------------------- */

/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	margin:0 auto;
	background: url(../images/home/bg_page.gif) center top repeat-x;
}

/*----------------------------------------------------
	#top_contents
----------------------------------------------------*/
#top_contents {
	background: url(../images/home/bg.jpg) center top;
}


/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
	margin: 0 auto;
	background: url(../images/home/bg_main.png) center top no-repeat;
	height:684px;
}
#header #flash {
	position:relative;
	z-index:1;
	height:451px;
	text-align:center;
	top:222px;
	margin:0 auto;
}
#header .con_header {
	height:673px;
	background: url(../images/home/bg_photoimage.png) center top no-repeat;
	width:100%;
	margin:-451px auto 0 auto;
	position:relative;
	z-index:500;
}

#header .box_header {
	width:980px;
	position:relative;
	margin: 0 auto;
	z-index:50;
}
#header .box_header h1 {
	position:absolute;
	background: url(../images/home/logo.gif) left top no-repeat;
	left:0;
	top:0;
	width:259px;
	height:49px;
}
#header .box_header h1 a {
	width:259px;
	height:49px;
}
#header .con_header h2 {
	position:absolute;
	left:12px;
	top:58px;
	width:725px;
	text-indent:0;
	height:170px;
}



/*----------------------------------------------------
	#mainpoint
----------------------------------------------------*/
#mainpoint {
	margin: 0 auto;
	padding:0 0 30px 0;
	background: url(../images/home/bg_eightpoint.png) center top no-repeat;
}
#mainpoint .con_point {
	margin:0 auto;
	width:960px;
	overflow:hidden;
}
#mainpoint .con_point h3 {
	float:left;
	width:164px;
	height:150px;
	text-indent:-9999em;
	font-size:1px;
	line-height:0;
}
#mainpoint .con_point p.txt {
	float:left;
	width:743px;
	padding:22px 0 0 0;
}
#mainpoint .con_pointlist {
	background: url(../images/home/bg_point.gif) center top;
	margin: 42px auto 0 auto;
	height:535px;
	width:960px;
	position:relative;
}
#mainpoint .box_point8 {
	background: url(../images/home/bg_eightpoint.jpg) left bottom no-repeat;
	position:absolute;
	left:0px;
	top:-27px;
	width:830px;
	padding:0 0 0 130px;
	height:560px;
}
#mainpoint .con_pointlist .box_point {
	float:left;
	height:279px;
	text-align:center;
}
#mainpoint .con_pointlist .box_point h4 {
	padding:6px 0 9px 0;
}
/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	background: url(../../images/bg_contents.png) repeat-y center top;
}
/*----------------------------------------------------
	.contents_inner
----------------------------------------------------*/
#contents div.contents_inner {
	width:960px;
	background:none;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
* html #contents div.contents_inner {
	height:565px;
}

/*----------------------------------------------------
	#main
----------------------------------------------------*/

#contents #main {
	width:960px;
	margin:0 auto;
	padding:15px 0 0 0;
	background:none;
}

/*----------------------------------------------------
	.con_qkamap
----------------------------------------------------*/
#contents #main .con_qkamap {
	width:960px;
	background:url(../images/home/bg_maptitle.gif) left 37px no-repeat;
	height:510px;
	position:relative;
}
#contents #main .con_qkamap .box_title {
	height:446px;
	position:relative;
	width:351px;
	overflow:hidden;
}
#contents #main .con_qkamap .box_title p {
	padding:15px 0 0 63px;
}
#contents #main .con_qkamap .box_title .photo1 {
	position:absolute;
	left:272px;
	top:0px;
	padding:0;
}
#contents #main .con_qkamap .box_title .photo2 {
	position:absolute;
	left:31px;
	top:168px;
	padding:0;
}
#contents #main .con_qkamap p.btnlink {
	text-align:right;
	padding:0;
}

/*----------------------------------------------------
	.maplink
----------------------------------------------------*/
#main .maplink {
	position:absolute;
	background: url(../images/home/bg_map.png) right top no-repeat;
	right:0;
	top:0;
	width:744px;
	height:455px;
	font-size:1px;
	line-height:0;
	z-index:15;
}
#main .maplink ul li {
	position:absolute;
}
#main .maplink ul li a {
	display:block;
	text-indent:-9999em;
}

/* ▼地図上各施設リンクエリア▼ */
#main .maplink li.area1 ,
#main .maplink li.area1_on {
	right:84px;
	top:23px;
}
#main .maplink li.area1 a ,
#main .maplink li.area1_on a {
	width:62px;
	height:17px;
}
#main .maplink li.area1 a:hover {
	background:url(../images/home/txt_area1.gif) left top no-repeat;
}
/**/
#main .maplink li.area2 ,
#main .maplink li.area2_on {
	right:55px;
	top:117px;
}
#main .maplink li.area2 a ,
#main .maplink li.area2_on a {
	width:106px;
	height:17px;
}
#main .maplink li.area2 a:hover {
	background:url(../images/home/txt_area2.gif) left top no-repeat;
}
/**/
#main .maplink li.area3 ,
#main .maplink li.area3_on ,
#main .maplink li.area3_stop {
	right:63px;
	top:146px;
}
#main .maplink li.area3 a ,
#main .maplink li.area3_on a {
	width:77px;
	height:17px;
}
#main .maplink li.area3 a:hover {
	background:url(../images/home/txt_area3.gif) left top no-repeat;
}
#main .maplink li.area3_stop {
	display:block;
	width:120px;
	height:20px;
	text-indent:-9999em;
	font-size:1px;
	background:url(../images/home/txt_area3_st.gif) left top no-repeat;
}

/**/
#main .maplink li.area4 ,
#main .maplink li.area4_on {
	left:308px;
	top:13px;
}
#main .maplink li.area4 a ,
#main .maplink li.area4_on a {
	width:93px;
	height:18px;
}
#main .maplink li.area4 a:hover {
	background:url(../images/home/txt_area4.gif) left top no-repeat;
}
/**/
#main .maplink li.area5 ,
#main .maplink li.area5_on  {
	right :49px;
	top:170px;
}
#main .maplink li.area5 a ,
#main .maplink li.area5_on a {
	width:92px;
	height:17px;
}
#main .maplink li.area5 a:hover {
	background:url(../images/home/txt_area5.gif) left top no-repeat;
}
#main .maplink li.area5_stop {
	display:block;
	width:134px;
	height:20px;
	text-indent:-9999em;
	font-size:1px;
	background:url(../images/home/txt_area5_st.gif) left top no-repeat;
}

/**/
#main .maplink li.area6 ,
#main .maplink li.area6_on {
	left:308px;
	top:34px;
}
#main .maplink li.area6 a ,
#main .maplink li.area6_on a {
	width:48px;
	height:17px;
}
#main .maplink li.area6 a:hover {
	background:url(../images/home/txt_area6.gif) left top no-repeat;
}
/**/
#main .maplink li.area7 ,
#main .maplink li.area7_on {
	right:93px;
	top:198px;
}
#main .maplink li.area7 a ,
#main .maplink li.area7_on a {
	width:64px;
	height:17px;
}
#main .maplink li.area7 a:hover {
	background:url(../images/home/txt_area7.gif) left top no-repeat;
}
/**/
#main .maplink li.area8 ,
#main .maplink li.area8_on {
	right:111px;
	top:219px;
}
#main .maplink li.area8 a ,
#main .maplink li.area8_on a {
	width:50px;
	height:17px;
}
#main .maplink li.area8 a:hover {
	background:url(../images/home/txt_area8.gif) left top no-repeat;
}

/**/
#main .maplink li.area10 ,
#main .maplink li.area10_on {
	right:14px;
	top:255px;
}
#main .maplink li.area10 a ,
#main .maplink li.area10_on a {
	width:79px;
	height:17px;
}
#main .maplink li.area10 a:hover {
	background:url(../images/home/txt_area10.gif) left top no-repeat;
}

/**/
#main .maplink li.area11 ,
#main .maplink li.area11_on {
	right:54px;
	top:336px;
}
#main .maplink li.area11 a ,
#main .maplink li.area11_on a {
	width:50px;
	height:17px;
}
#main .maplink li.area11 a:hover {
	background:url(../images/home/txt_area11.gif) left top no-repeat;
}

/**/
#main .maplink li.area12 ,
#main .maplink li.area12_on {
	right:82px;
	top:239px;
}
#main .maplink li.area12 a ,
#main .maplink li.area12_on a {
	width:79px;
	height:17px;
}
#main .maplink li.area12 a:hover {
	background:url(../images/home/txt_area12.gif) left top no-repeat;
}
/**/
#main .maplink li.area13 ,
#main .maplink li.area13_on {
	right:482px;
	top:40px;
}
#main .maplink li.area13 a ,
#main .maplink li.area13_on a {
	width:50px;
	height:17px;
}
#main .maplink li.area13 a:hover {
	background:url(../images/home/txt_area13.gif) left top no-repeat;
}
/**/
	#main .maplink li.area14 ,
#main .maplink li.area14_on {
	right:22px;
	top:275px;
}
#main .maplink li.area14 a ,
#main .maplink li.area14_on a {
	width:81px;
	height:18px;
}
#main .maplink li.area14 a:hover {
	background:url(../images/home/txt_area14.gif) left top no-repeat;
}
/**/
#main .maplink li.area15 ,
#main .maplink li.area15_on {
	right:67px;
	top:356px;
}
#main .maplink li.area15 a ,
#main .maplink li.area15_on a {
	width:63px;
	height:17px;
}
#main .maplink li.area15 a:hover {
	background:url(../images/home/txt_area15.gif) left top no-repeat;
}

/**/
#main .maplink li.area17 ,
#main .maplink li.area17_on {
	right:89px;
	top:377px;
}
#main .maplink li.area17 a ,
#main .maplink li.area17_on a {
	width:65px;
	height:17px;
}
#main .maplink li.area17 a:hover {
	background:url(../images/home/txt_area17.gif) left top no-repeat;
}
/**/
#main .maplink li.area18 ,
#main .maplink li.area18_on {
	right:11px;
	top:318px;
}
#main .maplink li.area18 a ,
#main .maplink li.area18_on a {
	width:92px;
	height:17px;
}
#main .maplink li.area18 a:hover {
	background:url(../images/home/txt_area18.gif) left top no-repeat;
}
/**/
#main .maplink li.area19 ,
#main .maplink li.area19_on {
	right:440px;
	top:60px;
}
#main .maplink li.area19 a ,
#main .maplink li.area19_on a {
	width:92px;
	height:18px;
}
#main .maplink li.area19 a:hover {
	background:url(../images/home/txt_area19.gif) left top no-repeat;
}
/**/
#main .maplink li.area20 ,
#main .maplink li.area20_on {
	right:454px;
	top:80px;
}
#main .maplink li.area20 a ,
#main .maplink li.area20_on a {
	width:78px;
	height:18px;
}
#main .maplink li.area20 a:hover {
	background:url(../images/home/txt_area20.gif) left top no-repeat;
}
/**/
#main .maplink li.area21 ,
#main .maplink li.area21_on {
	right:263px;
	top:343px;
}
#main .maplink li.area21 a ,
#main .maplink li.area21_on a {
	width:76px;
	height:17px;
}
#main .maplink li.area21 a:hover {
	background:url(../images/home/txt_area21.gif) left top no-repeat;
}
/**/
#main .maplink li.area22 ,
#main .maplink li.area22_on {
	left:345px;
	top:416px;
}
#main .maplink li.area22 a ,
#main .maplink li.area22_on a {
	width:65px;
	height:17px;
}
#main .maplink li.area22 a:hover {
	background:url(../images/home/txt_area22.gif) left top no-repeat;
}
/**/
#main .maplink li.area23 ,
#main .maplink li.area23_on {
	left:213px;
	top:99px;
}
#main .maplink li.area23 a ,
#main .maplink li.area23_on a {
	width:79px;
	height:18px;
}
#main .maplink li.area23 a:hover {
	background:url(../images/home/txt_area23.gif) left top no-repeat;
}
/**/
#main .maplink li.area24 ,
#main .maplink li.area24_on {
	right:285px;
	top:372px;
}
#main .maplink li.area24 a ,
#main .maplink li.area24_on a {
	width:77px;
	height:17px;
}
#main .maplink li.area24 a:hover {
	background:url(../images/home/txt_area24.gif) left top no-repeat;
}
/**/
#main .maplink li.area25 ,
#main .maplink li.area25_on {
	right:273px;
	top:396px;
}
#main .maplink li.area25 a ,
#main .maplink li.area25_on a {
	width:79px;
	height:17px;
}
#main .maplink li.area25 a:hover {
	background:url(../images/home/txt_area25.gif) left top no-repeat;
}
/**/
#main .maplink li.area26 ,
#main .maplink li.area26_on {
	left:158px;
	top:151px;
}
#main .maplink li.area26 a ,
#main .maplink li.area26_on a {
	width:64px;
	height:18px;
}
#main .maplink li.area26 a:hover {
	background:url(../images/home/txt_area26.gif) left top no-repeat;
}
/**/
#main .maplink li.area27 ,
#main .maplink li.area27_on {
	left:158px;
	top:131px;
}
#main .maplink li.area27 a ,
#main .maplink li.area27_on a {
	width:79px;
	height:18px;
}
#main .maplink li.area27 a:hover {
	background:url(../images/home/txt_area27.gif) left top no-repeat;
}
/**/
#main .maplink li.area29 ,
#main .maplink li.area29_on {
	left:86px;
	top:213px;
}
#main .maplink li.area29 a ,
#main .maplink li.area29_on a {
	width:79px;
	height:18px;
}
#main .maplink li.area29 a:hover {
	background:url(../images/home/txt_area29.gif) left top no-repeat;
}
/**/
#main .maplink li.area30 ,
#main .maplink li.area30_on {
	left:158px;
	top:193px;
}
#main .maplink li.area30 a ,
#main .maplink li.area30_on a {
	width:105px;
	height:18px;
}
#main .maplink li.area30 a:hover {
	background:url(../images/home/txt_area30.gif) left top no-repeat;
}
/**/
#main .maplink li.area31 ,
#main .maplink li.area31_on {
	left:158px;
	top:172px;
}
#main .maplink li.area31 a ,
#main .maplink li.area31_on a {
	width:65px;
	height:18px;
}
#main .maplink li.area31 a:hover {
	background:url(../images/home/txt_area31.gif) left top no-repeat;
}
/**/
#main .maplink li.area32 ,
#main .maplink li.area32_on {
	left:317px;
	bottom:0px;
}
#main .maplink li.area32 a ,
#main .maplink li.area32_on a {
	width:71px;
	height:15px;
}
#main .maplink li.area32 a:hover {
	background:url(../images/home/txt_area32.gif) left top no-repeat;
}
/**/
#main .maplink li.area33 ,
#main .maplink li.area33_on {
	left:242px;
	top:404px;
}
#main .maplink li.area33 a ,
#main .maplink li.area33_on a {
	width:72px;
	height:17px;
}
#main .maplink li.area33 a:hover {
	background:url(../images/home/txt_area33.gif) left top no-repeat;
}
/**/
#main .maplink li.area34 ,
#main .maplink li.area34_on {
	left:19px;
	top:234px;
}
#main .maplink li.area34 a ,
#main .maplink li.area34_on a {
	width:65px;
	height:18px;
}
#main .maplink li.area34 a:hover {
	background:url(../images/home/txt_area34.gif) left top no-repeat;
}
/**/
#main .maplink li.area35 ,
#main .maplink li.area35_on {
	left:1px;
	top:298px;
}
#main .maplink li.area35 a ,
#main .maplink li.area35_on a {
	width:50px;
	height:18px;
}
#main .maplink li.area35 a:hover {
	background:url(../images/home/txt_area35.gif) left top no-repeat;
}
/**/
#main .maplink li.area36 ,
#main .maplink li.area36_on {
	left:22px;
	top:318px;
}
#main .maplink li.area36 a ,
#main .maplink li.area36_on a {
	width:65px;
	height:18px;
}
#main .maplink li.area36 a:hover {
	background:url(../images/home/txt_area36.gif) left top no-repeat;
}
/**/
#main .maplink li.area37 ,
#main .maplink li.area37_on {
	left:17px;
	top:346px;
}
#main .maplink li.area37 a ,
#main .maplink li.area37_on a {
	width:51px;
	height:18px;
}
#main .maplink li.area37 a:hover {
	background:url(../images/home/txt_area37.gif) left top no-repeat;
}
/**/
#main .maplink li.area38 ,
#main .maplink li.area38_on {
	right:38px;
	top:294px;
}
#main .maplink li.area38 a ,
#main .maplink li.area38_on a {
	width:65px;
	height:17px;
}
#main .maplink li.area38 a:hover {
	background:url(../images/home/txt_area38.gif) left top no-repeat;
}
/* △地図上各施設リンクエリアここまで△ */



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

	#Subcontents

----------------------------------------------------*/
#Subcontents {
	background:url(../images/common/bg_subcontents.gif) center top repeat-y;
	margin:0 auto;
	padding:0;
}

#Subcontents #sub {
	margin:0 auto;
	width:960px;
	float:none;
	padding:0;
}


/*----------------------------------------------------
	.box_arealist
----------------------------------------------------*/
#sub .box_arealist {
	width:926px;
	background:#fff;
	overflow:hidden;
	padding:17px 17px 30px 17px;
}
#sub .box_arealist .arealist {
	float:left;
	width:280px;
	padding:30px 10px 0 15px;
}
#sub .box_arealist h4 {
	background:url(../images/home/bg_arealine.gif) left top no-repeat;
	padding:10px 0 10px 9px;
}
#sub .box_arealist ul li {
	background:url(../images/home/ic_vilist.gif) left top no-repeat;
	padding:3px 0 3px 20px;
}
#sub .box_arealist ul li span{
	font-size:80%;
	color:#C02208;
}

/*----------------------------------------------------
	.box_select
----------------------------------------------------*/
#contents #main .box_select {
	width:890px;
	padding:0 0 30px 0;
}
#contents #main .box_select ul {
	width:860px;
	overflow:hidden;
	padding:30px 0 30px 30px;
}
#contents #main .box_select ul li {
	float:left;
	width:240px;
	padding:0 30px 10px 10px;
}
#contents #main .box_select ul li input {
	margin:0 5px 0 0;
}
#contents #main .box_select p.search {
	text-align:center;
}


/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}

* html #mainpoint {
	padding:0 0 30px 1px;