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

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


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
#access .box_accessmap #gmap img,
#access .box_accessmap #gmap object,
#access .box_accessmap #gmap embed {max-width: none;}


/* ライブは新時代へ。
----------------------------------------------------------- */

#access .con_intro{
	width:100%;
	margin:0 auto 10px;
	overflow:hidden;
}

#access .con_intro h3{
	float: left;
}

#access .con_intro .txt_english {
	float: right;
	/*width:100px\9;*/
	width:100px;
}

#access .con_intro .txt_english a{
	color: #131313;
	background: url(../images/btn_li_black.gif) 5px center no-repeat #a5bfdd;
	padding:1% 5% 1% 25px;
	display: inline-block;
}

@media screen and (max-width: 768px) {
	#access .con_intro h3,
	#access .con_intro .txt_english {
		float: none;
	}
	
	#access .con_intro h3{
		margin-bottom:10px;
	}
	
	#access .con_intro .txt_english a{
		padding:1% 5% 1% 25px;
	}
}


@media screen and (max-width: 640px) {
	
}

/*	.box_accessmap　アクセスマップ
----------------------------------------------------*/
#access .con_map{
	background: #1d3967;
	width:96%;
	padding:20px 2%;
	clear: both;
}

#access .box_accessmap {
	clear: both;
}

#access .box_accessmap .box_map {
}

#access .box_accessmap #gmap {
	height: 440px;	
}

/* 注釈＆アイコンの説明 */
#access .con_map .box_icon {
	background:#0f2850;
	overflow: hidden;
	width:96%;
	padding:2%;
}

#access .con_map .box_icon .box_icon_txt{
	float: left;
	border-right: 1px solid #1d3967;
	width:82%;
}

#access .txt_zoom {
	background: url(../access/images/ic_zoom.gif) left 0 no-repeat;
	padding: 0 0 0 15px;
	color: #fff;
}

#access .con_map .txt_icon{
	color: #a5bfdd;
	margin: 0 0 10px 0;
	overflow: hidden;
	font-size: smaller;
	margin: 5px 0 0 0;
}

#access .con_map .txt_icon li{
	padding: 0 15px 0 25px;
	height: 30px;
	float: left;
}

#access .con_map .txt_icon li.ic_bl{
	background: url(../access/images/ic_bl.gif) left no-repeat;
	vertical-align: bottom;
}

#access .con_map .txt_icon li.ic_pub{
	background: url(../access/images/ic_pub.gif) left no-repeat;
	vertical-align: bottom;
	padding: 0 25px 0 50px;
}

#access .con_map .txt_icon li.ic_par{
	background: url(../access/images/ic_parking.gif) left no-repeat;
	vertical-align: bottom;
}

#access .con_map .txt_icon li.ic_w{
	background: url(../access/images/ic_w.gif) left no-repeat;
	vertical-align: bottom;
}

#access .con_map .txt_icon li.ic_dome{
	background: url(../access/images/ic_dome.gif) left no-repeat;
	vertical-align: bottom;
}

/* 大きい地図を見る */

.btn_bmap{
	float:right;
	/*width:150px\9;*/
	width:150px;
}

.btn_bmap a{
	color: #fff;
	background: url(../access/images/ic_gaibu_b.gif) right center no-repeat;
	display:inline-block;
	padding:2% 25px 2% 5%;
	border:1px solid #3a4f70;
}


/* 詳細地図＆外観 */
#access .con_detail{
	margin: 10px 0 0 0;
	overflow:hidden;
	width:100%;
}

#access .con_detail p.img_l{
	width:63%;
}

#access .box_gaikan{
	float: right;
	background: url(../access/images/bg_gaikan.gif) 0 0 repeat-x;
	padding: 25px 0 0 0;
	width: 34%;	
}

#access .box_gaikan .photo{
	margin: 0 0 10px 0;
	text-align:center;
}

#access .box_gaikan h5{
	text-align: center;
	background: #0d244b;
	color: #cfdde6;
	padding: 1%; 
}

#access .box_gaikan p.txt{
	color: #cfdde6;
	padding: 2%;
}


@media screen and (max-width: 768px) {
	#access .con_map .box_icon .box_icon_txt{
		float: none;
		border-right: none;
		width:100%;
	}
	.btn_bmap{
		float:none;
	}
	.btn_bmap a{
		padding:2% 25px 2% 2%;
	}
}

@media screen and (max-width: 640px) {
	
	#access .box_accessmap #gmap {
		height: 200px;
	}
	
	#access .con_detail p.img_l{ display:none;}
	#access .box_gaikan{
		width:100%;
		float:none;
	}
	
	.btn_bmap{ text-align:center;}

}


/* ルート図
----------------------------------------------------------- */
#access .con_contents{
	clear: both;
	width:96%;
	padding:20px 2%;
	background:#FFF;
}


#access .con_contents h3{
    border-top: 2px solid #1D3967;
    color: #1d3967;
    font-size: large;
    font-weight: bold;
    padding: 10px 0 0 0;
    width: 30%;
}

#access .con_contents .txt_station{
	clear:both;
	margin: 0 0 15px 0;
}

/* テーブル 
----------------------------------------*/
/*基本*/

#access .con_contents th.sub{
	background: #1d3967;
}

#access .con_contents table{
    background: none repeat scroll 0 0 transparent;
    border-collapse: collapse;
    border-spacing: 0;
    letter-spacing: 0;
    line-height: 1.5;
	width:100%;
	margin: 15px 0 70px 0;
}

#access .con_contents table th,
#access .con_contents table td {
	vertical-align:middle;
	text-align:left;
}

#access .con_contents table th {
    border-right: 1px solid #FFFFFF;
	background: none repeat scroll 0 0 #1480A8;
	color: #cfdde6;
    font-weight: normal;
	overflow:hidden;
	padding: 10px 1% 10px 1%;
	text-align: center;
}

#access .con_contents table td {
	padding: 5px 1% 5px 1%;
	text-align: center;
	border-bottom: 1px solid #bebebe;	
}

#access .con_contents table td.how {
	font-weight: bold;
}

#access .con_contents table td.sub_root {
	text-align: left;
}

#access .con_contents table td.sub_root a{
	padding: 0 3% 0 0;
	background: url(../access/images/ic_gaibu.gif) right no-repeat;
}

#access .con_contents table td.sub_root span{
	font-size:small;
}

/*JR広島駅*/
#access .con_contents table th.sub_jr {
	background: #1d3967;
   	/*width: 12%;*/
	width: 10.5%;
	
}

#access .con_contents table th.sub_root_jr {
	background: #000000;
	/*width: 50%;*/
	width: 31%;
}

/*広島バスセンター*/
#access .con_contents table th.sub_bus {
	background: #1d3967;
   	/*width: 12%;*/
	width: 10.5%;
	
}

#access .con_contents table th.sub_root_bus {
	background: #000000;
	/*width: 50%;*/
	width: 31.5%;
}

/*飛行機(広島空港)*/
#access .con_contents table th.sub_plane {
	background: #1d3967;
   	/*width: 12%;*/
	width: 13%;
	
}

#access .con_contents table th.sub_root {
	background: #000000;
	/*width: 50%;*/
	width: 28%;
}


/*スマホ用ボタン*/
#access .con_contents .lnk_tbl {
	display:none;	
}


@media screen and (max-width: 640px) {
	#access .con_contents h3{ width:100%;}
	#access .con_contents table{ display:none;}
	
	
	/*スマホ用ボタン*/
	#access .con_contents .lnk_tbl {
		display:block;
		margin-bottom:20px;	
	}
	
	#access .con_contents .lnk_tbl a{
		color: #131313;
		width:96%;
		padding:2% 2%;
		display:inline-block;
		background: #A5BFDD;
	}
	
	#access .con_contents .lnk_tbl span{
		background: url(../images/btn_li_black.gif) no-repeat 5px center;
		padding-left:20px;
		width:100%;
	}
}




/* 駐車場について
----------------------------------------------------------- */
#access .con_parking {
	padding: 2%;
	background:#f8f8f8;
	overflow: hidden;
	margin: 0 0 30px 0;
}

#access .con_parking .box_parking{
	float: left;
	width: 60%;
	margin: 0 0 40px 0;	
}

#access .con_parking h4{
	font-size:medium;
	margin: 0 0 20px 0;
}

#access .con_parking .txt{
}

#access .con_parking .photo{
	float: right;
	margin: 10px 0 0 0;
	width:35%;
}

/* テーブル */
#access .con_parking table th{
	width: 10%;
}

#access .con_parking table td a{
	padding: 0 10% 0 0;
	background: url(../access/images/ic_gaibu.gif) right no-repeat;
}

#access .con_parking table th.sub_time{
	width: 10%;
	background: #1d3967;	
}

#access .con_parking table th.sub{
	width: 18%;
}

@media screen and (max-width: 640px) {
	#access .con_parking .box_parking{
		float: none;
		width: 100%;
		margin: 0 0 20px 0;	
	}
	
	#access .con_parking .photo{ display:none;}
}

/* 英語ページ
----------------------------------------------------------- */
#access #con_english {
	border:1px solid #f8f8f8;
	padding: 1%;
	background: url(../access/images/bg_english.gif) center; 
}


#access .box_english {
	border:1px solid #f8f8f8;
	padding: 0 2% 5% 2%;
	background: #FFF; 
}

#access .box_english  h5{
	font-size:medium;
	margin: 30px 0 5px 0;
}

#access .box_english  dl{
	overflow: hidden;
	margin: 1px 0 0 0;
	background: url(../access/images/bg_english_dl.gif);	
}

#access .box_english  dl dt{
	width: 9%;
	padding: 0 0 0 1%;
	float:left;	
}

#access .box_english  dl dd{
	width: 88%;
	float: right;
	background: #FFF;
	padding: 0 0 0 2%;

}

@media screen and (max-width: 640px) {
	#access .box_english  dl dt,
	#access .box_english  dl dd{
		width:100%;
		float:none;
	}
}


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

	■外部ページテーブル　SP専用

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

#access table.tbl_access{background:#FFF;border-collapse:collapse;border-spacing:0;letter-spacing:0;line-height:1.5;width:100%;margin:0 0 70px}
#access table.tbl_access th.sub{background:#1d3967}
#access table.tbl_access th,
#access table.tbl_access td{vertical-align:middle;text-align:left}
#access table.tbl_access th{border-right:1px solid #FFF;background:none repeat scroll 0 0 #1480A8;color:#cfdde6;font-weight:400;overflow:hidden;text-align:center;padding:10px 1%}
#access table.tbl_access th.sub{background:#1d3967;width:12%}
#access table.tbl_access th.sub_root{background:#000;width:41%}
#access table.tbl_access td{text-align:center;border-bottom:1px solid #bebebe;padding:5px 1%}
#access table.tbl_access td.how{font-weight:700}
#access table.tbl_access td.sub_root{text-align:left}
#access table.tbl_access td.sub_root a{background:url(../access/images/ic_gaibu.gif) right no-repeat;padding:0 3% 0 0}
#access table.tbl_access td.sub_root span{font-size:small}

/*フェリー・旅客船*/
#access table.tbl_access04{background:#FFF;border-collapse:collapse;border-spacing:0;letter-spacing:0;line-height:1.5;width:100%;margin:0 0 70px}
#access table.tbl_access04 th.sub{background:#1d3967}
#access table.tbl_access04 th,
#access table.tbl_access04 td{vertical-align:middle;text-align:left}
#access table.tbl_access04 th{border-right:1px solid #FFF;background:none repeat scroll 0 0 #1480A8;color:#cfdde6;font-weight:400;overflow:hidden;text-align:center;padding:10px 1%}
#access table.tbl_access04 th.sub{background:#1d3967;width:12%}
#access table.tbl_access04 th.sub_root{background:#000;width:35%}
#access table.tbl_access04 td{text-align:center;border-bottom:1px solid #bebebe;padding:5px 1%}
#access table.tbl_access04 td.how{font-weight:700}
#access table.tbl_access04 td.sub_root{text-align:left}
#access table.tbl_access04 td.sub_root a{background:url(../access/images/ic_gaibu.gif) right no-repeat;padding:0 3% 0 0}
#access table.tbl_access04 td.sub_root span{font-size:small}

/*駐車場*/
#access table.tbl_parking th{width:10%}
#access table.tbl_parking td a{background:url(../access/images/ic_gaibu.gif) right no-repeat;padding:0 10% 0 0}
#access table.tbl_parking th.sub_time{width:10%;background:#1d3967}


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

	■外部ページテーブル　SP専用

----------------------------------------------------------- 

#access table.tbl_access{background:#FFF;border-collapse:collapse;border-spacing:0;letter-spacing:0;line-height:1.5;width:100%;margin:0 0 70px}
#access table.tbl_access th.sub{background:#1d3967}
#access table.tbl_access th,
#access table.tbl_access td{vertical-align:middle;text-align:left}
#access table.tbl_access th{border-right:1px solid #FFF;background:none repeat scroll 0 0 #1480A8;color:#cfdde6;font-weight:400;overflow:hidden;text-align:center;padding:10px 1%}
#access table.tbl_access th.sub{background:#1d3967;width:12%}
#access table.tbl_access th.sub_root{background:#000;width:50%}
#access table.tbl_access td{text-align:center;border-bottom:1px solid #bebebe;padding:5px 1%}
#access table.tbl_access td.how{font-weight:700}
#access table.tbl_access td.sub_root{text-align:left}
#access table.tbl_access td.sub_root a{background:url(../access/images/ic_gaibu.gif) right no-repeat;padding:0 3% 0 0}
#access table.tbl_access td.sub_root span{font-size:small}

#access table.tbl_parking th{width:10%}
#access table.tbl_parking td a{background:url(../access/images/ic_gaibu.gif) right no-repeat;padding:0 10% 0 0}
#access table.tbl_parking th.sub_time{width:10%;background:#1d3967}*/

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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