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

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

------------------------------------------ */
#keyVisual {
    margin-bottom:3px;
}
#keyVisual #countDownArea{
	width:300px;
	height: 58px;
	margin: 15px auto;
	background:url(../images/cd_back.gif) no-repeat;	
}
/* -----  -----*/
#contentsArea div#sKanban{
	margin-bottom:10px;
	padding:0 10px;	
}
#contentsArea div#sKanban h2 img{
	height:auto;
	max-width:100%;
	width:100%;
}
#contentsArea #pageTab ul li span{ font-size:50%;}
#search-box p.searchSubmit a {
   background: -moz-linear-gradient(
        top,
        #CA2828 0%,
        #BA1313);
	background: -webkit-gradient(
        linear, left top, left bottom,
        from(#CA2828),
        to(#BA1313));
	border: 1px solid #c12d2c;}
	
#contentsArea a:visited:hover,
#contentsArea a:link:hover,
#contentsArea a:visited:active,
#contentsArea a:link:active{ text-decoration: none;}
#contentsArea  .htlBox h2, #contentsArea  .htlBox h2:visited { color: #1D54A7; text-decoration: none; }
#contentsArea  .htlBox h2:hover, #contentsArea  .htlBox h2:active { color: #CC0000; text-decoration: underline; }



#contentsArea .htlBox .explain {
   color: #000;
}
#contentsArea .htlBox .btn li a{font-weight: bold;}
	
	
	#contentsArea .spotBox{
    border-color: #A5A5A5;
}
#contentsArea #search-box, #contentsArea #keywordSearch, #contentsArea #browsHistory, #contentsArea #subContents .bnrs {border-color: #707070;}
#contentsArea #verticalRecentRoot {border-color: #FFF;}

#pageTab ul {
	border-bottom:none ;
}
#contentsArea #pageTab a, #contentsArea #pageTab em {
-webkit-border-radius:5px ;
-moz-border-radius:5px ;
border-radius:5px ;
 border-bottom-width:1px;
}
#contentsArea #pageTab .tab2 {margin-bottom: 8px;}
#contentsArea .pageBtn .btn2 {margin-bottom: 8px;}


.pc {
    display: none;
}
.htlBox .plan li a .price {
    text-align: center;
}
.btn1 {text-align: center;padding-bottom: 5px;}
#contentsArea .column2L #login, .column2R #login {
    background-color: #FFF;
	padding: 10px;
}



.dpno {display: none;}
#contents .racoupon {
   margin-bottom: 3px;
}
#contents p.coup {text-align: right;font-size: 78%;padding-right: 10px;padding-bottom: 15px;}
#contents p.coup a{color: #333;}


#W_W {
    border: 2px solid #BF0A0A;
}

p.k_l, p.k_r {
    float: left;
}
.utility {
    margin: 0;
}
.utility2 ul.atn {
    padding: 0 5px 10px;
}
.utility2 ul.atn li {
    font-size: 78%;
    list-style-type: none;
}

div.Navi{width:100%; background:#333;}
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-top:2px; padding-bottom:2px; float:left;}
ul.Navi2 li{float:left; font-size:88%; font-weight:bold; padding:6px 30px 3px 10px; list-style:none;}
#contentsArea ul.Navi2 li a{color:#FFFFFF; text-decoration:underline;}
#contentsArea ul.Navi2 li a:hover{color:#FFFFFF; text-decoration:none;}
#contentsArea ul.Navi2 li img{display:none;}



div.basic h1{margin: 0; padding: 7px 7px 5px; background-color: #00A4E8; color: #FFFFFF; text-decoration: none; margin-bottom:10px;}
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) repeat scroll 0 0 rgba(0, 0, 0, 0);
margin: 10px 0;
}


.naviplus li {
width:24%;
height:40px;
line-height:40px;
display:inline;
float: left;
margin-right: 1%;
list-style-type: none;
font-size: 70%;
text-align:center;
font-weight:bold;
}
.naviplus li a{display:block; height:38px; border:1px solid #66bbde; color: #035993; border-radius:5px; letter-spacing:-1px; 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);}




.htlBox .chara {margin-bottom: 5px;}

ul.btn li.btntp01 a{border:1px solid #1a0d80; color: #1a0d80 !important; font-weight:bold; background:#fff !important;}
ul.btn li.btntp01 a:hover{ opacity:0.7;}
ul.btn li.btntp02 a{border:1px solid #cc0000; color: #cc0000 !important; font-weight:bold; background:#fff !important;}
ul.btn li.btntp02 a:hover{ opacity:0.7;}