@charset "Shift-JIS";

/*======================================
common style
=======================================*/

/* 共通 */
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs9 {font-size:9px;}
.mb3{margin-bottom:3px;}
.blue{color:#0000ff;}
.pr5{padding-right:5px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}

/*[ link color]*/

div#busTop a:link{
color:#0000FF;
}
div#busTop a:visited{
color:#0000FF;
/*
color:#333333;
*/
}
div#busTop a:hover,
div#busTop a:active{
color:#FF3300;
}


/* ぱんくず */
.w950 .pankuzu {
	background-color:#f7f7f7;
	padding:6px 15px;
	border-bottom:1px solid #cccccc;
}

	.ResultNavi .position .icon_arrow01{
	background:url(/images/icon/arrow/other/02.gif) no-repeat left 3px;
	padding:2px 0 0px 14px;
	}

	.ResultNavi .icon_arrow02{
	background:url(/images/icon/arrow/other/03.gif) no-repeat right 3px;
	padding:2px 12px 0px 0px;
	}

div#busTop{
margin-top:5px;
}

p.forTop {
	text-align:right;
}

div.busContent{
width:375px;
}

/*[ BOX ]*/
div.contentBlock{
margin:7px 0 3px;
}

div.contentBlockInner{
padding:10px 14px;
border:1px solid #bfbfbf;
}

/*[ 詳しくはこちら系 ]*/
div#busTop p.learn{
text-align:right;
}

div#busTop p.learn a{
background:url(/images/top/icon/arrow/mini_allow.gif) left center no-repeat;
padding-left:12px;
}

/*=====================================
h2 heading style
=======================================*/
div#busMap h2,
div#busRosen h2,
div#busType h2,
div#firstUse h2{
height:28px;
line-height:28px;
color:#fff;
padding-left:40px;
}


div#busMap h2{
background:url(/kokunai/bus/images/head/search.jpg) no-repeat;
}

div#busRosen h2{
background:url(/kokunai/bus/images/head/rosen_head.jpg) no-repeat;
}

div#busType h2{
background:url(/kokunai/bus/images/head/rosen_head.jpg) no-repeat;
}

div#firstUse h2{
background:url(/kokunai/bus/images/head/rosen_head.jpg) no-repeat;
}

/*=====================================
map content style
=======================================*/

div#busMap{
margin-top:7px;
}

div#busMapWrapper{
border:1px solid #837bd0;
background:#e0def3;
padding:10px 14px;
position:relative;
}

/*[ 日付から探す ]*/
p#dateSearch{
width:120px;
line-height:21px;
position:absolute;
top:205px;
right:20px;
background:url(/kokunai/bus/images/parts/form_button.jpg) center center no-repeat;
}

p#dateSearch a{
height:21px;
padding-left:25px;
display:block;
}

div#busSearch{
clear:both;
zoom:1;
padding:5px 5px 0;
text-align:left;
margin:10px 0 0;
border-top:1px solid #837bd0;
}

div#busSearch table{
width:330px;
}

div#busSearch table td{
padding:3px;
}

div#busSearch table td#searchButton{
text-align:center;
background:url(/kokunai/bus/images/parts/form_border.jpg) bottom left repeat-x;
padding-bottom:10px;
}

div#busSearch ul#caution{
padding:5px 5px 0;
}

/*[ 地図 ]*/
div#busMapArea{
border:1px solid #837bd0;
text-align:center;
clear:both;
background:#fff;
padding-bottom:10px;
}

div#busMapArea img{
vertical-align:middle;
}

/*[ 目的地から探す ]*/
dl#mapTextLink{
background:#f1f1f9;
border:1px solid #837bd0;
border-top:none;
padding:5px;
clear:both;
}

dl#mapTextLink dt{
font-weight:bold;
}

dl#mapTextLink dd{
margin:5px;
}

dl#mapTextLink dd a{
text-decoration:none;
}

dl#mapTextLink dd a:hover,
dl#mapTextLink dd a:active{
text-decoration:underline;
}

dl#mapTextLink ul li{
display:inline;
}



/*=====================================
定番路線
=======================================*/

div#busRosen dl.busRosenContent{
width:167px;
}

div#busRosen dl.busRosenContent dt{
height:21px;
line-height:21px;
font-weight:bold;
padding-left:25px;
background:url(/kokunai/bus/images/head/rosen_content.jpg) no-repeat;
}

div#busRosen dl.busRosenContent dd{
margin-bottom:10px;
}

div#busRosen dl.busRosenContent dd ul li{
padding:3px;
background:url(/kokunai/bus/images/parts/dot.jpg) left bottom repeat-x;
zoom:1;
}

div#busRosen dl.busRosenContent dd ul li a{
text-decoration:none;
zoom:1;
display:block;
cursor:pointer;
}

div#busRosen dl.busRosenContent dd ul li a:hover,
div#busRosen dl.busRosenContent dd ul li a:active{
text-decoration:underline;
}

div#busRosen dl.busRosenContent dd ul li a strong{
display:block;
width:100px;
float:left;
font-weight:normal;
}
div#busRosen dl.busRosenContent dd ul li a span{
display:block;
width:60px;
float:right;
text-align:right;
font-weight:bold;
color:red;
}

/*=====================================
price down
=======================================*/

div#priceDown div.contentBlockInner{
padding:5px 10px; 
}

div#priceDown p.priceDownInfo{
text-align:right;
}

div#priceDown div#priceDownTable{
background:#c0bfe7;
text-align:center;
padding:3px 0;
margin:3px 0
}

div#priceDown table{
width:345px;
margin:0 auto;
border-collapse:separate;
}
div#priceDown table td{
padding:3px 0;
}
div#priceDown table tr td{
border-bottom:2px solid #9c9e88;
}

div#priceDown table td.itemImage{
background:#fff;
width:90px;
}

div#priceDown table td.itemName{
background:#f1f1f9;
padding:3px;
}
div#priceDown table td strong,
div#priceDown table td span{
display:block;
}

div#priceDown table td.itemPrice{
background:#fdffd7;
text-align:center;
padding:3px;
}
div#priceDown table td.itemPrice span{
text-decoration:line-through;
display:inline;
}
div#priceDown table td.itemPrice strong{
color:red;
font-size:120%;
}

div#priceDown table td a{
display:block;
}

div#priceDown table td a{
text-decoration:none;
}

div#priceDown table td a:hover,
div#priceDown table td a:active{
text-decoration:underline;
}
/*=====================================
特価
=======================================*/
div#bargainArea{
	position: relative;
	margin: 0 0 10px 0;
	padding:7px 0 5px;
	background:url(/kokunai/bus/images/bargain_btm.gif) no-repeat left bottom;
	}
div#bargainArea .date{
	position: absolute;
	top: 16px;
	left: 5px;
	width: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 0.9;
	}
div#bargainArea ul{
	padding: 0 5px;
	background:url(/kokunai/bus/images/bargain_bg.gif) repeat-y left top;
	}
div#bargainArea ul li{
	position: relative;
	width: 363px;
	padding: 0 1px;
	}
div#bargainArea ul li.color0{
	background:url(/kokunai/bus/images/bargain_dot.gif) no-repeat left top #fffccc;
	}
div#bargainArea ul li.color1{
	background:url(/kokunai/bus/images/bargain_dot.gif) no-repeat left top;
	}
div#bargainArea ul li.item01{
	background-image: none;
	}
div#bargainArea ul li p.logo{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 60px;
	height: 20px;
	border: 1px solid #d0d0d0;
	background: #fff;
	padding: 10px 0;
	text-align: center;
	}
div#bargainArea ul li h3{
	padding: 10px 10px 0 10px;
	font-size: 16px;
	line-height: 1.0;
	}
div#bargainArea ul li .note{
	padding: 5px 0 0 10px;
	}
div#bargainArea ul li .price{
	padding: 0 10px 5px 10px;
	text-align: right;
	}
div#bargainArea ul li .price span{
	font-size: 18px;
	font-weight: bold;
	color: #ff0000;
	}
div#bargainArea ul li .price span.unit{
	font-size: 14px;
	color: #ff0000;
	}

div#bargainArea ul li img.icon{padding-right:2px;}


/*=====================================
kakuyasu best3
=======================================*/

div#kakuyasu div.contentBlockInner{
padding:5px 10px; 
}

div#kakuyasu table{
width:354px;
margin:0 auto;
border:0;
border-collapse:collapse;

}

div#kakuyasu table td{
padding:3px 0;
}

*:first-child+html div#kakuyasu table td{/*IE7 点線*/
border-bottom:1px dotted #cccccc;
padding:3px 0;
}

* html div#kakuyasu table td{/*IE6 点線*/
border-bottom:1px dashed #cccccc;
padding:3px 0;
}


div#kakuyasu table tr.k-ten{
border-bottom:1px dotted #cccccc;
}

div#kakuyasu table td.itemImag{
width:52px;
}

div#kakuyasu .itemNam{
padding-left:5px;
width:95px;
}

div#kakuyasu .itemtxt{
padding-left:5px;
width:195px;
border-left:1px solid #cccccc;
}

div#kakuyasu .kaku_red{
color:#FF0000;
}

div#kakuyasu .14f{
font-size:14px;
}

/*=====================================
campaign
=======================================*/

p.busMarker a,
div#campaign a span{
display:block;
padding-left:10px;
background:url(/images/top/icon/arrow/mini_allow.gif) left 0.3em no-repeat;
}
p.busMarker a,
div#campaign a{
text-decoration:none;
}

div#campaign a:hover span,
div#campaign a:active span
div#campaign a:hover,
div#campaign a:active{
text-decoration:underline;
}

div#campaign p.banner_s{
width:167px;
}

/*=====================================
tdrUse (20110523)
=======================================*/
#tdrUse #tdrIn{
background:url(/kokunai/bus/campaign/images/event/tdl_bg.gif) left bottom no-repeat;
padding:5px 15px;
}

#tdrUse #tdrIn ul{
margin-left:5px;
}

#tdrUse #tdrIn li {
float: left;
font-weight: bold;
margin:2px 15px 2px 0;
text-align: right;
font-size: 14px;
}

#tdrUse #tdrIn li a{
color: #fffd9b;
white-space:nowrap;
}

#tdrUse #tdrIn li a:hover {
color: #fff;
}

#tdrUse #tdrIn .clear_all{
clear:both;
}

#tdrUse #tdrIn .More_info{
text-align:right;
font-size:0.9em;
padding-bottom:3px;
}

#tdrUse #tdrIn .More_info a{
color: #fff;
}

#tdrUse #tdrIn .More_info a:hover{
color: #fffd9b;
}

/*=====================================
bus type
=======================================*/
div#busType div.contentBlockInner{
padding-bottom:0!important;
}
div#busType dl{
width:165px;
min-height:135px;
float:left;
margin-bottom:5px;
border:1px solid #837bd0;
}

* html div#busType dl{
height:135px;
}

div#busType dl dt{
text-align:center;
}
div#busType dl dd{
margin:0 5px;
}
div#busType p{
width:167px;
margin-bottom:5px;
}

p.busMarker{
clear:both;
}
/*=====================================
firstUse
=======================================*/
div#firstUse dl dt{
font-weight:bold;
margin:5px 0;
}
div#firstUse dl dd{
margin-left:5px;
line-height:1.4;
}
div#firstUse dl ol{
list-style-type:decimal;
margin-left:15px;
}

/*=====================================
グレー帯 knt
=======================================*/
.area_notice {
	background:#eeeeee;
	margin-bottom:5px;
	padding:10px 0 10px 0;
	text-align:center;
}

/*=====================================
右カラム
=======================================*/
/* [新規会員登録] */
p#newentry{
margin-top:7px;
}

/* [よくある質問] */
#bustopFaq{
	margin: 10px 0 10px 0;
	width: 180px;
	background: url(/kokunai/bus/images/parts/bustopFaqBg.gif) repeat-y;
}
#bustopFaq img{
	display: block;
}
#bustopFaq ul {
	width: 170px;
	padding: 8px 0 8px 5px;
}
#bustopFaq li {
	background: url(/kokunai/bus/images/parts/bustopFaqIcon.gif) no-repeat left 2px;
	padding-left: 16px;
}

/* [ココがすごい] */
p#sugoi{
margin-bottom:10px;
}

/* [支払方法] */
dl#payWay dt{
font-weight:bold;
padding:3px 0 0 5px;
}

dl#payWay dd{
font-size:90%;
line-height:1.2;
border-bottom:1px dashed #ccc;
padding-bottom:3px;
margin-bottom:3px;
}

dl#payWay dd ul{
text-align:center;
margin:3px 0;
}

dl#payWay dd ul li{
display:inline;
margin:0;
}

dl#payWay dd ul li img{
vertical-align:middle;
margin:0;
}

dl#payWay dd p{
margin:3px 5px;
}

dl#payWay dd#payWayEtc{
border:none;
margin-bottom:0;
}


/*[ ケータイ ]*/

div#mobileQR p.clearfix{
padding:3px 3px 0;
}

div#mobileQR p.clearfix img{
float:left;
}

div#mobileQR p.learn{
margin:0 5px 5px;
}
/*=====================================
ページ下部リンク
=======================================*/

div#areaLink{
clear:both;
padding:15px 0;
text-align:center;
}

div#areaLink ul li{
display:inline;
margin-right:5px;
}

/*=====================================
elements
=======================================*/
div.contentBlockInner:after,
dl.busRosenContent dd ul li:after,
div#busMapArea:after,
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div#busMapArea,
div.contentBlockInner,
dl.busRosenContent dd ul li,
.clearfix{
zoom:1;
}

/*=====================================
<<<<<<< .working
blog
=======================================*/
#busBlog	{
	margin:5px 0 2px 0;
	}
#busBlog_ttl	{
	width:375px;
	height:67px;
	overflow:hidden;
	}
#busBlog_body	{
	min-height:50px;
	/height:200px;
	background:url(/images/system/head/bustop_blog_bnr.gif) no-repeat left bottom;
	}
.sgBlogRssArea	{
	padding:1px 10px 15px 14px;
	}
.sgBlogRssArea dt a	{
	background:url(/images/system/top/p_top_parts_arrow_s.gif) no-repeat 0 3px;
	padding-left:10px;
	color:#1C718E !important;
	font-weight:700;
	}
.sgBlogRssArea dt a:hover	{
	color:#FF3300 !important;
	}
.busBlog_all {
	font-size:11px;
	text-align:right;
	padding-right:5px;
	margin:5px 0;
}

.busBlog_all {
	font-size:11px;
	text-align:right;
	padding-right:5px;
	margin:5px 0;
}


/*=====================================
=======
blog
=======================================*/
#busBlog	{
	margin:5px 0 2px 0;
	}
#busBlog_ttl	{
	width:375px;
	height:67px;
	overflow:hidden;
	}
#busBlog_body	{
	min-height:50px;
	/height:200px;
	background:url(/images/system/head/bustop_blog_bnr.gif) no-repeat left bottom;
	}
.sgBlogRssArea	{
	padding:1px 10px 15px 14px;
	}
.sgBlogRssArea dt a	{
	background:url(/images/system/top/p_top_parts_arrow_s.gif) no-repeat 0 3px;
	padding-left:10px;
	color:#1C718E !important;
	font-weight:700;
	}
.sgBlogRssArea dt a:hover	{
	color:#FF3300 !important;
	}
.busBlog_all {
	font-size:11px;
	text-align:right;
	padding-right:5px;
	margin:5px 0;
}

/*=====================================
end
=======================================*/

.w761 {
	width: 761px;
}

.notice {
	background: none repeat scroll 0 0 #EEEEEE;
	margin-bottom: 5px;
	padding: 10px 0;
	text-align: center;
}

iframe.il-contents {
	overflow: hidden;
	display:block;
	margin: 0 auto;
}

/* 国内ホテル入荷速報部分 */
#jphtl{
	background: url(/images/top/jphtl/bg_jphtl_l.gif) 0 0 no-repeat;
	position: relative;
	height: 111px;
	margin-top: 5px;
}
#jphtl a{
	text-decoration: none;
}
#jphtl .date{
	position: absolute;
	width: 60px;
	left: 58px;
	top: 24px;
	color: #ffff00;
	text-align: center;
	font-weight: bold;
}
#jphtl .jphtl{
	width: 372px;
	line-height: 32px;
	position: absolute;
	top: 46px;
	color: #fe0000;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
#jphtl .max{
	font-size: 12px;
}
#jphtl .percent{
	font-size: 32px;
	vertical-align: -2px;
}
#jphtl .jphtl_lst{
	position: absolute;
	left: 373px;
	top: 5px;
	width: 382px;
	background-color: #FFFFFF;
}
#jphtl .jphtl_lst .ttl{
	background-color: #21A79D;
	padding-top: 5px;
	color: #FFFFFF;
	height:13px;
	line-height: 1em;
	text-align: center;
	font-size:10px;
	letter-spacing: 1px;
}
#jphtl .jphtl_lst .lst{
	border: solid 1px #21A79D;
	border-top: none;
}
#jphtl .jphtl_lst li{
	padding: 5px;
}
.sale_img{
	display: block;
	float: left;
	}

.sale_hotel_detail{
	display:block;
	line-height: 1.1em;
	color: #333333;
	height:30px;
	padding-bottom:1px;
	padding-left: 41px;
	_padding-left: 10px;
	}
*:first-child+html .sale_hotel_detail {
	padding-left: 10px;
}
.sale_hotel_name{
	text-decoration: underline;
	color: #0000FF;
	}
.sale_star1,
.sale_star2,
.sale_star3,
.sale_star4,
.sale_star5{
	display: inline-block;
	margin-right: 5px;
	width: 80px;
	background: url(/images/icon/hotel/icon_stars01.gif) no-repeat 0px 2px;
	line-height: 18px;
	text-indent: -9999px;
}
.sale_star1{ background: url(/images/icon/hotel/icon_stars01.gif) no-repeat -64px 2px;}
.sale_star2{ background: url(/images/icon/hotel/icon_stars01.gif) no-repeat -48px 2px;}
.sale_star3{ background: url(/images/icon/hotel/icon_stars01.gif) no-repeat -32px 2px;}
.sale_star4{ background: url(/images/icon/hotel/icon_stars01.gif) no-repeat -16px 2px;}
.sale_star5{ background: url(/images/icon/hotel/icon_stars01.gif) no-repeat 0px 2px;}
.sale_lead{
	clear:both;
	font-size: 12px;
	}
.sale_lead strong	{
	color:#F00;
	font-size:12px;
	}
.sale_line-through	{
	text-decoration:line-through;
	color:#666;
	}
.sale_listbk_parple	{
	background:#F7E9FF;
	}

/*---------------------------------------------------------------------------------
国内ホテルタイムセール
---------------------------------------------------------------------------------*/
#tshtl{
	position: relative;
	background: url("/hotel/campaign/timesale/images/bnr/kokunai_tour_top_762x111.gif") no-repeat scroll 0 0 transparent;
	width:762px;
	height:111px;
	margin-bottom: 5px;
	margin-top:5px;
}
#tshtl ul {
    left: 0;
    top: 0;
    position: absolute;
}
#tshtl li {
    float: left;
    width: 762px;
}
#tshtl li a {
    display: block;
    width: 762px;
    text-indent: -9999px;
}
#tshtl li.timesale a {
    height: 94px;
}
#tshtl li.htl a {
    height: 17px;
}

#tshtl a{
text-decoration: none;
}
#tshtl img{
	vertical-align:bottom;
}
#tshtl p#title_time{
	position:absolute;
	color: #0066cc;
	font-size:36px;
	font-weight: bold;
	letter-spacing:-2px;
	top:7px;
	left:502px;
	width:150px;
	text-align:center;
}

#tshtl p#title_off{
	position:absolute;
	color: #FF0000;
	font-size:38px;
	font-weight: bold;
	top:40px;
	left:559px;
	width:65px;
	text-align:center;
}

#tshtl p#title_term{
	position:absolute;
	font-size:12px;
	font-weight: bold;
	top:65px;
	left:125px;
	width:360px;
	line-height:1.2;
	color:#000;
}

#tshtl p#title_term a:visited,
#tshtl p#title_term a:hover{
	color:#000;
}