@charset "utf-8";

/*
* top page for PC
* 2020.6.17 s.sato
*/

/* ==========================================================================
   multilingual banner
========================================================================== */
#mltLangBnr{
	width: 100%;
	height: 30px;
	padding: 10px 0;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #333), color-stop(0.00, #000));
	background: -webkit-linear-gradient(top, #000 0%, #333 50%);
	background: -moz-linear-gradient(top, #000 0%, #333 50%);
	background: linear-gradient(to bottom, #000 0%, #333 50%);
}
#mltLangBnr:after{ content: ""; display: block; clear: both;}
#mltLangBnr .message{ float:left; width: auto; color: #FFF; margin: 7px 20px 0 20px; font-size: 94%;}
#mltLangBnr #mtlBtnLink{ float:left; width: 400px; height: 30px; font-size: 94%;}
#mltLangBnr #mtlBtnLink a{ display: block; float:left; width: 178px; height: 22px; margin-right:10px; padding-top: 6px; border: 1px solid #666; border-radius: 5px;  text-align: center; color: #FFF;}
#mltLangBnr #mtlBtnLink a:link,
#mltLangBnr #mtlBtnLink a:visited{
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #333), color-stop(0.00, #666));
	background: -webkit-linear-gradient(#666, #333);
	background: -moz-linear-gradient(#666, #333);
	background: linear-gradient(#666, #333);
}
#mltLangBnr #mtlBtnLink a:hover,
#mltLangBnr #mtlBtnLink a:active{
	background: #666;
}
#mltLangBnr #mtlBtnLink a span{
	padding-left: 10px;
	background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat -146px -1193px;
}

#mltLangBnr ul{ float:right; width: auto; margin: 5px 20px 0 0;}
#mltLangBnr ul li{ display: inline; padding-left: 15px; font-size: 82%;}
#mltLangBnr ul li a{ text-decoration: underline;}
#mltLangBnr ul li a:link,
#mltLangBnr ul li a:visited{ color: #FFF;}
#mltLangBnr ul li a:hover,
#mltLangBnr ul li a:active { color: #999;}
#mltLangBnr ul li#mtlBtnClse a{
	padding-left: 15px;
	background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat -137px -1647px;
}

/* ==========================================================================
   contents
========================================================================== */
#contents{
	position: relative;
	z-index: 1;
	min-width: 990px;
	margin-right: 179px;
	padding: 15px 0 20px 0;
	border-right: 1px solid #CCCCCC;
}
/*for IE6*/*html #contents{ width: 990px;}

#contents .registration{ margin: 0 20px 10px; font-size: 82%;}

/*-----search-----*/
#search      { clear: both; float: left; width: 100%; margin-right: -320px;}
.search-left { float: left; width: 320px; margin-left: 20px;}
.search-right{ float: right; width: 100%; margin-left: -340px;}

.searchBox       { position: relative; margin-bottom: 20px; padding: 8px 3px 3px; background-color: #76AE25; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.searchBox h1    { height: 20px; margin: 0 0 2px 7px; font-size: 90%; color: #FFF;}
.searchBox .switch     { position: absolute; z-index: 2; width: 120px; height: 25px; top: 6px; right: 3px;}
.searchBox .switch li  { float: left; width: 60px; height: 25px; font-size: 90%; font-weight: bold;}

.searchBox .switch li a{ display: block; height: 20px; padding: 5px 0 0 9px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat -136px -1192px; text-align: center; color: #FFFFFF; cursor: pointer;}
.searchBox .switch li a.active{ display: block; height: 20px; padding: 4px 0 0 0; border-width: 1px; border-color: #457F0F; border-style: solid solid none solid; background-image: none; text-align: center; color: #BC4305;}
.searchBox .inner{ z-index: 1; position: relative; padding: 10px 0 8px 8px; border: 1px solid #457F0F; line-height: 1.0;}

/*map*/
#mapSearch{position: relative;z-index: 3;margin: 0 254px 15px 360px;line-height: 1.0;}
#mapSearch .switch li a.active{ background-color: #B4E9F0; color: #BC4305;}
:root *> #mapSearch .switch li a.active{ background-color: #FFF; }/*for except IE hack*/
#mapSearch .inner{height: 194px;}
#mapSearch #mapDms{
background: #B4E9F0 url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) top center no-repeat;
background: url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) top center no-repeat, -moz-linear-gradient(top, #FFF, #B4E9F0 50%);
background: url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) top center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.5, #B4E9F0), to(#B4E9F0));
}
#mapSearch #mapOvs{
background: #B4E9F0 url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) no-repeat bottom center;
background: url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) no-repeat bottom center, -moz-linear-gradient(top, #FFF, #B4E9F0 50%);
background: url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) no-repeat bottom center, -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.5, #B4E9F0), to(#B4E9F0));
}

#mapSearch .mapList   {position: relative;width: 350px; margin: 0 auto;}
#mapSearch .mapList li{ position: absolute; font-weight: bold; z-index: 3;}
#mapSearch #mapDms li { font-size: 90%;}
#mapSearch #mapOvs li { font-size: 82%;}

#mapSearch .mapList li#list_hokkaido    { top: 10px;  left: 265px;}
#mapSearch .mapList li#list_tohoku      { top: 60px;  left: 245px; z-index: 6;}
#mapSearch .mapList li#list_kitaKanto   { top: 95px; left: 230px; z-index: 5;}
#mapSearch .mapList li#list_metropolitan{ top: 130px; left: 205px; z-index: 4;}
#mapSearch .mapList li#list_izuHakone   { top: 165px; left: 170px;}
#mapSearch .mapList li#list_koshinetsu  { top: 90px; left: 160px; z-index: 6;}
#mapSearch .mapList li#list_hokuriku    { top: 95px; left: 105px; z-index: 6;}
#mapSearch .mapList li#list_tokai       { top: 130px; left: 150px; z-index: 5;}
#mapSearch .mapList li#list_kinki       { top: 135px; left: 95px; z-index: 5;}
#mapSearch .mapList li#list_chugoku     { top: 102px; left: 5px; z-index: 6;}
#mapSearch .mapList li#list_shikoku     { top: 168px; left: 50px; z-index: 4;}
#mapSearch .mapList li#list_kyushu      { top: 140px; left: 0; z-index: 5;}
#mapSearch .mapList li#list_okinawa     { top: 160px; right: 0px;}
#mapSearch .mapList li#list_ovs         { top: 15px;  left: 80px;}

#mapSearch .mapList li#list_kor{ top: 55px;  left: 120px;}
#mapSearch .mapList li#list_chn{ top: 25px;  left: 90px;}
#mapSearch .mapList li#list_hkg{ top: 85px; left: 0px;}
#mapSearch .mapList li#list_twn{ top: 85px; left: 105px;}
#mapSearch .mapList li#list_tha{ top: 115px; left: 15px;}
#mapSearch .mapList li#list_sin{ top: 145px; left: 15px;}
#mapSearch .mapList li#list_idn{ top: 175px; left: 15px;}
#mapSearch .mapList li#list_phl{ top: 145px; left: 118px;}
#mapSearch .mapList li#list_vnm{ top: 115px; left: 157px;}
#mapSearch .mapList li#list_mys{ top: 115px; left: 66px;}
#mapSearch .mapList li#list_gum{ top: 85px; left: 157px;}
#mapSearch .mapList li#list_hwi{ top: 85px; left: 288px;}
#mapSearch .mapList li#list_usa{ top: 40px;  left: 220px;}
#mapSearch .mapList li#list_eur{ top: 10px;  left: 0px;}
#mapSearch .mapList li#list_aus{ top: 175px; left: 170px;}

#mapSearch .mapList.ns li#list_kor{ top: 34px;  left: 115px;}
#mapSearch .mapList.ns li#list_chn{ top: 34px;  left: 60px;}
#mapSearch .mapList.ns li#list_hkg{ top: 68px; left: 70px;}
#mapSearch .mapList.ns li#list_twn{ top: 68px; left: 120px;}
#mapSearch .mapList.ns li#list_tha{ top: 102px; left: 0px;}
#mapSearch .mapList.ns li#list_sin{ top: 136px; left: 90px;}
#mapSearch .mapList.ns li#list_idn{ top: 170px; left: 20px;}
#mapSearch .mapList.ns li#list_phl{ top: 102px; left: 125px;}
#mapSearch .mapList.ns li#list_vnm{ top: 102px; left: 50px;}
#mapSearch .mapList.ns li#list_mys{ top: 136px; left: 0px;}
#mapSearch .mapList.ns li#list_gum{ top: 102px; left: 230px;}
#mapSearch .mapList.ns li#list_hwi{ top: 68px; left: 255px;}
#mapSearch .mapList.ns li#list_usa{ top: 34px;  left: 270px;}
#mapSearch .mapList.ns li#list_eur{ top: 0px;  left: 0px;}
#mapSearch .mapList.ns li#list_aus{ top: 170px; left: 190px;}
#mapSearch .mapList.ns li#list_mac{ top: 68px; left: 5px;}
#mapSearch .mapList.ns li#list_dps{ top: 170px; left: 125px;}
#mapSearch .mapList.ns li#list_ceb{ top: 136px; left: 195px;}
#mapSearch .mapList.ns li#list_sai{ top: 68px; left: 180px;}
#mapSearch .mapList.ns li#list_can{ top: 0px; left: 250px;}

#mapSearch .mapList li a    { display: block; width: auto; padding: 7px 7px 7px 12px; background: #000 url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat -142px -1190px; border-radius: 5px; color: #FFFFFF; filter: alpha(opacity=80); opacity:0.8;}
#mapSearch .mapList li ul   { display: none; position: absolute; top: 24px; left: 0; width: 180px; height: auto; margin: 0; padding: 9px; border: 2px solid #76AE25; background-color: #FFFFFF; border-radius: 5px; box-shadow: 0px 3px 3px #666666;}
#mapSearch .mapList li ul li{ position: static; float: left; width: 60px; margin-bottom: 7px; font-size: 90%; font-weight: normal;}

#mapSearch .mapList li ul li a{ display: inline; width: auto; padding: 0 0 0 10px; background-color: transparent; border-radius: 0; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat;}
#mapSearch .mapList li ul li a:link, #mapSearch .mapList li ul li a:visited{ background-position: -146px -898px; color: #1D54A7; text-decoration: none;}
#mapSearch .mapList li ul li a:hover, #mapSearch .mapList li ul li a:active{ background-position: -146px -998px; color: #C00000; text-decoration: underline;}

/*keyword*/
#keywordSearch{ position: relative; z-index: 5;}
#keywordSearch .keywordList         { height: 14px; margin-bottom: 10px; font-size: 82%;}
#keywordSearch .keywordList li      { display: inline; padding-right: 10px;}
#keywordSearch .keywordList li input{ vertical-align: 0px; margin-right: 3px;}
#keywordSearch .inner  { width: 304px; height: 49px; background-color: #EBF2D8;}
#keywordSearch .keyword{ width: 198px; min-height: 20px; padding: 3px; border: 1px solid #878787; background: #FFC; box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 1px 3px rgba(0,0,0,0.1); border-radius: 5px; font-size: 90%;}
#keywordSearch .stdSrchBtn { position: absolute; bottom: 6px; right: 8px; width: 82px;}

#keywordSearch .link{ position: absolute; width:50px; top:12px; right:100px;  font-size: 82%; text-align: right;}
#keywordSearch .link a{ display: inline; width: auto; padding: 0 0 0 10px; background-color: transparent; border-radius: 0; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat;}
#keywordSearch .link a:link, #keywordSearch .link a:visited{ background-position: -146px -895px; color: #1D54A7; text-decoration: none;}
#keywordSearch .link a:hover, #keywordSearch .link a:active{ background-position: -146px -995px; color: #C00000; text-decoration: underline;}

#keywordSuggest    { position: absolute; z-index: 5; left: 8px; width: 226px;}
#tabimado{ display: none !important;}
#tabimado, #station{ display: none; position: absolute; z-index: 5; left: 8px; width: 226px;}
#keywordSuggest, #tabimado, #station                   { top: 60px;}
* html #keywordSuggest,* html #tabimado,* html #station{ top: 67px;}

#keywordSuggest ul, #tabimado ul, #station ul         { border: 2px solid #76AE25; background: #FFF; box-shadow: 0px 3px 3px #666;}
#keywordSuggest ul li, #tabimado ul li, #station ul li{ border-bottom: 1px dotted #76AE25; font-size: 82%;}
#keywordSuggest ul li:last-child, #tabimado ul li:last-child, #station ul li:last-child{ border-bottom: none;}

#keywordSuggest ul li a, #tabimado ul li a, #station ul li a{ display: block; padding: 7px 5px 7px 12px; background-image: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png); background-repeat: no-repeat; }
#keywordSuggest ul li a:link,#tabimado ul li a:link,#station ul li a:link,#keywordSuggest ul li a:visited,#tabimado ul li a:visited,#station ul li a:visited { background-position: -142px -890px;}
#keywordSuggest ul li a:hover,#tabimado ul li a:hover,#station ul li a:hover,#keywordSuggest ul li a:active,#tabimado ul li a:active,#station ul li a:active { background-position: -142px -990px; background-color: #EBF2D8;}

/*dateSearch*/
#search-box{ position: relative; z-index: 3;}
#search-box .switch li a.active{ background-color: #EBF2D8;}
#search-box .inner             { height: 506px; background-color: #EBF2D8;}
#search-box .inner.height-auto { height: auto; padding-bottom:60px;}
#search-box #overseas-search-box{display: none;}
#search-box .noscript          { margin: 0 8px 5px 0; padding: 5px; border: 1px solid #C00; background-color: #FFF; font-size: 78%; line-height: 1.4; color: #C00;}

#search-box .searchCategory{ position: relative; width: 286px; margin-bottom: 8px; padding: 7px 5px 5px 5px; font-size: 78%; background: #FFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#search-box .searchCategory:after{ content: ""; display: block; clear: both;}
#search-box .searchCategory li                { float: left; width: 143px; height: 20px;}
#search-box .searchCategory li#searchCategory9,
#search-box .searchCategory li#searchCategory10 { display: none;}
#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;}

#dap-search-form,#db-search-form,#dr-search-form,#du-search-form,#djr-search-form{display: none;}

#search-box #vacancy{ margin: 0 8px 8px 0; padding: 5px 7px; border: 1px dotted #76AE25; background-color: #FFF; border-radius: 3px; font-size: 78%;}
#search-box #vacancy dt     { margin-bottom: 5px; font-weight: bold;}
#search-box #vacancy dd li  { display: inline; padding-right: 5px;}
#search-box #vacancy dd li a{ padding-left: 6px; background-image: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png); background-repeat: no-repeat;}
#search-box #vacancy dd li a:link, #search-box #vacancy dd li a:visited{ background-position: -146px -898px;}
#search-box #vacancy dd li a:hover, #search-box #vacancy dd li a:active{ background-position: -146px -998px;}

#search-box #vacancy-container.lower{ position: absolute; bottom: 0; left: 0; margin: 0; width: 298px; padding: 7px; border-top: 1px dotted #76AE25; background-color: #FFF;}
#search-box #vacancy-container.lower #vacancy{ margin: 0; padding:0; font-size: 82%; border:none; border-radius:0;}

#search-box #dh-search-history-container,
#search-box #dap-search-history-container{ position: relative; margin: 0 8px 8px 0; padding: 5px 7px; border: 1px dotted #76AE25; background-color: #FFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size: 78%;}
#search-box #dap-search-history-container .dpSrchCndtnBox{ max-height: 1.2em; overflow: hidden;}
#search-box .searchHistoryTitle{ margin-bottom: 5px; font-weight: bold;}
#search-box #dh-search-history-delete,
#search-box #dap-search-history-delete{ position: absolute; top: 5px; right: 7px; padding-left: 15px; color: #333333; background: url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) no-repeat -480px -680px;}


#search-box .searchHistory a{ display: block; padding-left: 6px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat; line-height: 1.2;}
#search-box .searchHistory a:link, #search-box .searchHistory a:visited{ background-position: -146px -898px;}
#search-box .searchHistory a:hover,#search-box .searchHistory a:active { background-position: -146px -998px;}

#search-box .searchHistory a.btnOpen{ position: absolute; bottom: 5px; right: 5px; width: 11px; height: 11px; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; }
#search-box .searchHistory a.btnOpen:link, #search-box .searchHistory a.btnOpen:visited{ background-position: -139px -200px;}
#search-box .searchHistory a.btnOpen:hover,#search-box .searchHistory a.btnOpen:active { background-position: -139px -300px;}

#search-box .dpSrchCndtnBox a{ display: block; background-image: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat; line-height: 1.2;}
#search-box .dpSrchCndtnBox a:link, #search-box .dpSrchCndtnBox a:visited{ background-position: -146px -898px;}
#search-box .dpSrchCndtnBox a:hover,#search-box .dpSrchCndtnBox a:active { background-position: -146px -998px;}
#search-box .dpSrchCndtnBox a span#srchCndtnArrw{ display: none;}
#search-box .dpSrchCndtnBox a.ana strong{ padding-left: 48px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat 0 -1250px; font-weight: normal;}
#search-box .dpSrchCndtnBox a.jal strong{ padding-left: 48px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat 0 -1300px; 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;}

#search-box #twentyFourHr  { display: none; margin: 0 8px 8px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size: 78%; padding: 5px 7px 5px 15px; background: #233458 url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat -188px -48px; line-height: 1.3;}
#search-box #twentyFourHr a{ color: #FFFFFF;}

#search-box dl.srcStructure{ zoom: 1; clear: both; width: 304px; font-size: 82%;}
#search-box dl.srcSt01 dt{ width: 110px; min-height: 22px; margin-bottom: 10px;}
#search-box #dap-search-form dl.srcSt01 dt,
#search-box #dr-search-form dl.srcSt01 dt { margin-bottom: 0;}
#search-box #oap-search-form dl.srcSt01 dt{ margin-bottom: 5px;}
#search-box dl.srcSt01 dd{ width: 194px; min-height: 28px; margin-bottom: 10px;}
#search-box #dap-search-form dl.srcSt01 dd,
#search-box #dr-search-form dl.srcSt01 dd { margin-bottom: 0;}
#search-box #oap-search-form dl.srcSt01 dd{ margin-bottom: 5px;}
#search-box dl.srcSt02 dt{ width: 60px;}
#search-box dl.srcSt02 dd{ width: 244px;}
#search-box dl.srcSt03 dt{ width: 120px; min-height: 25px; margin-bottom: 10px;}
#search-box dl.srcSt03 dd{ width: 184px; min-height: 28px; margin-bottom: 10px;}
#search-box dl.srcStructure dt{ clear: both; float: left; padding-top: 3px; line-height: 1.3;}
#search-box dl.srcStructure dt span      { display: block; font-size: 79%;}
#search-box dl.srcStructure dt span.priceNights{ display: inline;}
#search-box dl.srcStructure dt.selectBody{ float: none;width: 246px;}
#search-box dl.srcStructure dd{ float: right;}
#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 p.priceSupplement{ margin-top:5px; font-size: 82%;}
#search-box dl.srcStructure dd #dr-bmarea  { margin-bottom: 7px;}
#search-box dl.srcStructure dd #f_kin,
#search-box dl.srcStructure dd #f_kin2{ max-width: 80px;}
#search-box .selectNumber{ margin-bottom: 7px;}
#search-box .selectNumber li{ float: left; width: 49%;}
#search-box #dap-search-form .selectNumber li.adult{ width: 55%; padding-top:3px;}
#search-box #dap-search-form .selectNumber li.adult label{ float: left;}
#search-box #dap-search-form .selectNumber li.adult span{ font-size:82%; line-height:1.5;}
#search-box #dap-search-form .selectNumber li.child{ width: 45%;}
#search-box #oa-search-form .selectNumber li,
#search-box #oap-search-form .selectNumber li{ float: none; width: auto; margin-bottom: 7px;}
#search-box .selectNumber li.child a{ background: #f0f0f0; border-radius: 6px; border: 1px solid #777777; 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;}
.childBox{ display: none;}
.popup-contents{z-index: 4;}
.sltBox{ position: relative; z-index: 5; top: 0; left: 0; 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: url(https://trvimg.r10s.jp/share/themes/search/images/closeBtn_72px.png) no-repeat;}
#search-box .hasDatepicker{ width: 110px; min-height: 20px; padding: 3px; border: 1px solid #878787; background: #FFC url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) -40px -52px; box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 1px 3px rgba(0,0,0,0.1); border-radius: 5px; font-size: 100%;}
#search-box .subtitle      { width: 50px; margin-bottom: 7px; padding: 3px 0 3px 15px; color: #FFFFFF; font-size: 78%; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) no-repeat;}
#search-box .subtitle.air  { background-position: -350px -252px; background-color: #457F0F; float: left;}
#search-box .subtitle.cars { background-position: -350px -280px; width: 70px; background-color: #457F0F;}
#search-box .subtitle.hotel{ background-position: -350px -312px; background-color: #457F0F;}
#search-box .subtitle.oair { background-position: -350px -252px; width: 80px; background-color: #457F0F; float: left;}
#search-box #dap-parts-contents{ display:none; position: absolute; z-index: 3; bottom: 60px; right: -250px; width: 250px; margin: 0 8px 10px 0; padding: 10px; border: 2px solid #CCCCCC; background-color: #FFF; border-radius: 3px; box-shadow: 0px 3px 3px #666666;}
#search-box #dap-parts-contents p{ margin-bottom: 10px; font-size: 78%; font-weight: bold;}
#search-box #dap-parts-contents dl.srcSt01{ width: 250px; margin-bottom: 0;}
#search-box #dap-parts-contents dl.srcSt01 dt{ width: 100px; margin-bottom: 5px; padding-left: 0;}
#search-box #dap-parts-contents dl.srcSt01 dd{ width: 150px; margin-bottom: 5px;}
#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{ zoom: 1; width: 246px; margin: 5px 0;}
#search-box .selectAirport li{ float: left; width: 113px;}
#search-box .selectAirport li.arv{ padding-left: 20px; background: url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) no-repeat -480px -638px;}
#search-box .selectAirport li select{ max-width: 103px;}
#search-box .option{ margin-bottom: 5px; font-size: 82%;}
#search-box .option input{ margin: 0 3px; vertical-align: -2px; width:1em; height:1em;}
#search-box #db-dpt,
#search-box #db-arv{ width: 180px;}
#search-box .searchWay li{ margin-bottom: -5px;}
#search-box .selectBody ul{ width: 280px;}
#search-box .selectBody ul:after{ content: ""; display: block; clear: both;}
#search-box .selectBody li{ float: left; width: 140px; margin-bottom: -5px;}
#search-box .selectBody li.tail{ clear: both; float: none; width: 280px;}
#search-box .selectBody li span{ font-size: 90%;}
:root *> #search-box .searchWay li,
:root *> #search-box .selectBody li{ margin-bottom:2px;}/*for except IE hack*/
#search-box .searchWay    { margin-bottom: 5px;}
#search-box .searchWay li { display: inline; padding-right: 5px;}
#search-box .searchWay li input{ margin-right: 2px;}
#search-box .inputField li{ margin-bottom: 5px;}
/*#search-box #dr-search-form .inputField   { width: 244px;}
#search-box #dr-search-form .inputField li{ float: left;}
#search-box #dr-search-form .inputField li.date{ width: 110px;}
#search-box #dr-search-form .inputField li.time{ width: 134px;}*/
#search-box #dr-garea,
#search-box #dr-barea{ width: 230px;}
#search-box #djr-middle,
#search-box #oh-area-dai,
#search-box #oh-area-shou,
#search-box #oh-area-sai,
#search-box #oa-airline,
#search-box #oap-airline,
#search-box #oap-destination-area,
#search-box #oap-destination-city{ width: 180px;}
#search-box dl.srcStructure dd.selectBody input{ margin-right: 5px;}
#search-box #dr-search-form .stdSrchBtn,
#search-box #dap-search-form .stdSrchBtn{ position: absolute; bottom: 8px; right: 8px;}
#search-box .stdSrchBtn.smlSz{ width: 82px; height: 26px; margin-left: 214px;}
#search-box .stdSrchBtn.mdSz { width: 102px; height: 26px; margin-left: 194px;}
#search-box .stdSrchBtn.lrgSz{ width: 148px; height: 32px; margin-left: 74px;}
#search-box .toggle.jal{ position: absolute; bottom:7px; left:7px; font-size:82%;}
#search-box .toggle.jal span{ display: block; font-size:79%;}

#keywordSearch .stdSrchBtn a,
#search-box .stdSrchBtn a{ display: block; padding: 5px 10px; border: 1px solid #bf0c0b; border-radius: 5px; text-align: center; text-decoration: none; color: #ffffff; font-weight: bold; font-size: 90%;
	background: #bd0a0a; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#e0312b, endColorStr=#bd0a0a, GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e0312b, endColorstr=#bd0a0a, GradientType=0)"; 
	background: -moz-linear-gradient(top, #e0312b 0%, #bd0a0a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0312b), color-stop(100%, #bd0a0a));
	background: -webkit-linear-gradient(top, #e0312b 0%, #bd0a0a 100%);
	background: -o-linear-gradient(top, #e0312b 0%, #bd0a0a 100%);
	background: -ms-linear-gradient(top, #e0312b 0%, #bd0a0a 100%);
	background: linear-gradient(to bottom, #e0312b 0%, #bd0a0a 100%);
}
#search-box .stdSrchBtn.smlSz a{ width: 60px; height: 14px;}
#search-box .stdSrchBtn.mdSz a { width: 80px; height: 14px;}
#search-box .stdSrchBtn.lrgSz a{ width: 126px;height: 14px; padding: 8px 10px;}

#search-box .attention   { clear: both; margin-top: 15px;}
#search-box .attention li{ margin-bottom: 10px; padding-left: 1em; text-indent: -1em; font-size: 82%;}
#search-box .attention li span{ color: #CC0000;}
#search-box .link  { margin-right: 8px;}
#search-box .link a{ display: block; height: 20px; padding: 6px 0 0 18px; border: 1px solid #CCC; background: #FFF url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat; border-radius: 4px; font-size: 90%;}
#search-box .link a:link, #search-box .link a:visited{ background-position: -134px -592px;}
#search-box .link a:hover, #search-box .link a:active{ background-position: -134px -692px;}

#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;}

/*-----purpose-----*/
/*start for previous layout*/
#purpose { margin: 0 254px 20px 360px;}
#purpose ul{ zoom: 1;}
#purpose li{ float: left; width: 32%; margin: 0 1.8% 8px 0; height: 40px; line-height: 1.0;}
#purpose li a{ display: block; border: 1px solid #CCC; height: 25px; padding: 11px 0 0 40px; border-radius: 4px; font-size: 90%; background: url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) no-repeat;}
#purpose li#cat01 a{ background-position: -466px -496px;}/*温泉*/
#purpose li#cat02 a{ background-position: -466px -344px;}/*出張・ビジネスホテル*/
#purpose li#cat04 a{ background-position: -466px -396px;}/*駅・空港*/
#purpose li#cat05 a{ background-position: -466px -446px;}/*地域名一覧*/
#purpose li#cat06 a{ background-position: -466px -596px;}/*高級宿*/
#purpose li#cat08 a{ background-position: -466px -542px;}/*家族旅行*/

#purpose #purposeMenu{ position: relative; z-index: 3;}
#purpose .btn a{ display:block; height: 20px; padding: 8px 3px 0 10px; border: 1px solid #CCC; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 82%; font-weight: bold; background: #EAEAEA; text-align: center;}
#purpose .btn a span{ padding-left: 14px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat -139px -200px;}
/*end for previous layout*/

#purpose.new { margin: 0 254px 15px 360px;}
#purpose.new ul{ zoom: 1;}
#purpose.new li{ float: left; width: 18.8%; margin: 0 1.5% 6px 0; height: 50px; line-height: 1.0;}
#purpose.new li#cat08+li#cat06,
#purpose.new li#cat09{ margin-right: 0;}/*観光情報*/
#purpose.new li a{display: block;border: 1px solid #CCC;height: 46px;padding: 2px 0 0 0;border-radius: 4px;font-size: 82%;text-align: center; background: none;}
#purpose.new li a span{ display: block; width: 40px; height: 30px; margin: 0 auto 2px; background: url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) no-repeat;}
#purpose.new li#cat01 a span{ background-position: -466px -500px;}/*温泉*/
#purpose.new li#cat02 a span{ background-position: -466px -348px;}/*出張・ビジネスホテル*/
#purpose.new li#cat04 a span{ background-position: -466px -400px;}/*駅・空港*/
#purpose.new li#cat06 a span{ background-position: -466px -600px;}/*高級宿*/
#purpose.new li#cat08 a span{ background-position: -466px -546px;}/*家族旅行*/
#purpose.new li#cat09 a span{ background-position: -463px -300px;}/*観光情報*/

#purpose.new #purposeMenu{ position: relative; z-index: 3;}
#purpose.new .btn a{ display:block; height: 20px; padding: 6px 3px 0 10px; border: 1px solid #CCC; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size: 82%; font-weight: bold; background: #EAEAEA; text-align: center;}
#purpose.new .btn a span{ padding-left: 14px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat -139px -198px;}

#purpose .menu { zoom: 1; position: absolute; z-index: 7; top: 30px; left: 0; border: 2px solid #CCC; background-color: #FFFFFF; box-shadow: 0px 3px 3px #666666; font-size: 82%;}
#purpose .menu.show{ top: 0; border-width: 1px; border-radius: 4px; box-shadow: none; line-height: 1.4;}
#purpose .menu{ /width:99%; }/*for IE6,7 hack*/
#purpose .menu dl{ margin: 7px 0 0 7px;}
#purpose .menu dt{ margin-bottom: 5px; font-weight: bold; color: #457F0F;}
#purpose .menu dd{ padding: 0 0 3px 7px;}
#purpose .menu ul{ width: 100%; margin: 0;}
#purpose .menu li{ float: left; width: 33%; height: auto; margin: 0; padding: 0 0 5px 0;}
#purpose .menu li{ /width: 33%;}/*for IE6,7 hack*/
#purpose .menu li.connect{ width: 66%;}
#purpose .menu li a{ display: inline; border: none; padding: 0 0 0 10px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat;}
#purpose .menu li a:link, #purpose .menu li a:visited{ background-position: -144px -896px;}
#purpose .menu li a:hover, #purpose .menu li a:active{ background-position: -144px -996px;}
#purpose .menu .callcenter a{ display: block; padding: 5px; background-color: #EAEAEA; text-align: center; font-weight: bold; font-size: 90%;}
#purpose .menu .callcenter a span{ padding-left: 14px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat;}
#purpose .menu .callcenter a:link span, #searchMenu .menu .callcenter a:visited span{ background-position: -138px -598px;}
#purpose .menu .callcenter a:hover span, #searchMenu .menu .callcenter a:active span{ background-position: -138px -698px;}

/*-----recent-----*/
#recent{ position: relative; z-index: 2; height: 240px!important; margin: 0 254px 20px 360px; padding: 10px; border: 1px solid #76AE25; border-radius: 4px;}
#recent h1{ margin-bottom: 5px; color: #569215; font-size: 90%;}
#recent #recTtlNum{ margin-bottom: 5px; font-size: 82%;}
#recent #recTtlNum strong{ color: #CC0000;}
#recent .controller li     { position: absolute; width: 24px; height: 24px;}
#recent .controller li.prev{ top: 96px; left: -12px;}
#recent .controller li.next{ top: 96px; right: -12px;}
#recent .controller li a{ display: block; width: 24px; height: 24px; background: url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) no-repeat; text-indent: -9999px; overflow: hidden;}
#recent .controller li.prev a      { background-position: -350px -575px;}
#recent .controller li.prev a:hover{ background-position: -350px -605px;}
#recent .controller li.next a      { background-position: -380px -575px;}
#recent .controller li.next a:hover{ background-position: -380px -605px;}


#recent .recentList li  { height: 200px !important;}
#recent .recentList li a{ height: 190px;}
#recent .recentList li:nth-child(3n) a{ border-right: none;}
#recent .recentList li .photo { text-align: center; height: 60px; margin-bottom: 7px;}
#recent .recentList li a:hover img{ filter: alpha(opacity=80); opacity: 0.8;}
#recent .recentList li a .pref  { margin-bottom: 5px; font-size: 82%}
#recent .recentList li .delete a{ position: absolute; top:3px; right:5px; width: 13px; height: 13px; padding: 0; background: url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) no-repeat -487px -550px; text-indent: -9999px; border: none;}
#recent .more{ position: absolute; top: 30px; right: 7px; text-align: right; font-size: 82%;}
#recent .more a{ padding-left: 10px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat;}
#recent .more a:link, #purpose .secondary li a:visited{ background-position: -146px -898px;}
#recent .more a:hover, #purpose .secondary li a:active{ background-position: -146px -998px;}

/*-----personal-----*/
#personal{ float: right; width: 212px; height: 668px; margin-right: 20px; padding-top: 7px; background: #F8F8F8; border: 1px solid #ECECEC; line-height:1.5;}
#personal h1       { font-size: 78%; font-weight: bold; text-align: center;}
#personal h1 span  { display: block; text-align: center;}
#personal h1 a     { color: #CC0000;}
#personal h1 em  { white-space: nowrap; font-style: normal;}
#personal .edit    { font-size: 78%; text-align: center;}
#personal .edit li { display: inline;}
#personal .edit li.change:before{ content: "（"}
#personal .edit li.logout:before{ content: "/"}
#personal .edit li.logout:after { content: "）"}
#personal .pointBox{ margin: 4px; padding: 5px 4px; border-width: 1px; border-style: solid;}
#personal .pointBox#diamond { border-color: #aa9bcb; background-color: #F9F2FF;}
#personal .pointBox#platina { border-color: #72BDE8; background-color: #F0F9FE;}
#personal .pointBox#gold    { border-color: #aa7930; background-color: #FFFCDF;}
#personal .pointBox#silver  { border-color: #A4A4A4; background-color: #FOFOFO;}
#personal .pointBox#normal  { border-color: #76AE25; background-color: #EBF2D8;}
#personal .status{ text-align: center; font-size: 78%; line-height: 2.8;}
#personal .status span{ padding: 10px 0 5px 25px; background:url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) no-repeat;}
#personal .status em  { font-weight: bold; font-style: normal;}
#personal #diamond .status span{ background-position: -476px -750px;}
#personal #platina .status span{ background-position: -476px -810px;}
#personal #gold .status span   { background-position: -476px -870px;}
#personal #silver .status span { background-position: -476px -930px;}
#personal #normal .status span { padding-left: 0; background: none;}
#personal .invitation{ text-align: center; font-size: 82%;}
#personal .invitation a{ padding-left: 20px; background:url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) no-repeat -350px -357px;}
#personal .totalPoint{ margin-bottom: 5px; font-size: 78%; font-weight: bold;}
#personal .totalPoint span{ padding-left: 5px; color: #CC0000;}
#personal .totalPoint em  { font-size: 110%; font-weight: bold; font-style: normal;}
#personal .limitPoint li{ padding: 0 0 0 14px; font-size: 78%; background: url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) no-repeat -484px -716px;}
#personal .limitPoint span{ padding-left: 5px; color: #CC0000;}
#personal .limitPoint em  { font-style: normal;}
#personal .pointNav{ zoom: 1; margin-top: 5px;}
#personal .pointNav li{ border: 1px solid #CCC; border-radius: 4px; background: #FFF;}
#personal .pointNav li.detail{ width: 192px; height:34px;}
#personal .pointNav li.ponkan{ display:none; float: right; width: 100px; }
#personal .pointNav li a{ display: block; height: 24px; padding: 10px 0 4px 35px; font-size: 78%; line-height: 1.2; color: #333;}
#personal .pointNav li.detail a{ background: url(https://trvimg.r10s.jp/share/themes/top/images/point_icon.png) no-repeat 2px 2px; background-size: 30px 30px;}
#personal .pointNav li.ponkan a{ background-position: -352px -436px; padding-left: 20px;}
#personal .normal{ margin: -2px 4px 4px 4px; padding: 15px 5px 5px; border: 1px solid #76AE25; background: #EBF2D8;}
#personal .normal .free        { margin-bottom: 10px; font-size: 82%; text-align: center; font-weight: bold; color: #437617;}
#personal .normal .login       { margin-bottom: 10px; font-size: 82%; text-align: center;}
#personal .normal .registerInfo{ margin-bottom: 15px; font-size: 82%;}
#personal .normal .userMenu li{ margin-bottom: 4px; border: 1px solid #CCC; border-radius: 4px; background: #FFF;}
#personal .normal .userMenu li a { display: block; padding: 12px; font-size: 82%; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat;  line-height: 1.2;}
#personal .normal .userMenu li a:link, #personal .normal .userMenu li a:visited{ background-position: -142px -886px;}
#personal .normal .userMenu li a:hover, #personal .normal .userMenu li a:active{ background-position: -142px -986px;}
#personal .option{ border-top: 1px solid #ECECEC;}
#personal .option li{ border-bottom: 1px solid #ECECEC;}
#personal .option li a{ display: block; padding: 7px 0 7px 18px; font-size: 78%; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat; line-height: 1.1;}
#personal .option li a:link, #personal .option li a:visited{ background-position: -134px -592px;}
#personal .option li a:hover, #personal .option li a:active{ background-position: -134px -692px; background-color: #EAEAEA;}
#personal .racoupon{ margin: 4px 4px 7px 4px; border: 1px solid #CCC; background: #FFF;}
#personal .racoupon dt{ margin: 5px 7px; font-size: 82%; font-weight: bold;}
#personal .racoupon dt a{ color: #CC0000;}
#personal .racoupon dd .cpnBnr{ zoom: 1; margin: 7px; font-size: 78%; line-height: 1.2;}
#personal .racoupon dd .cpnBnr img   { float: left; margin-right: 7px;}
#personal .racoupon dd .acquired a   { display: block; padding: 5px; font-size: 82%; text-align: center; background:#ECECEC;}
#personal .racoupon dd .acquired a em{ padding-left: 5px; color: #CC0000; font-style: normal; font-weight: bold;}
#personal .racoupon dd #gotCoupon    { font-size: 78%;}
#personal #LinkOptionMenu li{ margin: 5px 0 5px 7px;}
#personal #LinkOptionMenu a { padding-left: 10px; font-size: 78%; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat;  line-height: 1.2;}
#personal #LinkOptionMenu a:link, #personal #LinkOptionMenu a:visited{ background-position: -142px -896px;}
#personal #LinkOptionMenu a:hover, #personal #LinkOptionMenu a:active{ background-position: -142px -996px;}
#personal #LinkOptionMenu .optnBnr{ margin: 12px 0;}
#personal #LinkOptionMenu .optnBnr li{ margin: 0;}
#personal #LinkOptionMenu .optnBnr a { display: block; padding-left: 0; background: none; text-align: center;}
#personal .campaign li{ margin: 7px 0 7px 7px;}
#personal .campaign a { padding-left: 10px; font-size: 78%; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat;  line-height: 1.2;}
#personal .campaign a:link, #personal .campaign a:visited{ background-position: -142px -896px;}
#personal .campaign a:hover, #personal .campaign a:active{ background-position: -142px -996px;}
#personal #LinkOptionMenu.campaign li.cpnBnr  { zoom: 1;}
#personal #LinkOptionMenu.campaign li.cpnBnr a{ display: block; margin: 0 3px; padding-left: 0; background: none;}
#personal #LinkOptionMenu.campaign li.cpnBnr a img{ float: left; margin-right: 7px;}

#gotCouponDetail{ z-index: 3!important;}

/*ichioshi*/
#ichioshi{ position: relative; margin: 0 -20px 15px 0;}
*html #ichioshi{ width: 950px; margin: 0 auto;}/*for IE6 hack*/

#ichioshi .bnrWrapper { overflow: hidden; position: relative; height: 220px; left: -3%;}
#ichioshi .bnrGroup   { position: absolute;}
#ichioshi .bnrGroup li{ float: left; position: relative; z-index: 1; width: 300px; height: 220px; margin-right: 20px;}
#ichioshi .bnrGroup li a{ display: block; width: 300px; height: 214px; cursor: pointer; box-shadow: 0 2px 2px #999999; overflow: hidden;}
#ichioshi .bnrGroup li a:hover img{ filter: alpha(opacity=80); opacity: 0.8;}

#ichioshi .controller li     { position: absolute; width: 36px; height: 36px; z-index: 3;}
#ichioshi .controller li.prev{ top: 96px; left: -14px;}
#ichioshi .controller li.next{ top: 96px; right: 6px;}
#ichioshi .controller li a{ display: block; width: 36px; height: 36px; background: url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite-3.gif) no-repeat; text-indent: -9999px; overflow: hidden;}
#ichioshi .controller li.prev a      { background-position: -350px -490px;}
#ichioshi .controller li.prev a:hover{ background-position: -350px -530px;}
#ichioshi .controller li.next a      { background-position: -390px -490px;}
#ichioshi .controller li.next a:hover{ background-position: -390px -530px;}

/*srvBox*/
.srvBox { position: relative; margin-bottom: 15px; padding: 5px 7px; border-radius: 4px; background: #FFF; box-shadow: 0 2px 2px #999999; line-height: 1.4;}
#tabiiro.srvBox { display: none;}
.srvBox a:hover, .srvBox a:active{ text-decoration: none;}
.srvBox a h1{ margin-bottom: 5px; font-size: 82%; font-weight: bold; color: #333; line-height: 1.2;}
.srvBox .photo{ margin: 0 2px;}
.srvBox img{ width: 100%; max-width: 100%; height: auto;}
.srvBox a:hover img{ filter: alpha(opacity=80); opacity: 0.8;}
.srvBox .outline{ color: #333; font-size: 82%;}
#platinum.srvBox .outline,
#chain.srvBox .outline,
#tabiiro.srvBox .outline,
#bus.srvBox .outline,
#cars.srvBox .outline,
#air.srvBox .outline,
#hatobus.srvBox .outline,
#jr-link.srvBox .outline{ position:absolute; bottom:0; left:0; margin:9px; padding: 2px 0 2px 5px; background:#000; filter: alpha(opacity=70); opacity:0.7; color: #FFF; font-size: 82%; line-height:1.3;}

#ranking      { border: 1px solid #76AE25;}
#ranking h1   { margin-bottom: 5px; font-size: 82%; font-weight: bold; color: #569215;}
#ranking ul   { position: relative; z-index: 1; height: 25px; margin-bottom: 7px; border-bottom: 1px solid #CCC; font-size: 82%; font-weight: bold;}
#ranking ul li{ position: relative; z-index: 3; float: left; width: 49%; margin-bottom: -1px;}
#ranking img{ width: auto; max-width: auto; height: auto; margin-bottom: 0}
#ranking .switch a{ display: block; height:15px; padding: 6px 7px 5px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat; text-align: center;}
#ranking .switch a:link, #ranking a:visited{ background-position: -138px -890px;}
#ranking .switch a:hover, #ranking a:active{ background-position: -138px -990px;}
#ranking .switch a.active{ padding: 5px 7px; border-width: 1px; border-color: #CCC; border-style: solid solid none solid; border-radius: 4px 4px 0 0; background: #FFF; color: #BC4305;}
#ranking ol li  { zoom: 1; position: relative; margin-bottom: 3px; list-style-type: none;}
#ranking ol li a{ display: block; padding: 5px; font-size: 82%; line-height:1.2;}
#ranking ol li .icon{ position: absolute; z-index:5; top: -5px; left: -5px; width: 24px; height: 22px;}
#ranking ol li .photo{ float: left; width: 67px; min-height: 60px;}
#ranking ol li .photo img{ width: 60px; height: auto;}
#ranking ol li .pref{ margin: 0 0 5px 0; font-size: 79%;}
#ranking ol li h2{ font-weight: normal;}
#ranking .more  { line-height: 1.1;}
#ranking .more a{ padding-left: 14px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat; font-size: 82%;}
#ranking .more a:link, #ranking .more a:visited{ background-position: -139px -600px;}
#ranking .more a:hover, #ranking .more a:active{ background-position: -139px -700px;}

#tdr{ padding: 0; margin-bottom: 15px;}
#tdr .tdrTop     { margin:0; padding: 7px 7px 0; background: url(https://trvimg.r10s.jp/share/themes/top/images/n/svc_tdr_bg.gif) no-repeat top right; border-radius: 4px 4px 0 0;}
#tdr .tdrTop a h1{ color: #FFF;}
#tdr .disneyHtl  { margin:0; background: #FFF; border-radius: 0 0 4px 4px;}
#tdr .disneyHtl a{display: block; padding: 5px 7px 5px 21px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat;}
#tdr .disneyHtl a:link, #tdr .disneyHtl a:visited{ background-position: -131px -592px;}
#tdr .disneyHtl a:hover, #tdr .disneyHtl a:active{ background-position: -131px -692px;}
#tdr .disneyHtl a:link p, #tdr .disneyHtl a:visited p{ color: #1D54A7;}
#tdr .disneyHtl a:hover p, #tdr .disneyHtl a:active p{ color: #BF0000;}

#usj{ padding: 0; margin-bottom: 15px; background:#002952}
#usj a h1{ color: #FFF;}
#usj a p { min-height: 40px; padding-left: 0; color: #1D54A7;}
#usj .harry{ margin:0; padding: 7px 7px 0;}
#usj .harry a { display: block; padding: 0;}
#usj .harry a h1{ color: #FFF;}
#usj .usjTop  { margin:0; background: #FFF; border-radius: 0 0 4px 4px;}
#usj .usjTop a{ display: block; min-height: 40px; padding: 3px 7px 0 21px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat;}
#usj .usjTop a:link, #usj .usjTop a:visited{ background-position: -131px -594px;}
#usj .usjTop a:hover, #usj .usjTop a:active{ background-position: -131px -694px;}
#usj .usjTop a:link p, #usj .usjTop a:visited p{ color: #1D54A7;}
#usj .usjTop a:hover p, #usj .usjTop a:active p{ color: #BF0000;}

#park h1{ font-size: 82%; font-weight: bold; color: #333; line-height: 1.2;}
#park ul.park-list a{ padding-left: 14px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat;}
#park ul.park-list a:link, #park ul.park-list a:visited{ background-position: -139px -598px;}
#park ul.park-list a:hover, #park ul.park-list a:active{ background-position: -139px -698px;}
#park li{ margin-top: 7px; font-size: 82%;}
#park li img{ float: left; width: 60px; max-width: 60px; height: auto; margin: 0 3px 0 2px;}

#dpPrice h1  { margin-bottom: 5px; font-size:82%}
#dpPrice h1 a{ color: #333;}
#dpPrice ul{ border-top: 1px solid #CCC;}
#dpPrice ul li  { width: 100%; border-bottom: 1px solid #CCC;}
#dpPrice ul li a{ display: block; padding: 5px 3px;}
#dpPrice dt     { font-weight: bold; font-size:78%}
#dpPrice dt img { width: 44px; max-width:auto; height: 12px; margin-right: 2px; vertical-align: -2px;}
#dpPrice dd .price     { color: #CC0000; font-size: 82%; text-align: right; line-height: 1.2;}
#dpPrice dd .price span{ font-size: 109%; font-weight: bold;}
#dpPrice dd .detail    { color: #666; font-size: 65%;}

/*-----feature -----*/
#feature { clear: both; zoom: 1; padding: 20px 20px 10px 20px; background: #EBEAE4;}
.service { float: left; width: 18.4%; margin-right: 2%;}
.domestic{ zoom: 1; float: left; width: 61.2%;}
.overseas{ float: right; width: 18.4%;}

.domestic h1{ margin-bottom: 10px; margin-right: 2.7%; color: #E97D2A; background-color: #FFF;}
.overseas h1{ margin-bottom: 10px; color: #259EB4; background-color: #FFF;}
#feature h1 span { display: block; padding: 5px; border-width: 1px; border-style: solid; text-align: center; border-radius: 4px; font-size: 90%;}
.domestic h1 span{ border-color: #E97D2A;}
.overseas h1 span{ border-color: #259EB4;}

#itemList .more{ float: right; width: 79.6%;}
#itemList .more a{ display: block; padding: 5px; font-size: 82%; font-weight: bold; text-align: center; border: 1px solid #CCC; background: #FFF; border-radius: 4px;}
#itemList .more a span{ padding-left: 16px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat; line-height: 1.1;}
#itemList .more a:link span, #itemList .more a:visited span{ background-position: -138px -600px;}
#itemList .more a:hover span,#itemList .more a:active span { background-position: -138px -700px;}

/*spBox*/
.spBox  { position: relative; margin-bottom: 15px; border-radius: 4px; background: #FFF; box-shadow: 0 2px 2px #999999;}
.spBox a{ display: block; padding-bottom: 5px;}
.spBox a{ border: 1px solid #CCC\9;}/* IE8 and below */
.spBox a:hover, .spBox a:active{ text-decoration: none;}
.domestic .spBox{ float: left; width: 30.5%; margin-right: 2.7%;}
.overseas .spBox{ width: 100%;}
.spBox .area{ position: absolute; top:0; left:0; padding: 4px; color: #FFF; font-size: 90%; border-radius: 4px 0 0 0;}
.domestic .spBox .area{ background: #E97D2A;}
.overseas .spBox .area{ background: #259EB4;}
.spBox .photo img  { width: 100%; max-width: 100%; height: auto; border-radius: 4px 4px 0 0;}
.spBox a:hover .photo img{ filter: alpha(opacity=80); opacity: 0.8;}
.spBox dl   { margin: 5px 7px; line-height: 1.4;}
.spBox dl dt{ margin-bottom: 5px; font-weight: bold; font-size: 90%;}
.spBox dl dd{ font-size: 82%; color: #333;}

/*-----subContents-----*/
#subContents{ padding: 20px 20px 0 20px;}
#subContents .pagetop{ clear: both;}

/*announce*/
#announce{ float: left; width: 100%; margin: 0 -710px 0 0;}
#announce h1{ margin: 0 710px 10px 0; padding-bottom: 3px; color: #569215; font-size: 90%; border-bottom: 2px solid #569215;}
#announce ul   { margin: 0 710px 15px 0; font-size: 78%;}
#announce ul li{ margin-bottom: 10px; padding-left: 14px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat -139px -600px;}
*html #announce ul li{ width: 220px;}
#announce ul li ul   { margin: 10px 0 0 0; font-size: 100%;}
#announce ul li ul li{ background: none; padding-left: 0;}
#announce ul li ul li a{ display: block; padding-left: 10px; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat;}
#announce ul li ul li a:link, #announce ul li ul li a:visited{ background-position: -146px -898px;}
#announce ul li ul li a:hover, #announce ul li ul li a:active{ background-position: -146px -998px;}

/*regular*/
#regular{ float: left; width: 50%;}

/*others*/
#others{ display: inline-block; float: right; width: 695px; margin-bottom: 10px;}
#others .regular   { float: left; width: 348px; border: 1px solid #CCCCCC; margin-bottom: 10px;}
#others .regular li{ float: left; width: 173px; height: 42px; border-right: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC;}
#others .regular li:nth-child(2n){ border-right:none;}
#others .regular li a{ display: block; width: 163px; height: 28px; padding: 7px 5px;}
#others .regular li a:hover,
#others .regular li a:active{ text-decoration: none; background-color: #EAEAEA;}
#others .regular li a dt{ margin-bottom: 3px; padding-left: 10px; font-size: 82%; background: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png) no-repeat;}
#others .regular li a:link dt, #others .regular li a:visited dt{ background-position: -146px -898px;}
#others .regular li a:hover dt, #others .regular li a:active dt{ background-position: -146px -998px;}
#others .regular li a dd{ padding-left: 10px; color: #000000; font-size: 65%;}
#others .regular li.high  {height: 55px;}
#others .regular li.high a{height: 41px;}

#others .regular {border-right: none;}
#others .regular li:nth-child(2n) {border-right: 1px solid #ccc;}

/*sns*/
#sns-area { clear: both; padding: 17px 5px 5px; width: calc(100% + 2px) !important; height: auto !important; float: none !important; margin-left: -1px; margin-bottom: -1px; background: #fff; border: none !important; box-sizing: border-box;}
#sns-area dl {display: flex;flex-wrap: wrap;justify-content: space-around;}
#sns-area dt {width: 100%;padding-bottom: 10px;font-size: 13px;}
#sns-area dd {width: 17%;/* padding: 0 5px; */text-align: center;box-sizing: border-box;}
#sns-area dd a {position: relative;display: block;width: 100% !important;height: auto !important;padding: 38px 0 0 0 !important;font-size: 10px;color: #000;transition: 0.2s;}
#sns-area dd a:hover {opacity: 0.7;background: none !important;}
#sns-area dd a:before { content: ''; display: block; width: 30px; height: 30px; background-image: url(https://travel.rakuten.co.jp/share/themes/top/images/sprite_sns.png); background-size: 30px auto; position: absolute; top: 0px; left: 50%; transform: translateX(-50%);}
#sns-area .btn-facebook a:before {background-position: 0 0;}
#sns-area .btn-twitter a:before {background-position: 0 -34px;}
#sns-area .btn-instagram a:before {background-position: 0 -67px;}
#sns-area .btn-line a:before {background-position: 0 -101px;}
#sns-area .btn-youtube a:before {background-position: 0 -135px;}


#others .utility{ float: right; width: 340px;}
#others .utility li{ float: left; position: relative; width: 160px; height: 120px; margin: 0 0 10px 10px;}
#others .utility li#utility06{ background: url(https://trvimg.r10s.jp/share/themes/top/images/bnr_utility_entry.gif) no-repeat; font-size: 78%;}
#others .utility li#utility06 p{ margin: 45px 10px 0;}
#others .utility li a{ display: block; width: 160px; height: 120px;}
#others .utility li a:hover{ filter: alpha(opacity=80); opacity: 0.8;}

#contents #others .registration{ float: left; width: 330px; padding: 4px 9px; border: 1px solid #CCCCCC; margin: 0; line-height:1.5;}

/*bnrGroup*/
.bnrGroup{ clear: both; zoom: 1;}
.bnrGroup li{ float: left; width: 20%;}
.bnrGroup li a{ display: block; font-size: 82%; text-align: center;}
.bnrGroup li a img{ margin-bottom: 3px;}

/*spLink*/
.spLink{ width: 100%; height:80px;}
.spLink a{ display: block; background:linear-gradient(rgb(251,251,251) 0%,rgb(200,200,200) 100%); box-shadow:0px 3px 3px rgba(0,0,0,0.45);}
.spLink a span{ display: block; position: relative; width: 600px; height:60px; margin: 0 auto; padding: 10px 20px; font-size: 180%; font-weight: bold; text-align: center;}
.spLink a span:after{ display: block; position: absolute; top: 50%; right: 0px; width: 21px; height: 21px; margin-top: -15px; border-top: 10px solid #64b539; border-right: 10px solid #64b539; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""}

/* ==========================================================================
   ad
========================================================================== */
#ad{
	position: absolute;
	top: 40px;
	right: -161px;
	width: 160px;
	line-height: 1.0;
}

#ad h1{
	margin-bottom: 10px;
	text-align: center;
	font-size: 78%;
	font-weight: normal;
}
#ad ul li{
	width: 160px;
	margin-bottom: 15px;
}

#ad ul li.txt{
	padding: 5px 0 0 5px;
	font-size: 90%;
	line-height: 1.2;
}

/*--for IE6 hack--*/
*html #ad{
	position: static;
}
*html #ad h1{
	position: absolute;
	z-index: 3;
	top: 90px;
	right: -161px;
	width: 160px;
}
*html #ad ul{
	position: absolute;
	z-index: 3;
	top: 110px;
	right: -161px;
}

/* ==========================================================================
   message
========================================================================== */
.msg-area {
    margin: 0 0 10px 20px;
    padding-right: 20px;
}
.msg-item {
    margin-bottom: 8px;
}
.msg-item > a,
.msg-item.no-link {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 8px 10px 2.7em;
    opacity: 1;
    transition: 0.2s;
    position: relative;
    background-size: 20px 20px !important;
}
.msg-item > a:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.2s;
}
.msg-item > a:hover:after {
    opacity: 0.2;
}
.msg-info > a,
.msg-info.no-link {
    color: currentColor;
    background: #FFF8E5 url(https://img.travel.rakuten.co.jp/bus/images/icon-info.svg) .7em .7em no-repeat;
}
.msg-warning > a,
.msg-warning.no-link {
    color: #bf0000;
    background: #FFF8E5 url(https://img.travel.rakuten.co.jp/bus/images/icon-warning.svg) .7em .7em no-repeat;
}
.msg-info2 > a,
.msg-info2.no-link {
    color: #437617;
    border: 1px solid #76AE25;
    border-radius: 4px;
    background: #ffffff url(https://img.travel.rakuten.co.jp/share/common/images/icon-bag.svg) .7em .6em no-repeat;
}
.icon-arrow-r > a,
.icon-arrow-r.no-link {
    padding: 10px 10px 10px 16px;
    color: #437617;
    border: 1px solid #76AE25;
    border-radius: 4px;
}

.icon-arrow-r > a span::after {
    content: "";
    display: inline;
    width: 8px;
    height: 16px;
    background: url(https://img.travel.rakuten.co.jp/share/common/images/icon-arrowRight.svg) right center no-repeat;
    padding: 1px 16px 0 0;
}
/* ==========================================================================
   pagetop
========================================================================== */
.pagetop{
	clear: both;
	text-align: right;
	font-size: 82%;
}

.pagetop a{
	padding-left: 14px;
	/*background-image: url(https://trvimg.r10s.jp/share/common/images/sprite_common_pc.png);
	background-repeat: no-repeat;*/
}
/*.pagetop a:link, .pagetop a:visited{ background-position: -146px -898px;}
.pagetop a:hover, .pagetop a:active{ background-position: -146px -998px;}*/


/* ==========================================================================
   clearfix
========================================================================== */
#search-box dl.srcStructure:after,
#search-box .selectNumber ul:after,
#search-box .selectAirport:after,
#search-box #dap-search-form .selectNumber li.adult:after,
#feature:after,
#feature .domestic:after,
#purpose ul:after,
#searchMenu ul:after,
#recent .recentList:after,
#personal .pointNav:after,
#personal .cpnBnr:after,
#ichioshi .bnrGroup:after,
#itemList:after,
#park li:after,
#ranking ul:after,
#ranking ol li:after,
#subContents:after,
#others:after,
#others ul:after,
.bnrGroup:after{
	content: ""; 
	display: block; 
	clear: both;
}

/* ==========================================================================
20200603 ご当地情報（旅頃）の導線を非表示
========================================================================== */
#cat09 {display: none;}
#purpose.new > ul {display: flex;}
#purpose.new > ul > li {width: 25%;}
#purpose.new li#cat06 {margin-right: 0;}
#tabigoro {display: none;}


/* ----------------------------------------
20220201 マップ下のカテゴリボタン調整 
---------------------------------------- */
#purpose.new > ul > li a {
    display: flex;
    justify-content: center;
    align-items: center;
}
#purpose.new li a span {
    width: 30px;
    height: 30px;
    margin: 0px 6px 6px 0;
    background: url(https://trvimg.r10s.jp/share/themes/top/images/top_sprite_purpose.svg) no-repeat;
    background-size: 30px auto;
}
#purpose.new li#cat02 a span {background-position: 0 0;} /*出張・ビジネスホテル*/
#purpose.new li#cat04 a span {background-position: 0 -32px;} /*駅・空港*/
#purpose.new li#cat01 a span {background-position: 0 -64px;} /*温泉*/
#purpose.new li#cat06 a span {background-position: 0 -96px;} /*高級宿*/