/* リセットCSS */
div,dl,dt,dd,ul,li,p,h2,h3 {
margin:0;  
padding:0;  
}
img{border:0;}

li {
list-style:none;
}

/* 共通の設定ーーーーーーーーーーーーーーーーーーーーーー */

#contents {
	width:714px;
	background: url(../../img/top/right_bg.jpg) repeat-y top right;
	line-height:1.2em;
}
#contents2 {
	width:714px;
	padding-bottom:41px;
	margin: 0 auto;
	background: url(../../img/top/bottom_bg.jpg) no-repeat bottom right;
}
.left_col {
	float: left;
}

.right_col {
	float: right;
	overflow: hidden;
	zoom: 1;
}


/* 左カラムの設定ーーーーーーーーーーーーーーーーーーーーーー */

.left_col {
	width:476px;
}


.left_col p.details-btn{
	float: right;
	padding: 10px 0 0 0;
}

.stayname p.details-btn2{
	float: right;
	padding: 10px 0 0 0;
	background-color: aqua;
}

#plan-info {
	width:423px;
	margin: 0 0 0 4px;
	padding: 20px 0 0 0;
	font-size: 12px;
	color: #666666;
	overflow: hidden;
	zoom: 1;
}

#plan-info a {
	color: #003399;
	text-decoration: underline;
}
#plan-info a:hover {
	color: #003399;
	text-decoration: none;
}

#plan-info p#lodging-btn {
	width:423px;
	text-align: right;
	padding-bottom: 25px;
}

#plan-info p.plan-info-txt {
	padding: 5px 0 5px 13px;
	line-height: 1.5;
}
#plan-info #net-plan {
	width:100%;
	padding: 15px 15px;
	margin: 0 0 10px 12px;
	background-color: #EFEFEF;
	overflow: hidden;
	zoom: 1;
}

#plan-info #net-plan p.net-plan-title {
	padding-bottom: 2px;
}

#plan-info #net-plan ul#net-plans li img {
}
#plan-info #net-plan ul#net-plans li {
	background: url(../../img/top/blue-arrow.gif) no-repeat;
	background-position: 0px 7px;
	padding-left: 10px;
	line-height: 1.7;
	font-size: 10px;
}




/* バナーエリアCSS */
.bana_area {
	background: url(../../img/top/left_bg.jpg) no-repeat top left;
	text-align:left;
	padding: 20px 0 0 15px;
	
}
.bana_area p {
	padding-bottom:5px;
}
.bana_area .twice{
	float:left;
	margin-right: 0px;
	padding-right: 6px;
}
* html .bana_area .twice{
	float:left;
	margin-right: 0px;
	padding-right: 3px;
}
*:first-child+html .bana_area .twice{
	float:left;
	margin-right: 0px;
	padding-right: 3px;
}


.bana_area{
	overflow: hidden;
	zoom:1;
}

.bana_area p#spring-plan{
	width: 440px;
	height: 118px;
	margin-bottom: 5px;
	background: url(../../img/top/spring-banner.png) no-repeat top left;
	overflow: hidden;

}


.bana_area p#spring-plan a{
	float: left;
}

.bana_area p#spring-plan span{
float: left;

}


.bana_area p#spring-plan span#spring-btn1{
padding: 51px 0 0 10px;
}

.bana_area p#spring-plan span#spring-btn2{
padding: 51px 0 0 0;


}

.bana_area p#spring-plan span#spring-btn3{
padding: 49px 0 0 0;
}

.bana_area p#spring-plan span#spring-btn4{
padding: 49px 0 0 0;
}




















/* タブの基礎指定 */
.box {
	clear:both;
	padding: 20px 0 5px 0;
	text-align:left;
	width:448px
}
.box .title_box {
	width:443px
}
.box .title_box .note {
	float: right;
	width:300px;
	font-size:10px;
	line-height:1.2em;
	padding-bottom:3px;
	color:#666;
}
.box .title_box h2 {
	float: left;
	width:125px;
	padding-top:10px;
	font-size:10px;
}



#tabMenu {  
	clear:both;
	margin:0;  
	padding:0;  
	list-style:none;
	background: url(../../img/top/tab.jpg) no-repeat top left;
}  
#tabMenu li {  
	float:left;  
	height:45px;
	cursor:pointer;
	cursor:hand;
} 
  
/* タブのロールオーバー */  
li.comments {
	width:222px;
	background: url(../../img/top/tab2.jpg) no-repeat top left;
}  
li.posts {
	width:221px;
	background: url(../../img/top/tab1.jpg) no-repeat top left;
} 
li.mouseover {background:none;}  
li.mouseout {}  
li.selected {background:none;}  
  
/* タブ内容のCSS */  
.boxBody { 
	background: url(../../img/top/tp_bg_line.gif) repeat-y top left;
}  
.boxBody div.innerbox {
    display:none;  
}

.boxBody div.show {  
    display:block;  
}  
.boxBody #category a {  
    display:block  
}  


.boxBottom{  
	background: #fff url(../../img/top/top_bottom_bg.jpg) no-repeat top left;
	text-align:right;
	height:48px;
	padding: 18px 9px 0 0 ;
	margin-top:-20px;
}

.box .plan_box{
padding: 5px 20px 0 15px;
font-size:12px;

}
.box .plan_box p.photo{
width: 102px;
float: left;
padding-bottom: 20px;
}
.box .plan_box .text{
width: 300px;
float: right;
padding-bottom: 20px;
}


.box .plan_box h3{
padding-left:15px;
background: url(../../img/top/tp_icon.gif) no-repeat left 5px;
font-size:14px;
font-weight:bold;
}
.box .plan_box h3 a{
color:#003366;
text-decoration:none;
}
.box .plan_box h3 a:hover{
color:#0099ff;
text-decoration:underline;
}

.box .plan_box .read{
padding-top:12px;
background: url(../../img/top/tp_line.gif) no-repeat left 5px;
margin-bottom: 20px;
}
.box .plan_box .read .new_b{
	font-weight:bold;
}

.box .plan_box ul{
background: #eee;
padding:0px 5px 0px 5px;
height:30px;
clear:both;
position:relative;
}
.box .plan_box ul.h_50{
background: #eee;
padding:0px 5px 0px 5px;
height:50px;
clear:both;
position:relative;
}
.box .plan_box ul li.day{
float: left;	
display:inline;
position:absolute;
top:-5px;
padding-top: 14px;
background: url(../../img/top/tp_day.gif) no-repeat top left;
}
.box .plan_box ul li.price{
float: right;	
display:inline;
position:absolute;
top:-5px;
right:0px;
padding: 14px 5px 0 0;
background: url(../../img/top/tp_price.gif) no-repeat top left;

}
.box .plan_box ul li.price strong{
color:#990000;
padding-left:5px;
}

/* price table */
.box .plan_box ul li.price table th{
	color:#333;
	font-weight:normal;
	text-align:left;
	line-height:1.6;
	font-size:12px;
}
.box .plan_box ul li.price table td{
	text-align:left;
	font-size:12px;
	padding-left:5px;
}
.box .plan_box ul li.price table td span{
	color:#900;
	font-weight:bold;
}




/*右カラムの設定ーーーーーーーーーーーーーーーーーーーーーー */

.right_col {
background: url(../../img/top/right_bg2.jpg) no-repeat left 40px;
width:238px;
border-top:1px solid #ccc;
}


/* 検索のCSS */




 #search form {
padding: 0 0 0 10px;
margin: 0;
font-size:12px;
}
 #search h2 {
padding: 20px 0 15px;
background: url(../../img/top/right_t_line.gif) no-repeat bottom center;
}
 #search dl{
text-align:left;
padding: 10px 0 0 0px;
margin-right: 10px;
border-bottom: 1px solid #666666;
overflow: hidden;
zoom: 1;
}


 #search dl.no-line{
border: none;
}







 #search dl select{
margin: 0 3px 3px 3px;
display: block;
float: left;
}

 #search span.text_s{
float: left;
padding-left:3px; 
}
 
 
 
 
#search dl dd{
padding: 0 0 8px 0px;
overflow: hidden;
zoom: 1;
text-align: left;
}
 #search dl dt.search_col2{
position:relative;
float: left;
width:80px;
padding: 0 0 0 20px;
text-indent:0;
margin: 0;
background:url(../../img/top/search_arrow.gif) no-repeat left center;
border-bottom: none;
}
 #search dl dt.search_col2 .bottom_line {
position:absolute;
bottom:0;
left: 0px;
}
 #search dl dd.search_col2{
float:left;
width:81px;
text-align: right;
border-bottom: none;
padding: 8px 0 8px 0;
}
 #search dd.search_submit {
clear:both;
text-align:center;
padding: 5px 0;
overflow: hidden;
zoom: 1;
}
 #search .bottom_line {
position:absolute;
bottom:0;
left: 0;
}
ul#search-btns{
padding: 7px 0 7px 0;
margin: 0 0 20px 9px;
background: url(../../img/top/right_t_line.gif) no-repeat bottom center;
overflow: hidden;
zoom: 1;
float: left;
}


ul#search-btns li{
overflow: hidden;
float: left;
zoom: 1;
}


img#new-member-btn{
padding-right: 5px;
}






/* おすすめ情報バナーエリアCSS */
#right_bana_area h2 {
text-align:left;
padding:25px 0 5px 4px ;
}
#right_bana_area ul {
padding-left:4px;
}

#right_bana_area li{
float:left;
padding:0 2px 2px 0;
}
#right_bana_area p{
clear:both;
padding:2px 0 2px 2px;
}
#right_bana_area ul.la{
	padding:18px 0 5px 4px;
	clear:both;
	height:35px;
}
#right_bana_area ul.la li{
	float:left;
}
#right_bana_area ul.la li.pr5{
	padding-right:5px;
}
/* おすすめ情報バナーエリアCSS */
#class_f {
text-align:left;
font-size:12px;
background: url(../../img/top/right_t_line.gif) no-repeat bottom center;
padding-bottom:10px;
}
#class_f h2 {
padding:30px 0 10px 4px ;
background: url(../../img/top/right_t_line.gif) no-repeat bottom center;
}
#class_f p {
padding: 4px 0 4px 15px;
}
#class_f ul {
padding-top:5px;
}
#class_f li {
text-align:center;
padding-top:3px;
}
#class_f li img {
vertical-align:bottom;
}

.footer {
clear:both;
}



#banner-erea {
padding: 5px 0 0 0;
}
#banner-erea ul li {
text-align: center;
padding-top:10px;

}
p img.qr {
padding:5px 0 0 0;
text-align: center;
clear: both;
}





#message {
width: 440px;
margin-bottom: 10px;
background-color: #DDDDDD;
}
#message p {
padding:20px;
margin: 0;
line-height: 1.5;
font-size: 75%;
}

#message p span.message-title {
font-weight: bold;
font-size: 100%;
margin: 0;
padding: 0;
display: block;
}

















/* フロートクリア
=====================================*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
  line-height:0;
}
.clearfix {
  min-height: 1px;
}