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

 file name  :access.css
 author     :Ability Consultant
style info  :xxxページ設定　ハックは最下部に記述
=================================================================== */


/*----------------------------------------------------
	テーブル
----------------------------------------------------*/
#access #contents table th ,
#access #contents table td {
	padding:8px 14px;
	color:#000;
	border:1px solid #fff;
	background:#fff;
	border-collapse:collapse;
}
#access #contents table th {
	background:#cecece;
	text-align:center;
	vertical-align:middle;
}


/*----------------------------------------------------
	.subnav		サブナビ
----------------------------------------------------*/

/*	トップ
----------------------------------------------------*/
#access #contents .subnav li.sb_01 a {
	background: url(../access/images/sb_01.gif) 0 0 no-repeat;
}

#access #contents .subnav li.sb_02 a {
	background: url(../access/images/sb_02.gif) 0 0 no-repeat;
}

#access #contents .subnav li.sb_03 a {
	background: url(../access/images/sb_03.gif) 0 0 no-repeat;
}

#access #contents .subnav li.sb_04 a {
	background: url(../access/images/sb_04.gif) 0 0 no-repeat;
}

#access #contents .subnav li.sb_05 a {
	background: url(../access/images/sb_05.gif) 0 0 no-repeat;
}

#access #contents .subnav li a:hover,
#access #contents .subnav li a.active {
	background-position: -130px 0;
}



/*----------------------------------------------------
	.con_title		ページメニュー
----------------------------------------------------*/

#access .con_title {
	height: 440px;
	background: url(../access/images/top/img_main.jpg) center top no-repeat;
	position: relative;
	z-index: 1;
}

#access .con_title h2 {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	top:0;
	text-align: center;
	z-index: 999;
	padding: 90px 0 0 0;
}
#access .con_title .sc_area {
	position:relative;
	margin:0 auto;
	width:1000px;
	z-index: 1200;
	height:0;
}
#access .con_title .txt_scroll {
	position: absolute;
	top: 265px;
	right: 100px;
	z-index: 1500;
}

/* -----------------------------------------------------------
	.con_intro		INTRO
----------------------------------------------------------- */
#access .con_intro {
	margin: 0 auto 50px auto;
	width: 1000px;
	min-height:720px;
	background: url(../access/images/top/img_area.jpg) left 68px no-repeat;
}

#access .con_intro h3 {
	text-align:center;
}

#access .con_intro .box_intro {
	width: 420px;
	padding:30px 0 0 580px;
}
#access .con_intro .box_intro .logo {
	width: 420px;
	overflow:hidden;
	padding:0 0 8px 0;
}
#access .con_intro .box_intro .logo .title {
	float:left;
	width:155px;
}
#access .con_intro .box_intro .logo .title h4 {
	padding:0 0 3px 0;
}
#access .con_intro .box_intro .logo .add {
	float:left;
	width:265px;
}

#access .con_intro .box_intro p.photo {
	padding:0 0 15px 0;
}
#access .con_intro .box_intro p.info {
	padding:0 0 25px 0;
}
#access .con_intro .box_intro p.info span{
	color:#ff0000;
}
#access .con_intro .box_intro .att_area {
	border:1px dotted #000000;
	padding:15px 25px 25px 25px;
	width: 368px;
	line-height:1.8;
}
#access .con_intro .box_intro .att_area  p strong {
	color:#ff0000;
	font-weight:normal;
}
#access .con_intro .box_intro .att_area  p span {
	text-decoration: underline;
}
#access .con_intro .box_intro .att_area  p img {
	vertical-align:middle;
}
#access .con_intro .box_intro .att_area  p.btn {
	padding:20px 0 0 0;
}


/* -----------------------------------------------------------
	.con_park		駐車場からホテルまで
----------------------------------------------------------- */
#access .con_park {
	margin: 0 auto 70px auto;
}
#access .con_park h4 {
	text-align:center;
	padding:0 0 25px 0;
}
#access .con_park .box_park {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	padding:0 0 35px 0;
}
#access .con_park .box_park p.st {
	float:left;
	width:128px;
}
#access .con_park .box_park dl {
	float:left;
	width:206px;
	padding:0 ;
}
#access .con_park .box_park dl.one {
	background: url(../access/images/top/ic_rightarrow01_1.gif) 230px 0 no-repeat;
	padding:0 130px 0 0;
	margin-top: 30px;
}
#access .con_park .box_park dl.one_2 {
	background: url(../access/images/top/ic_rightarrow01.gif) 230px 19px no-repeat;
	padding: 0 130px 104px 0;
}
#access .con_park .box_park dl.two {
	background: url(../access/images/top/ic_rightarrow02.gif) 230px 19px no-repeat;
	padding: 0 130px 0 0;
}
#access .con_park .box_park dl dt {
	padding:0 0 5px 0;
}
#access .con_park .box_park dl dd {
	padding:0 0 8px 0;
}
#access .con_park .box_park .t_txt{
	clear: both;
	padding-top: 15px;
}
#access .con_park #gmap {
	width:100%;
	margin:0 auto;
	height:490px;
}

#access .con_park .mapinfo {
	width:1000px;
	margin:0 auto;
	padding:15px 0 0 0;
	overflow:hidden;
}
#access .con_park .mapinfo p.txt {
	float:left;
	width:700px;
	padding:0 20px 0 0;
}
#access .con_park .mapinfo p.btnmap {
	float:left;
	width:280px;
}


/* -----------------------------------------------------------
	.con_ship		駐車場からホテルまで
----------------------------------------------------------- */
#access .con_ship {
	background: url(../access/images/top/bg_gray.jpg) center top repeat;
	margin: 0 auto;
}
#access .con_ship .box_ship {
	background: url(../access/images/top/bg_grayhead.jpg) center top repeat-x;
	padding:80px 0;
}
#access .con_ship .box_ship h4 {
	text-align:center;
	padding:0 0 5px 0;
}
#access .con_ship .box_ship p.txt {
	text-align:center;
}
#access .con_ship .box_ship .box_shipinfo {
	margin:0 auto;
	width:1000px;
	overflow:hidden;
}
#access .con_ship .box_ship .box_shipinfo p.photo {
	float:left;
	width:700px;
}
#access .con_ship .box_ship .box_shipinfo .detail {
	float:left;
	width:300px;
}
#access .con_ship .box_ship .box_shipinfo .detail p.txt {
	padding:63px 0 20px 0;
	text-align:left;
}
#access .con_ship .box_ship .box_shipinfo .detail p.btn {
	text-align:right;
}


/* -----------------------------------------------------------
	.con_car		お車でのアクセス
----------------------------------------------------------- */
#access .con_car {
	background: url(../access/images/top/bg_white.jpg) center top repeat-x;
	margin: 0 auto ;
}
#access .con_car .box_car {
	margin:0 auto;
	padding:80px 0;
}
#access .con_car h4 ,
#access .con_train h4 ,
#access .con_plane h4 {
	text-align:center;
	padding:0 0 22px 0;
}
#access .con_car p.photo ,
#access .con_train p.photo ,
#access .con_plane p.photo {
	text-align:center;
	padding:0 0 40px 0;
}
#access .con_car .link ,
#access .con_train .link ,
#access .con_plane .link {
	margin:0 auto;
	width:721px;
	border:1px dotted #000;
	padding:1px;
}
#access .con_car .link table ,
#access .con_train .link table ,
#access .con_plane .link table {
	width:721px;
}


/* -----------------------------------------------------------
	.con_train		電車でのアクセス
----------------------------------------------------------- */
#access .con_train {
	background: url(../access/images/top/bg_gray.jpg) center top repeat;
	margin: 0 auto;
}
#access .con_train .box_train {
	background: url(../access/images/top/bg_grayhead.jpg) center top repeat-x;
	margin:0 auto;
	padding:80px 0;
}


/* -----------------------------------------------------------
	.con_plane		飛行機でのアクセス
----------------------------------------------------------- */
#access .con_plane {
	background: url(../access/images/top/bg_white.jpg) center top repeat-x;
	margin: 0 auto ;
}
#access .con_plane .box_plane {
	margin:0 auto;
	padding:80px 0;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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