@charset "utf-8";

/*
* top page for PC
* 2014.10.02 daisuke.hayashi
*/

/* ==========================================================================
   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: 180px; height: 30px; font-size: 94%;}
#mltLangBnr #mtlBtnLink a{ display: block; padding-top: 6px; border: 1px solid #666; border-radius: 5px; width: 178px; height: 22px; 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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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 20px 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: 210px;}
#mapSearch #mapDms{
	background: #B4E9F0 url(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.gif) top center no-repeat;
	background: url(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.gif) top center no-repeat, -moz-linear-gradient(top, #FFF, #B4E9F0 50%);
	background: url(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.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(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.gif) no-repeat bottom center;
	background: url(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.gif) no-repeat bottom center, -moz-linear-gradient(top, #FFF, #B4E9F0 50%);
	background: url(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.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; height: 226px; 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: 65px;  left: 245px; z-index: 6;}
#mapSearch .mapList li#list_kitaKanto   { top: 105px; left: 230px; z-index: 5;}
#mapSearch .mapList li#list_metropolitan{ top: 140px; left: 205px; z-index: 4;}
#mapSearch .mapList li#list_izuHakone   { top: 175px; left: 170px;}
#mapSearch .mapList li#list_koshinetsu  { top: 100px; left: 160px; z-index: 6;}
#mapSearch .mapList li#list_hokuriku    { top: 105px; left: 105px; z-index: 6;}
#mapSearch .mapList li#list_tokai       { top: 140px; left: 150px; z-index: 5;}
#mapSearch .mapList li#list_kinki       { top: 145px; left: 95px; z-index: 5;}
#mapSearch .mapList li#list_chugoku     { top: 112px; left: 5px; z-index: 6;}
#mapSearch .mapList li#list_shikoku     { top: 178px; left: 50px; z-index: 4;}
#mapSearch .mapList li#list_kyushu      { top: 150px; left: 0; z-index: 5;}
#mapSearch .mapList li#list_okinawa     { top: 170px; 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: 20px;}
#mapSearch .mapList li#list_twn{ top: 85px; left: 125px;}
#mapSearch .mapList li#list_tha{ top: 115px; left: 25px;}
#mapSearch .mapList li#list_sin{ top: 145px; left: 15px;}
#mapSearch .mapList li#list_idn{ top: 145px; left: 120px;}
#mapSearch .mapList li#list_phl{ top: 115px; left: 75px;}
#mapSearch .mapList li#list_gum{ top: 115px; left: 180px;}
#mapSearch .mapList li#list_hwi{ top: 85px; left: 200px;}
#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: 110px;}

#mapSearch .mapList li a    { display: block; width: auto; padding: 7px 7px 7px 12px; background: #000 url(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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  { 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;}

#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(http://img.travel.rakuten.co.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 #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#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(http://img.travel.rakuten.co.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 #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(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.gif) no-repeat -0 -680px;}


#search-box .searchHistory a{ display: block; margin-right: 15px; padding-left: 6px; background: url(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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.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 #dr-bmarea  { margin-bottom: 7px;}
#search-box .selectNumber{ margin-bottom: 7px;}
#search-box .selectNumber li{ float: left; width: 49%;}
#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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.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(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.gif) no-repeat 0 -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(http://img.travel.rakuten.co.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-----*/
#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#cat05, #purpose li#cat06, #purpose li#cat07{ margin-right: 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(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.gif) no-repeat;}
#purpose li#cat01 a{ background-position: -466px -246px;}/*温泉*/
#purpose li#cat02 a{ background-position: -466px -296px; height: 30px; padding-top: 6px;}/*出張・ビジネスホテル*/
#purpose li#cat03 a{ background-position: -466px -346px; height: 30px; padding-top: 6px;}/*日帰り・デイユース*/
#purpose li#cat04 a{ background-position: -466px -396px;}/*駅・空港*/
#purpose li#cat05 a{ background-position: -466px -446px;}/*地域名一覧*/
#purpose li#cat06 a{ background-position: -466px -496px;}/*高級宿*/
#purpose li#cat07 a{ background-position: -466px -544px; height: 30px; padding-top: 6px;}/*ペットと泊まる宿*/
#purpose li#cat08 a{ background-position: -466px -594px;}/*家族旅行*/
#purpose li#cat09 a{ background-position: -466px -644px;}/*カップル*/

#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(http://img.travel.rakuten.co.jp/share/common/images/sprite_common_pc.png) no-repeat -139px -200px;}

#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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.gif) no-repeat; text-indent: -9999px; overfolow: 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(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.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(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.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(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.gif) no-repeat -2px -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{ float: left; width: 86px; }
#personal .pointNav li.ponkan{ float: right; width: 100px; }
#personal .pointNav li a{ display: block; padding: 3px 0 3px 24px; font-size: 78%; line-height: 1.2; color: #333; background: url(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.gif) no-repeat -490px -585px;}
#personal .pointNav li.detail a{ background-position: -350px -386px;}
#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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.gif) no-repeat; text-indent: -9999px; overfolow: 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;}
.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{ 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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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; min-height: 40px; padding: 7px 7px 0 62px; background: url(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.gif) no-repeat 2px -748px;}

 #usj{ background: #002952;}
 #usj a{ display: block; padding: 5px 7px;}
 #usj a h1{ color: #FFF;}
 #usj a p { min-height: 40px; padding-left: 55px; color: #FFF; background: url(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.gif) no-repeat 2px -800px;}

#usj{ padding: 0; margin-bottom: 15px; background:#002952}
#usj .harry{ margin:0; padding: 7px 7px 0;}
#usj .harry a { 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(http://img.travel.rakuten.co.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;}
 #usj .usjTop a p{ padding-left: 0; color: #1D54A7; background: none;}

#park h1{ font-size: 82%; font-weight: bold; color: #333; line-height: 1.2;}
#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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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(http://img.travel.rakuten.co.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;}
#others .regular li{ float: left; width: 173px; height: 42px; border-right: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC;}
#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(http://img.travel.rakuten.co.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 .utility{ float: right; width: 340px; margin-left: 5px;}
#others .utility li{ float: left; position: relative; width: 160px; height: 120px; padding: 0 0 10px 10px;}
#others .utility li a{ display: block; width: 160px; height: 120px; background: url(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.03.gif) no-repeat; text-indent: -9999px; overflow: hiden;}
#others .utility li#utility01 a{ background-position: 0 -250px;}
#others .utility li#utility02 a{ background-position: -170px -250px;}
#others .utility li#utility03 a{ background-position: 0 -380px;}
#others .utility li#utility04 a{ background-position: -170px -380px;}
#others .utility li#utility05 a{ background-position: 0 -510px;}
#others .utility li#utility06 a{ background: none; display: inline; width: auto; height: auto;}

#others .utility li a:hover{ filter: alpha(opacity=80); opacity: 0.8;}
#others .utility li#utility05 .bottom{ position: absolute; left: 11px; bottom: 10px; width: 158px; height: 22px; font-size: 78%; background-color: #000000;}
#others .utility li#utility02 .bottom a,
#others .utility li#utility05 .bottom a{ display: block; z-index: 3; width: 146px; height: 17px; padding: 5px 0 0 12px; color: #FFFFFF; background: url(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite.png) no-repeat -190px -55px; text-indent: 0; overflow: hiden;}
#others .utility li#utility06{ background: url(http://img.travel.rakuten.co.jp/share/themes/top/images/n/top_sprite-2.02.gif) no-repeat -160px -510px; font-size: 78%;}
#others .utility li#utility06 p{ margin: 45px 10px 0;}
#others .utility li#utility07 a{ background: none; text-indent:0;}

/*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;
}

/* ==========================================================================
   pagetop
========================================================================== */
.pagetop{
	clear: both;
	text-align: right;
	font-size: 82%;
}

.pagetop a{
	padding-left: 14px;
	/*background-image: url(http://img.travel.rakuten.co.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,
#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;
}