@charset "utf-8";

#CONTENTS {
 margin: 0 auto;
 text-align: center;
}

/* common */

.noMarginTop {
 margin-top: 0 !important;
}

.noMarginBtm {
 margin-bottom: 0 !important;
}

.mapLink {
 position: absolute;
 right: 3px;
 background: url(../images/icon-map.gif) no-repeat 0 center;
 padding-left: 20px;
 bottom: 13px;
}

.mapLink2 {
 background: url(../images/icon-map.gif) no-repeat 0 center;
 padding-left: 20px;
 margin-left: 5px;
 padding-top: 4px;
 white-space: nowrap;
}

.mapLinkDd {
 background: url(../images/icon-map.gif) no-repeat 0 center;
 padding-left: 20px;
 padding-top: 4px;
 margin-left: 85px;
}

.btmLine {
 border-bottom: 1px solid silver;
 padding-bottom: 15px !important;
}

.btmLine2 {
 border-bottom: 1px solid silver;
 padding-bottom: 8px !important;
}

.h4exp {
 position: absolute;
 right: 3px;
 padding-left: 20px;
 font-size: 85%;
 top: 10px;
}

.sizeLL {
 width: 140px;
}

.sizeL {
 width: 125px;
}

.sizeM {
 width: 110px;
}

.sizeS {
 width: 72px;
}

.sizeSS {
 width: 40px;
}

.searchBlock .btnSearch a {
 display: block;
 background: url(../../common/images/btn/btn_search_l.gif) no-repeat;
 width: 120px;
 height: 31px;
 margin-left: auto;
 margin-right: auto;
 clear: both;
 text-indent: -9999px;
}

.topsp {
 padding-top: 30px !important;
 padding-bottom: 40px !important;
 _text-align: center;
}

/* common */

#main {
 padding: 10px;
 text-align: left;
 /*max-width: 800px;*/
 /*min-width: 470px;*/
 width: 750px;
 margin: 0 auto;
 _zoom: 1;
 overflow: hidden;
}

#title-style01 {
 padding-bottom: 5px;
}

#main h3 {
 background-image: url(../../common/images/icon/icon_ttl_a5_h3.gif);
 background-repeat: no-repeat;
 font-size: 150%;
 padding: 3px 0px 5px 15px;
 font-weight: bold;
 height: 22px;
 background-position: left center;
 margin-bottom: 5px;
}

.h4_area {
 position: relative;
 width: 100%;
}

#main h4 {
 padding-left: 10px;
 margin-bottom: 5px;
 margin-top: 3px;
 font-size: 117%;
 background: url(../../common/images/bg_ttl_a5_plan2.gif) no-repeat 0 center;
 padding-top: 5px;
 padding-bottom: 8px;
}

#main h4.air {
 background: transparent url(../../common/images/icon/icon_ttl_koukuu.gif) no-repeat 0 center;
 clear: both;
 border-top: 1px solid #ccc;
 padding: 7px 0 5px 23px;
 margin: 0;
}

#main h4.shukuhaku {
 background: url(../../common/images/icon/icon_ttl_shukuhaku.gif) no-repeat 0 center;
 clear: both;
 border-top: 1px solid #ccc;
 padding: 7px 0 5px 23px;
 margin: 0;
}

#main h4.rentcar {
 background: url(../../common/images/icon/icon_ttl_rentcar.gif) no-repeat 0 center;
 clear: both;
 border-top: 1px solid #ccc;
 padding: 7px 0 5px 23px;
 margin: 0;
}



#title-style01 p {
 padding-left: 20px;
}

#bnr_travel_pac {
 background: url(../images/bnr_rurule_travel_pac.gif) no-repeat;
 width: 750px;
 height: 90px;
 position: relative;
 margin-bottom: 5px;
}

#bnr_travel_pac div {
 position: absolute;
 width: 430px;
 right: 20px;
 top: 15px;
}

#bnr_travel_pac p.title {
 background-color: #fe660d;
 border: 1px solid white;
 text-align: center;
 color: white;
 font-size: 130%;
 font-weight: bold;
 padding: 3px;
}

#bnr_travel_pac p.exp {
 color: white;
 padding-top: 10px;
 padding-left: 20px;
 font-weight: bold;
 line-height: 1.4;
}

.searchBlock {
 padding-top: 5px;
 padding-bottom: 5px;
 _zoom: 1;
 overflow: hidden;
 clear: both;
}

.searchBlock .contents_wap {
 margin: 5px 10px 10px;
 _zoom: 1;
 overflow: hidden;
 padding: 0;
 clear: both;
}

/* 組み合わせ選択 */

ul.rd01 li {
 float: left;
 display: inline;
 padding-right: 50px;
}

/* 基本条件を指定 */

.floatR {
 float: right !important;
}

.alignR {
 text-align: right;
}

span.bd {
 padding-top: 4px;
 font-weight: bold;
 padding-right: 25px;
}

span.point {
 color: #ff6800 !important;
 padding: 0 !important;
 display: inline !important;
 width: 1em !important;
 text-decoration: none !important;
 font-weight: normal !important;
 font-style: normal !important;
}

.pointNon {
 color: white;
 padding: 0 !important;
 font-weight: bold;
 display: inline !important;
 width: 10px !important;
}

p.indis {
 position: absolute;
 right: 0;
 font-size: 100%;
}

ul.s-3 {
 clear: both;
 padding-bottom: 5px;
  _zoom: 1;
 overflow: hidden;
 padding-left: 65px;
}

ul.s-3 li {
 float: left;
 display: inline;
 padding-top: 1px;
 width: 200px;
 padding-right: 10px;
}

ul.s-3 li span {
 padding-right: 5px;
 display: block;
 float: left;
 padding-top: 1px;
 width: 120px;
}
p.s-3-tx {
 clear: both;
 padding-top: 0;
 padding-left: 65px;
 padding-bottom: 0;
 margin: 0 0 3px;
}

p.s-3-tx span {
 /*IE6　フォントファミリーのバグのため、アンダーラインを揃える*/
 vertical-align: baseline;
 display: inline-block;
 padding-top: 1px;
 text-decoration: underline;
 cursor: pointer;
}

ul.s-2 {
 clear: both;
 margin-top: 13px;
 height:23px;
}

ul.s-2 li {
 float: left;
 display: inline;
 padding-right: 98px;
 padding-top: 1px;
}


ul.s-2 li span {
 padding-right: 5px;
 width: 35px;
 display: block;
 float: left;
 padding-top: 1px;
}

ul.s-2 li.label {
 padding-right: 10px;
 padding-top: 4px;
 width: 55px;
 font-weight: bold;
}

.s-3-more {
 clear: both;
 padding-top: 3px;
 padding-bottom: 0;
 margin: 0;
 padding-left: 48px;
}

ul.s-2-2 {
 _zoom: 1;
 overflow: hidden;
 padding-right: 21px;
 float: left;
}

ul.s-2-2 li {
 float: left;
 display: inline;
 padding-bottom: 3px;
 padding-right: 2px;
}

ul.s-2-2 li.icon_calendar {
 padding-top: 4px;
 padding-right: 2px;
 padding-left: 2px;
 line-height: 10px;
}

p.exp {
 clear: both;
}

.s2-3 {
 _zoom: 1;
 overflow: hidden;
 clear: both;
 border: 1px solid #aaa;
 margin-top: 10px;
 margin-left: 50px;
 float: left;
 padding: 5px;
 width: 600px;
}

.s2-3 p {
 
}

ul.s2-4 {
 float: left;
 padding-top: 3px;
}

ul.s2-4 li {
 float: left;
 padding-right: 15px;
}

ul.s2-4 li.icon_arrow {
 background: url(../images/icn_arrow_box.gif) no-repeat 0 center;
 padding-left: 17px;
 padding-right: 20px;
}


/* 子供人数の設定 */

#cild {
	 _zoom: 1;
 overflow: hidden;
 padding-left: 50px;
 padding-top: 10px;
 
}

#cild ul {
 float: left;
}

#cild ul li {
 float: left;
}

#cild ul li select {
 vertical-align: middle;
 margin-left: 3px;
}

#cild-A , #cild-B , #cild-C , #cild-D , #cild-E {
_zoom: 1;
 overflow: hidden;
 margin-right: 18px;
 float: left;
}

/* 航空条件を指定 */

.rnt-car {
 padding: 3px 10px 2px;
 color: #FFFFFF;
 background-color: #999999;
 float: left;
}

dl.s4 {
 _zoom: 1;
 overflow: hidden;
 padding: 0 0 4px 20px;
 float: left;
 width: 260px;
}

.stayD-HotelKeyword {
 _zoom: 1;
 overflow: hidden;
 width: 400px;
 float: left;
}

dl.s4-HotelKeyword 
{
 _zoom: 1;
 overflow: hidden;
 padding: 0 0 4px 20px;
 float: left;
 width: 360px;
}

dl.s4-HotelKeyword dt
{
 padding-top: 1px;
 float: left;
 padding-right: 5px;
 width: 110px;
 font-weight: bold;
}

dl.s4-HotelKeyword input
{
 color: #9A9A9A;
 width: 180px;
}

dl.s4.l{
 width: 370px;
}
dl.s4 dt {
 padding-top: 1px;
 float: left;
 padding-right: 5px;
 width: 110px;
 font-weight: bold;
}

dl.s4 dd {

}

/* 宿泊条件を指定 */

.stayD {
 _zoom: 1;
 overflow: hidden;
 width: 380px;
 float: left;
}

.stayDR {
 _zoom: 1;
 overflow: hidden;
 float: right;
 width: 300px;
 padding: 0;
 margin: 0;
}

ul.s4ul {
 _zoom: 1;
 overflow: hidden;
 padding: 0 0 4px 20px;
 float: left;
 width: 370px;
}

ul.s4ul li {
 float: left;
}

ul.s4ul li.s4title {
 width: 110px;
 padding-right: 5px;
 padding-top: 4px;
}

.staying_condition {
 _zoom: 1;
 overflow: hidden;
 float: right;
 width: 680px;
}

.clear {
 clear: both;
}

/* 部屋タイプ */

.room {
 clear: both;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 21px;
}

.room p {
 padding-left: 20px;
}

.roomType {
 clear: both;
}

.roomType dl.r1 {
 _zoom: 1;
 overflow: hidden;
 padding: 0 0 4px 20px;
 float: left;
 width: 260px;
}

.roomType dl.r1 dt {
 font-weight: bold;
 padding-top: 1px;
 float: left;
 padding-right: 5px;
 width: 110px;
}

.roomType dl.r1 dd {
 
}

/* 宿泊のこだわり条件 */

.condition {
 margin-top: 5px;
 padding-bottom: 5px;
 padding-left: 5px;
}

.h6area {
 position: relative;
}

#main h6 {
 background: url(../../common/images/icon/icon_planexp_h5.gif) no-repeat 0 center;
 padding-left: 10px;
 margin-bottom: 5px;
 margin-top: 5px;
 font-size: 117%;
}

p.areaExp {
 position: absolute;
 right: 5px;
 top: 3px;
 font-size: 85%;
}

#main h6 span {
 font-size: 85%;
 font-weight: normal;
 font-style: normal;
 padding-left: 10px;
}

ul.conditionUl {
 _zoom: 1;
 overflow: hidden;
 padding: 0 0 4px 20px;
 float: left;
}

ul.conditionUl li {
 float: left;
 width: 160px;
 padding-bottom: 3px;
}

/* レンタカー条件を選択 */

.switch {
 padding-left: 5px;
 padding-top: 3px;
 padding-bottom: 3px;
}

dl.sRent {
 _zoom: 1;
 overflow: hidden;
 padding: 3px 0 4px;
 float: left;
 width: 230px;
}

dl.sRent dt {
 font-weight: bold;
 padding-top: 1px;
 float: left;
 padding-right: 5px;
 width: 80px;
}

dl.sRent dt.s {
 text-align: right;
}

dl.sRent dd {
 
}

.rnt-01 {
		 _zoom: 1;
 overflow: hidden;
 float: left;
 width: 355px;
}

/* エラー表示（画面個別の調整） */
#title-style01 p#error {
 /*width:730px;*/
 padding-left:0px;
}

.param_error
{
    background:#ff6800 !important;
    color:#ffffff !important;
    padding-top:3px !important;
}