@charset "utf-8";

/* ==========================================================================
   reset
========================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1.1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

ul{
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display: none;
}

input, select {
    margin: 0;
	vertical-align:middle;
}

/* ==========================================================================
   common
========================================================================== */
html{
	overflow-y: scroll;
}
/*
body{
	padding: 0;
	background: #FFF;
	color: #000;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Helvetica", "Verdana", "Arial", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", sans-serif;
}*/
/* for IE6 */
* html body{ font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}

.link_r1 a{
	padding-left: 14px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png);
	background-repeat: no-repeat;
}
.link_r1 a:link   { background-position: -189px -267px;}
.link_r1 a:visited{ background-position: -189px -297px;}
.link_r1 a:hover,
.link_r1 a:active { background-position: -189px -327px;}

.link_r2 a{
	padding-left: 10px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png);
	background-repeat: no-repeat;
}
.link_r2 a:link   { background-position: -189px -357px;}
.link_r2 a:visited{ background-position: -189px -387px;}
.link_r2 a:hover,
.link_r2 a:active { background-position: -189px -417px;}



/* ==========================================================================
   clearfix
========================================================================== */
#rtSiteHeader .rtSiteNav:after,
#rtSiteHeader .rtRsvNavDtl .primary:after,
.topContent-A:after,
#search-box dl.srcStructure:after,
#search-box .numberAlign:after,
#purpose ul.primary:after,
#purpose .secondary ul:after,
#ranking ul:after,
#ranking ol:after,
#recent .recentList:after,
#ichioshi .bnrGroup:after,
#special .spDms:after,
#others:after,
#others ul:after,
#SNS ul:after,
#groupServiceFooter .title:after,
#selectedService:after,
#serviceList:after{
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}



/* ==========================================================================
   contents
========================================================================== */

#dh-search-form,
/* #dap-search-form, */
#db-search-form,
#dr-search-form,
#du-search-form,
#overseas-search-box {/* custom */
	display : none;
}

#contents{
	position: relative;
	z-index: 1;
}

.topContent-A{
	display: inline-block\9;
	width: 100%\9;
	position: relative;
	padding: 20px 0 0 0;
	background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/cover_line.gif) repeat-y top right;
}
.topContent-A .cover{
	margin: 0 20px;
}



/*-----event----*/
#event{
	position: relative;
	margin-bottom: 10px;
	padding: 7px;
	border: 1px solid #76AE25;
	font-size: 78%;
	background-color: #EBF2D8;
}
#event span{
	font-weight: bold;
}
#event .message{
	margin-right: 150px;
}
#event .link_r1{
	position: absolute;
	top: 7px;
	right: 7px;
}

/*-----search-----*/
#search{
	float: left;
	width: 100%;
	margin-right: -320px;
}

.col-left{
	float: left;
	width: 320px;
}
.col-center{
	float: right;
	width: 100%;
	margin-left: -320px;
}
.col-right{
	float: right;
	width: 234px;
}

.searchBox{
	position: relative;
	margin-bottom: 15px;
	padding: 0;
	background-color: #76AE25;
/*	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; */
}
.searchBox h1{
	height: 21px;
	padding-left: 40px;
	padding-top: 5px;
	font-size: 90%;
	color: #FFFFFF;

}
.searchBox {
	background-image: url(https://img.travel.rakuten.co.jp/package/images/icon_glass.png);
	background-position: 4px 0px;
	background-repeat:no-repeat;
	}
.searchBox .inner{
	z-index: 1;
	padding: 8px 0 8px 8px;
	border: 1px solid #457F0F;
	background-color: #FFFFFF;
	font-size: 120%;
}


/*search-box*/
#search-box{
	width: 350px;
}
#search-box .searchCategory{
	position: relative;
	width: 296px;
	margin-bottom: 10px;
	font-size: 78%;
}
#search-box .searchCategory li{
	height: 20px;
}
#search-box .searchCategory li#searchCategory4{ position: absolute; top: 0;left: 148px;}
#search-box .searchCategory li#searchCategory5{ position: absolute; top: 20px;left: 148px;}
#search-box .searchCategory li#searchCategory8{ position: absolute; top: 40px;left: 148px;}
#search-box .searchCategory li#searchCategoryForeign3{ position: absolute; top: 0;left: 148px;}
#search-box .searchCategory li#searchCategoryForeign3 span{
	display: block;
	margin-left: 12px;
	font-size: 79%;
}

#search-box .searchCategory li input{
	margin: 0;
	vertical-align: -1px;
}
#search-box .searchCategory li img{
	vertical-align: -1px;
}

/*midnight*/
#search-box #twentyFourHr{
	display: none;
	margin: -8px 8px 8px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 78%;
	padding: 5px 7px 5px 15px;
	background: #233458 url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png) no-repeat -188px -48px;
	line-height: 1.3;
}
#search-box #twentyFourHr a{
	color: #FFFFFF;
}

/*history*/
#search-box #dh-search-history-container,
#search-box #dap-search-history-container{
	position: relative;
	margin-right: 8px;
	padding: 5px 7px;
	border: 1px dotted #76AE25;
	background-color: #EBF2D8;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 78%;
}
#search-box #dh-search-history-container { margin-bottom: 15px;}
#search-box #dap-search-history-container{ margin-bottom: 10px;}
#search-box .searchHistoryTitle{
	margin-bottom: 5px;
}
#search-box #dh-search-history-delete,
#search-box #dap-search-history-delete{
	position: absolute;
	top: 5px;
	right: 7px;
	padding-left: 10px;
	color: #333333;
	font-size: 78%;
	background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png) no-repeat -191px -749px;
}
#search-box a#moreSearchCond{
	position: absolute;
	top: 23px;
	right: 7px;
	display: block;
	width: 11px;
	height: 11px;
	padding: 0;
	text-indent: -9999px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png);
	background-repeat: no-repeat;
}
#search-box a#moreSearchCond:link,
#search-box a#moreSearchCond:visited{ background-position: -189px -90px;}
#search-box a#moreSearchCond:hover,
#search-box a#moreSearchCond:active { background-position: -189px -150px;}

#search-box .searchHistory a{
	display: block;
	padding-left: 11px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png);
	background-repeat: no-repeat;
	line-height: 1.2;
}
#search-box .searchHistory a:link   { background-position: -189px -270px;}
#search-box .searchHistory a:visited{ background-position: -189px -300px;}
#search-box .searchHistory a:hover,
#search-box .searchHistory a:active { background-position: -189px -330px;}

#search-box .dpSrchCndtnBox a{
	display: block;
	width: 266px;
	padding-left: 14px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png);
	background-repeat: no-repeat;
	line-height: 1.2;
}
#search-box .dpSrchCndtnBox a:link   { background-position: -189px -270px;}
#search-box .dpSrchCndtnBox a:visited{ background-position: -189px -300px;}
#search-box .dpSrchCndtnBox a:hover,
#search-box .dpSrchCndtnBox a:active { background-position: -189px -330px;}

#search-box .dpSrchCndtnBox a span#srchCndtnArrw{
	display: none;
}
#search-box .dpSrchCndtnBox a.ana strong{
	display: block;
	background-color: #CCCCCC;
	padding-left: 45px;
	background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/icon_ana.gif) no-repeat top left;
	font-weight: normal;
}
#search-box .dpSrchCndtnBox a.jal strong{
	padding-left: 45px;
	background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/icon_jal.gif) no-repeat top left;
	font-weight: normal;
}

#search-box #dap-parts-contents{
	margin: 0 8px 10px 0;
	padding: 10px 0 0 7px;
	border: 1px dotted #CCCCCC;
	background-color: #EAEAEA;
	border-radius: 3px;
}
#search-box #dap-parts-contents p{ margin-bottom: 10px; font-size: 82%;}
#search-box #dap-parts-contents dl.srcSt01{ margin-bottom: 0;}
#search-box #dap-parts-contents dl.srcSt01 dt{ width: 100px; padding-left:7px;}
#search-box #dap-parts-contents dl.srcSt01 dd{ width: 182px;}

/*.srcStructure*/
#search-box dl.srcStructure{
	clear: both;
	width: 304px;
	margin-bottom: 10px;
	font-size: 78%;
}

#search-box dl.srcSt01 dt{ width: 100px;}
#search-box dl.srcSt01 dd{ width: 204px;}
#search-box dl.srcSt02 dt{ width: 50px;}
#search-box dl.srcSt02 dd{ width: 254px;}
#search-box dl.srcSt03 dt{ width: 120px;}
#search-box dl.srcSt03 dd{ width: 184px;}

#search-box dl.srcStructure dt{
	clear: both;
	float: left;
	margin-bottom: 10px;
	padding-top: 3px;
	line-height: 1.3;
}
#search-box dl.srcStructure dt span{
	display: block;
	font-size: 79%;
}
#search-box dl.srcStructure dt.selectBody{
	float: none;
	width: 246px;
}

#search-box dl.srcStructure dd{
	float: right;
	margin-bottom: 10px;
}
#search-box dl.srcStructure dd.selectNumber{
	position: relative;
}
#search-box dl.srcStructure dd.selectBody{
	float: none;
	width: 292px;
	margin-left: 12px;
	line-height: 1.3;
}
#search-box dl.srcStructure dd #dr-bmarea{
	margin-bottom: 7px;
}

#search-box .searchSelectAdult{
	margin-bottom: 7px;
}
#search-box .setupChild{
	position: absolute;
	top: 5px;
	right: 8px;
}
#search-box .setupChild a{
	padding-left: 10px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png);
	background-repeat: no-repeat;
}
#search-box .setupChild a:link   { background-position: -189px -177px;}
#search-box .setupChild a:visited{ background-position: -189px -207px;}
#search-box .setupChild a:hover,
#search-box .setupChild a:active { background-position: -189px -237px;}

#search-box .hasDatepicker{
	width: 135px;
	padding: 3px;
	border: 1px solid #7F9DB9;
	background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png) no-repeat -62px -478px #FFC;/**/
}

#search-box .numberAlign li{ margin-bottom: 7px;}
#search-box .numberAlign label{
	float: left;
	width: 138px;
	padding-top: 5px;
}
#search-box .numberAlign ul{ margin-top: 7px;}
#search-box .numberAlign ul li label{ width: 126px;	padding-left: 12px;}

#search-box #srcOapNumber li{
	margin-bottom: 10px;
}
#search-box #srcOapNumber label{
	padding-top: 0;
}
#search-box #srcOapNumber span{
	display: block;
	font-size: 79%;
}

#search-box .subtitle{
	width: 50px;
	margin-bottom: 7px;
	padding: 3px 0 3px 12px;
	background-color: #457F0F;
	color: #FFFFFF;
	font-size: 78%;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png);
	background-repeat: no-repeat;
}
#search-box .subtitle.air  { background-position: 4px -208px; float: left;}
#search-box .subtitle.hotel{ background-position: 4px -238px;}
#search-box .subtitle.oair { background-position: 3px -208px; width: 90px; float: left;}


#search-box #dap-parts-contents{
	margin: 0 8px 10px 0;
	padding: 10px 0 0 7px;
	border: 1px dotted #CCCCCC;
	background-color: #EAEAEA;
	border-radius: 3px;
}
#search-box #dap-parts-contents p{ margin-bottom: 10px; font-size: 82%;}
#search-box #dap-parts-contents dl.srcSt01{ width: 287px; margin-bottom: 0;}
#search-box #dap-parts-contents dl.srcSt01 dt{ width: 100px; padding-left:7px;}
#search-box #dap-parts-contents dl.srcSt01 dd{ width: 180px;}

#search-box .term{
	float: left;
	padding: 3px 0 0 7px;
	color: #CC0000;
	font-size: 78%;
}
#search-box .oneway{
	float: left;
	padding: 3px 0 0 7px;
	font-size: 78%;
}

#search-box .selectAirport{
	width: 246px;
	margin-top: 10px;
}
#search-box .selectAirport li{
	float: left;
	width: 113px;
}
#search-box .selectAirport li.arv{
	padding-left: 20px;
	background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png) no-repeat -181px -524px;
}
#search-box .selectAirport li select{
	max-width: 113px;
}

#search-box .option{
	margin-bottom: 5px;
	font-size: 82%;
}
#search-box .option input{
	margin: 3px;
	vertical-align: -2px;
}

#search-box #db-dpt,
#search-box #db-arv{
	width: 180px;
}

#search-box .searchWay{ margin-bottom: 5px}
#search-box .searchWay li input{ vertical-align: 0; margin-right: 2px;}

#search-box .inputField li{ margin-bottom: 7px;}
#search-box .inputField li:last-child{ margin-bottom: 0;}

#search-box #dr-garea,
#search-box #dr-barea,
#search-box #oh-area-dai,
#search-box #oh-area-sai,
#search-box #oa-airline,
#search-box #oap-airline,
#search-box #oap-destination-area{
	width: 180px;
}

#search-box dl.srcStructure dd.selectBody input{
	margin-right: 5px;
}

#search-box .searchSubmit{
	margin-right: 8px;
	text-align: right;

}


/*Child Contents*/
.child-contents{
	display:none;
}

.parts-contents{
	display:none;
}

/*SuggestBox*/
#oa-search-form .suggestBox {
	background-color: #FFFFFF;
	border: 1px solid #CCCCFF;
	width: 252px;
	position: absolute;
	_left: 40px;
	z-index: 800;
}

#oa-search-form .suggestBox div {
	padding: 1px;
	display: block;
	width: 250px;
	overflow: hidden;
	white-space: nowrap;
}

#oa-search-form .suggestBox div.select{
	color: #FFFFFF;
	background-color: #3366FF;
}

#oa-search-form .suggestBox div.over{
	background-color: #99CCFF;
}

#oa-search-form .suggestBox strong{
	font-weight: bold;
}

#oa-search-form dl.placeBox {
    margin-top:10px;
    float: right;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 97%;
}
#oa-search-form dl.placeBox dt {
    clear: both;
    float: left;
    margin-bottom: 6px;
    padding-top: 4px;
    width: 12%;
}
#oa-search-form dl.placeBox dd {
    float: right;
    margin-bottom: 6px;
    width: 88%;
}
#oa-search-form .invsblItem {
    visibility: hidden;
}

#groupServiceFooter{
	padding: 20px;
	background-color: #000000;
}

#groupServiceFooter .title dt{
	float: left;
	padding: 3px 30px 0 0;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
}
#groupServiceFooter .title .allService{
	float: left;
	width: 140px;
	height: 20px;
}
#groupServiceFooter .title .allService a{
	display: block;
	width: 138px;
	height: 15px;
	padding-top: 3px;
	border: 1px solid #CCCCCC;
	background-color: #EAEAEA;
	background: -moz-linear-gradient(top, #EAEAEA, #CCC);
	background: -webkit-gradient(linear, left top, left bottom, from(#EAEAEA), to(#CCC));
	border-radius: 4px;
	text-align: center;
	font-size: 82%;
	font-weight: bold;
	color: #000000;
}
#groupServiceFooter .title .csr{
	float: right;
	width: 80px;
	height: 20px;
}

/* recommend_slider */
#selectedService{
	clear: both;
	display: inline-block\9;
	width: 100%;
	margin-bottom: 20px;
}
#selectedService li{
	float: left;
	width: 25%;
}
#selectedService li dl{
	margin: 0 5px;
	padding: 10px 0 10px 12px;
	background-color: #1A1A1A;
	border-radius: 4px;
}
#selectedService li dl dt{
	margin-bottom: 5px;
}
#selectedService li dl dt a{
	padding-left: 12px;
	font-size: 90%;
	font-weight: bold;
	color: #FFF;
	background: url(https://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png) no-repeat -192px -56px;
}
#selectedService li dl dd{
	padding-left: 12px;
	font-size: 82%;
	color: #FFF;
}

#area {
	  max-width : 230px;
	  _width:200px;    /** hack for IE6 */
}

#search-property {
	display: none;
}