@charset "utf-8";
/*
* ★★CSS for PC
*
* @date 2013.03.13
* @author Daisuke Hayashi
*/

/* ------------------------------------------

------------------------------------------ */
#contentsArea {
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}

#keyVisual{
	height:96px;
	margin-bottom:3px;
}

#keyVisual h1{
	background-image: url(../images/keyvisual01.jpg);
}

#keyVisual #countDownArea{
	position:absolute;
	z-index:5;
	top:15px;
	right:15px;
	width:300px;
	height: 58px;
	background:url(../images/cd_back.gif) no-repeat;	
}
/* -----  -----*/
#contentsArea div#sKanban{
	line-height:0;
	margin:0 auto 10px;
}
#contentsArea #pageTab ul li span{ font-size:70%;}
#contentsArea a:visited:hover,
#contentsArea a:link:hover,
#contentsArea a:visited:active,
#contentsArea a:link:active{ text-decoration: none;}
#contentsArea  .htlBox1 h1 {width: 360px;}
#contentsArea  .htlBox h2, #contentsArea  .htlBox h2:visited { color: #1D54A7; text-decoration: none;line-height: 130%; }
#contentsArea  .htlBox h2:hover, #contentsArea  .htlBox h2:active { color: #CC0000; text-decoration: underline; }

.htlBox .rate a em {
    padding-top: 0px;
}

#contentsArea .htlBox .explain {
   color: #000;
   line-height: 150%;
}
#contentsArea .htlBox .btn li a{font-size: 90%;}
#contentsArea .spotBox .btn li a {font-size: 90%;}

#search-box p.searchSubmit a {background:url(http://img.travel.rakuten.co.jp/share/themes/top/images/n/btn_search.gif) 0 0 no-repeat;
 display: block;
    height: 24px;
    width: 60px;
}
#search-box p.searchSubmit a:hover {opacity: 0.8}

#contentsArea .spotBox{
    border-color: #A5A5A5;
}
#contentsArea #search-box, #contentsArea #keywordSearch, #contentsArea #browsHistory, #contentsArea #subContents .bnrs {border-color: #707070;}
#contentsArea #verticalRecentRoot {border-color: #FFF;}

.sp {
	display:none;
}
.pc {
	text-align: center;
}

.htlBox .plan li a .price {
    text-align: center;
}

#keywordSearch .submit {
    display: block;
    margin: 3px auto;
	width: 60px;
}
#keywordSearch .submit:hover {opacity:0.8}
   

.btn1 {text-align: center;padding-bottom: 5px;}
#contentsArea .column2L #login, .column2R #login {
    background-color: #FFF;
	width: 700px;
	padding: 5px;
}

#contents .pagetop a:hover {
  text-decoration: underline;
}
*+html .htlBox2 .photo .thumPhotos li {
    width: 32.1%;
}
*+html .htlBox .btn {
   margin-bottom: 0px;
   padding-bottom: 3px;
}
*+html .htlBox .btn li {
 margin-bottom: 0px;
 padding-bottom: 7px;
}
#contentsArea .htlBox .photo {
    margin: 0;
    padding: 0 10px 10px;
}
#contents p.coup {text-align: right;font-size: 78%;padding-right: 10px;padding-bottom: 15px;text-decoration: underline;}
#contents p.coup a{color: #333;}

#outline h1, #W_W.utility h1 {
    background-color: #BF0A0A;
    color: #FFFFFF;
    font-size: 120%;
    line-height: 1.2;
    padding: 5px;
    text-align: center;
}

.utility:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#W_W {
    border: 2px solid #BF0A0A;
}
p.k_l, p.k_r {
    float: left;
}
p.k_r {
    width: 600px;
}
.utility2 ul.atn {
    padding: 0 5px 10px 0;
}
.utility2 ul.atn li {
    font-size: 78%;
    list-style-type: none;
}

div.Navi{width:950px; height:30px; background:url(../images/NaviBk.jpg) repeat-x;}
p.NaviTop{width:80px; height:16px; background:url(../images/NaviTopBk.gif) no-repeat; margin:5px 24px 5px 19px; color:#333333; font-size:78%; font-weight:bold; text-align:center; padding:2px 0; float:left;}
ul.Navi2 li{float:left; font-size:78%; font-weight:bold; padding-right:30px; padding-top:6px; list-style:none;}
#contentsArea ul.Navi2 li a{color:#FFFFFF; text-decoration:underline;}
#contentsArea ul.Navi2 li a:hover{color:#FFFFFF; text-decoration:none;}
#search-box .switch li a{ font-size:11px; }
.column2L #search-box .switch li, .column2R #search-box .switch li {
    margin-left: 2%;
    width: 47%;
}

ul.btn li.btntp01{width:160px !important; height:50px; float:left;}
ul.btn li.btntp01 a{display:block; width:158px; height:48px; border:1px solid #1a0d80; padding:0; color: #1a0d80 !important; font-weight:bold; background:#fff !important; line-height:48px;}
ul.btn li.btntp01 a:hover{ opacity:0.7;}
ul.btn li.btntp02{width:160px !important; height:50px; float:right;}
ul.btn li.btntp02 a{display:block; width:158px; height:48px; border:1px solid #cc0000; padding:0; color: #cc0000 !important; font-weight:bold; background:#fff !important; line-height:48px;}
ul.btn li.btntp02 a:hover{ opacity:0.7;}
div.basic h1{  background-color: #00A4E8;  color: #FFFFFF; line-height: 1.1; margin:0 0 10px 0 !important; padding: 7px 5px;}
div.basic h1:hover{ text-decoration: underline;}

#mainContents h2.HotelT {
color: #ffffff;
font-size: 16px;
padding: 5px;
background-color: #000a5a;
background: -moz-linear-gradient(center top , #ffffff,#000a5a);
width: 700px;
margin: 10px 0;
}

.naviplus li {
width:172px;
height:40px;
line-height:40px;
display:inline;
float: left;
margin-right: 6px;
list-style-type: none;
font-size: 78%;
text-align:center;
font-weight:bold;
}
.naviplus li a{display:block; width:170px; height:38px; border:1px solid #66bbde; color: #035993; border-radius:5px; background: #a9e1fa; 
    background: -webkit-gradient(linear, left top, left bottom, from(#cbecfa), to(#a9e1fa));
    background: -moz-linear-gradient(center top , #cbecfa, #a9e1fa);}
	.naviplus li a:hover{border:1px solid #e8a400; color: #523c03;  background: #ffb502; 
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcd4d), to(#ffb502));
    background: -moz-linear-gradient(center top , #ffcd4d, #ffb502);}