@charset "shift_jis";

/* -----------------------------------------------------------
 TOP - mainVisual
----------------------------------------------------------- */
#mainVisual{
	overflow:hidden;
}

#mainVisual .mainTop {
	float:right;
	display:inline;
	width:259px;
}


#mainVisual #searchL {
	float:left;
	display:inline;
	width:695px;
	
}

#mainVisual #searchL p.bottom img {
	vertical-align:top;
}

#mainVisual #searchL #mainReserve {
	border-left:1px solid #c0b49e;
	border-right:1px solid #c0b49e;
	overflow:hidden;
}

#mainVisual #searchL #mainReserve #leftR {
	float:left;
	display:inline;
	width:173px;
	padding:0 10px;
}

#mainVisual #searchL #mainReserve #leftR ul#add {
	border-bottom:1px solid #ccc6b3;
	padding:8px 0;
}

#mainVisual #searchL #mainReserve #leftR ul#station {
	padding-top:8px;
}

#mainVisual #searchL #mainReserve #leftR ul#add li,
#mainVisual #searchL #mainReserve #leftR ul#station li{
	margin-bottom:5px;
}

#mainVisual #searchL #mainReserve #leftR ul#add li.bottom,
#mainVisual #searchL #mainReserve #leftR ul#station li.bottom{
	margin-bottom:0;
}

#mainVisual #searchL #mainReserve #leftR ul#add li span,
#mainVisual #searchL #mainReserve #leftR ul#station li span{
	font-size:10px;
}

#mainVisual #searchL #mainReserve #leftR ul#station li strong{
	font-weight:bold;
}

#mainVisual #searchL #mainReserve #leftR ul#add li input.add,
#mainVisual #searchL #mainReserve #leftR ul#station li input.station{
	width:105px;
	height:16px;
	margin-right:5px;
}

#mainVisual #mainReserve #rightR {
	float:right;
	display:inline;
	width:493px;
	border-left:1px solid #c0b49e;
}

.mainVisual_banner {
	padding:10px 0 0 0;
}




/*********
ログイン
**********/

#mainVisual #login{
	float:right;
}

#mainVisual #login .inner{
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	padding:10px;
	overflow:hidden;
}




/****************************************************************************
 PENSYSTEM 2011.11.29 
****************************************************************************/

/**************************************
yellow-pages.jp 空室検索表示用スタイル
***************************************/
#vacancy_room_retrieval {
	height:auto;
}
#vacancy_room_retrieval p {
	margin:10px;
}
#vacancy_room_retrieval span {
}
#vacancy_room_retrieval .varom_tit {
}
#vacancy_room_retrieval #va_day_box_2 {
	text-align:center;
}
#vacancy_room_retrieval #btn_search {
	width:160px;
	height:50px;
	border:0;
	background:url(../imgs/yellow-pages/btn_search.jpg) no-repeat;
	margin:8px 0 0 8px;
	cursor:pointer;
}
#vacancy_room_retrieval #search_help {
	background:url(../imgs/yellow-pages/mark_search.jpg) no-repeat;
	padding:0 0 0 20px;
	margin:10px 0 10px 16px;
}










/* -----------------------------------------------------------
 TOP - 左　新規・オンライン
----------------------------------------------------------- */



/*左カラム*/
#mainVisual #leftColum{
	float:left;
	width:250px;
	margin-right:12px;
}

#mainVisual #leftColum .service{
	margin-top:0;
	margin-bottom:5px;
}

#mainVisual #leftColum .topNone{
	margin-top:0;
	margin-bottom:5px;
}

#mainVisual #leftColum .service h3{
}

#mainVisual #leftColum .service .inner{
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	padding:10px;
	overflow:hidden;
}

#mainVisual #leftColum .service .inner .photo{
	float:left;
	width:48px;
}


#mainVisual #leftColum .service .inner .txt{
	float:right;
	width:170px;
	line-height:1.3;
	font-size:10px;
}

#mainVisual #leftColum .service .inner .txt span{
	display:block;
	padding-top:9px;
	font-weight:bold;
}

#mainVisual #leftColum .service .inner .txt span.wide{
	display:block;
	padding-top:6px;
	font-weight:bold;
}

#mainVisual #leftColum ul#bannerL{
	margin-top:15px;
}

#mainVisual #leftColum ul#bannerL li{
	margin-bottom:5px;
}

#mainVisual #leftColum ul#bannerL li.bottom{
	margin-bottom:15px;
}

#mainVisual #leftColum ul#bannerL li.end{
	margin-bottom:0;
}




/*******************
TOP 左カラム　お得な会員サービス
*******************/
#leftColum #member{
	background-color:#fbfbdb;
	margin-top:5px;
	padding:5px 5px;
	overflow:hidden;
}

#leftColum #member h5{
	margin-bottom:10px;
}

#leftColum #member ul{
	background:url(../imgs/index/dotted_03.gif) left bottom repeat-x;
	padding-bottom:5px;
	padding-top:15px;
	margin-bottom:4px;
}

#leftColum #member ul.none{
	background:none;
	padding-bottom:0;
	margin-bottom:0;
}



#member ul li{
	float:left;
	display:inline;
	padding:0 0 0 42px;
	width:60px;
	font-weight:bold;
}


#leftColum #member ul li.point{
	background:url(../imgs/index/memberIcon_01.gif) left top no-repeat;
	height:50px;
	margin-right:30px;
}


#leftColum #member ul li.price{
	background:url(../imgs/index/memberIcon_03.gif) left top no-repeat;
	height:50px;
}

#leftColum #member ul li.drink{
	background:url(../imgs/index/memberIcon_04.gif) left top no-repeat;
	height:50px;
	margin-right:30px;
}

#leftColum #member ul li.morning{
	background:url(../imgs/index/memberIcon_05.gif) left top no-repeat;
	height:50px;
}

#leftColum #member ul li.present{
	background:url(../imgs/index/memberIcon_06.gif) left top no-repeat;
	height:50px;
	margin-right:30px;
}

#leftColum #member ul li.late{
	background:url(../imgs/index/memberIcon_08.gif) left top no-repeat;
	height:50px;
}

#leftColum #member ul li.other{
	background:url(../imgs/index/memberIcon_09.gif) left top no-repeat;
	height:50px;
	margin-right:20px;
}

#leftColum #member ul li.more{
	background:none;
	padding:8px 0 0 10px;
	width:100px;
}





/*新規ホテル・新着*/
#searchL #centerColum{
	float:left;
	display:inline;
	width:500px;
	margin:10px 0 0 0;
}

#searchL #centerColum .hotelList{
	padding-top:15px;
	overflow:hidden;
}

#searchL #centerColum .border{
	background:url(../imgs/index/dotted_01.gif) left bottom repeat-x;
	padding-bottom:15px;
}

#searchL #centerColum .hotelList .left,
#searchL #centerColum .hotelList .right{
	width:232px;
	padding-right:4px;
	overflow:hidden;
}

#searchL #centerColum .hotelList .left{
	float:left;
	display:inline;
}

#searchL #centerColum .hotelList .right{
	float:right;
	display:inline;
}

#searchL #centerColum .hotelList .left .photo,
#searchL #centerColum .hotelList .right .photo{
	float:left;
	width:100px;
}

#searchL #centerColum .hotelList .left .hotelName,
#searchL #centerColum .hotelList .right .hotelName{
	float:right;
	width:130px;
}

#searchL #centerColum .hotelList .left .hotelName .txtR,
#searchL #centerColum .hotelList .right .hotelName .txtR{
	position:relative;
	zoom:1;
	height:125px;
	overflow:hidden;
}

#searchL #centerColum .hotelList .left .hotelName ul,
#searchL #centerColum .hotelList .right .hotelName ul{
	margin-bottom:-3px;
}

#searchL #centerColum .hotelList .left .hotelName ul li,
#searchL #centerColum .hotelList .right .hotelName ul li{
	margin-bottom:3px;	
}

#searchL #centerColum .hotelList .left .hotelName ul li.icon,
#searchL #centerColum .hotelList .right .hotelName ul li.icon{
	font-size:0;
	line-height:0;
	margin-bottom:5px;
	*margin-bottom:0;
}

#searchL #centerColum .hotelList .left .hotelName ul li.icon img,
#searchL #centerColum .hotelList .right .hotelName ul li.icon img{
	vertical-align:top;
}

#searchL #centerColum .hotelList .left .hotelName p,
#searchL #centerColum .hotelList .right .hotelName p{
	position:absolute;
	bottom:0;
}


#searchL #centerColum #information{
	padding-top:25px;
	line-height:1.4;
}

#searchL #centerColum #information dl.news{
	width:500px;
	padding-top:15px;
	overflow:hidden;
}

#searchL #centerColum #information dl.news dt{
	float:left;
	display:inline;
}

#searchL #centerColum #information dl.news dt span{
	display:block;
	margin-top:3px;
}

*html #searchL #centerColum #information dl.news dt span{
	display:block;
	margin-top:-3px;
}

#searchL #centerColum #information dl.news dd.single{
	background:url(../imgs/index/dotted_01.gif) left bottom repeat-x;
	padding:0 0 20px 70px;
	margin-bottom:10px;
}

#searchL #centerColum #information dl.news dd.doble{
	background:url(../imgs/index/dotted_01.gif) left bottom repeat-x;
	padding:0 0 10px 70px;
	margin-bottom:10px;
}

#searchL #centerColum #information dl.news dd.bottom{
	background:none;
	padding:0 0 0 70px;
	margin-bottom:0;
}


#searchL #centerColum #pickUpHotel{
	background-color:#ddf7fb;
	margin-top:25px;
	padding:15px;
}

#searchL #centerColum #pickUpHotel #mainHotel{
	background-color:#FFFFFF;
	padding:15px;
	margin-top:15px;
	overflow:hidden;
}

#searchL #centerColum #pickUpHotel #mainHotel .photo{
	float:left;
	width:120px;
}

#searchL #centerColum #pickUpHotel #mainHotel .detail{
	float:right;
	width:285px;
}

#searchL #centerColum #pickUpHotel #mainHotel .detail ul{
}

#searchL #centerColum #pickUpHotel #mainHotel .detail ul li{
	margin-bottom:5px;
}

#searchL #centerColum #pickUpHotel #mainHotel .detail ul li.hotel{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

#searchL #centerColum #pickUpHotel #mainHotel .detail ul li.about{
	line-height:1.4;
	margin-bottom:0;
}

#searchL #centerColum #pickUpHotel #mainHotel .detail p{
	font-weight:bold;
	padding-top:19px;
}

#searchL #centerColum #pickUpHotel #otherHotel{
	margin-top:15px;
}

#searchL #centerColum #pickUpHotel #otherHotel .listP{
	background:url(../imgs/index/dotted_02.gif) left bottom repeat-x;
	padding-bottom:10px;
	margin:0 0 10px 0;
	overflow:hidden;
}

*:first-child+html #searchL #centerColum #pickUpHotel #otherHotel .listP{
	background:url(../imgs/index/dotted_02.gif) left bottom repeat-x;
	padding-bottom:11px;
	margin:0 0 12px 0;
	overflow:hidden;
}

*html #searchL #centerColum #pickUpHotel #otherHotel .listP{
	background:url(../imgs/index/dotted_02.gif) left bottom repeat-x;
	padding-bottom:11px;
	margin:0 0 12px 0;
	overflow:hidden;
}

*:first-child+html #searchL #centerColum #pickUpHotel #otherHotel .none{
	background:none;
	padding-bottom:0;
	margin:0;
	overflow:hidden;
}

*html #searchL #centerColum #pickUpHotel #otherHotel .none{
	background:none;
	padding-bottom:0;
	margin:0;
	overflow:hidden;
}

#searchL #centerColum #pickUpHotel #otherHotel .none{
	background:none;
	padding-bottom:0;
	margin:0;
	overflow:hidden;
}

#searchL #centerColum #pickUpHotel #otherHotel .listP ul.leftP{
	width:226px;
	padding-right:5px;
}

#searchL #centerColum #pickUpHotel #otherHotel .listP ul.rightP{
	width:216px;
}

#searchL #centerColum #pickUpHotel #otherHotel .listP ul.leftP{
	float:left;
}

#searchL #centerColum #pickUpHotel #otherHotel .listP ul.rightP{
	float:right;
}

#searchL #centerColum #pickUpHotel #otherHotel .listP ul.leftP li,
#searchL #centerColum #pickUpHotel #otherHotel .listP ul.rightP li{
	padding-left:1em;
	text-indent:-1em;
}


#searchL #centerColum #pickUpHotel #otherHotel .listP ul.leftP li.state,
#searchL #centerColum #pickUpHotel #otherHotel .listP ul.rightP li.state,
#searchL #centerColum #pickUpHotel #otherHotel .listP ul.leftP li.plan,
#searchL #centerColum #pickUpHotel #otherHotel .listP ul.rightP li.plan{
	margin:3px 0 0 1em;

}

#searchL #centerColum #pickUpHotel #otherHotel .listP ul.leftP li a,
#searchL #centerColum #pickUpHotel #otherHotel .listP ul.rightP li a{
	font-weight:bold;
}








/*******************
TOP 検索部分　右カラム
*******************/
#searchL #searchright {
	float:right;
	margin:15px 0 0 0;
	text-align: right; 
}

#searchL #searchright #bannerR {
	margin:5px 0 0 0;
}




/*******************
 twitter window
*******************/
#twitter_box {
	margin:6px 0 0 0;
}