@charset "utf-8";

@import url(/commons/css/import.css);
/*wrapper上書き*/

#wrapper{
	width:800px;
}
#container{
	width:800px;
}
	
/*wrapper上書き終*/

/*-　共通項目　-*/
.no-sale{
	color:#F60;
	font-weight:700;
	font-size:15px;
}
/*-　一番トップ文言　-*/
.head_text {
	margin-bottom:3px;
	padding-left:20px;
	color:#fff;
	font-size:75%;
	background-color:#6478E6;
}
/*-　コンテナ上書き　-*/
#container a:hover {
	color:#009900;
	text-decoration:underline;
}

#container {
	font-size:108%;/* 12px → 13px相当 */
	/*font-size: 80%;*/
	color: #575757;
	width: 100%;
}
/*-　h1タイトル部分　-*/
#title {
	width: 99%;
	clear: both;
	float: left;
}
#title img {
	float: left;
	padding-top: 4px;
}
#title .t1 {
	font-weight: 700;
	font-size: 180%;
	line-height: 2em;
	padding-left: 10px;
	color: #3D3D3D;
}
#title h1 {
	padding-left: 1%;
	font-size:80%;
	height: 32px;
	background: #FFFFFF url(../../images/detail/title_bg.png) repeat-x;
	margin-bottom: 10px;
	border: 1px solid #E7E7E7;
	width: 99%;
}
/*-　h2共通　-*/
h2 {
	padding-left: 4%;
	background: #FFFFFF url(../../images/detail/h2_bg.png) no-repeat;
	width: 96%;
	height: 33px;
	padding-top: 8px;
}
/*-　入れ物色とフロート設定　-*/
.contents_border {
	border: 1px solid #E6E6E6;
	width: 97%;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	margin-left: 2px;
}
/*-　ボックス間の矢印　-*/
.icon_arrow {
	 clear:both;
	 padding:10px;
	 text-align:center;
}

.text_red {
	color:#F00;
	font-size:110%;
}
.red {
	color:#F00;
}
.blue {
	color:#09F;
}
.bold {
	font-weight:600;
}
.pink_bold {
	color:#F69;
	font-weight:700;
}
.float_l {
	float:left;
}
.blue_bold_small {
	color:#03F;
	font-weight:700;
	font-size:120%;
	line-height: 1.2em;
}
.red_bold_large {
	color:#ff0000;
	font-weight:700;
	font-size:190%;
	line-height: 1.3em;
}
.smaller {
	font-size:80%;
}
.line_narrow1 {
	line-height:1.2em;
}
/*----共通終わり----*/



/*-　バスタイプコンテナ　-*/
#bustype {
	clear: none;
	width: 100%;
	float: left;
	color: #666;
}
/*-　バスコンテナ内部　-*/

/*-　バスコンテナ左　-*/
#forbook{
	float:right;
}

#type_left{
	width:47%;
	float:left;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
}
.type_price{
	/*font-family:Verdana;*/
	color:#F00;
	font-weight:700;
	font-size:200%;
	float:left;
	line-height: 25px;
}

.code{
	 clear:both;
	 padding:5px 0px 0px 5px;
}
.plong {
	color:#666;
	font-size:50%;
	padding:0px 0px 15px 10px;
}
#type_title .typepic{
	float:left;
	padding:2px 10px 0 0;
}
#type_left .for_bookbtn{
	 float:right;
}
#bus-f {
	 float:left;
	 width:100%;
	 padding-top:5px;
}
.bus_pcs {
	clear:both;
	padding-top:5px;
	padding-bottom: 5px;
}
#bus-f .f_100 {
	float:left;
	width:100%;
}
#bus-f .f_100s{
	 float:left;
	 width:100%;
	 padding-top:5px;
}
/*-　バスコンテナ右　-*/
.bustype_txt{
	float:left;
	font-size:140%;
	font-weight:700;
	line-height:24px;
	padding-left:10px;
}
.bustype_txt2{
	 clear:both;
	 padding:7px 0px 7px 0px;
	 width:96%;
	 line-height:17px;
}

#type_right{
	width:47%;
	float:right;
	padding-bottom: 1%;
	padding-right: 5px;
}
#type_right .pic_ft{
	float:left;
	padding-top:2px
}
#type_right .point{
	float:left;
	margin-top:5px;
}
#type_right .point_tx {
	float:right;
	width:85%;
	line-height:17px;
	padding:5px;
}
#type_right .type_point{
	 float:right;
	 width:85%;
	 line-height:17px;
	 padding:5px;
}
#bustype li {
	display: inline;
	width: 54px;
	padding-bottom: 1px;
	float: left;
	height: 22px;
}
/*-　バススケジュール　-*/
#sche {
	clear: both;
	width: 100%;
	font-size: 90%;
}
#sche_tbl {
	margin-right: 5px;
	margin-left: 5px;
}
#sche .round_link {
	float:right;
	padding:2px 20px 0px 0px;
}
.td_schemap {
	background: #C7F1FF;
	height: 13px;
}
.td_syugou {
	width: 70px;
}

.td_time {
	line-height: 30px;
}

#sche_tbl {
	clear: both;
	margin-top: 5px;
	font-size: 110%;
	text-align: center;
}
.sche_img {
	clear: both;
	float: left;
}

#sche_tbl td {
	border: 1px solid #999999;
}
#sche_tbl .td_sche_dep {
	border-bottom: 1px solid #C7F1FF;
	background: #C7F1FF;
	line-height: 15px;
}
#sche_tbl .td_sche_arri {
	background: #FFDFDF;
	line-height: 15px;
	height: 20px;
}
#sche_alart {
	font-size: 110%;
	margin-top: 5px;
	padding-left: 4px;
	padding-bottom: 10px;
}
#sche_tbl .line_narrow2{
	line-height:20px;
}
/*-　料金カレンダー　-*/
#calender{
	float:left;
	width:100%;
}
#calender .chterm{
	padding:0px 10px 10px 10px;
}

#calender a:hover {
	position: relative; left: 2px; top: 2px;
}
#calender .ulpad {
	padding-left:40px;
}
#calender li{
	display:inline;
	float:left;
	width: 162px;
	}
#cal_box {
	padding-top: 10px;
	margin-bottom: 10px;
	float: left;
	clear: both;
	width: 100%;
}
#cal_box .price_cal {
	text-align: center;
	line-height: 13px;
	font-size: 93%;
}
#cal_box .cal_list{
	padding-left:10px;
	float: left;
}
.td_calt {
	background: #F3F3F3;
	font-size: 115%;
	font-weight: bold;
	color: #666;
	border: 1px solid #CCCCCC;
	line-height: 22px;
}

.td_01 {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
}
.td_b {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #FF0;
}
.td_c {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #6FF;
}
.td_d {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #6F6;
}
.td_e {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #FC8383;
}
.td_f {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #FF62FF;
}
.td_g {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #C96;
}
.td_h {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #ACB8FF;
}
.td_i {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #F90;
}
.td_j {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #DAFF6A;
}
.td_k {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #9A9A9A;
}
.td_l {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #CDCDCD;
}
.saturday {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #F0FFFF;
}
.sunday {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #FFF0F0;
}

/*-　WLLER便専用の料金カレンダー（色）　-*/
.td_w_01 {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
}

.td_w_a {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #FFF;
}

.td_w_b {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #FF6;
}
.td_w_c {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #9DECFF;
}
.td_w_d {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #9BFF9B;
}
.td_w_e {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #FFB766;
}
.td_w_f {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #FFB0FF;
}
.td_w_g {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #E88D86;
}
.td_w_h {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #0CC;
}
.td_w_i {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #B5B58E;
}
.td_w_j {
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 27px;
	width: 21px;
	line-height: 15px;
	background: #A4A4FF;
}
/*-　料金表 ワク線　-*/
.td_waku {
	border: 1px solid #999;
	font-weight:bold;
}

/*======================
　キャンペーン色とワク
======================*/
/* 春キャンペーン */
.td_waku img.sugowari {
	margin:5px;
}

.camp_r {
	border:2px solid #ff0000;
	padding: 1px;
	line-height:20px;
}

.camp_new {
	border:2px solid #ff00ff;
	padding: 0px 1px 0;
}

/*- 春キャンペーン -*/
.camp_sp {
	padding: 0px 1px 0;
	border: 2px solid #5959ff;
	line-height:20px;
}

.camp_sp02 {
	padding: 0px 1px 0;
	border: 2px solid #ff66cc;
	line-height:20px;
}

.camp_sp03 {
	padding: 0px 1px 0;
	border: 2px solid #33ccff;
	line-height:20px;
}

/*- 2010年GWキャンペーン -*/
.camp_gw01 {
	border:2px solid #006600;
	padding: 0px 1px 0;
	line-height:20px;
}

.camp_gw02 {
	border:2px solid #ff6600;
	padding: 0px 1px 0;
	line-height:20px;
}

/*- 2010年5月満喫キャンペーン -*/
.camp_may01 {
	border:2px solid #006600;
	padding: 0px 1px 0;
	line-height:20px;
}

.camp_may02 {
	border:2px solid #ff6600;
	padding: 0px 1px 0;
	line-height:20px;
}

.camp_may03 {
	border:2px solid #0000ff;
	padding: 0px 1px 0;
	line-height:20px;
}
/*-　キャンペーン終わり　-*/

/*-　料金部分　-*/
#price_tag {
	font-size: 110%;
	clear: both;
	margin-top: 7px;
	float: left;
	width: 98%;
	padding-left: 10px;
}
#price_tag h3{
	clear:both;
}
#price_tag2 {
	font-size: 110%;
	clear: both;
	margin-top: 7px;
	float: left;
	width: 98%;
	padding-left: 10px;
}

.price_tag-title1{
	 float:left;
	 background-color:#F30;
	 font-weight:700;
	 color:#FFF;
	 width:110px;
	 padding:3px;
	 text-align:center;
	 margin:5px 0px 5px 0px;
}

.price_tag-title2{
	 float:left;
	 background-color:#C60;
	 font-weight:700;
	 color:#FFF;
	 width:110px;
	 padding:3px;
	 text-align:center;
	 margin:5px 0px 5px 0px;
}

#cale_01 {
	float: left;
	text-align: center;
	line-height: 23px;
	border: 1px solid #999999;
	font-size: 95%;
	white-space:nowrap;
}

#cale_02 {
	float: left;
	text-align: center;
	line-height: 23px;
	border: 1px solid #999999;
	font-size: 95%;
	white-space:nowrap;
}

#cal_box .td_cal02 {
	width: 90px;
	border: 1px solid #999999;
}

#cal_box .td_cal02-sugowari {
	width: 120px;
	border: 1px solid #999999;
}

#cal_box .td_cal02 span {
	font-size:81.25%;
	white-space:nowrap;
}

#cal_box .td_cal03 {
	width: 50px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: #999999;
}

#cal_box .td_cal04 {
	width: 20px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-right: 15px;
}

#cal_box .td_cal05 {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

table.price-campaign {
	margin-top:5px;
	border:solid 1px #999999;
	clear:both;
}

table.price-campaign td {
	padding:5px;
}

table.price-campaign td.td_cal_sale-gw {
	border-right:solid 1px #999999;
}

table.price-campaign td.price01,
table.price-campaign td.price02 {
	border-right:solid 1px #999999;
	padding-right:10px;
	text-align:left;
}

/*- 春キャンペーン -*/
.price-campaign p.cal_sale-sp {
	width:20px;
	height:20px;
	margin:0 0 0 10px;
}

.price-campaign p.sp01 {
	border:solid 2px #5959ff;
}

.price-campaign p.sp02 {
	border:solid 2px #ff66cc;
}

.price-campaign p.sp03 {
	border:solid 2px #33ccff;
}

/*- 2010年GWキャンペーン -*/
#cal_sale-gw01 {
	width:20px;
	height:20px;
	border:solid 2px #006600;
	margin:0 0 0 10px;
}

#cal_sale-gw02 {
	width:20px;
	height:20px;
	border:solid 2px #ff6600;
	margin:0 10px;
}

#cal_sale-gw03 {
	width:20px;
	height:20px;
	border:2px solid #0000ff;
	margin:0 0 0 10px;
}

/*- 2010年5月満喫キャンペーン -*/
#cal_sale-may01 {
	width:20px;
	height:20px;
	border:solid 2px #006600;
	margin:0 0 0 10px;
}

#cal_sale-may02 {
	width:20px;
	height:20px;
	border:solid 2px #ff6600;
	margin:0 0 0 10px;
}

#cal_sale-may03 {
	width:20px;
	height:20px;
	border:2px solid #0000ff;
	margin:0 0 0 10px;
}

/*-　予約　-*/

#bokking_contents {
	border: 1px solid #FF8E8E;
	padding:10px;
	width:94.5%;
	background: #FFFFF4;
	margin-left: 5px;
}

#bokking_btns{
	 float:left;
	 padding:10px 0px 10px 0px;
	 width:98%;
}
#bokking_btns .book_btn{
	float:left;
	width:30%;
	padding-left:70px;
}
#bokking_btns .book_btn_tel{
	float:left;
	width:30%;
	padding-left:30px;
}
#bokking_btns .book_btn1{
	 padding:2px 0px 2px 0px;
}
#bokking_btns .book_btn2{
	 float:left;
	 padding:15px 0px 0px 40px;
}
#bokking_btns .book_btn_rel{
	 float:left;
	 padding:15px 0px 0px 20px;
}
#bokking_btns .book_btn3{
	 padding-bottom:2px;
}
#res_tbl {
	width: 99%;
	border: 1px solid #FFA94A;
	float: left;
	margin-left: 0.4%;
}
#res_tbl td {
	padding-left: 5px;
	border: 1px solid #FFC788;
}

.td_res1 {
	background: #F9E9B7;
	text-align: right;
	line-height: 20px;
	padding-right: 5px;
	width: 20%;
}
#res_tbl .td_res2{
	width:40%;
}
#res_tbl .td_res3{
	 width:50%;
	 padding:5px;
	 text-align:center;
}
#res_tbl .numpic {
	padding:4px 0px 3px 0px;
}
#res_tbl .tel_tx{
	 text-align:left;
	 padding-top:3px;
}
.other_alart{
	background: url(../../images/detail/red_circle.png) no-repeat left center;
	padding-left: 15px;
	margin-left: 5px;
	width: 200px;
	margin-top: 5px;
}

.other_alart2{
	background: url(../../images/detail/blue_circle.png) no-repeat left center;
	padding-left: 15px;
	margin-left: 5px;
	width: 300px;
	margin-top: 5px;
}
#other_cont {
	clear: both;
	width: 98%;
	padding-top: 2px;
}
#other_cont ul {
	padding-left:20px;
	width: 100%;
}

.syusai {
	 text-align:right;
}

/* 対応ブラウザ注意文*/
.form_caption{
	float:left;
	width:700px;
	line-height:17px;
	padding:5px 10px;
}

/*-　下路線検索　-*/

#search {
	width: 100%;
	clear: both;
	margin-top:20px;
}

#pulldown-search {
	width:700px;
	margin:10px auto;
	font-size:81.25%;
	background:url(../../images/detail/search-bg.png) no-repeat center bottom;
}

#pulldown-search table {
	width:600px;
	margin:7px auto;
}
#Jump1 select {
	width: 170px;
}
#Jump2 select {
	width: 170px;
}

/*-　以下スゴ割用（案）　-*/
/* スゴ割対象便の絵*/
#type_left .sugo_pic {
	float:right;
	margin-top:5px;
}
/* スゴ割対象便の絵終わり*/
.border_grey{
	border: 1px solid #999;
}
.discount {
	clear:both;
	width:700px;
	padding-top:10px;
	padding-left:10px;
}

.discount table {
	width:80%;
	white-space:nowrap;
	margin-top:5px;
}

.discount table th,
.discount table td {
	padding:1px;
}

.discount table th {
	border:1px solid #FF8200;
	background-color:#ffc;
}

.item {
	width:90px;
	font-weight:bold;
	font-size:110%;
	text-align:left;
	border-bottom:1px solid #FF4B00;
}

.date {
	width:50%;
	color:#d00;
	font-weight:bold;
	font-size:150%;
	text-align:center;
	border-bottom:1px solid #FF4B00;
}