@charset "utf-8";
/* 使用CSS */
/* 貴社CSSに合わせて、変更可能です */

/* reset_css */

html,body { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

a,
a:link,
a:visited { color: #000; text-decoration: underline; line-height: 15px; }

li { padding: 0; margin: 0; list-style: none; }

body { font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; }

h4 { margin: 0; padding: 0; font-size: 14px; }


.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clearfix { display: inline-table; min-height: 1%; }


/*Hides from MacIE \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }


/*Hides from MacIE */

/* style_css */
.pc_only { display: block; }
.sp_only { display: none; }
.sp_only2{display: none;}


#frmplanseek { width: 90%; padding: 15px 23px; overflow: hidden; }
#frmplanseek .sp_ttl{display: none;}
#booking_inner { margin: 0 0 15px 0; line-height: 1.5; font-size: 12px; }
#booking_end { margin: 0; padding: 0; line-height: 1.5; font-size: 12px; text-align:center; }
#booking_end .button.pc_only { width:265px; height:55px; }
.booking { padding: 0 4px; font-size: 13px; color: #000; line-height: 24px; }
.booking2 { font-size: 12px; color: #000; line-height: 18px; font-weight: normal; }
.booking_date { margin: 0; display: block; }
.booking3{font-size: 11px; font-weight: normal;}
.booking4{}

input,
select { margin: 3px; padding: 2px 3px 2px 10px; color: rgba(0,0,0,0.5);}
input.button { margin: 7px auto 11px auto; padding: 0; text-align: center; margin-left: -4px; width: 60%;  }

input[type="text"] { padding: 2px 3px 2px 10px; width: 4em; }
#ryokinarea select { padding: 2px 0; margin-right: 5px; width: 75px; }

hr { clear: both; width: 100%; height: 0; margin: 0; padding: 0; border: none; border-bottom: 1px dotted #CCCCCC; }

.mL3 { margin: 3px !important; }
#area,
#nitteiarea,
#ninzuarea,
#ryokinarea,
#airarea_inner,
#searchtypearea { margin: 0; padding: 0 0px;  color: #000; }
#area { margin-bottom: 8px; }
#area select { width: 100%; }
#nitteiarea { position: relative; }
#ninzuarea { margin-bottom: 22px; }
/*#ninzuarea > h4 { margin-bottom: 0.5em; }*/
#ryokinarea { margin-bottom: 1em; }
#ryokinarea > h4 { margin-bottom: 5px; }
#searchtypearea { margin-top: 19px; }

#searchtypearea label {}

input#chkymd,
input#chkpsn { margin: 0; padding: 0; }

#comment1{padding-bottom: 10px;}

input[type=radio], input[type=checkbox] { display: none; }
#lbchkymd { position: absolute; right: 20px; top: 2px; padding-left: 1.5em; background: url(./checkbox.png) left center no-repeat; }
input[type=checkbox]:checked + #lbchkymd { background: url(./checkbox_check.png) left center no-repeat; }
#lbchkpsn { margin-left: 50px; padding-left: 1.5em; background: url(./checkbox.png) left center no-repeat; }
input[type=checkbox]:checked + #lbchkpsn { background: url(./checkbox_check.png) left center no-repeat; }
#ibselectplan, #lbselectroom, #lbselectcald { font-size: 1em; display:inline-block; padding-left: 2.0em; margin-bottom: 0.8em; background: url(./radio.png) left center no-repeat; }
input[type=radio]:checked + #ibselectplan,
input[type=radio]:checked + #lbselectroom,
input[type=radio]:checked + #lbselectcald { background: url(./radio_check.png) left center no-repeat; }


.end_links { text-align: center; }
.end_links a{ display: block; color: #005bc2; padding: 4px 0; font-size: 13px; }

/*.area { min-width: 250px }*/
input.day_y, input.day_m, input.day_d{ margin-bottom: 12px; }
input.day_m, input.day_d{ width: 3.5em; margin-right: 7px; }
select.stay_r { margin-left: 10px; }

/*宿泊予約ボタンスタイル変更*/
#airarea{float: left;width:100%;}
#nitteiarea{float: left;width:400px}
#ninzuarea{float: left;padding: 0;width: 270px;}
.days{float: left; margin-bottom: 0;}



/*
--------------------------------------------------
	Topic Path tabs
-------------------------------------------------- */

#topic_path-tabs { margin: 0px 0px 6px; padding: 0px 2px;  }
#topic_path-tabs ul {  font-size: 100%; line-height: 1.3em; margin: 0; padding: 0; }
#topic_path-tabs ul li { width: 100%; float: left; text-align: center; }
#topic_path-tabs ul li a { color: #fafafa; font-size: 100%; padding: 11px 7px 13px 7px; color: #000; display: block; text-decoration: none; background: url(./reserve_line02.png) bottom left no-repeat; }

#topic_path-tabs ul li a.current { background: url(./reserve_line01.png) bottom left no-repeat; color: #ee7927; font-weight: bold; }
#topic_path-tabs ul li a:hover ,
#topic_path-tabs ul li a.current:hover { color: #ee7927; font-weight: bold; }

#topic_path-tabs ul { height: 1px; }
#topic_path-tabs ul li a.current { behavior: expression(IEPNGFIX.fix(this)); }

.sp_ttl {display: none;}
.sp_ttl h2 {display: none;}

/* SP_style */
@media screen and (min-width: 320px) {
	.pc_only { display: none; }
	.sp_only { display: block; }
	
#frmplanseek { width: 90%; margin: 0 auto; overflow: auto; }
	
	.sp_ttl { margin-bottom: 20px; width: 100%; text-align: center; border-bottom: 5px solid #4b8287; }
	.sp_ttl h2 { margin-bottom: 5px; }

#booking_inner {width: 58%; float:left; margin-bottom: 0px;}
#booking_end {width: 40%; float: left;padding-left: 2%;}
.booking {  }
.booking2 {  }
.booking_date {  }

input,
select {  }
input.button { width: 85%;margin: 0 25px 0 12%; }
.bestrate{width: 95%;margin: 50px auto 25px auto; }

input[type="text"] {  }
#ryokinarea select {  }

hr {  }

.mL3 {  }
#area,
#nitteiarea,
#ninzuarea,
#ryokinarea,
#airarea_inner,
#searchtypearea {  }
#area {  }
#nitteiarea { padding-top: 10px; }
#ninzuarea {width: 100%; margin-top: 10px;margin-bottom: 10px;}
#ninzuarea > h4 {  }
#ryokinarea {  }
#ryokinarea > h4 {  }
#searchtypearea {margin-top: 10px;}

#booking_end .res_link{text-align: center;margin-bottom: 10px;}
#booking_end .res_link li{display: inline-block;margin-bottom: 5px;}
#booking_end .res_link li a{color: #005bc2;}
#searchtypearea label {}

input#chkymd,
input#chkpsn {  }

#airarea_inner{}
.airarea_inner_l{width: 50%; float: left; padding-bottom: 10px;}
.airarea_inner_r{width: 50%; float: left; padding-bottom: 10px;}

#lbchkymd {  }
input[type=checkbox]:checked + #lbchkymd {  }
#lbchkpsn {  }
input[type=checkbox]:checked + #lbchkpsn {  }
#ibselectplan, #lbselectroom, #lbselectcald {  }
input[type=radio]:checked + #ibselectplan,
input[type=radio]:checked + #lbselectroom,
input[type=radio]:checked + #lbselectcald {  }

.end_links {  }
.end_links a{  }

/*.area { min-width: 250px }*/
input.day_y, input.day_m, input.day_d{  }
input.day_m, input.day_d{  }
select.stay_r {  }

/*
--------------------------------------------------
	Topic Path tabs
-------------------------------------------------- */

#topic_path-tabs {   }
#topic_path-tabs ul {  }
#topic_path-tabs ul li {  }
#topic_path-tabs ul li a { background: url(./sp_reserve_line02.png) bottom center no-repeat; }

#topic_path-tabs ul li a.current { background: url(./sp_reserve_line01.png) bottom center no-repeat; }
#topic_path-tabs ul li a:hover {  }
#topic_path-tabs ul li a.current:hover {  }

#topic_path-tabs ul {  }
#topic_path-tabs ul li a.current {  }

	
}