/* =========================================================== */
/* フォーマット */
/* =========================================================== */
html {
	margin:0px;
	padding:0px;
}
body {
	background:url(/images/bg_mainbody.gif) center top repeat;
	font-size:12px;
	color:#4E4E4E;
	font-family:sans-serif;
	margin:0px;
	padding:0px;
}

a{ color: #FF6600; text-decoration: underline; }
a:link{ color: #FF6600; text-decoration: underline; }
a:visited{ color: #FF6600; text-decoration: underline; }
a:active{ color: #FFB213;  }
a:hover{ color: #FFB213;  }

h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, form ,th {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
table {
	border-collapse:collapse;
	font-size:12px;
}
ul {
	list-style:none outside;
}
img {
	border:none;
}
body,td,div {
	font-size:12px;
	color: #333333;
}

.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
h1 a, h2, .wdImg {
	display:block;
	font-size:9px;
	text-decoration: none;
	text-indent:-10000em;
}

a.rob{
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	font-size:5px;
	text-indent:-10000em;
	text-decoration:none;
}
a.rob:hover{
	background-position:left bottom;
}
/* =========================================================== */
/* 各レイアウト */
/* =========================================================== */

/* ページレイアウト設定 ===================== */
.container-pagelayout {
	width:981px;
	text-align:left;
	margin:0px auto;
}

/* 2カラムレイアウト設定 ===================== */
.container-pagebody {
	width:981px;
}
.container-left {
	float:left;
	width:256px;
	margin-top:7px;
}
.container-right {
	float:right;
	width:725px;
	margin-top:7px;
}

/* 左エリアレイアウト設定 ===================== */
.left-contents {
	clear:both;
}

/* 1カラムレイアウト設定 ===================== */

.container-center{
	width:981px;
	margin-top:7px;
}

 /* フッター設定 ===================== */
#areaFooter {
	background:url(/images/bg_footer.gif) left top no-repeat;
	width:981px;
	height:69px;
	margin:7px 0px 0px 0px;
}
#areaFooter ul li {
	float:left;
}


/* =========================================================== */
/* h1 */
/* =========================================================== */
#areaHeader h1 {
	float:left;
	padding:18px 0px 0px 16px;
}
#areaHeader h1 a {
	background:url(/images/logo_site.gif) left top no-repeat;
	width:295px;
	height:67px;
}

/* =========================================================== */
/* h2 */
/* =========================================================== */

#conHotelsearch h2 {
	background:url(/images/title_h2_hotelsearch.gif) left top no-repeat;
	width:251px;
	height:56px;
}
#conRanking h2 {
	background:url(/images/title_h2_ranking.gif) left top no-repeat;
	width:251px;
	height:56px;
	margin-top:5px;
}
#conSparea h2 {
	background:url(/images/title_h2_sparea.gif) left top no-repeat;
	width:256px;
	height:44px;
}
#conOthercities h2{
	background:url(/images/title_h2_othercity.gif) left top no-repeat;
	width:256px;
	height:43px;
}
#conOtherarea h2{
	background:url(/images/title_h2_otherarea.gif) left top no-repeat;
	width:250px;
	height:57px;
}
#conMoresearch h2{
	background:url(/images/title_h2_moresearch.gif) left top no-repeat;
	width:251px;
	height:66px;
}
/* =========================================================== */
/* h3 */
/* =========================================================== */
#areaSearchbody h3 {
	width:59px;
	height:20px;
	display:block;
	font-size:9px;
	text-decoration: none;
	text-indent:-10000em;
	padding-left:15px;
}

#searchArea h3 {
	background:url(/images/wd_search_area.gif) right top no-repeat;
}
#searchCountry h3 {
	background:url(/images/wd_search_country.gif) right top no-repeat;
}
#searchCity h3 {
	background:url(/images/wd_search_city.gif) right top no-repeat;
}
#searchDate h3 {
	background:url(/images/wd_search_date.gif) right top no-repeat;
}
#searchStay h3 {
	background:url(/images/wd_search_stay.gif) right top no-repeat;
}
#searchRoom h3 {
	background:url(/images/wd_search_room.gif) right top no-repeat;
}
#searchDestination h3 {
	background:url(/images/wd_search_text01.gif) right top no-repeat;
	width:136px;
	height:14px;
	padding-left:0px;
}
#searchChkin h3{
	background:url(/images/wd_search_chkin.gif) right top no-repeat;
	width:90px;
}
#searchChkout h3{
	background:url(/images/wd_search_chkout.gif) right top no-repeat;
	width:90px;
}
#searchClass h3{
	background:url(/images/wd_hotelclass.gif) left top no-repeat;
}
#searchName h3{
	background:url(/images/wd_hotelname.gif) left top no-repeat;
}
#searchLocation h3{
	background:url(/images/wd_location.gif)  left top no-repeat;
}
#searchPrice h3{
	background:url(/images/wd_price.gif) left top no-repeat;
}

/* =========================================================== */
/* リード、説明など */
/* =========================================================== */
#areaHeader p {
	float:left;
	background:url(/images/wd_header.gif) left bottom no-repeat;
	width:272px;
	height:67px;
	padding:18px 0px 0px 0px ;
}

#conSpecial dl dt {
	width:239px;
	height:56px;
	display:block;
	font-size:9px;
	text-decoration: none;
	text-indent:-10000em;
}
#conSp01 dt {
	background:url(/images/title_h2_spdesigners.gif) left top no-repeat;
}
#conSp02 dt {
	background:url(/images/title_h2_spresort.gif) left top no-repeat;
}
#conSp03 dt {
	background:url(/images/title_h2_spkokyu.gif) left top no-repeat;
}


/* =========================================================== */
/* 個別設定 */
/* =========================================================== */

#areaHeader {
	background:url(/images/bg_header.gif) left top no-repeat;
	width:981px;
	height:101px;
	margin:7px 0px 0px 0px;
}

#conHotelsearch {
	background:url(/images/bg_wfoot_hotelsearch.gif) left bottom no-repeat;
	padding-bottom:20px;
}
#areaSearchbody {
	background-color: #a9b5aa;
	width:251px;
	margin:0px 0px 0px 0px;
}

/* 検索設定 ===================== */

#areaSearchbody #searchDestination{
	padding:5px 0px 5px 15px;
}
#searchDestination p {
	background:url(/images/wd_search_text02.gif) right top no-repeat;
	width:185px;
	height:14px;
	display:block;
	font-size:9px;
	text-decoration: none;
	text-indent:-10000em;
}
#areaSearchbody #searchStay span{
	color:#FFFFFF;
	margin-left:5px;
	font-weight:bold;
}
#areaSearchbody th{
	padding-bottom:8px;
}
#areaSearchbody td{
	padding-bottom:8px;
}
/* トップページランキング部分設定 ===================== */
#conRanking {
	background:url(/images/bg_wfoot_ranking.gif) left bottom no-repeat;
	padding-bottom:20px;
}
#conRanking ul {
	background-color:#FFFFFF;
	width:237px;
	padding:10px 0px 0px 13px;
}
#conRanking ul li {
	margin:6px 0px 0px 0px;
}
#conRanking ul li a {
	background:url(/images/btn_areabg.gif) left top no-repeat;
	width:189px;
	height:17px;
	font-weight:bold;
	text-decoration: none;
	color:#FFFFFF;
	display:block;
	padding:3px 0px 0px 30px;
}
#conRanking ul li a:hover {
	background:url(/images/btn_areabg.gif) left bottom no-repeat;
	text-decoration: none;
	color:#2e410b;
}
/* Flash部分設定 ===================== */
#conMapsearch {
	
}

/* トップページ特集部分設定 ===================== */
#conSpecial {
	margin-top:5px;
}
#conSpecial dl {
	float:left;
	width:239px;
}
.container-spbody {
	margin-right:4px;
}
.container-spbodyend {
	margin-right:0px;
}
.areaPhoto {
	background-color:#FFFFFF;
	padding:7px 0px 0px 13px;
}
.areaText {
	background-color:#FFFFFF;
	height:6em;
	padding:15px 20px 15px 22px;
}
.areaBtn {
	background:url(/images/bg_wfoot_special.gif) left bottom no-repeat;
	padding:0px 0px 13px 13px;
}
/* =========================================================== */
/* ボタン設定 */
/* =========================================================== */

/* 内訳ボタン設定 =========================== */

.btn-breakdown a{
	background-image:url(/images/btn_breakdown.gif) ;
	width:57px;
	height:17px;
}

/* ページトップアンカー =========================== */
.anchor-top{
	height:13px;
	margin:10px 0px 15px 0px;
}
.anchor-top a {
	float:right;
	background:url(/images/anchor_pagetop.gif) right top no-repeat;
	width:130px;
	height:16px;
}
/* 各ボタン設定 ===================== */

#btnOthercity {
	background:url(/images/btn_othercity.gif) left top no-repeat;
	width:219px;
	height:20px;
	margin:20px 0px 0px 16px;
}
#btnOthercity:hover {
	background-position:left bottom;
}
#areaSearchbody ul li.areaBtn {
	background:url(/images/btn_searchbg.gif) left top no-repeat;
	width:225px;
	height:46px;
	margin:15px 0px 0px 14px;
	padding:5px 0px 0px 5px;
}
#conSpecial dd.areaBtn a {
	background:url(/images/btn_details.gif) left top no-repeat;
	width:213px;
	height:20px;
}
#conSpecial dd.areaBtn a:hover {
	background-position:left bottom;
}
.btnRecomend{
	background-image:url(/images/btn_recomend.gif) ;
	width:215px;
	height:20px;
}
.btn-reserve a{
	background-image:url(/images/btn_reserve.gif) ;
	width:89px;
	height:20px;
}
.btn-back a{
	background-image:url(/images/btn_back.gif) ;
	width:158px;
	height:20px;
	margin-right:10px;
}
.btn-cancel a{
	background-image:url(/images/btn_cancel.gif) ;
	width:158px;
	height:20px;
}
.btn-next a{
	background-image:url(/images/btn_next.gif) ;
	width:158px;
	height:20px;
}
.btn-agree a{
	background-image:url(/images/btn_agree.gif) ;
	width:158px;
	height:20px;
}
.btn-disagree a{
	background-image:url(/images/btn_disagree.gif) ;
	width:158px;
	height:20px;
}
.btn-regist{
	background:url(/images/bg_btn.gif) left top no-repeat;
	width:213px;
	height:34px;
	padding:6px;
	margin-top:10px;
}
.btn-regist a{
	background-image:url(/images/btn_regist.gif) ;
	width:213px;
	height:34px;
}
.btn-entry a{
	background-image:url(/images/btn_entry.gif) ;
	width:158px;
	height:20px;
}
.btn-backtop a{
	background-image:url(/images/btn_backtop.gif) ;
	width:158px;
	height:20px;
}
.btn-backlist a{
	background-image:url(/images/btn_backlist.gif) ;
	width:158px;
	height:20px;
}
.btn-prevph a{
	background-image:url(/images/btn_prevph.gif) ;
	width:22px;
	height:108px;
}
.btn-nextph a{
	background-image:url(/images/btn_nextph.gif) ;
	width:22px;
	height:108px;
}
.btn-reserve02 a{
	background-image:url(/images/btn_reserve02.gif) ;
	width:133px;
	height:20px;
}
.btn-toconfirm a{
	background-image:url(/images/btn_toconfirm.gif) ;
	width:158px;
	height:20px;
}
.btn-change-mi a{
	background-image:url(/images/btn_change_mi.gif) ;
	width:199px;
	height:20px;
}
.btn-send a{
	background-image:url(/images/btn_send.gif) ;
	width:158px;
	height:20px;
}
.btn-send a{
	background-image:url(/images/btn_send.gif) ;
	width:158px;
	height:20px;
}
.btn-change-ri a{
	background-image:url(/images/btn_change_ri.gif) ;
	width:163px;
	height:20px;
	margin-right:10px;
}
.btn-resign a{
	background-image:url(/images/btn_resign.gif) ;
	width:104px;
	height:20px;
	margin-right:10px;
}
.btn-logout a{
	background-image:url(/images/btn_logout.gif) ;
	width:114px;
	height:20px;
	margin-right:10px;
}
.btn-cancel a{
	background-image:url(/images/btn_cancel.gif) ;
	width:108px;
	height:16px;
	margin-bottom:2px;
}
.btn-voucher a{
	background-image:url(/images/btn_voucher.gif) ;
	width:108px;
	height:16px;
	margin-bottom:2px;
}
.btn-receipt a{
	background-image:url(/images/btn_receipt.gif) ;
	width:108px;
	height:16px;
}
.btn-delete a{
	background-image:url(/images/btn_delete.gif) ;
	width:108px;
	height:16px;
	margin-bottom:2px;
}
.btn-notdelete a{
	background-image:url(/images/btn_notdelete.gif) ;
	width:158px;
	height:20px;
}
.btn-actiondelete a{
	background-image:url(/images/btn_action_delete.gif) ;
	width:158px;
	height:20px;
}
.btn-check a{
	background-image:url(/images/btn_check.gif) ;
	width:227px;
	height:16px;
	margin-top:3px;
}
.btn-agree-next a{
	background-image:url(/images/btn_agree_next.gif) ;
	width:217px;
	height:20px;
}
.btn-backlist02 a{
	background-image:url(/images/btn_backlist02.gif) ;
	width:217px;
	height:20px;
}
.btn-notresign a{
	background-image:url(/images/btn_notresign.gif) ;
	width:158px;
	height:20px;
}
.btn-resignexe a{
	background-image:url(/images/btn_resignexe.gif) ;
	width:158px;
	height:20px;
}
.btn-back-former a{
	background-image:url(/images/btn_back_former.gif) ;
	width:158px;
	height:20px;
}



/* 検索ボタン等 ========================= */

.areaBtn02{
	background:url(/images/bg_btn.gif) left top no-repeat;
	width:213px;
	height:34px;
	padding:6px;
	margin:10px auto 10px auto;
}

/* 部品 ========================= */

.error-message{
	font-size:14px;
	color:#C80000;
	font-weight:bold;
	margin:0px 0px 20px 0px;
}
.message{
	margin:0px 0px 20px 10px;
}
.must{
	font-weight:bold;
	color:#C80000;
	margin:0px 2px;
}

/* =========================================================== */
/* 特集ページ設定 */
/* =========================================================== */

/* 特集メニュー設定 ========================= */
#conSpmenu ul li{
	margin-bottom:2px;
}
#conSpmenu ul li a{
	background-repeat:no-repeat;
	background-position:left top;
	width:251px;
	height:55px;
	display:block;
	font-size:5px;
	text-indent:-10000em;
	text-decoration:none;
}
#conSpmenu ul li a:hover{
	background-position:right top;
}

/* 特集エリア(サイド)設定 ===================== */

#conSparea{
	background:url(/images/bg_sparea_bottom.gif) left bottom no-repeat;
	background-color:#E5E5E5;
	margin-bottom:2px;
}
#conSparea ul{
	margin-left:16px;
	padding-bottom:28px;
}
#conSparea ul li{
	margin-bottom:1px;
	line-height:100%;
}
#conSparea ul li a{
	background-repeat:no-repeat;
	background-position:left top;
	width:235px;
	height:40px;
	display:block;
	font-size:5px;
	text-indent:-10000em;
	text-decoration:none;
}
#conSparea ul li a:hover{
	background-position:right top;
}

/* 特集ホテル一覧設定 ===================== */

#conSphotels {
	background:url(/images/bg_sphotel_head.gif) left top no-repeat;
	background-color:#E5E5E5;
}
#conSphotels dl{
	background:url(/images/bg_sphotel_foot.gif) left bottom no-repeat;
	width:699px;
	padding:10px 13px 10px 13px;
}
#conSphotels dt {
	width:699px;
	height:40px;
	display:block;
	font-size:5px;
	text-indent:-10000em;
	text-decoration:none;
}
#conSphotels dd {
	background-color:#FFFFFF;
	margin-bottom:10px;
	padding:1px;
}

/* タイトル部分 -------------------- */

#conSphotels .hotel-title{ 
	width:678px;
	padding:8px 6px 6px 13px; 
}
#conSphotels h4{
	float:left;
	width:555px;
	color:#FFFFFF;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}
#conSphotels h4 .ht_english{
	font-family:Arial;
	font-size:16px;
	font-weight:normal;
}
#conSphotels .city{
	font-size:12px;
	line-height:100%;
	padding:3px 10px;
}
#conSphotels .country{
	font-size:10px;
	padding:2px 10px 2px 5px;
}
#conSphotels .hotel-title p{
	float:right;
	width:70px;
	padding:2px 0px;
}

/* 内容部分 ----------------------- */

#conSphotels ul{
	padding:15px 15px 10px 15px;
}
#conSphotels ul li.hotel-exp{
	float:right;
	width:387px;
}
#conSphotels ul li.hotel-ph{
	float:left;
	width:264px;
}
#conSphotels ul li.hotel-ph img{
	border:1px solid #696969;
	margin:0px 7px 0px 0px;
	padding:0px;
}
#conSphotels .hotel-exp p{
	line-height:140%;
	margin-bottom:15px;
}
#conSphotels .price{
	float:left;
	width:110px;
	color:#C80000;
	font-weight:bold;
	font-size:16px;
	display:block;
	margin-top:2px;
}

/* 各特集エリアのタイトル設定 =====================*/

/* デザイナーズ */
#conSphotels #title-speurope-de {
	background:url(/images/title_speurope_de.gif) left top no-repeat;
}
#conSphotels #title-spcanada-de {
	background:url(/images/title_canada_de.gif) left top no-repeat;
}
#conSphotels #title-spasia-de {
	background:url(/images/title_spasia_de.gif) left top no-repeat;
}

/* リゾート */
#conSphotels #title-spmalaysia-re {
	background:url(/images/title_spmalaysia_re.gif) left top no-repeat;
}
#conSphotels #title-spthailand-re {
	background:url(/images/title_spthailand_re.gif) left top no-repeat;
}
#conSphotels #title-spindonesia-re {
	background:url(/images/title_spindonesia_re.gif) left top no-repeat;
}
#conSphotels #title-spphilippines-re {
	background:url(/images/title_spphilippines_re.gif) left top no-repeat;
}
#conSphotels #title-spvietnam-re {
	background:url(/images/title_spvietnam_re.gif) left top no-repeat;
}
#conSphotels #title-spmaldives-re {
	background:url(/images/title_spmaldives_re.gif) left top no-repeat;
}
#conSphotels #title-spchina-re {
	background:url(/images/title_spchina_re.gif) left top no-repeat;
}

/* 高級 */
#conSphotels #title-speurope-ko {
	background:url(/images/title_speurope_ko.gif) left top no-repeat;
}
#conSphotels #title-spamerica-ko {
	background:url(/images/title_america_ko.gif) left top no-repeat;
}
#conSphotels #title-spasia-ko {
	background:url(/images/title_spasia_ko.gif) left top no-repeat;
}

/* 各特集タイトル色の切り替え設定 ===================== */

/* デザイナーズ */
#conSphotels .hotel-designers .hotel-title {
	background:url(/images/bg_title_spdesigners.gif) left top repeat-x;
	background-color:#92b523;
}
#conSphotels .hotel-designers h4 .city{
	background-color:#ffa200;
}

/* リゾート */
#conSphotels .hotel-resort .hotel-title {
	background:url(/images/bg_title_spresort.gif) left top repeat-x;
	background-color:#23a9b5;
}
#conSphotels .hotel-resort h4 .city{
	background-color:#378a2e;
}

/* 高級 */
#conSphotels .hotel-kokyu .hotel-title {
	background:url(/images/bg_title_spkokyu.gif) left top repeat-x;
	background-color:#cda952;
}
#conSphotels .hotel-kokyu h4 .city{
	background-color:#ba0000;
}


/* =========================================================== */
/* 各ボタン画像設定 */
/* =========================================================== */

/* フッタメニュー設定 ===================== */
#areaFooter ul li a {
	background-position:left top;
	background-repeat:no-repeat;
	height:20px;
	display:block;
	font-size:9px;
	text-decoration: none;
	text-indent:-10000em;
	margin-top:11px;
	margin-left:14px;
}
#areaFooter ul li a:hover {
	background-position:left bottom;
}
#btnFoot01 {
	background-image:url(/images/btn_footlink01.gif);
	width:69px;
}
#btnFoot02 {
	background-image:url(/images/btn_footlink02.gif);
	width:83px;
}
#btnFoot03 {
	background-image:url(/images/btn_footlink03.gif);
	width:141px;
}
#btnFoot04 {
	background-image:url(/images/btn_footlink04.gif);
	width:83px;
}
#btnFoot05 {
	background-image:url(/images/btn_footlink05.gif);
	width:70px;
}
#btnFoot06 {
	background-image:url(/images/btn_footlink06.gif);
	width:129px;
}
#btnFoot07 {
	background-image:url(/images/btn_footlink07.gif);
	width:48px;
}
#wdCopyright {
	clear:both;
	background:url(/images/img_copyright.gif) left top no-repeat;
	width:315px;
	height:20px;
	margin-top:11px;
	margin-left:14px;
}


/* 特集ボタン設定 =========================== */

#conSphotels a.btn-detail{
	float:right;
	background-position:left top;
	background-repeat:no-repeat;
	width:213px;
	height:20px;
}
#conSphotels a:hover{
	background-position:left bottom;
}
#conSphotels .hotel-designers a.btn-detail{
	background-image:url(/images/btn_detail_spdesigners.gif) ;
}
#conSphotels .hotel-resort a.btn-detail{
	background-image:url(/images/btn_detail_spresort.gif) ;
}
#conSphotels .hotel-kokyu a.btn-detail{
	background-image:url(/images/btn_detail_spkokyu.gif) ;
}
/* 特集メニューボタン ---------------------------- */

#conSpmenu ul li#btn-spdesigners a{
	background-image:url(/images/btn_spdesigners.jpg) ;
}
#conSpmenu ul li#btn-spresort a{
	background-image:url(/images/btn_spresort.jpg) ;
}
#conSpmenu ul li#btn-spkokyu a{
	background-image:url(/images/btn_spkokyu.jpg) ;
}

/* 特集エリアボタン ---------------------------- */

#conSparea ul li#btn-speurope a{
	background-image:url(/images/btn_speurope.gif) ;
}
#conSparea ul li#btn-spcanada a{
	background-image:url(/images/btn_spcanada.gif) ;
}
#conSparea ul li#btn-spasia a{
	background-image:url(/images/btn_spasia.gif) ;
}
#conSparea ul li#btn-spmalaysia a{
	background-image:url(/images/btn_spmalaysia.gif) ;
}
#conSparea ul li#btn-spthailand a{
	background-image:url(/images/btn_spthailand.gif) ;
}
#conSparea ul li#btn-spindonesia a{
	background-image:url(/images/btn_spindonesia.gif) ;
}
#conSparea ul li#btn-spphilippines a{
	background-image:url(/images/btn_spphilippines.gif) ;
}
#conSparea ul li#btn-spvietnam a{
	background-image:url(/images/btn_spvietnam.gif) ;
}
#conSparea ul li#btn-spmaldives a{
	background-image:url(/images/btn_spmaldives.gif) ;
}
#conSparea ul li#btn-spchina a{
	background-image:url(/images/btn_spchina.gif) ;
}
#conSparea ul li#btn-spamerica a{
	background-image:url(/images/btn_spamerica.gif) ;
}