@charset "utf-8";

/*________________________________________________

	name:			access.css
	author:			yukari hashimoto
	mail:			hashi@elf.coara.or.jp
	create Date:	2010-06-07
	lastmodified:	****-**-**
________________________________________________*/

 
/* ColorScheme====================================
	MainColor	=>	#5353aa
	SubColor	=>	#7cd745
	TextColor	=>	#333333
	AccentColor	=>	#fc961a
	Background	=>	#ffffff
================================================*/

/*--------------------------------------------------------------
ページ全体（ページ共通）
--------------------------------------------------------------*/
#container {
	clear: both;
	width: 930px; /* 1000px */
	height: auto;
	margin: 0 auto;
	padding: 15px 35px 0 35px;
	background: url(../img/common/container_bg.jpg) center top no-repeat;
	text-align: left;
}
#contents {
	display: block;
	clear: both;
	width: 930px;
	height: auto;
	margin: 15px auto;
	padding: 0;
}
#contents h1 {
	display: block;
	clear: both;
	width: 930px;
	height: 100px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
}
#contents h2 {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 60px;
	color: #5353aa;
	background: url(../img/common/h2_bg.gif) 10px center no-repeat;
	border-top: 1px #5353aa solid;
	border-right: 1px #5353aa solid;
	border-left: 1px #5353aa solid;
	border-bottom: 5px #5353aa solid;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}

/*--------------------------------------------------------------
空港アクセス　left_menu_access
--------------------------------------------------------------*/
#left_menu_access {
	display: block;
	float: left;
	width: 260px;
	height: auto;
	margin: 0 20px 0 0;
	padding: 0;
}
#left_menu_access h2 {
	display: block;
	clear: both;
	width: 260px!important;
	height: auto;
	margin: 0 0 5px 0!important;
	padding: 0!important;
	background: none!important;
	border: none!important;
}

#left_menu_access ul{
	width: 260px;
}




/*--------------------------------------------------------------
#accessmain　　右側コンテンツ（レフトメニューがある場合）
--------------------------------------------------------------*/

#accessmain{
	display: block;
	float: right;
	width: 650px;
	height: auto;
	margin: 0;
	padding-bottom: 10px;
}

/*--------------------------------------------------------------
#bus　　右側コンテンツ　バス
--------------------------------------------------------------*/
#bus div#accessmain a {
	color: #5353aa;
}
#bus div#accessmain a:hover {
	color: #7f7fc5;
}
#bus div#accessmain h2 {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 60px;
	border-top: 1px #5353aa solid;
	border-right: 1px #5353aa solid;
	border-left: 1px #5353aa solid;
	border-bottom: 5px #5353aa solid;
	color: #5353aa;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	background-image: url(../access/img/bus/h2_bus_bg.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
}
/*--------------------------------------------------------------
#car　　右側コンテンツ　車
--------------------------------------------------------------*/
#car div#accessmain a {
	color: #5353aa;
}
#car div#accessmain a:hover {
	color: #7f7fc5;
}
#car div#accessmain h2 {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 60px;
	border-top: 1px #5353aa solid;
	border-right: 1px #5353aa solid;
	border-left: 1px #5353aa solid;
	border-bottom: 5px #5353aa solid;
	color: #5353aa;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	background-image: url(../access/img/bus/h2_bus_bg.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
}
/*--------------------------------------------------------------
#rentacar　　右側コンテンツ　レンタカー
--------------------------------------------------------------*/
#rentacar div#accessmain a {
	color: #5353aa;
}
#rentacar div#accessmain a:hover {
	color: #7f7fc5;
}
#rentacar div#accessmain h2 {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 60px;
	border-top: 1px #5353aa solid;
	border-right: 1px #5353aa solid;
	border-left: 1px #5353aa solid;
	border-bottom: 5px #5353aa solid;
	color: #5353aa;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	background-image: url(../access/img/rentacar/h2_rentacar_bg.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
}
/*--------------------------------------------------------------
#car　　右側コンテンツ　車
--------------------------------------------------------------*/
#car div#accessmain a {
	color: #5353aa;
}
#car div#accessmain a:hover {
	color: #7f7fc5;
}
#car div#accessmain h2 {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 60px;
	border-top: 1px #5353aa solid;
	border-right: 1px #5353aa solid;
	border-left: 1px #5353aa solid;
	border-bottom: 5px #5353aa solid;
	color: #5353aa;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	background-image: url(../access/img/car/h2_car_bg.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
}
/*--------------------------------------------------------------
#taxi　　右側コンテンツ　タクシー
--------------------------------------------------------------*/
#taxi div#accessmain a {
	color: #5353aa;
}
#taxi div#accessmain a:hover {
	color: #7f7fc5;
}
#taxi div#accessmain h2 {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 60px;
	border-top: 1px #5353aa solid;
	border-right: 1px #5353aa solid;
	border-left: 1px #5353aa solid;
	border-bottom: 5px #5353aa solid;
	color: #5353aa;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	background-image: url(../access/img/taxi/h2_taxi_bg.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
}

















#access_content{
	width: 650px;
	height: auto;
}
.access_area{
	padding-top: 10px;
	width: 650px;
	padding-bottom: 5px;
}

.access_area_menu{
	width: 650px;
	background-image: url(../access/img/accessmap/menu_bacimg.jpg);
	height: 25px;
}
.access_area_menuleft{
	width: 300px;
	float: left;
}
.access_area_menuleft img{
	padding-right: 5px;
}
.access_area_menuright{
	float: right;
	width: 300px;
}
.access_area_menuright img{
	float: right;
}
.access_area_Box{
	width: 650px;
}
.access_area_Box img{
	padding-bottom: 5px;
}
#access_content{
	width: 650px;
	height: auto;
}
.access_base{
	height: 20px;
	background-image: url(../access/img/bus/b_maru.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}
.access_base p{
	color: #3399CC;
	font-size: 12px;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 4px;
	/padding-top: 3px;
}

/*--------------------------------------------------------------
#ap_content　　各地へのアクセス
--------------------------------------------------------------*/
#ap_content{
	width: 650px;
	height: auto;
}
.ap_menu{
	width: 650px;
	height: auto;
}
.ap_menu img{
	padding-top: 5px;
	/*padding-right: 10px;*/
	padding-bottom: 5px;
	float: left;
}
.ap_place{
	width: 650px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
.ap_place img{
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
.ap_place p{
	width: 650px;
	height: auto;
	/*padding-right: 10px;*/
	display: block;
	font-size: 12px;
	clear: both;
	float: left;
	padding-top: 5px;
}
.ap_pagetop{
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
/*--------------------------------------------------------------
#bun_content　　バス
--------------------------------------------------------------*/
#bus_content{
	width: 650px;
	height: auto;
}

.bus_base{
	height: 20px;
	background-image: url(../access/img/bus/b_maru.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}
.bus_base p{
	color: #3399CC;
	font-size: 12px;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 4px;
	/padding-top: 3px;
}
.bus_menuL{
	float: left;
	width: 300px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.bus_menuL img{
	padding-top: 5px;
	padding-right: 5px;
}
.bus_menuR{
	float: right;
	width: 300px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.bus_menuR img{
	padding-top: 5px;
	padding-right: 5px;
}
.bus_area{
	width: 650px;
	height: auto;
	padding-top: 10px;
}
.bus_menu{
	height: auto;
	background-image: url(../access/img/bus/bus_menu_bacimg.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
}

.h2_bus{
	width: 650px;
	margin-bottom: 5px;
}
.h2_bus p{
	font-size: 12px;
	display: block;
	float: right;
}
.busTime{
	width: 650px;
	height: auto;
	font-size: 11px;
}
.bus_table{
	width: 650px; /* テーブルの横幅 */
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px solid #000000; /* テーブル全体の枠線（太さ・色・スタイル） */
	padding: 2px;
}
.bus_table td{
	border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */
	padding: 2px;
}
.syozaiti{
	text-align: center;
	background-color: #D8FFB0;
}
.oita_airport{
	text-align: center;
	background-color: #D8FFB0;
}
.timerequired{
	text-align: center;
	background-color: #D8FFB0;
}
.katamiti{
	text-align: center;
	background-color: #D8FFB0;
}
.off{
	text-align: center;
	background-color: #D8FFB0;
}
.kaisuuken{
	text-align: center;
	background-color: #D8FFB0;
}
.center{
	text-align: center;
}
.bus_td{
	background-color: #D8FFB0;
}
.untin{
	text-align: right;
}
.busBox{
	width: 650px;
	height: auto;
}
/*.busBox p{
	vertical-align: 120%;
	font-size: 13px;
}*/
.busBoxL{
	width: 82px;
	*width: 80px;
	float: left;
	padding-top: 2px;
}
.busBoxL p{
	font-size: 11px !important;
	*font-size: 12px !important;
	/*vertical-align: 90% !important;*/
	line-height: 107%;
	*line-height: 120%;
}
.busBoxR{
	width: 568px;
	*width: 570px;
	float: right;
}
.busBoxR p{
	font-size: 11px !important;
	*font-size: 12px !important;
	vertical-align: 110% !important;
	/*line-height: 100%;
	*line-height: 100%;*/
}
.icon_p{
	display: block;
	margin-bottom: 7px;
	*margin-bottom: 5px;
}
.syozaiti2{
	text-align: center;
	background-color: #BFEBFF;
}
.oita_airport2{
	text-align: center;
	background-color: #BFEBFF;
}
.timerequired2{
	text-align: center;
	background-color: #BFEBFF;
}
.katamiti2{
	text-align: center;
	background-color: #BFEBFF;
}
.off2{
	text-align: center;
	background-color: #BFEBFF;
}
.kaisuuken2{
	text-align: center;
	background-color: #BFEBFF;
}
.bus_td2{
	background-color: #BFEBFF;
}
.googlemap_link{
	width: 600px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;

}
.googlemap_link img{
	float:left;
}
.googlemap_link p{
	font-size: 12px;
	display: block;
	float: left;
	padding-top: 7px;
}

.syozaiti3{
	text-align: center;
	background-color: #FFF2BF;
}
.oita_airport3{
	text-align: center;
	background-color: #FFF2BF;
}
.timerequired3{
	text-align: center;
	background-color: #FFF2BF;
}
.katamiti3{
	text-align: center;
	background-color: #FFF2BF;
}
.off3{
	text-align: center;
	background-color: #FFF2BF;
}
.kaisuuken3{
	text-align: center;
	background-color: #FFF2BF;
}
.bus_td3{
	background-color: #FFF2BF;
}

.syozaiti4{
	text-align: center;
	background-color: #FED1FB;
}
.oita_airport4{
	text-align: center;
	background-color: #FED1FB;
}
.timerequired4{
	text-align: center;
	background-color: #FED1FB;
}
.katamiti4{
	text-align: center;
	background-color: #FED1FB;
}
.off4{
	text-align: center;
	background-color: #FED1FB;
}
.kaisuuken4{
	text-align: center;
	background-color: #FED1FB;
}
.bus_td4{
	background-color: #FED1FB;
}

.syozaiti5{
	text-align: center;
	background-color: #E0B3FF;
}
.oita_airport5{
	text-align: center;
	background-color: #E0B3FF;
}
.timerequired5{
	text-align: center;
	background-color: #E0B3FF;
}
.katamiti5{
	text-align: center;
	background-color: #E0B3FF;
}
.off5{
	text-align: center;
	background-color: #E0B3FF;
}
.kaisuuken5{
	text-align: center;
	background-color: #E0B3FF;
}
.bus_td5{
	background-color: #E0B3FF;
}


.syozaiti6{
	text-align: center;
	background-color: #FFD6AC;
}
.oita_airport6{
	text-align: center;
	background-color: #FFD6AC;
}
.timerequired6{
	text-align: center;
	background-color: #FFD6AC;
}
.katamiti6{
	text-align: center;
	background-color: #FFD6AC;
}
.off6{
	text-align: center;
	background-color: #FFD6AC;
}
.kaisuuken6{
	text-align: center;
	background-color: #FFD6AC;
}
.bus_td6{
	background-color: #FFD6AC;
}


.syozaiti7{
	text-align: center;
	background-color: #C4E8FF;
}
.oita_airport7{
	text-align: center;
	background-color: #C4E8FF;
}
.timerequired7{
	text-align: center;
	background-color: #C4E8FF;
}
.katamiti7{
	text-align: center;
	background-color: #C4E8FF;
}
.off7{
	text-align: center;
	background-color: #C4E8FF;
}
.kaisuuken7{
	text-align: center;
	background-color: #C4E8FF;
}
.bus_td7{
	background-color: #C4E8FF;
}

.bus_tdbox3{
	width: 150px; /* テーブルの横幅 */
	border-collapse: none !important; /* テーブル全体の枠線（太さ・色・スタイル） */
	border-top-style: #FFF2BF;
	border-right-style: #FFF2BF;
	border-bottom-style: #FFF2BF;
	border-left-style: #FFF2BF;
	background-color: #FFF2BF;
}
.bus_tdbox3 td{
	border: 1px #FFF2BF solid; /* セルの枠線（太さ・色・スタイル） */
}
.bus_tdbox3 img{
	float: right;
}


.bus_tdbox6{
	width: 150px; /* テーブルの横幅 */
		border-collapse: none !important; /* テーブル全体の枠線（太さ・色・スタイル） */
	border-top-style: #FFD6AC;
	border-right-style: #FFD6AC;
	border-bottom-style: #FFD6AC;
	border-left-style: #FFD6AC;
	background-color: #FFD6AC;
}
.bus_tdbox6 td{
	border: 1px #FFD6AC solid; /* セルの枠線（太さ・色・スタイル） */
}
.bus_tdbox6 img{
	float: right;
}

.bus_tdbox7{
	width: 150px; /* テーブルの横幅 */
	border-collapse: none !important;
	background-color: #C4E8FF;
	border-top-color: #C4E8FF;
	border-right-color: #C4E8FF;
	border-bottom-color: #C4E8FF;
	border-left-color: #C4E8FF;
}
.bus_tdbox7 td{
	border: 1px #C4E8FF solid; /* セルの枠線（太さ・色・スタイル） */
}
.bus_tdbox7 img{
	float: right;
}

.bus_menuimg{
	padding-right: 5px;
}

/*--------------------------------------------------------------
.bus_info　　バスのりば・案内所
--------------------------------------------------------------*/

.bus_info{
	width: 645px;
	background-color: #2E99CD;
	overflow: visible;/*ボックスからはみ出た部分の表示方法を指定する*/
	padding: 1px;
}
.bus_infoBox{
	width: 635px;
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
.bus_main{
	width: 630px;
	margin:5px auto 5px auto;
}
.bus_mainL{
	float: left;
	width: 280px;
	padding-right: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
}
.bus_mainL img{
	padding-bottom: 10px;
}
.bus_mainR{
	float: right;
	width: 280px;
	padding-right: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.bus_mainR img{
	padding-bottom: 10px;
}

/*--------------------------------------------------------------
　車
--------------------------------------------------------------*/
.car_base{
	width: 650px;
	float: left;
}
.car_base p{
	width: 630px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.car_time{
	width: 650px;
	height: auto;
}
.car_table{
	width: 650px; /* テーブルの横幅 */
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px solid #000000; /* テーブル全体の枠線（太さ・色・スタイル） */
	padding: 2px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.car_table td{
	border: 1px #000000 solid;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.car_Box{
	width: 200px;
	background-image: url(../access/img/car/toubani_bac.jpg);
	padding: 5px;
	/*height: 75px;*/
	float: left;
	margin-right: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.car_BoxM{
	background-color: #FFFFFF;
	/*padding: 5px;
	height: 65px;*/
	width: 200px;
}
.ca_maru{
	background-image: url(../access/img/car/b_maru.jpg);
	background-repeat: no-repeat;
	height: 30px;
}
.tiku{
	padding-top: 10px;
	font-weight: bold;
}
.ca_tel{
	font-weight: bold;
	color: #FF6600;
	height: 30px;
	padding-top: 5px;
}
.ca_tel img{
	padding-right: 2px;
}
.car_contentBox{
	width: 630px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.ca_map{
	width: 650px;

}
.ca_mapBox{
	width: 650px;
	background-color: #5353AA;
	padding-bottom: 3px;
}
.ca_mapBox2{
	width: 640px;
	background-color: #CACAE6;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
.ca_mapBox2 p{
	line-height: 120%;
	padding-left: 10px;
}
.ca_mapBox2 img{
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.ca_table1{
	background-color: #828282;
	width: 80px;
	color: #FFFFFF;
}

/*--------------------------------------------------------------
　レンタカー
--------------------------------------------------------------*/
.access_Main{
	width: 650px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.access_table{
	width: 600px; /* テーブルの横幅 */
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px solid #000000; /* テーブル全体の枠線（太さ・色・スタイル） */
	padding: 2px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.access_table td{
	border: 1px #000000 solid;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;

}
.ren_td_baccolor{
	color: #FFFFFF;
	background-color: #828282;
}
.ren_td_baccolor a:link{ color: #FFFFFF !important}   /* リンク */
.ren_td_baccolor a:visited { color: #FFFFFF !important} /*訪問済みリンク*/



.access_Main_p{
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.access_Main_p_Taxi{
	width: 600px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


.access_info{
	width: 640px;
	background-image: url(../access/img/rentacar/info_bacimg.jpg);
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 5px;
}
.access_infoBox{
	width: 640px;
	background-color: #FFFFFF;
	/*padding: 5px;*/
}
.ren_B{
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}
.access_infoBox img{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.ren_p{
	display: block;
	padding-bottom: 10px;
	padding-left: 10px;
}
.ren_logo{
	width: 75px;
}
.ren_logo img{
	padding-left: 10px;
}
/*--------------------------------------------------------------
　タクシー
--------------------------------------------------------------*/
.taxi_pleft{
	text-align: right;
	padding: 5px;
}
.taxi_p{
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 15px;
}
.access_map{
	width: 650px;

}
.access_mapBox{
	width: 650px;
	background-color: #5353AA;
	padding-bottom: 3px;
}
.access_Box{
	width: 300px;
	padding: 5px;
	height: 40px;
	float: left;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.access_BoxM{
	background-color: #FFFFFF;
	height: 120px;
	width: 630px;
	padding: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.taxi_table{
	float: left;
}
.access_table1{
	color: #FFFFFF;
	background-color: #828282;
}
.access_table1c{
	color: #FFFFFF;
	background-color: #828282;
	text-align: center;
}
.access_table80px{
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.access_table80px td{
	border: 1px #FFFFFF solid;
	padding-top: 2px;
}

.access_table60px{
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align: right;
}
.access_table60px td{
	border: 1px #FFFFFF solid;
	padding-top: 2px;
}
.access_table150px{
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align: right;
}
.access_table150px td{
	border: 1px #FFFFFF solid;
	padding-top: 2px;
}

.taxi_img{
	padding-left: 5px;
}