@charset "utf-8";

#title_access {
	display: block;
	width: 430px;
	height: 220px;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 430px;
	background-repeat: no-repeat;
	background-image: url(../images/title_access.jpg);
}

#title_access_small {
	display: block;
	width: 430px;
	height: 104px;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 430px;
	padding-bottom: 30px;
	background-repeat: no-repeat;
	background-image: url(../images/title_access_small.jpg);
}


.linone {
	margin-bottom: 10px;
}

.linone li {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 13px;
	margin-bottom: 4px;
}

.lidot {
	margin-left: 15px;
}

.lidot li {
	margin-bottom: 8px;
}

li.blank {
	background-image: url(../../img/access/linkicon.gif);
}

li.self {
	background-image: url(/common/images/icon_link.gif);
}

/******** index ************/

#content_index {
	padding: 30px 5px 105px 15px;
	background-color: #F3F3F3;
	border-left: solid 10px #DEDEDE;
}

#content_index ul {
	margin-bottom: 10px;
}

#content_index li {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 13px;
	margin-bottom: 4px;
}

#content_index h2 {
	display: block;
	width: 370px;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 420px;
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-bottom: 5px;
}

#title_access_from {background-image: url(../images/title_h2_from.gif);height: 17px;}
#title_access_info {background-image: url(../images/title_h2_info.gif);height: 17px;}
#title_access_other {background-image: url(../images/title_h2_other.gif);height: 17px;}

/******* from_airport ******/

#title_from_airport {
	height: 59px;
	background-image: url(../../img/access/fromairport.gif);
	background-repeat: no-repeat;
}

#title_select_airpot {
	display: block;
	width: 350px;
	height: 44px;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 420px;
	margin-top: 40px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-image: url(../../img/access/selectairport.gif);
}

.title_transport {
	display: block;
	width: 300px;
	height: 49px;
	margin-top: 5px;
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 420px;
	background-repeat: no-repeat;
	background-image: url(../../img/access/step2.gif);
}

.title_detail {
	display: block;
	width: 250px;
	height: 49px;
	margin-top: 5px;
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 420px;
	background-repeat: no-repeat;
	background-image: url(../../img/access/information.gif);
}

.access_detail_div {
	padding: 8px;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}

.access_detail_table {
	width: 100%;
	text-align: center;
}

.eki {
	padding: 4px;
	color: #999999;
	background-color: #F3F3F3;
	border: solid 1px #CCCCCC;
}

.ekname {
	color: #006666;
}

p.transport_icon {
	display: block;
	height: 32px;
	padding: 16px 8px 8px 8px;
	margin-top: 5px;
	margin-bottom: 0px;
	text-indent: 52px;
	background-repeat: no-repeat;
	background-color: #F3F3F3;
	border: solid 1px #CCCCCC;
}

p.densya {	background-image: url(../../img/access/icon_train.gif);}
p.bus {	background-image: url(../../img/access/icon_bus.gif);}
p.car {	background-image: url(../../img/access/bg_car.gif);}
p.taxi {	background-image: url(../../img/access/icon_taxi.gif);}
p.rental {	background-image: url(../../img/access/bg_rental.gif);}
p.mono {	background-image: url(../../img/access/bg_mono.gif);}
p.info {	background-image: url(../../img/access/info.gif);}

#title_link {
	display: block;
	width: 250px;
	height: 37px;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 420px;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-image: url(../../img/access/kanren.gif);
}

#link_ul {
	margin-left: 15px;
}

#access_kix,
#access_osaka,
#access_kobe,
#access_kix_den,
#access_kix_bus,
#access_kix_taxi,
#access_osaka_mono,
#access_osaka_bus,
#access_osaka_taxi,
#access_kobe_liner,
#access_kobe_bus,
#access_kobe_taxi {
	display: none;
}

/******* from_ferry ******/

#title_from_ferry {
	height: 43px;
	background-image: url(../images/title_from_ferry.gif);
}

#title_select_ferry {
	display: block;
	width: 350px;
	height: 49px;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 420px;
	margin-top: 40px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-image: url(../images/title_select_ferry.gif);
}

#access_ferryterminal,
#access_cosmo {
	display: none;
}

/******* info_train ******/

#title_info_train {
	height: 43px;
	background-image: url(../images/title_info_train.gif);
}

#p_info_train {
	margin-bottom: 15px;
}

div.info_train_name {
	display: block;
	padding: 16px 8px 8px 60px;
	margin-top: 5px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-color: #F3F3F3;
	background-image: url(/jp/access/images/bg_den.gif);
	border: solid 1px #CCCCCC;
}

div.info_train_name_mono {
	display: block;
	padding: 16px 8px 8px 60px;
	margin-top: 5px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-color: #F3F3F3;
	background-image: url(/jp/access/images/bg_mono.gif);
	border: solid 1px #CCCCCC;
}

div.info_train_name_liner {
	display: block;
	padding: 16px 8px 8px 60px;
	margin-top: 5px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-color: #F3F3F3;
	background-image: url(/jp/access/images/bg_liner.gif);
	border: solid 1px #CCCCCC;
}

.info_train_name h3,
.info_train_name_mono h3,
.info_train_name_liner h3 {
	margin: 0px;
	padding: 0px;
	line-height: 5px;
}

/******* info_bus ******/

#title_info_bus {
	height: 43px;
	background-image: url(../images/title_info_bus.gif);
}

#bus_rosenzu_waku {
	border: #A5A5A5 2px solid;
	margin-top: 5px;
	margin-bottom: 5px;
}

.info_bus_div {
	margin-top: 30px;
	margin-bottom: 5px;
}

/******* info_buscourse ******/

#title_info_buscourse {
	height: 43px;
	background-image: url(../images/title_info_buscourse.gif);
}

.buscourse_div {
	margin-top: 15px;
	margin-bottom: 15px;
}

.buscourse_div dt {
	display: block;
	padding: 4px;
	color: #9AAC1F;
	background-color: #F6F6F6;
	border-bottom: #9AAC1F 2px solid;
	line-height: 120%;
	font-weight: bold;
	margin-top: 10px;
}

.buscourse_div dd {
	display: block;
	padding: 1px 5px 1px 5px;
	margin-bottom: 15px;
}

/******* info_taxi ******/

#title_info_taxi {
	height: 43px;
	background-image: url(../images/title_info_taxi.gif);
}

/******* info_taxi ******/

#title_info_taxicourse {
	height: 43px;
	background-image: url(../images/title_info_taxicourse.gif);
}

.txaicourse_txt1 {
	margin-top: 10px;
	color: #232323;
	background-color: #EAEAEA;
	padding: 4px;
}

.txaicourse_txt2 {
	padding: 4px;
	border: #787878 solid 1px;
	border-color: #B9B9B9;
}

.txaicourse_txt3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.txaicourse_txt4 {
	font-size: 12px;
	font-weight: normal;
	color: #FF3300;
	margin-top: 8px;
}

.txaicourse_txt5 {
	padding: 4px;
	border: #787878 solid 1px;
	border-color: #B9B9B9;
}

.kyoucyou {
	color: #FF0000;
}

/******* info_ferry ******/

#title_info_ferry {
	height: 43px;
	background-image: url(../images/title_info_ferry.gif);
}

.info_ferry_h3 {
	margin-top: 25px;
}

.img_right {
	float: right;
	margin-left: 5px;
	border: solid #CCCCCC 2px;
}

.img_left {
	float: left;
	margin-right: 5px;
	border: solid #CCCCCC 2px;
}

.img_left_noline {
	float: left;
	margin-right: 5px;
}

/********** card **********/

#title_card {
	height: 43px;
	background-image: url(../images/title_card.gif);
}


#card_list {
	margin-top: 0px;
	margin-bottom: 50px;
}

#card_list dt {
	margin-top: 25px;
	margin-bottom: 1px;
	font-weight: bold;
	font-size: 14px;
	color: #788A00;
}

#title_info {
	height: 43px;
	background-image: url(../images/title_info.gif);
}

#info_list li {
	background-image: url(/common/images/icon_link_blank.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 13px;
	margin-bottom: 4px;
}


#info_dlist dt {
	margin-top: 25px;
	margin-bottom: 1px;
	font-weight: bold;
	font-size: 12px;
	color: #788A00;
}

.info_table_detail {
	width: 100%;
}

.info_table_detail th {
	text-align: left;
	vertical-align: top;
	background-color: #E8E8E8;
	font-weight: normal;
	text-decoration: none;
	color: #4E4E4E;
	padding: 3px;
	white-space: nowrap;
}

.info_table_detail td {
	text-align: left;
	vertical-align: top;
	background-color: #F6F6F6;
	color: #505050;
	padding: 3px;
}