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

 file name  :access.css
 author     :Ability Consultant
 style info :交通案内専用css　ハックは最下部に記述
=================================================================== */

/* -----------------------------------------------------------
	access
		交通案内　共通
----------------------------------------------------------- */

/* #topicPath - 宿泊プラン専用にパンくずの下部スペースを設定
-------------------------------------------------------------- */
#access #wrapper #contents #contents_wrapper #main #topicPath {
	height: 40px;
}

/* #sub - ヘッダ画像指定
------------------------------------------------ */
#access #wrapper #contents #contents_wrapper #sub h2#pagetitle_access {
	width: 250px;
	height: 480px;
	margin: 0 0 20px 0;
	background: url(../access/images/img_titleimage.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

/* 交通案内　タイトル
------------------------------------------------ */
#access #wrapper #contents #contents_wrapper #main h2 {
	width: 680px;
	height: 50px;
	margin: 0px 0px 15px;
	background: url(../access/images/st_access.gif) no-repeat;
	text-indent: -9999px;
}

/* 印刷用PDFボタン、GooglMapリンクボタン
------------------------------------------------ */
#access #wrapper #contents #contents_wrapper #main div.bt_link {
	width: 680px;
	overflow: hidden;
	margin: -5px 0px 0px;
}

#access #wrapper #contents #contents_wrapper #main div.bt_link p.print_link {
	float: right;
	width: 213px;
	height: 35px;
	text-indent: -9999px;
/*	background: url(../access/images/bt_print_pdf.gif) no-repeat;*/
/*     ↑　印刷用PDFが出来た時点で表示　 */
	margin: 0px 10px 0px 0px;
}

#access #wrapper #contents #contents_wrapper #main div.bt_link p.print_link a {
	width: 213px;
	height: 35px;
	display: block;
	outline: 0px;

}

#access #wrapper #contents #contents_wrapper #main div.bt_link p.google_link {
	float: right;
	width: 108px;
	height: 35px;
	text-indent: -9999px;
	background: url(../access/images/bt_google_map.gif) no-repeat;
}

#access #wrapper #contents #contents_wrapper #main div.bt_link p.google_link a {
	width: 108px;
	height: 35px;
	display: block;
	outline: 0px;
}


/* Acrobat Reader　ダウンロード
------------------------------------------------ */
#access #wrapper #contents #contents_wrapper #main div.pdf_link {
	clear: both; /*GoogleMapボタンのfloatをclear*/
	width: 680px;
	margin: 0px 0px 40px 0px;
	overflow: hidden;
}

#access #wrapper #contents #contents_wrapper #main div.pdf_link p {
	float: right;
	font-size: 85%;
	line-height: 1.2em;
}

#access #wrapper #contents #contents_wrapper #main div.pdf_link p img {
	width: 110px;
	vertical-align: top;
	margin: 0px 0px 0px 5px;
}


/* アクセス方法　タブ切り替えメニュー
------------------------------------------------ */

/* ---- メニュー共通 -----*/
#access #wrapper #contents #contents_wrapper #main ul.tabNav {
	width:680px;
	height:38px;
	margin: 0px;
	overflow:hidden;
	background: url(../access/images/menu_access_tab.gif) no-repeat left top;
}

#wrapper #contents #contents_wrapper #main ul.tabNav li {
	float:left;
}

#wrapper #contents #contents_wrapper #main ul.tabNav li a {
	display:block;
	height: 38px;
	text-indent: -9999px;
	outline: 0;
}

/* ---- メニュー個別 -----*/
#wrapper #contents #contents_wrapper #main ul.tabNav li.tb_access01 a {
	width: 165px;
}

#wrapper #contents #contents_wrapper #main ul.tabNav li.tb_access01 a:hover,
#wrapper #contents #contents_wrapper #main ul.tabNav li.tb_access01 a.active
 {
	background: url(../access/images/menu_access_tab.gif) no-repeat left -38px;
}

#wrapper #contents #contents_wrapper #main ul.tabNav li.tb_access02 a {
	width: 160px;
}

#wrapper #contents #contents_wrapper #main ul.tabNav li.tb_access02 a:hover,
#wrapper #contents #contents_wrapper #main ul.tabNav li.tb_access02 a.active
 {
	background: url(../access/images/menu_access_tab.gif) no-repeat -165px -38px;
}

#wrapper #contents #contents_wrapper #main ul.tabNav li.tb_access03 a {
	width: 155px;
}

#wrapper #contents #contents_wrapper #main ul.tabNav li.tb_access03 a:hover,
#wrapper #contents #contents_wrapper #main ul.tabNav li.tb_access03 a.active
 {
	background: url(../access/images/menu_access_tab.gif) no-repeat -325px -38px;
}

#wrapper #contents #contents_wrapper #main ul.tabNav li.tb_access04 a {
	width: 190px;
}

#wrapper #contents #contents_wrapper #main ul.tabNav li.tb_access04 a:hover,
#wrapper #contents #contents_wrapper #main ul.tabNav li.tb_access04 a.active
 {
	background: url(../access/images/menu_access_tab.gif) no-repeat -480px -38px;
}


/* アクセス方法　マップ部分背景
------------------------------------------------ */
#access #wrapper #contents #contents_wrapper #main #access_con {
	padding: 50px;
	background: url(../access/images/bg_access_frame.jpg) no-repeat;
	height: 1%; /*ホーリー・ハック：IE6以外のブラウザも考慮してこちらに記述*/
}

/* アクセス方法　地図部分
------------------------------------------------ */
#access #wrapper #contents #contents_wrapper #main #access_con p img {
	margin: 0px 0px 20px 0px;
}

/* アクセス方法　テーブル部分
------------------------------------------------ */
/* ---- テーブル上のキャプション部分 -----*/
#access #wrapper #contents #contents_wrapper #main #access_con p.table_title {
	font-weight: bold;
	margin: 20px 0px 5px;
}

/* ---- テーブル枠 -----*/
#access #wrapper #contents #contents_wrapper #main #access_con table {
	width: 580px;
	font-size: 90%;
	margin: 0px 0px 30px 0px;
	border-top: solid 2px #B6B6B6;
}

#access #wrapper #contents #contents_wrapper #main #access_con table th {
	width: 240px;
	white-space: nowrap;
	font-weight: normal;
	color: #646565;
	padding: 10px 5px 10px 20px;
	background-color: #EBEBEB;
	border-bottom: dotted 1px #A3A3A3;
}

#access #wrapper #contents #contents_wrapper #main #access_con table td {
	padding: 10px 10px 10px 20px;
	border-bottom: dotted 1px #A3A3A3;
}

/* ---- テーブル下のキャプション部分 -----*/
#access #wrapper #contents #contents_wrapper #main #access_con p.table_comment {
	text-align: right;
	margin: -22px 0px 10px;
}


/* アクセス方法　テーブル無しのキャプション部分
------------------------------------------------ */
#access #wrapper #contents #contents_wrapper #main #access_con p.text_title {
	font-weight: bold;
	padding: 20px 0px 2px;
	border-bottom: solid 2px #B6B6B6;
}

/* 外部サイトリンク
------------------------------------------------ */
#access #wrapper #contents #contents_wrapper #main #access_con ul.site_link ul {
	overflow: hidden;
	margin: 0px 0px 10px;
}

#access #wrapper #contents #contents_wrapper #main #access_con ul.site_link li {
	float: left;
	white-space: nowrap;	
	padding: 0px 20px 5px 0px;
}

/* 末尾の空きスペース調整
------------------------------------------------ */
#access #wrapper #contents #contents_wrapper #main .last_space {
	margin: 0px 0px 100px;
}



/* -----------------------------------------------------------
	access
		交通案内　個別
----------------------------------------------------------- */

/* 車利用
------------------------------------------------ */
#access #wrapper #contents #contents_wrapper #main #access_con #access_car p.access_car_con {
	overflow: hidden;
	margin: 20px 0px 0px;
}


#access #wrapper #contents #contents_wrapper #main #access_con #access_car p.access_car_con span {
	float: left;
	width: 330px;
}

#access #wrapper #contents #contents_wrapper #main #access_con #access_car p.access_car_con img {
	float: right;
	width: 231px;
	vertical-align: bottom;
}


/* 印刷用PDFボタン */
#access #wrapper #contents #contents_wrapper #main #access_con #access_car p.bt_access_ic_pdf {
	width: 291px;
	height: 35px;
	text-indent: -9999px;
	background: url(../access/images/bt_access_ic_pdf.gif) no-repeat;
}

#access #wrapper #contents #contents_wrapper #main #access_con #access_car p.bt_access_ic_pdf a {
	width: 291px;
	height: 35px;
	display: block; 
	outline: 0px;
	margin: -20px 0px 0px;
}


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

	hack - 各種cssハック - for IE7

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

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

	hack - 各種cssハック - for IE6

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