@charset "shift_jis";
/* CSS Document */

/* 検索BOX */
#w_widgetTitle {
	text-indent:-9999px;
	background: #004098 url(../images/w_widgetTitle2.png) no-repeat center top;
	width:100%;
	height:45px;
	display:block !important;
	-webkit-border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0; 
    border-radius:10px 10px 0 0;
}
#w_widget .widgetInner {
    width: auto;
    border: none !important;
    overflow: hidden;
	width:97% !important;
    padding: 15px 0 0 !important;
	margin:0 auto 20px;
}
#w_widget {
	-webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
	background:#fff9e6 !important;
	width:100% !important;
	margin:0 auto;
}
#w_widget .submit {
	padding:5px 0 20px !important;
}
#w_widget .submit .serchBtn {
	background:url(../images/btn_submit.png) no-repeat;
	width:279px;
	height:49px;
	display:block;
	margin:0 auto;
}
#w_widget .submit .serchBtn:hover {
	background:url(../images/btn_submit.png) no-repeat;
	filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}

#w_widget .col3 {
    width: 120px;
	float:left;
}


#w_widget .from_place {
	background:#feeaa9;
    padding: 9px 0 9px 14px;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom:9px;
}
#w_widget .arrival_place {
	background:#feeaa9;
    padding: 9px 0 9px 14px;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom:16px;
}
#w_widget .from_place li span {
	width:60px;
	color:#333;
	font-size:110%;
	display: block;
	float:left;
	line-height:25px;
	font-weight:bold;
}
#w_widget .from_place li:nth-child(3) span {
	width:83px;
}
#w_widget .from_place li {
	width:27.3%;
	float:left;
	margin-right:20px
}
#w_widget .from_place li:first-child {
	width:34%;
}
#w_widget .from_place li:nth-child(3) {
	width:30%;
}

#w_widget .from_place li input {
	width:125px;
	height:22px;
}
#w_widget .from_place li select {
	width:220px;
	height:24px;
}
#w_widget .calendar {
	text-indent:-9999px;
	background:url(../images/calendar.png) no-repeat;
	width:26px;
	height:20px;
	display:block;
	float:right;
	margin:1px 0 0 0 !important;
	cursor: pointer;
}
#w_widget .from_place input,#w_widget .arrival_place input,#select_airport,#w_widget .checkInOut input {
	border: 1px solid #a9a9a9 !important;
	padding:0 5px !important;
}
select {
	vertical-align:middle;
}
select::-ms-expand {
	display: none;
}


#w_widget .from_place select,#w_widget .arrival_place select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #a9a9a9;
	background:#FFF url(../images/arrow1.png) right 50% no-repeat;
	background-size: 22px, 100%;
	cursor: pointer;
	padding-right:22px !important;
	padding-left: 5px !important;
}

#w_widget .from_place select,#w_widget .arrival_place select {
    background:none\9 !important;
	padding-right:0\9 !important;
	height:24px;
} 


#w_widget .arrival_place li {
	float:left;
}
#w_widget .arrival_place li:first-child {
	width:60px;
	color:#333;
	display: block;
	line-height:25px;
	font-weight:bold;
	font-size:110%;
}
#w_widget .arrival_place li:nth-child(2) {
	width:33%;
}
#w_widget .arrival_place li:nth-child(2) select {
	width:90%;
}
#w_widget .arrival_place li:nth-child(3),#w_widget .arrival_place li:nth-child(4) {
	width:29%;
}
#w_widget .arrival_place li:nth-child(3) select,#w_widget .arrival_place li:nth-child(4) select {
	width:90%;
}


#w_widget .hotel-RN {
	padding-left:14px;
	width:68%;
	float:left;
}
#w_widget .hotel {
	width:30%;
	float:right;
}
.rooms-RN .two,.rooms-RN .three {
	padding-left:120px;
}

#w_widget .col3 span,#w_widget .hotel p {
    font-weight: bold;
	font-size:110%;
    color: #004098 !important;
    line-height:25px;
	width:50px;
	display:block;
	float:left;
	margin-bottom:2px;
}

#w_widget .roomIndex {
	width:55px;
	margin:0 0 5px 10px;
	line-height:25px;
	font-weight:bold;
	 display: inline-block !important;
	 vertical-align: top;
}
#w_widget .adult {
	width:97px;
	margin-left:5px;
	 display: inline-block !important;
	 vertical-align: top;
}
#w_widget .childBox {
	width:112px;
	margin-left:5px;
	display: inline-block !important;
	vertical-align: top;
}
#w_widget .babyBox {
	width:162px;
	margin-left:5px;
	display: inline-block !important;
	vertical-align: top;
}
#w_widget .age {
	margin-top:6px;
}



#w_widget .adult span,#w_widget .childNum span,#w_widget .ageNum span {
	font-weight:bold;
	width:35px;
	display:block;
	float:left;
	line-height:25px;
}
#w_widget .hotel-RN select {
	width: 55px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #a9a9a9;
	background:#FFF url(../images/arrow2.png) right 50% no-repeat;
	background-size: 22px, 100%;
	cursor: pointer;
	padding-right:22px !important;
	padding-left:3px !important;
}
#w_widget .hotel-RN select {
background:none\9 !important;
	padding-right:0\9 !important;
	height:24px;
}

#w_widget .rooms-RN {
	clear:both;
	margin-bottom:10px;
	padding-bottom:3px;
	border-bottom:#aaa dotted 1px;
}
#w_widget .hotel p {
	width:65px;
	float:left;
	margin-left:10px;
	line-height:25px;
	font-weight:bold;
}
#w_widget .hotel input {
	width:130px;
	float:left;
	margin:0 5px 15px 0;
	border: 1px solid #a9a9a9;
	padding:1px 1px 1px 4px !important;
	height:22px;
}
#w_widget .hotel span {
	background:url(../images/nini.png) no-repeat;
	width:32px;
	height:18px;
	margin-top:3px;
	text-indent:-9999px;
	display:block;
	float:left;
}

.ui-widget-header {
    border: none !important;
    background: none !important;
	color: #ff9700 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: #ff9700 solid 1px !important;
    background: #ff9700 !important;
    color: #FFF !important;
}
a.ui-datepicker-next.ui-corner-all {
	cursor:pointer;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border:1px solid #ff9700;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ff9700; background: #FFF url(/js/basis_airhotel/landpack/ui/css/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }

	
.ui-widget-content {
    border: 1px solid #ccc !important;
    margin-top: 10px;
	box-shadow:0px 0px 0px 3px #FFF;
-moz-box-shadow:0px 0px 0px 3px #FFF;
-webkit-box-shadow:0px 0px 0px 3px #FFF;
}
.ui-datepicker {
    width: 17em;
    padding: 7px !important;
    display: none;
}
.ui-datepicker .ui-datepicker-title {
    height: 26px !important;
}

input {
	cursor: pointer;
}

.btn_syuyu {
	width:281px;
	margin:0 auto;
}
.btn_syuyu  a:hover img  {  
filter: alpha(opacity=50);  
opacity:0.50;  
   } 


#w_widget .err {
	color:#F00;
	font-size:85%;
	padding-top:5px;
}


/* チェックインアウト */
#otherAH {
	margin:-3px 0 5px 15px;
	clear:both;
}
#otherAH label {
	cursor:pointer;
}
#w_widget .checkInOut {
	background:#F1F1F1;
    padding: 9px 0 9px 14px;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom:9px;
}
#w_widget .checkInOut li span {
	width:125px;
	color:#333;
	font-size:110%;
	display: block;
	float:left;
	line-height:25px;
	font-weight:bold;
}

#w_widget .checkInOut li {
	width:34.7%;
	float:left;
	margin-right:20px
}
#w_widget .checkInOut li input {
	width:125px;
	height:22px;
}
#w_widget .checkInOut li select {
	width:220px;
	height:24px;
}


input[type="checkbox"] {
	display: none;
}
#otherAH label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 22px;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
	color:#004098;
	font-weight:bold;
}
#otherAH label::before,
#otherAH label::after {
	position: absolute;
	content: '';
	-webkit-transition: all .2s;
	transition: all .2s;
}
#otherAH label::before {
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 3px;
}
#otherAH label::after {
	opacity: 0;
	top: 50%;
	left: 3px;
	width: 8px;
	height: 4px;
	margin-top: -4px;
	border-left: 2px solid #024895;
	border-bottom: 2px solid #024895;
	-webkit-transform: rotate(-45deg) scale(.5);
	transform: rotate(-45deg) scale(.5);
}
#otherAH label:hover::before {
	background: #fff;
}
#otherAH input[type="checkbox"]:checked + label::before {
	background: #fff;
	border: 1px solid #024895;
}
#otherAH input[type="checkbox"]:checked + label::after {
	opacity: 1;
	-webkit-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
}
#otherAH span {
	background:url(../images/nini.png) no-repeat top left;
	width:32px;
	height:18px;
	padding-top:2px;
	text-indent:-9999px;
	display: inline-block;
}