@charset "utf-8";
/* CSS Document */

/*****************************************************/
/* サイド */
/*****************************************************/

#side {
	min-height: 1000px;
}

/*****************************************************/
/* メイン */
/*****************************************************/

#main {
	clear: both;
	overflow: hidden;
}
#main .top {
	text-align: center;
}

/*****************************************************/
/* タブメニュー */
/*****************************************************/

#tab_area1 {
	height:36px;
}
#tab li {
	float: left;
}
#tab_osaka { background: url(image/tab_osaka_on.gif) no-repeat left top;}
#tab_tohoku { background: url(image/tab_tohoku_on.gif) no-repeat left top;}
#tab_koshinetsu { background: url(image/tab_koshinetsu_on.gif) no-repeat left top;}
#tab_tokai { background: url(image/tab_tokai_on.gif) no-repeat left top;}
#tab_chugoku { background: url(image/tab_chugoku_on.gif) no-repeat left top;}
#tab_kyushu { background: url(image/tab_kyushu_on.gif) no-repeat left top;}
#tab_tokyo { background: url(image/tab_tokyo_on.gif) no-repeat left top;}
#tab_higaeri { background: url(image/tab_higaeri_on.gif) no-repeat left top;}
#tab_chokutu { background: url(image/tab_chokutu_on.gif) no-repeat left top;}
#tab_syukuhaku { background: url(image/tab_syukuhaku_on.gif) no-repeat left top;}
#tab_onsen { background: url(image/tab_onsen_on.gif) no-repeat left top;}
#tab_shinkansen { background: url(image/tab_shinkansen_on.gif) no-repeat left top;}



#tab a { display: block; }
#tab a:hover { background-color: transparent; }
#tab a:hover img { visibility: hidden; }

/*****************************************************/
/* 運行スケジュール＆バスタイプ */
/*****************************************************/
#tab_area2 {
	clear: both;
	border: 1px solid #FFCC00;
	padding: 0px 0px 10px 10px;
}
#tab_area2 h4 { /*行き先*/
	text-align: left;
	margin-top: 20px;
	font-size: 140%;
	font-weight: bold;
	font-family:"HG丸ｺﾞｼｯｸM-PRO","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FF3300;
	border-left: 5px solid #FF3300;
	padding-left:10px;
}
#tab_area2 .plan {
	margin: 10px 5px 20px 5px;
	width: 770px;
	background: url(image/plan2_side.gif) repeat-y left top;
}
#tab_area2 .plan_1 {
	text-align: center;
	padding: 5px;
	background-color: #FFE26F;
}

/*運行スケジュール*/
/*****************************************************/
#tab_area2 .timetable {
	width: 760px;
	text-align: center;
	background-color: #FFFFFF;
}
#tab_area2 .timetable a {
	color: #0033FF;
	text-decoration: underline;
}
#tab_area2 .timetable a:hover {
	color: #FF9900;
}
#tab_area2 .timetable td {
	padding: 5px;
	border: 1px solid #CCCCCC;	
}
#tab_area2 .timetable th {
	padding: 5px;
	background-color: #FFFFCC;
	border: 1px solid #CCCCCC;
	font-weight: normal;	
}
#tab_area2 td.yajirushi {
	padding: 0px 6px;
	background:url(image/yajirushi_right.gif) no-repeat center center;
	background-color: #FFE26F;
	border: none;
}
#tab_area2 td.moon {
	padding: 0px;
	background: url(image/aicon_moon_2.gif) no-repeat center center;
	background-color: #FFE26F;
	width: 52px;
	border: none;
}
#tab_area2 th.bg_red {
	background-color: #FFE8E8;
}
#tab_area2 th.bg_green {
	background-color: #E8FFE8;
}

/*空席照会*/
/*****************************************************/

#tab_area2 .plan_2 ul {
	float: right;
}
#tab_area2 .plan_2 li {
	float: left;
	padding-right: 2px;
}
#tab_area2 .plan_2 li.yoyaku1 {
	background: url(image/btn_yoyaku3_1_over.gif) no-repeat left top;
}
#tab_area2 .plan_2 li.yoyaku2 {
	background: url(image/btn_yoyaku3_2_over.gif) no-repeat left top;
}
#tab_area2 .plan_2 li.yoyaku3 {
	background: url(image/btn_yoyaku3_3_over.gif) no-repeat left top;
}
#tab_area2 .plan_2 li.yoyaku4 {
	background: url(image/btn_yoyaku3_4_over.gif) no-repeat left top;
}
#tab_area2 .plan_2 li.yoyaku5 {
	background: url(image/btn_yoyaku3_5_over.gif) no-repeat left top;
}
#tab_area2 .plan_2 li.yoyaku6 {
	background: url(image/btn_yoyaku3_6_over.gif) no-repeat left top;
}
#tab_area2 .plan_2 li.yoyaku7 {
	background: url(image/btn_yoyaku3_7_over.gif) no-repeat left top;
}
#tab_area2 .plan_2 li.yoyaku8 {
	background: url(image/btn_yoyaku3_8_over.gif) no-repeat left top;
}
#tab_area2 .plan_2 li.yoyaku9 {
	background: url(image/btn_yoyaku3_9_over.gif) no-repeat left top;
}
#tab_area2 .plan_2 li.yoyaku10 {
	background: url(image/btn_yoyaku3_10_over.gif) no-repeat left top;
}
#tab_area2 .plan_2 li.yoyaku11 {
	background: url(image/btn_yoyaku3_11_over.gif) no-repeat left top;
}
#tab_area2 .plan_2 li.yoyaku12 {
	background: url(image/btn_yoyaku3_12_over.gif) no-repeat left top;
}
#tab_area2 ul.yoyaku a {
	display: block;
}
#tab_area2 ul.yoyaku a:hover img {
	visibility: hidden;
}

/*バスタイプ*/
/*****************************************************/

#tab_area2 .plan_2 {
	padding: 5px;
}
#tab_area2 .bustype {
	margin-top: 5px;
	width: 760px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
}
#tab_area2 .bustype td {
	padding: 0px 5px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 1.5;
}
#tab_area2 .bustype th {
	padding: 5px;
	background-color: #FFFFCC;
}
#tab_area2 td.yoyaku {
	background: url(image/btn_yoyaku2_over.gif) no-repeat center center;
	width: 54px;
}
#tab_area2 td.yoyaku a {
	display: block;
}
#tab_area2 td.yoyaku a:hover img {
	visibility: hidden;
}
#tab_area2 td.bustype_1 {
	width: 170px;
	border-bottom: none;
	text-align: left;
	padding-top: 10px;
}
#tab_area2 td.bustype_2 {
	text-align: left;
	padding-bottom: 10px;
}
#tab_area2 td.price {
	color: #E80000;
	font-weight: bold;
	font-size: 120%;
	text-align: right;
	padding-bottom: 10px;
}
#tab_area2 .bus_image {
	width: 100px;
}
#tab_area2 .plan_top {
	background:url(image/plan2_top.gif) no-repeat left top;
	width: 770px;
	height: 6px;
}
#tab_area2 .plan_bottom {
	background:url(image/plan2_bottom.gif) no-repeat left top;
	width: 770px;
	height: 6px;
}

/*アイコン説明*/
/*****************************************************/

#aicon {
	margin: 10px 5px 20px 5px;
	width: 770px;
}
#aicon table {
	width: 760px;
	font-size: 0.8em;
	margin: 5px;
	border: 1px solid #CCCCCC;
}
#aicon .aicon_1 {
	width: 200px;
}
#aicon table th {
	padding: 5px 2px;
}
#aicon table tr {
	border-top: 1px solid #CCCCCC;
}
#aicon p.title {
	font-size: 120%;
	color: #666666;
	background-color: #FFE26F;
	font-weight: bolder;
	border-bottom: 3px double #FF6600;
	padding: 10px;
}