@charset "UTF-8";

/*-----------------------------------------
修正版追加設定
-----------------------------------------*/

#searchbox{
    width:950px;
    height:auto;
    padding-top:10px;
    }


.manual{
    text-align:right;
    margin-right:0;
    font-size:85%;
    margin-top:5px;
    }

.ichiran{
    margin-top:10px;
    margin-bottom:0;
    font-size:12px;
    display:block;
    }

.ichiran img{
    vertical-align:middle;
    margin-right:3px;
    }

.mar_top2{
    margin-top:40px;
    margin-bottom:-10px;
    }

div.border2 p{
    color:#333333;
    }

div.border2{
    width:95px;
    height:auto;
    text-align:center;
    }

#camp{
    position:relative;
    width:950px;
    height:155px;
    background:url(../../images/search/coupon_img.jpg) no-repeat;
    margin-top:20px;
    }

#camp_bt{
    position:absolute;
    top: 110px;
    left: 20px;
    }

.area{
    float:right;
    font-size:11px;
    color:#ffffff;
    font-weight:normal;
    margin:-17px 10px 0 0;
    }
	
#topics {
	clear: both;
	position: relative;
	width: 950px;
	height: 150px;
	margin: 20px auto;
}

#topics dl.cupon {
	position: absolute;	
	top: 0;
	left: 0;
}
#topics dl.cupon dd {
	position: absolute;	
	top: 119px;
	left: 360px;
}

#topics dl.present {
	position: absolute;	
	top: 0;
	left: 480px;
}
#topics dl.present dd {
	position: absolute;	
	top: 119px;
	left: 360px;
}



/*-----------------------------------------
上部検索エリア
-----------------------------------------*/

.titlearea{
    width:950px;
    height:29px;
    background:url(../../images/search/bar_search_new.gif) no-repeat;
    margin-top:0;
    padding:5px 0 0 0;
    }
.titlearea label {
    margin-left: 15em;
    line-height: 0;
    vertical-align: bottom;
}
.titlearea label input {
    padding-top: 5px;
}
.titlearea label img {
    margin-top: -5px;
}

.titlearea span{
    font-size:14px;
    font-weight:bold;
    margin:0 10px 0 10px;
    }

select{
    margin-right:3px;
    }


.select2{
    margin-left:15px;
    }

.plan_form{
    width:930px;
    height:27px;
    padding:10px;
    font-size:10px;
    background:url(../../images/search/bg01.gif) no-repeat;
    border:none;
    }

.plan_form img.top{
    vertical-align: middle;
    }

.plan_form3{
    width:930px;
    height:30px;
    text-align:center;
    font-size:10px;
    background:url(../../images/search/bg02.gif) no-repeat;
    }

.plan_form3 table{
    text-align:left;
    }

.mar_top{
    vertical-align:middle;
    }

.form_w{
    width:120px;
    }

.search_bottom img{
    vertical-align:top;
    }

.barposition{
    position:absolute;
    left: 326px;
    top: 231px;
    }

/*-----------------------------------------
並び替え、表示切替エリア
-----------------------------------------*/

#sort{
    position:relative;
    width:938px;
    height:16px;
    margin:20px 0px 10px 0px;
    padding:2px 5px 15px 5px;
    _padding-bottom:5px;
    border:1px solid #CCCCCC;
    background-color:#f0f0f0;
    }


#sort ul{
    float:right;
    position:absolute;
    list-style:none;
    left: 711px;
    top: 5px;
    width: 241px;
    height:auto;
    }

#sort ul.touroku {
    left: 612px;
    width: 338px;
}

#sort li{
    display:inline;
    }


/*-----------------------------------------
ホテル写真、ホテル詳細すべて含むエリア
-----------------------------------------*/

.plan{
    width:950px;
    height:auto;
    }

div.bar_l{
    width:940px;
    height:30px;
    padding:8px 0 0 10px;
    margin-top:30px;
    margin-bottom:10px;
    background:url(../../images/search/bar_l_new.jpg) no-repeat;
    font-size:14px;
    color:#FFFFFF;
    }

/*-----------------------------------------
ホテル名、説明テキスト、アクセスの指定
-----------------------------------------*/

h4{
    height:auto;
    margin-bottom:10px;
    font-size:16px;
    }

h4 a,
h4 a:link {
    color:#0050ff;
    text-decoration:underline !important;
    }

h4 a:hover {
    color:#ffa000;
    text-decoration:underline !important;
    }


.plan_text{
    float:right;
    width:710px;
    height:auto;
    line-height:1.4;
    }

.width1{
    width:600px;
    }

.access{
    float:right;
    width:710px;
    height:auto;
    }

.access ul{
    list-style:none;
    margin:8px 0;
    }

.access li{
    display:inline;
    margin-left:3px;
    }

.access ul a{
    text-decoration:underline;
    }

.access p{
    margin:8px 0;
    font-size:11px;
    }

.top{
    vertical-align:top;
    }

li.maricon{
    margin-left:10px;
    }

/*-----------------------------------------
ホテル写真、キャプションの指定
-----------------------------------------*/

.plan_img{
    float:left;
    display:inline;
    width:228px;
    height:auto;
    }

.plan_img{
    width:230px;
    height:auto;
    }

.plan_img ul{
    list-style:none;
    }

.plan_img li{
    float:left;
    width:74px;
    height:52px;
    margin-right:4px;
    }

.plan_img li img{
    margin:3px;
    }

.plan_img li a{
    width:74px;
    height:52px;
    background-color:#C8C8C8;
    display:block;
    }

.plan_img li a:hover{
    width:74px;
    height:52px;
    background-color:#FF6600;
    display:block;
    }

.plan_img li.nomar{
    margin-right:0;
    }

.clickimg{
    height:18px;
    font-size:10px;
    padding:2px 0 0 15px;
    background:url(../../images/search/mark_click.jpg) no-repeat;
    background-position:top left;
    }

.caption{
    position:relative;
    height:30px;
    }

.caption p{
    position:absolute;
    left: 0px;
    top: 2px;
    margin:0;
    width: 216px;
    height: 40px;
    }

.grey{
    position:absolute;
    font-size:10px;
    color:#000000;
    left: 0px;
    top: 23px;
    }


/*-----------------------------------------
宿泊プラン内容の指定
-----------------------------------------*/

.plan_info{
    position:relative;
    float:right;
    width:710px;
    height:auto;
    margin-top:15px;
    _margin-top:0;
    padding-top:24px;
    /padding-top:34px;
    font-size:11px;
    background-image:url(../images/bar_syousai_new.jpg);
    background-repeat:no-repeat;
    }

*:first-child+html .plan_info{
    margin-top:0;
    }

.textposition{
    position:absolute;
    left: 544px;
    top: -1px;
    width: 157px;
    font-size:11px;
    background:url(../../images/search/icon_all.jpg) no-repeat;
    background-position:right top;
    height:24px;
    padding-top:5px;
    padding-left:7px;
    color:#333333;
    }

.all{
    color:#FF0000;
    margin-left:35px;
    font-weight:bold;
    }
.favorite_btn {
    text-align: right;
}

/*-----------------------------------------
宿泊プランのテーブル
-----------------------------------------*/

table.plan_tb a{
    text-decoration:underline;
    }

table.plan_tb span.red{
    font-size:14px;
    font-weight:bold;
    color:#FF0000;
    }

table.plan_tb{
    width:710px;
    height:auto;
    padding-top:5px;
    padding-bottom:5px;
    /padding-bottom:0;
    }

table.plan_tb td{
    padding-top:5px;
    padding-bottom:5px;
    _padding-top:2px;
    _padding-bottom:0;
    text-align:left;
    }

.plan_info .plan_tb td img{
    vertical-align:top;
    }

.plan_info .plan_tb td img.middle{
    vertical-align:middle;
    }

*:first-child+html table.plan_tb td{
    padding-top:2px;
    padding-bottom:0;
    }

*:first-child+html img.middle2{
    vertical-align:middle;
    }

/*-----------------------------------------
テーブルセルの幅
-----------------------------------------*/

.width2{
    padding-right:10px;
    padding-left:5px;
    }

/*-----------------------------------------
文字装飾、このページのみのマージンなど
-----------------------------------------*/
.red3{
    color:#FF0000;
    font-size:11px;
    font-weight:bold;
    vertical-align: text-bottom;
    }

/*-----------------------------------------
フッター部分
-----------------------------------------*/

.plan_hr{
    width:740px;
    margin-top:40px;
    }

.left2{
    width:950px;
    height:auto;
    text-align:left;
    margin-top:30px;
    padding-top:10px;
    border-top:1px solid #999999;
    }