@charset "shift_jis";
/*------------------------------------------------------------------------------
    海外ホテルメインコンテンツ　旅キャピタル
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
    BOX
------------------------------------------------------------------------------*/


#main_content{
font-size:13px;
}

#left_content{
width:200px;
float:left;
background:url(../images/left_background.gif);
height:1200px;
}


#center_content{
width:550px;
margin-left:10px;
float:left;
}


#right_content{
width:180px;
margin-left:10px;
float:right;
background-color:#EDD4B7;

height:1200px;
}
/*------------------------------------------------------------------------------
    左コンテンツ
------------------------------------------------------------------------------*/

/* 検索ＢＯＸ */
#left_content #search_box{
background:url(../images/left_background.gif);
padding-top:10px;
margin-bottom:15px;
}

#left_content #search_box h3{
background:url(../images/search_title.gif) no-repeat;
text-indent:-9999px;
height:33px;
}

#left_content #search_box dt{
background:url(../images/search_icon.gif) no-repeat;
padding-left:15px;
margin:0px 0px 0px 10px;
font-weight:bold;
}

#left_content #search_box dt.roomtype{
float:left;
border-right:3px solid #ededed;
padding-right:15px;
}

#left_content #search_box dt.room{
float:left;
padding-left:15px;
margin-left:10px;
}


#left_content #search_box dt.budget{
clear:left;
margin:10px 0px 0px 10px;
}

#left_content #search_box dd{
margin:3px 0px 13px 15px;
}

#left_content #search_box p{
margin:0px;
padding:0px;
width:190px;
text-align:center;
}

/* 人気の主要都市 */
#left_content #main_city{
background:url(../images/left_background.gif);
padding-top:5px;
overflow:hidden;
margin-bottom:35px;
}

#left_content #main_city h3{
background:url(../images/city_title.gif) no-repeat;
text-indent:-9999px;
height:33px;
}

#left_content #main_city dl{
margin:0px;
padding:0px;
}

#left_content #main_city dt{
margin:0px;
padding:0px;
text-indent:-9999px;
height:29px;
}

#left_content #main_city dt.euro{
background:url(../images/eurohotel.gif) no-repeat;
}

#left_content #main_city dt.asia{
background:url(../images/asiahotel.gif) no-repeat;
clear:left;
}

#left_content #main_city dt.usa{
background:url(../images/usahotel.gif) no-repeat;
clear:left;
}

#left_content #main_city dt.hawai{
background:url(../images/hawaihotel.gif) no-repeat;
clear:left;
}

#left_content #main_city dt.oseania{
background:url(../images/oseaniahotel.gif) no-repeat;
clear:left;
}

#left_content #main_city dt.micronesia{
background:url(../images/micronesiahotel.gif) no-repeat;
clear:left;
}

#left_content #main_city dd{
float:left;
width:89px;
margin:0px;
background-color:#EDEDED;
border:1px solid #fff;
padding:5px 0px 5px 5px;
}



/*------------------------------------------------------------------------------
    中央コンテンツ
------------------------------------------------------------------------------*/

#center_content p.topics{
background:url(../images/topics.gif) no-repeat #009DE8;
padding-left:80px;
line-height:25px;
margin-top:10px;
display:block;
}

#center_content span{
background:#fff;
padding:3px;
}

#center_content h1{
margin-bottom:10px;
}


/* 地図から探す */
#center_content #map{
overflow:hidden;
position:relative;
}

#center_content #map a:hover{
background-color:green;
}


#center_content ul{
position:absolute;
top:0;
left:0;
width:550px;
height:320px;
margin:0px;
padding:0px;
text-indent:-9999px;
list-style:none;
*/
}


#center_content li{
margin:0px;
padding:0px;
/*text-indent:-9999px;*/
list-style:none;
}


#center_content h2{
margin-bottom:10px;
display:block;
background:url(../images/map.gif) no-repeat;
height:320px;
text-indent:-9999px;
}

#center_content li.euro a{
margin:0px;
padding:0px;
width:70px;
height:70px;
position:absolute;
top:70px;
left:47px;
display:block;
}

#center_content li.africa a{
margin:0px;
padding:0px;
width:70px;
height:70px;
position:absolute;
top:160px;
left:40px;
display:block;
}

#center_content li.korea a{
margin:0px;
padding:0px;
width:30px;
height:30px;
position:absolute;
top:150px;
left:200px;
display:block;
}

#center_content li.asia a{
margin:0px;
padding:0px;
width:40px;
height:40px;
position:absolute;
top:100px;
left:220px;
display:block;
}

#center_content li.hawai a{
margin:0px;
padding:0px;
width:60px;
height:50px;
position:absolute;
top:140px;
left:310px;
display:block;
}

#center_content li.oseania a{
margin:0px;
padding:0px;
width:70px;
height:70px;
position:absolute;
top:190px;
left:257px;
display:block;
}

#center_content li.usa a{
margin:0px;
padding:0px;
width:70px;
height:70px;
position:absolute;
top:60px;
left:350px;
display:block;
}

#center_content li.mexico a{
margin:0px;
padding:0px;
width:70px;
height:70px;
position:absolute;
top:160px;
left:420px;
display:block;
}

/* おすすめ特集 */
#center_content #recomend{
margin-bottom:10px;
overflow:hidden;
background:url(../images/recomend_underline.gif) center bottom no-repeat;
}

#center_content h3.recomend{
background:url(../images/recomend_title.gif) no-repeat;
height:40px;
text-indent:-9999px;
}

#center_content #recomend_box{
width:535px;
border-right:1px solid #C3C3C3;
border-left:1px solid #C3C3C3;
margin-left:6px;
overflow:hidden;
}

#center_content #recomend_box #recomend1{
width:250px;
margin:5px 0 5px 10px; 
float:left;
border-bottom:1px dotted #999999;

}
#center_content #recomend_box dt{
float:left;
margin-right:10px;
}
#center_content #recomend_box dd.recomend_copy{
background-color:#D2B310;
padding:2px;
color:#fff;
font-weight:bold;
}
#center_content #recomend_box dd.recomend_title a{
font-weight:bold;
padding:3px;
font-size:15px;
}
#center_content #recomend_box dd.recomend_detail{
}



#center_content #recomend_box #recomend2{
width:250px;
margin:5px 0 5px 10px; 
float:left;
border-bottom:1px dotted #999999;
}

#center_content #recomend_box #recomend3{
width:250px;
margin:5px 0 15px 10px; 
float:left;
border-bottom:1px dotted #999999;
}


#center_content #recomend_box #recomend4{
width:250px;
margin:5px 0 15px 10px; 
float:left;
border-bottom:1px dotted #999999;
}




/* キャンペーン */
#center_content #campaign{
clear:left;
margin-bottom:10px;
overflow:hidden;
background:url(../images/cpnhotel_underline.gif) center bottom no-repeat;
}

#center_content h3.campaign{
background:url(../images/campaign_title.gif) no-repeat;
height:40px;
text-indent:-9999px;

}

#center_content #campaign_box{
width:535px;
border-right:1px solid #C3C3C3;
border-left:1px solid #C3C3C3;
margin-left:6px;
overflow:hidden;
}


#center_content #campaign_box #campaign1{
width:250px;
margin:5px 0 5px 10px; 
float:left;
border-bottom:1px dotted #999999;
}
#center_content #campaign_box dt{
float:left;
margin-right:10px;
}
#center_content #campaign_box dd.campaign_copy{
background-color:#CF491E;
padding:2px;
color:#fff;
font-weight:bold;
}
#center_content #campaign_box dd.campaign_title a{
font-weight:bold;
padding:3px;
font-size:15px;
}
#center_content #campaign_box dd.campaign_detail{
}

#center_content #campaign_box #campaign2{
width:250px;
margin:5px 0 5px 10px; 
float:left;
border-bottom:1px dotted #999999;
}

#center_content #campaign_box #campaign3{
width:250px;
margin:5px 0 15px 10px; 
float:left;
border-bottom:1px dotted #999999;
}

#center_content #campaign_box #campaign4{
width:250px;
margin:5px 0 15px 10px; 
float:left;
border-bottom:1px dotted #999999;
}


/*------------------------------------------------------------------------------
    右コンテンツ
------------------------------------------------------------------------------*/


#right_content #link{
margin-bottom:10px;
}

#right_content #link ul{
margin:0px;
padding:0px;
}

#right_content #link li{
margin:0px 8px 0px 8px;
list-style:none;
}

#right_content #link img{
border:2px solid #fff;
}


/* ランキング */
#right_content #ranking{
width:160px;
margin:0px auto 10px auto;
}

#right_content #ranking h3{
background:url(../images/ranking_title.gif) no-repeat;
text-indent:-9999px;
height:30px;
}


#right_content #ranking ul{
background:#fff;
padding:0px;
margin:0px;
}

#right_content #ranking li{
list-style:none;
padding:10px 0px 10px 35px;
border-bottom:dotted 1px #BEBEBE;
margin-bottom:5px;
}

#right_content #ranking li.no1{
background:url(../images/no1.gif) left 3px no-repeat;
}
#right_content #ranking li.no2{
background:url(../images/no2.gif) left 3px no-repeat;
}
#right_content #ranking li.no3{
background:url(../images/no3.gif) left 3px no-repeat;
}
#right_content #ranking li.no4{
background:url(../images/no4.gif) left 3px no-repeat;
}
#right_content #ranking li.no5{
background:url(../images/no5.gif) left 3px no-repeat;
}
#right_content #ranking li.no6{
background:url(../images/no6.gif) left 3px no-repeat;
}

/* クチコミ */
#right_content #kuchikomi{
width:160px;
margin:0 auto;
}

#right_content #kuchikomi h3{
background:url(../images/kuchikomi_title.gif) no-repeat;
text-indent:-9999px;
height:28px;
}


#right_content #kuchikomi dl{
background:#fff;
padding:0px;
margin:0px;
}

#right_content #kuchikomi dt{
list-style:none;
font-weight:bold;
padding-left:5px;
}

#right_content #kuchikomi dd{
border-bottom:dotted 1px #BEBEBE;
margin:0px 0px 5px 0px ;
padding:5px;
}



/* メリット */
#right_content #side_merit{
	height: 249px;
	margin: 10px 0 10px 0;
}

#right_content #side_merit h3{
	background: url(../images/st_meritto.gif) center top no-repeat;
	height: 32px;
	text-indent: -9999px;
}

#right_content #side_merit p{
margin:0px;
padding:0px;
}

#right_content #side_merit p#merit1{

	background: url(../images/img_merit01.gif) center top no-repeat;
	height: 39px;
	text-indent: -9999px;
}

#right_content #side_merit p#merit2{

	background: url(../images/img_merit02.gif) center top no-repeat;
	height: 45px;
	text-indent: -9999px;
}

#right_content #side_merit p#merit3{
	background: url(../images/img_merit03.gif) center top no-repeat;
	height: 44px;
	text-indent: -9999px;
}

#right_content #side_merit p#merit4{
	background: url(../images/img_merit04.gif) center top no-repeat;
	height: 44px;
	text-indent: -9999px;
}

#right_content #side_merit p#merit5{
	background: url(../images/img_merit05.gif) center top no-repeat;
	height: 45px;
	text-indent: -9999px;
}