@charset "euc-jp";
/* CSS Document */

#hdr-sp {
	width: 760px;
	margin: 5px auto 5px;
	
}






/*----------------------------------------------------------------------
ツアー検索デザインのヘッダー
-----------------------------------------------------------------------*/
#rsv-header { width: 780px; } /* ここ独自 */



/* タブ ツアー・航空券などの切り替え */
#hdr-genre-tab{
	/*background: url(http://img.4travel.jp/img/spe/summer2007/hdr/bg_hdr_bar_os.gif) no-repeat left 2px;*/
	height: 41px;
}
#hdr-genre-tab li{
	margin-right: 5px;
	float: left;
}

.hdr-genre-bar-os{
	background: url(http://img.4travel.jp/img/spe/summer2007/hdr/bg_hdr_bar_os.gif) no-repeat left 2px;
}

.hdr-genre-bar-dm{
	background: url(http://img.4travel.jp/img/spe/summer2007/hdr/bg_hdr_bar_dm.gif) no-repeat left 2px;
}



















.booking-date_list {
	margin: 0;
	padding-left: 6px;
	line-height: 140%;	/* ボーダーからの上距離 */
	text-align: left;
	background: url(http://img.4travel.jp/img/public/csl/csl_10_666666.gif) no-repeat 0px 4px;
	list-style-type: none;
}


#sp_maincontent{
	width: 780px;
	margin: 0 auto;
	text-align: left;
}

/* 宿と日付け一覧 */
.sp-search-table {
	width: 99%;
	border: #B2B2B2;
	border-collapse: collapse;
	border: 1px solid #cbbfac;
	font-size: 120%;
}


#sp-tab {
	margin: 10px 0;
	padding: 0 10px;
	border-bottom: 5px #bf0000 solid;
}

#sp-tab img {
	margin-right: 10px;
}


.travelog-des{
	margin: 5px 0;
	padding: 5px;
	background: #F1EBE3;
	text-align: left;
}

.sp-search-table th{
font-size: 80%;
line-height: 140%;
	padding: 3px;
	text-align: center;
	/*font-weight: normal;*/
	background: url(http://img.4travel.jp/img/spe/2006_hotel/bg_th.gif) repeat-x bottom #eae0d3;
	border: 1px solid #cbbfac;
}

.sp-search-table td{
font-size: 80%;
line-height: 140%;
	padding: 5px;
	text-align: center;
	border: 1px solid #cbbfac;
}

.sp-search-table .sat{
	background-color: #f2fafc;
}

.sp-search-table .sun{
	background-color: #fff2f2;
}

.sp-search-table .btm{
	font-weight: bold;
	background-color: #efefef;
}


.sample {
	margin: 3px 0;
}
.sample span{
	color: #00f;
	text-decoration:underline;
}

#intro-sp-hotel {
	padding: 5px 10px 8px;
	background: url(http://img.4travel.jp/img/spe/2006_hotel/bg_intro.gif) repeat-x bottom #F0EBE5;
	mnargin: 0px;
}


.sp-search-table1 {	border: #B2B2B2;
	border-collapse: collapse;
	border: 1px solid #cbbfac;
}
.sp-search-table2 {	border: #B2B2B2;
	border-collapse: collapse;
	border: 1px solid #cbbfac;
}

#btm-form {
	text-align: center;
	margin: 20px 0;
}


#ftr {
	border-top: 1px dotted #666;
	margin: 20px 0;
	padding-top: 5px;
	text-align: left;
	font-size: 90%;
}


/* -------------------------------------------------------------
 タブメニュー 国内
--------------------------------------------------------------*/

.osdm-tab-menu{
	width: 100%;
	float:left;
}

.dm-line {
	border-bottom: 7px solid #BF0000;
}


.os-line {
	border-bottom: 7px solid #6b9dcf;
}

	  
.osdm-tab-menu ul {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
}

.osdm-tab-menu li {
    padding:0;
    display:block;
	 	font-weight: bold;
	  font-size: 105%;
		background: #F2F2F2;
}





.osdm-tab-menu .normal{
		border-top: 1px solid #888888;
		border-left: 1px solid #888888;
		border-right: 1px solid #888888;
    float:left;
		margin-right: 0px;
}

.osdm-tab-menu .over_dm{
		border-top: 1px solid #BF0000;
		border-left: 1px solid #BF0000;
		border-right: 1px solid #BF0000;
    float:left;
		margin-right: 0px;
}


.osdm-tab-menu .over_os{
		border-top: 1px solid #6b9dcf;
		border-left: 1px solid #6b9dcf;
		border-right: 1px solid #6b9dcf;
    float:left;
		margin-right: 0px;
}

/* 右側のタブ　国内→海外　の切り替え */
.osdm-tab-menu .link_os{
		border-top: 1px solid #6b9dcf;
		border-left: 1px solid #6b9dcf;
		border-right: 1px solid #6b9dcf;
    float:right;
}


.osdm-tab-menu .link_os a{
    display:block;    padding:6px 10px 5px 11px;
    color:#ffffff;
    background:url("http://img.4travel.jp/img/hotel_site/sp/tab_over_os.gif") repeat-x #6b9dcf;
		text-decoration: none;
}

.osdm-tab-menu .link_os a:hover{
    color:#ffcc7f;
		text-decoration: underline;
}


/* 右側のタブ　海外→国内　の切り替え */

.osdm-tab-menu .link_dm{
		border-top: 1px solid #BF0000;
		border-left: 1px solid #BF0000;
		border-right: 1px solid #BF0000;
    float:right;
}

.osdm-tab-menu .link_dm a{
    display:block;    padding:6px 10px 5px 11px;
    color:#ffffff;
    background:url("http://img.4travel.jp/img/hotel_site/sp/tab_over.gif") repeat-x #BF0000;
		text-decoration: none;
}

.osdm-tab-menu .link_dm a:hover{
    color:#FFF2F2;
		text-decoration: underline;
}




.osdm-tab-menu .normal a{
    display:block;    padding:6px 10px 5px 11px;
    color:#24618E;
		background: #F2F2F2;
}

.osdm-tab-menu .normal a:hover{
    color:#BF0000;
		text-decoration: underline;
}


.osdm-tab-menu .over_dm a{
    display:block;
    padding:6px 10px 5px 11px;
    color:#FFFFFF;
		text-decoration:none;
    background:url("http://img.4travel.jp/img/hotel_site/sp/tab_over.gif") repeat-x #BF0000;
}

.osdm-tab-menu .over_os a{
    display:block;
    padding:6px 10px 5px 11px;
    color:#FFFFFF;
		text-decoration:none;
    background:url("http://img.4travel.jp/img/hotel_site/sp/tab_over_os.gif") repeat-x #6b9dcf;
}



.summer-left-550 {
	width: 550px;
	float: left;
}


.summer-right-210 {
	width: 210px;
	float: right;
}



.summer-left-780 {
	width: 780px;
}





.summer-right-inner-os {
	background: #e8eeef;

}

.summer-right-inner-dm {
	background: #F4E8E8;
}


/*---------------------------------------------
広告スペース
---------------------------------------------*/
.summer-ad-bottom {
	margin: 10px 0;
}

.summer-ad-bottom .left {
	float: left;
	width: 370px;
	border: 1px solid #00f;
}

.summer-ad-bottom .right {
	float: right;
	width: 370px;
	border: 1px solid #00f;
}

/*---------------------------------------------
右側のピックアップ
---------------------------------------------*/
.summer-pickup {
	margin-bottom: 5px;
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
}

.summer-pickup-end {
	margin-bottom: 5px;
	padding: 5px 10px;
}

.summer-pickup-780 {
	margin-bottom: 5px;
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
}



/*---------------------------------------------
海外ツアー検索フォーム
---------------------------------------------*/
.os-tour-form {
	width: 500px;
	padding: 10px 30px;
	border: 1px solid #ccc;
  background:url(http://img.4travel.jp/img/spe/summer2007/bg_grd_gry.gif) repeat-x top;
}







/* -------------------------------------------------------
ヘッダー
------------------------------------------------------- */
ul,li{  
	list-style: none outside;
	margin: 0;
	padding: 0;
}

/* reserve ヘッダー */
#rsv-header{
	width: 900px;
	margin: 0 auto;
	text-align: left;
}
#des-wrap{
	padding: 2px 0 5px 0;
	text-align: center;
	background:#c53e3b url(http://img.4travel.jp/img/reserve/hdr/hdr_des_dm_bg.gif) repeat-x top left;
}
#description{
	color:#fff;
	font-size:90%;
	line-height: 120%;
	width:900px;
	margin: 0 auto;
	text-align: left;
}
#des-left{
	width: 550px;
	float: left;
}
#des-right{
	width: 230px;
	float: right;
	text-align: right;
}
#des-right a{
	color: #fff;
}
#hdr-menu li{
	float: left;
}
#hdr-menu-os{
	background: url(http://img.4travel.jp/img/reserve/hdr/hdr_menu_os_bg2.gif) no-repeat right top;
	padding-right: 3px;
	margin-right: 3px;
}
#hdr-menu-dm{
	background: url(http://img.4travel.jp/img/reserve/hdr/hdr_menu_dm_bg2.gif) no-repeat right top;
	padding-right: 3px;
}
#hdr-menu-os .hdr-menu-ul{
	background: url(http://img.4travel.jp/img/reserve/hdr/hdr_menu_os_bg1.gif) repeat-x left top;
}
#hdr-menu-dm .hdr-menu-ul{
	background: url(http://img.4travel.jp/img/reserve/hdr/hdr_menu_dm_bg1.gif) repeat-x left top;
}
.hdr-menu-ul,
.hdr-menu-img{
	float: left;
}
#hdr-menu li a{
	display: block;
}
.hdr-menu-ul li{
	margin-right: 1px;
}
#hdr-traveler{
	height: 19px;
	line-height: 19px;
	font-size: 12px;
	text-align: right;
	margin: 0;
}
#hdr-left{
	width: 272px;
	float: left;
}
#hdr-right{
	width: 615px;
	float: right;
}
#current-wrap{
	width: 900px;
	text-align: left;
	margin: 5px auto 10px;
}
#hdr-title{
	background: url(http://img.4travel.jp/img/reserve/hdr/hdr_bar_bg.gif) repeat-x left top;
	border: 1px solid #ddd;
	padding: 5px 10px 5px 10px 
}
#hdr-title-wrap{
	margin: 0 auto;
	width: 900px;
	text-align: left;
}
#hdr-text-style{
	float: right;
	text-align: right;
	width: 250px;
	}
#hdr-text-style li{
	display: inline; 
	margin: 3px 2px;
}
#hdr-text-style li img{
	margin-bottom: -2px;
}
#hdr-title-h1{
	width: 620px;
	float: left;
}
#hdr-link{
	text-align: right;
}
#hdr-link li{
	border-left: 1px solid #ccc;
	padding: 0 3px;
	display: inline;
}
#hdr-link li.end{
	border-right: 1px solid #ccc;
	background: url(http://img.4travel.jp/img/reserve/hdr/csl_while.gif) no-repeat 5px center;
	padding: 0 3px 0 10px;
}
#rsv-header{
	border-bottom: 8px solid #d69821;
}
#hdr-title-h1 h1{
	background: url(http://img.4travel.jp/img/reserve/hdr/hdr_bar_dm_hotel.gif) no-repeat left center;
	padding-left: 65px;
	font-size: 120%;
	margin: 0;
}


/* 回り込み解除用 */
.float_wrap:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-bottom: -1px;
}
/*\*/
* html .float_wrap{
	height: 1em;
	clear: both;
	overflow: visible;
}
/**/



#ftr-gw {
	width: 780px;
	border-top: 1px dotted #CCCCCC;
  padding: 10px 0 0 0;
	margin: 20px auto;
}

.clear{
	clear: both;
}

/* 回り込み */
.float-left { float: left;}
.float-right { float: right;}



