@charset "utf-8";
/*
* Super Sale 2014 CSS for PC
* 2014.05.21
* Miura
*/
em{ font-style:normal;}
body{
	min-width: 990px;
	_display: inline;
	_zoom: 1;
}
.sp{ display:none;}
#grpLocationArea{
	width: auto;
	height: 25px;
	margin: 15px 0 10px 20px;
	font-size:	small;
}
.sns{
	position: relative;
	z-index: 1;
	width: 310px;
	height: 30px;
	overflow: hidden;
	float:right;
}
#contentsArea{
	clear: both;
	
}
.topBg1{background:url(../images/top-bg.gif) repeat-x top #FFE417; padding-bottom:50px;}
.top1{background:url(../images/topBnr.gif) no-repeat center top;height: 270px;}
.topBg2{background:url(../images/top-bg1027.gif) repeat-x top #FFE417;}
.top2{background:url(../images/topBnr1027.gif) no-repeat center top;height: 321px;}
#container{width:950px; margin:0 auto; background:#FFFFFF;}
/*----- #keyVisual -----*/
#keyVisual{
	position: relative;
	max-width:1200px;	
	margin: 0 auto;
}
#keyVisual .btns{ width:532px; margin-left:auto;margin-right:auto; padding-top:202px;}
#keyVisual a.btn1{ display:block; float:left; background:url(../images/top-btn1.gif) no-repeat; width:265px; height:69px; text-indent:-9999px; margin-right:2px; } 
#keyVisual a.btn2{ display:block; float:left;  background:url(../images/top-btn2.gif) no-repeat; width:265px; height:69px; text-indent:-9999px;} 
#keyVisual #title{
	position: absolute;
	top: 60px;
	left: 0px;
	font-size: 240%;
	text-align:center;
}

.spTop{ display:none;}


/*----- #container -----*/
#container{
	padding: 15px 20px; margin-top:15px;
	background: #FFFFFF; clear:both;
	
}
#container:after{
	content: ""; 
	display: block; 
	clear: both;
}


#container .pagetop{
	clear: both;
	font-size: 82%;
	text-align: right;
}




/*----- #mainContents -----*/
#mainContents{
	float: right;
	width: 100%;
	line-height:1.2;
}

#mainContents .inner{
	min-width: 610px;
	margin-left: 340px;
}

#mainContents #pageTitle{
	padding: 5px;
	background: #B20000;
	color: #FFF;
	text-align: center;
}
#mainContents #pageTitle span{
	font-size: 130%;
}



/*----- #subContents -----*/
#subContents{
	float: left;
	width: 320px;
	margin-right: -320px;
}

/*#search-box*/
#search-box{
	margin-bottom: 15px;
	padding: 4px;
	background: #F53A17;
}

/*input*/
#search-box .inputDate{
	width: 95%;
	min-height: 28px;
	padding-left: 3%;
	background-color: #f0f0f0;
	border: 1px solid #878787;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	cursor: pointer;
	vertical-align: middle;
	-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0),
                inset 0px 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0),
                inset 0px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 0px rgba(000,000,000,0),
                inset 0px 1px 3px rgba(0,0,0,0.1);
	/*background image*/
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/search/images/calendarIcon001_72px.png);
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-background-size: 28px 23px;
	-moz-background-size: 28px 23px;
	-o-background-size: 28px 23px;
	/*Text setting*/
	color: #333;
	font-size: 90%;
	line-height: 2.4;
}
#search-box .number ul li.child a,
#search-box #oa-arv1{
	background: #f0f0f0; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #777777;
	-moz-box-shadow: 0px 0px 0px rgba(000,000,000,0),
                inset 0px 1px 5px rgba(171,171,171,0.6);
	-webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0),
                inset 0px 1px 5px rgba(171,171,171,0.6);
	box-shadow: 0px 0px 0px rgba(000,000,000,0),
                inset 0px 1px 5px rgba(171,171,171,0.6);
	color: #333333;
	line-height: 1.7;
	padding: 0.3em 1em;
}

#search-box #dr-dpt-date,
#search-box #dr-arv-date,
#search-box #oa-dpt1-date,
#search-box #oa-dpt2-date,
#search-box #oap-departure,
#search-box #oap-arrival{
	margin-bottom: 5px;
}

/* select */
#search-box #dr-gmarea,
#search-box #dr-garea,
#search-box #oh-area-dai,
#search-box #oh-area-chu,
#search-box #oh-area-shou,
#search-box #oh-area-sai,
#search-box #oap-destination-area,
#search-box #oap-destination-country,
#search-box #oap-destination-city{
	margin-bottom: 7px;
	max-width: 100%;
}

#search-box #db-dpt,
#search-box #db-arv,
#search-box #dr-garea,
#search-box #dr-airport,
#search-box #oh-area-dai,
#search-box #oa-airline,
#search-box #oap-destination-area,
#search-box #oap-airline{
	width: 185px;
	max-width: 100%;
}

#search-box .timeSelect{
	width: 100px;
}

#search-box h1{
	float: left;
	width: 140px;
	margin: 5px 0 0 5px;
	font-size: 90%;
	color: #FFF;
}

/*switch*/
#search-box .switch{
	float: right;
	width: 160px;
}
#search-box .switch:after{
	content: ""; 
	display: block; 
	clear: both;
}
#search-box .switch li{
	float: left;
	width: 75px;
	margin-left: 5px;
}

#search-box .switch li a{
	display: block;
	padding: 7px 0;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	font-size: 82%;
	color: #FFF;
	background: url(http://img.travel.rakuten.co.jp/share/common/images/sprite_common_pc.png) no-repeat -140px -1188px;
}
#search-box .switch li a.active{
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	background: #FFF;
	color: #F53A17;
	font-weight: bold;
}

#search-box #domestic-search-box,
#search-box #overseas-search-box{
	clear: both;
	padding: 10px 0 10px 6px;
	background-color: #FFF;
}

#search-box .searchCategory li,
#search-box .squeeze li,
#search-box .setCars p,
#search-box .searchSelectCar li{
	margin-bottom: 7px;
	padding: 6px 0 6px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px dotted #CCC;
	background-color: #EAEAEA;
	color: #000;
	line-height: 1.2;
}

#search-box .searchCategory{
	margin-bottom: 7px;
}
#search-box .searchCategory:after{
	content: ""; 
	display: block; 
	clear: both;
}
#search-box .searchCategory li{
	float: left;
	width: 140px;
	margin: 0 6px 6px 0;
	font-size: 78%;
}
#search-box .searchCategory li input{
	margin: 0;
}
#search-box .explain{
	margin-bottom: 10px;
	font-size: 78%;
	line-height: 1.4;
	color: #B20000;
}

#search-box .structure:after{
	content: ""; 
	display: block; 
	clear: both;
}

#search-box .structure dt{
	clear: both;
	float: left;
	width: 110px;
	font-size: 78%;
	line-height: 1.2;
}
#search-box .structure dt.date{ padding-top: 7px;}

#search-box .structure dd{
	float: left;
	width: 185px;
	margin-bottom: 10px;
	font-size: 78%;
}

#search-box .number ul:after{
	content: ""; 
	display: block; 
	clear: both;
}
#search-box .number ul li{
	float: left;
	width: 50%;
}
#search-box #db-search-form .number ul li,
#search-box #oa-search-form .number ul li,
#search-box #oap-search-form .number ul li{ float: none; width: auto;}
#search-box #db-search-form .number ul li.adult,
#search-box #oa-search-form .number ul li.adult,
#search-box #oap-search-form .number ul li.adult{ margin-bottom: 7px;}

#search-box #oa-arv1-sgst{
	position: relative;
	padding: 10px;
	border: 3px solid #CCC;
	background-color: #FFF;
	margin-right: 3%;
	margin-left: 3%;
	box-shadow: 0px 3px 5px #666;
}
#search-box #oa-arv1-sgst:after,
#search-box #oa-arv1-sgst:before{
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#search-box #oa-arv1-sgst:after{
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}
#search-box #oa-arv1-sgst:before{
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #CCC;
	border-width: 14px;
	left: 50%;
	margin-left: -14px;
}

.sltBox{
	position: relative;
	padding: 10px;
	border: 3px solid #CCC;
	background-color: #FFF;
	margin-right: 3%;
	margin-left: 3%;
	box-shadow: 0px 3px 5px #666;
}
.sltBox:after,
.sltBox:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.sltBox:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}
.sltBox:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #CCC;
	border-width: 14px;
	left: 50%;
	margin-left: -14px;
}

.sltBox table{
	font-size: 82%;
	margin-bottom: 2px;
}

.sltBox th{
	background-color: #eeeeee;
	color: #888888;
	font-weight: bold;
	width: 3.6em;
}
.sltBox tr{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.sltBox td{
	width: 8em;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
.sltBox td span.child-select-des{
	display:block;
}
.sltBox td span.child-select-contents{
	display:block;
	vertical-align: middle;
}

.sltBox .tbClose{
	display: block;
	z-index: 5;
	position: absolute;
	top: -10px;
	right: -10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.sltBox .tbClose a.close{
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-position: 0px 0px;
	height: 23px;
	width: 23px;
	background-image: url(http://img.travel.rakuten.co.jp/share/themes/search/images/closeBtn_72px.png);
	background-repeat: no-repeat;
}

#search-box p.searchSubmit{
	clear: both;
	margin: 0 56px 0 50px;
}
#search-box p.searchSubmit a{
	display: block;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
	background: #B20000;
	background: -moz-linear-gradient(
        top,
        #B20000 0%,
        #B20000);
	background: -webkit-gradient(
        linear, left top, left bottom,
        from(#B20000),
        to(#B20000));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #B20000;
	-moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),
        inset 0px 0px 2px rgba(255,255,255,0.6);
	-webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),
        inset 0px 0px 2px rgba(255,255,255,0.6);
	box-shadow: 0px 1px 2px rgba(000,000,000,0.2),
        inset 0px 0px 2px rgba(255,255,255,0.6);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2),
        0px 0px 0px rgba(255,255,255,0);
	line-height: 1.4;
	font-size: 100%;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
#search-box select#dr-barea {
    width: 100%;
}

/*--entryBox--*/
.entryBox{ width:610px; clear:both; font-size:12px;}
.entryBox h1{ display:block; text-align:center;}
.entryBox h1.tt{color:#ff411b; font-size:20px; margin-top:20px;  font-weight:bold;text-align:left;}
.entryBox h2.tt{display:block;clear:both; text-align:center;padding-top:10px;}
.entryBox dl.rgtSpace{margin-right:0;}
.entryBox dl{ width:294px; border:3px solid #65c7c8; background:#FFFFFF; float:left; margin-right:10px; margin-top:8px;}
.entryBox dl dt{ background:#65c7c8; font-weight:bold; text-align:center; color:#FFFFFF; padding-top:5px; padding-bottom:5px; font-size:108%;}
.entryBox dl dd{ padding:5px 8px;}
.entryBox dl dd p{ margin-bottom:4px;}
.entryBox dl dd p img{ display:block; float:left; width:43px; margin-right:5px;}
.entryBox dl dd p span{ display:block; float:left; width:230px; color:#000000; font-weight:bold; padding-top:5px;}
.entryBox dl dd p span em{ color:#F53A17; font-size:17px;}
.entryBox dl dd a{ display:block; width:220px; margin:0 auto; text-align:center; color:#FFFFFF; background:#F53A17; padding-top:7px; padding-bottom:7px; margin-bottom:4px; font-weight:bold;}
.entryBox dl dd a span{background:#FFFFFF; color:#f53a18; padding:1px 5px; border-right:2px solid #f53a18;}
.entryBox ul{width:604px; border:3px solid #65c7c8; background:#FFFFFF; font-size:12px; margin-top:12px; }
.entryBox ul li img{ display:block; width:196px; float:left;}
.entryBox ul li div{ width:408px; float:left;}
.entryBox ul li div h2{background:#65c7c8; text-align:center; color:#FFFFFF; padding-top:5px; margin-bottom:6px; padding-bottom:5px; font-size:108%;}
.entryBox ul li div h2 span{background:#FFFFFF; color:#65c7c8; padding:1px 2px;}
.entryBox ul li div p{ margin-bottom:8px; padding-left:10px; padding-right:10px;}
.entryBox ul li div p span{color:#000000;  text-align:center;font-weight:bold; font-size:15px; display:block; margin-bottom:4px;}
.entryBox ul li div p span em{ color:#F53A17; font-size:20px;}
.entryBox ul li div p span em b{color:#000000;}
.entryBox ul li div a{ display:block; width:220px; margin:0 auto; text-align:center; color:#FFFFFF; background:#F53A17; padding-top:5px; padding-bottom:5px; margin-bottom:4px; font-weight:bold;}
.entryBox p.em{ color:#666666; padding-top:8px;font-size:90%;}
.entryBox a.bnr{ display:block; width:600px; margin:12px auto 8px auto;}

/*--couponBox--*/
#couponBox{ width:610px; clear:both; font-size:12px; margin-top:16px;}
#couponBox h1{ display:block; text-align:center;}
#couponBox p.em{ color:#D32A0B; padding-top:8px; font-size:90%;}
#couponBox ul.cp{ width:100%; margin-top:8px;}
#couponBox ul.cp li{ width:50%; float:left; margin-bottom:8px; text-align:left;}
#couponBox ul.cp li.rgt{text-align:right;}
#couponBox ul.cp li a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; }
dl.accordion{width:608px;margin-bottom:12px; clear:both; margin-top:12px; border:1px solid #DADADA; background:#FFFFFF; color:#000000; font-size:12px;}
dl.accordion dt{ background:url(../images/close.gif) no-repeat left center #DADADA; padding-top:6px; padding-bottom:6px; padding-left:26px; font-weight:bold; cursor:pointer;}
dl.accordion dt.open{ background:url(../images/open.gif) no-repeat left center #DADADA; padding-top:6px; padding-bottom:6px; padding-left:26px; font-weight:bold; cursor:pointer;}
dl.accordion dd{ display:none; padding:10px;}
dl.accordion dd h2{ display:block;font-weight:bold; margin-bottom:6px;}
dl.accordion dd p{ margin-bottom:6px;}
dl.accordion dd ul li{ margin-bottom:6px;}
.comingSonn{ display:block; margin:5px auto; padding-top:5px; font-weight:bold; padding-bottom:5px; text-align:center; color:#FFFFFF; background:#666666; width:220px;}


/*--rentCar--*/
#OvRentCar{ width:610px; clear:both; font-size:12px; margin-top:12px;}
#OvRentCarh1{ display:block; text-align:center;}
#OvRentCar dl.rgtSpace{margin-right:0;}
#OvRentCar dl{ width:294px; border:3px solid #65c7c8; background:#FFFFFF; float:left; margin-right:10px; margin-top:8px;}
#OvRentCar dl dt{ background:#65c7c8; text-align:center; color:#FFFFFF; padding-top:5px; padding-bottom:5px; font-size:108%;}
#OvRentCar dl dd{ padding:5px 8px;}
#OvRentCar dl dd p{ margin-bottom:4px;}
#OvRentCar dl dd p img{ display:block; float:left; width:43px; margin-right:5px;}
#OvRentCar dl dd p span{ display:block; float:left; width:230px; color:#000000; font-weight:bold; padding-top:5px;}
#OvRentCar dl dd p span em{ color:#F53A17; font-size:17px;}
#OvRentCar dl dd a{ display:block; width:220px; margin:0 auto; text-align:center; color:#FFFFFF; background:#F53A17; padding-top:5px; padding-bottom:5px; margin-bottom:4px;}


/*txtBox*/
#txtBox{ background:#E7E7E5; padding:10px; font-size:12px; margin-top:12px; margin-bottom:12px;}
#txtBox p{ margin-bottom:6px;} 
#txtBox a{ color:#154bbb; text-decoration:underline;} 




/*--toolBox--*/
.toolBox{ width:610px; clear:both; font-size:12px;}
.toolBox h1{ display:block; text-align:center;}
.toolBox h1.tt{color:#ff411b;  margin-top:30px; font-size:20px; font-weight:bold; text-align:left;}
.toolBox ul.detail{width:604px; border:3px solid #65c7c8; background:#FFFFFF; font-size:12px; margin-top:8px; }
.toolBox ul.detail li img{ display:block; width:196px; float:left;}
.toolBox ul.detail li div{ width:408px; float:left;}
.toolBox ul.detail li div h2{background:#65c7c8; text-align:center; color:#FFFFFF; padding-top:7px; margin-bottom:6px; padding-bottom:7px; font-size:108%;}
.toolBox ul.detail li div h2 span{background:#FFFFFF; color:#65c7c8; padding:1px 5px;}
.toolBox ul.detail li div p{ margin-bottom:8px; padding-left:10px; padding-right:10px;}
.toolBox ul.detail li div p span{color:#000000; text-align:center; font-weight:bold; font-size:15px; display:block; margin-bottom:4px;}
.toolBox ul.detail li div p span em{ color:#F53A17; font-size:18px;}
.toolBox ul.detail li div p span em b{color:#000000;}
.toolBox ul.detail li div a{ display:block; width:220px; margin:0 auto; text-align:center; color:#FFFFFF; background:#F53A17; padding-top:5px; padding-bottom:5px; margin-bottom:4px; font-weight:bold;}
.toolBox p.em{ color:#d42a0c; padding-top:8px;font-size:90%;}
.toolBox ul.coupon{ width:100%; margin-top:8px;}
.toolBox ul.coupon li{ width:50%; float:left; margin-bottom:8px; text-align:center;}
.toolBox ul.coupon li.rgt{text-align:center;}
.toolBox ul.coupon li a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; }

.toolBox dl.rgtSpace{margin-right:0;}
.toolBox dl.entry{ width:294px; border:3px solid #65c7c8; background:#FFFFFF; float:left; margin-right:10px; margin-top:8px; margin-bottom:12px;}
.toolBox dl.entry dt{ background:#65c7c8; text-align:center; font-weight:bold; color:#FFFFFF; padding-top:5px; padding-bottom:5px; font-size:108%;}
.toolBox dl.entry dd{ padding:5px 8px;}
.toolBox dl.entry dd p{ margin-bottom:5px;}
.toolBox dl.entry dd p img{ display:block; float:left; width:43px; margin-right:5px;}
.toolBox dl.entry dd p b{ display:block; float:right; width:230px; color:#000000;font-weight:normal; padding-top:4px; padding-bottom:2px;}
.toolBox dl.entry dd p span{ display:block; float:left; width:230px; color:#000000; font-weight:bold; padding-top:6px;}
.toolBox dl.entry dd p span em{ color:#F53A17; font-size:18px;}
.toolBox dl.entry dd a{ display:block; width:220px; margin:2px auto; text-align:center; color:#FFFFFF; background:#F53A17; padding-top:7px; padding-bottom:7px; margin-bottom:6px; font-weight:bold;}
.toolBox dl.entry dd a span{background:#FFFFFF; color:#f53a18; padding:1px 2px; border-right:2px solid #f53a18;}

.toolBox ul.coupon2{ width:300px;float:left;margin-top:8px; margin-bottom:1px;}
.toolBox ul.coupon2 li a{ display:block;}
.toolBox ul.coupon2 li a:hover{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; }

/*--nav--*/
.nav{ width:610px; clear:both;height:46px;}
.nav a{ display:block; float:left; height:46px; text-indent:-9999px;}
.nav a.nav1{ width:105px; background:url(../images/nav1.jpg) no-repeat 0 0;}
.nav a.nav1:hover{ width:105px; background:url(../images/nav1_o.jpg) no-repeat 0 0;}
.nav a.nav2{ width:150px; background:url(../images/nav2.jpg) no-repeat 0 0;}
.nav a.nav2:hover{ width:150px; background:url(../images/nav2_o.jpg) no-repeat 0 0;}
.nav a.nav3{ width:111px; background:url(../images/nav3.jpg) no-repeat 0 0;}
.nav a.nav3:hover{ width:111px; background:url(../images/nav3_o.jpg) no-repeat 0 0;}
.nav a.nav4{ width:122px; background:url(../images/nav4.jpg) no-repeat 0 0;}
.nav a.nav4:hover{ width:122px; background:url(../images/nav4_o.jpg) no-repeat 0 0;}
.nav a.nav5{ width:122px; background:url(../images/nav5.jpg) no-repeat 0 0;}
.nav a.nav5:hover{ width:122px; background:url(../images/nav5_o.jpg) no-repeat 0 0;}

.bnrBox{ margin-top:20px; width:300px; border:1px solid #CCC; padding:12px 9px 0 9px;}
.bnrBox a{ display:block; text-align:center; margin-bottom:9px;}
.bnrBox a img{ width:300px; height:60px;}
.bnrBox h1{ font-size:90%; margin-bottom:5px;}

/*--bus coupon text 20141028--*/
li.rgt2{ margin-top:-7px;}

.bnr610{ width:100%; text-align:center; margin:10px 0;}