@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

.CONTENTS .INSIDE .ERROR	{ width:600px; float:left; margin:5px 0 10px 0; padding:15px 20px; background:#ff0; color:#ff006c; font-weight:bold; text-align:center; }
.CONTENTS .INSIDE .DONE	{ width:600px; float:left; margin:5px 0 10px 0; padding:15px 20px; background:#ff0; color:#000; font-weight:bold; text-align:center; }

/*お問い合わせフォーム*/
#PAGE #CON em.NE	{ width:30px; float:left; margin:0 5px 0 0; clear:none; background:#fa895a; color:#fff; text-align:center; font-size:10px; line-height:1.5em; }

#PAGE #CON dl.RESERVE { width:100%; margin:0; float:left; clear:none; border-bottom: 1px solid #ccc; color:#595757; line-height:3em; background:#efefed; line-height:1.5em; }
#PAGE #CON dl.RESERVE dt { width:21%; padding:5px 0px 5px 10px; float:left; clear:none; font-size:11px; line-height:1.4em; }
#PAGE #CON dl.RESERVE dt em { float:right; }
#PAGE #CON dl.RESERVE dd { width:72%; padding:10px 0px 10px 20px; float:right; clear:none; background:#fff; }
#PAGE #CON dl.RESERVE dd.NESS { background:#ff0; }
#PAGE #CON dl.RESERVE dd .wsNo	{ width:160px; float:left; }
#PAGE #CON dl.RESERVE dd span { width:100%; float:left; clear:none; }
#PAGE #CON dl.RESERVE dd span.KARA { width:auto; float:left; clear:none; margin:0 10px; }
#PAGE #CON dl.RESERVE dd span.RES_DATE { width:25px; margin:0 0 0 5px; }
#PAGE #CON dl.RESERVE dd span span { font-size:11px; }
#PAGE #CON dl.RESERVE dd span.SPAN_KIBOU { margin:0 0 5px 0; }
#PAGE #CON dl.RESERVE dd span.SPAN_KIBOU span { width:auto; float:none; font-size:11px; }
#PAGE #CON dl.RESERVE dd span input { float:left; clear:none; margin:5px 5px 0px 0px; }
#PAGE #CON dl.RESERVE dd span img { float:left; clear:none; margin:0px 5px 0px 0px; }
#PAGE #CON dl.RESERVE dd em	{ width:100%; float:left; margin:0 5px 0 0; clear:none; color:#fa895a; }
#PAGE #CON dl.RESERVE dd dl.KOMOKU  { width:450px; float:left; clear:none; margin:0px; background:none; }
#PAGE #CON dl.RESERVE dd dl.KOMOKU dt  { width:100px; float:left; clear:none; background:none; padding:0px; }
#PAGE #CON dl.RESERVE dd dl.KOMOKU dd  { width:330px; float:right; clear:none; background:none; padding:0px; }
#PAGE #CON dl.RESERVE dd span.NAIYO { margin:10px 0px 0px 0px; }
#PAGE #CON dl.RESERVE dd select { width:auto; float:left; clear:none; }
#PAGE #CON dl.RESERVE dd textarea { width:420px; height:100px; font-size:12px; }
#PAGE #CON dl.RESERVE dd span.YOBO { width:70px; float:left; clear:none; margin-bottom:5px; }
#PAGE #CON dl.RESERVE dd .RESERVE_RIGHT { width:400px; float:left; clear:none; margin-bottom:5px;  }
#PAGE #CON dl.RESERVE strong.STRONG_FORM { font-weight:bold; }
#PAGE #CON dl.hide	{ display:none; }
#PAGE #CON dl.block	{ display:block; }
#PAGE #CON dl dd .box	{ width:100%; float:left; margin:5px 0 10px 0; padding:0 0 10px 0; display:none; border-bottom:1px dotted #ccc; }
#PAGE #CON dl.RESERVE dd label	{ float:left; padding-right:10px; }
#PAGE #CON dl.RESERVE dd label.LINE_CHECK	{ width:100%; }

#PAGE #CON dl.RESERVE_TOP { width:640px; margin:0; float:left; clear:none; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; color:#595757; line-height:3em; background:#efefed; line-height:1.5em; }
#PAGE #CON dl.RESERVE_TOP dt { width:130px; padding:5px 0px 5px 10px; float:left; clear:none; font-size:11px; line-height:1.4em; }
#PAGE #CON dl.RESERVE_TOP dt em { float:right; }
#PAGE #CON dl.RESERVE_TOP dd { width:480px; padding:10px 0px 10px 20px; float:right; clear:none; background:#fff; }
#PAGE #CON dl.RESERVE_TOP dd.NESS { background:#ff0; }
#PAGE #CON dl.RESERVE_TOP dd em	{ width:100%; float:left; margin:0 5px 0 0; clear:none; color:#fa895a; }

#PAGE #CON p.CAUTION	{ width:100%; }

/*プライバシーポリシーのボックス*/
#PAGE #CON .policyArea { width:auto;height:200px; float:left; clear:none; overflow-y: scroll;padding:5px 10px;border:1px solid #CCCCCC;margin:20px auto;background:#FFFFFF; margin:10px 0 0 0; color:#595757; }
#PAGE #CON .policyArea h3 { margin:0; padding:0; background:none; color:#000; text-align:left; font-weight:normal; font-size:12px; line-height:2em; }
#PAGE #CON #rule { width:auto; float:left; clear:none; }
.CONTENTS .INSIDE ul.UL_PRIVACY    { width:auto; float:left; margin:5px 0 10px 0; }
.CONTENTS .INSIDE .rule-section   { width:auto; float:left;  }
.CONTENTS .DOUI { width:100%; float:left; clear:none; margin:20px 0 0 0; color:#ff0000; text-align:center; }
.CONTENTS .DOUI em.DOUI_NE  { width:30px; float:right; margin:5px 5px 0 5px; clear:none; background:#fa895a; color:#fff; text-align:center; font-size:10px; line-height:1.5em; }
.CONTENTS .INSIDE .DOUI_SP { display:none; }

#PAGE #CON .MAIL { width:640px; margin:0; float:left; display:inline; background:#fff; border:1px solid #CCCCCC; }
#PAGE #CON .TEXT { margin:20px; width:600px; }
#PAGE #CON .TEXT strong { color:#e23828; font-weight:bold; }
#PAGE #CON input.INPUT { width:200px; margin:0px 0 0 0; }
#PAGE #CON input.INPUT_S { width:150px; margin:0px 0 0 0; }
#PAGE #CON input.INPUT_L { width:300px; margin:0px 0 0 0; }
#PAGE #CON input.SEND { width:300px; height:40px; float:left; clear:both; margin:30px 0px 0px 170px; background:#b3a99d; border:none; font-size:14px; font-weight:bold; color:#fff; position:relative; left:0; top:0; cursor:pointer; }
#PAGE #CON input.SEND:hover  { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON input.SEND:active  { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE .INSIDE input.SEND_SP { display:none; }
#PAGE #CON input.BACK { width:300px; height:40px; float:left; display:block; margin:30px 0 0 0; background:#b3a99d; border:none; font-size:14px; font-weight:bold; color:#fff; cursor:pointer; }
#PAGE #CON input.BACK:hover  { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON input.BACK:active  { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON input.GO { width:300px; height:40px; float:right; margin:30px 0 0 0; background:#b3a99d; border:none; font-size:14px; font-weight:bold; color:#fff; cursor:pointer; }
#PAGE #CON input.GO:hover { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON input.GO:active { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON a.TOTOP { width:300px; height:40px; float:left; margin:30px 0px 0px 210px; background:#b3a99d; border:none; font-size:14px; line-height:40px; font-weight:bold; color:#fff; cursor:pointer; text-align:center; }
#PAGE #CON a.TOTOP:hover  { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON a.TOTOP:active { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON input.INPUT_SP { display:none; }
#PAGE #CON span.TEL { font-size:15px; }
#PAGE #CON a.PRIVACY { width:auto; text-align:right; float:right; clear:both; margin:10px 0 0 0; }
#PAGE #CON a.PRIVACY:link { color: #0af; text-decoration:none; }
#PAGE #CON a.PRIVACY:visited { color: #0af; text-decoration:none; }
#PAGE #CON a.PRIVACY:hover { color: #0af; text-decoration:underline; }
#PAGE #CON a.PRIVACY:active { color: #0af; text-decoration:none; }




@media screen and (max-width: 640px){

.CONTENTS .INSIDE .ERROR	{ width:90%; margin:5px 0 10px 0; padding:5px 5%; }
.CONTENTS .INSIDE .DONE	{ width:90%; margin:5px 0 10px 0; padding:5px 5%; }

/*お問い合わせフォーム*/
#PAGE #CON	{ width:100%; padding:10px 0 50px 0; border:3px solid #726e6c; border-left:0; border-right:0; }
#PAGE #CON h2	{ width:98%; height:auto; padding:0 0 0 2%; float:left; clear:none; }
#PAGE #CON p	{ width:100%; margin:5px 0 20px 0; }
#PAGE #CON p.CAUTION	{ width:100%; margin:5px 0 20px 0; float:left; clear:none; }
#PAGE #CON em.NE	{ width:30px; float:left; margin:10px 5px 0 0; clear:none; background:#fa895a; color:#fff; text-align:center; font-size:10px; line-height:1.5em; }

#PAGE #CON dl.RESERVE_TOP { width:90%; margin:0; float:left; clear:none; border-bottom: 1px solid #ccc; border-top: 0px solid #ccc; color:#595757; line-height:3em; background:#efefed; line-height:1.5em; margin:0 0 0 2.5%; padding:5px 2%; }
#PAGE #CON dl.RESERVE_TOP dt { width:98%; padding:5px 0px 5px 2%; float:left; clear:none; font-size:15px; line-height:2em; border-top:0; }
#PAGE #CON dl.RESERVE_TOP dd { width:94%; padding:10px 0px 10px 20px; float:right; clear:none; background:#fff; }
#PAGE #CON dl.RESERVE_TOP dd select { width:50%; float:left; clear:none;  text-align:center; font-size:150%; margin-left:1%; }
#PAGE #CON dl.RESERVE_TOP dd select.TENPO { width:80%; float:left; clear:none;  text-align:center; font-size:150%; margin-left:0%; }
#PAGE #CON dl.RESERVE { width:90%; margin:0; float:left; clear:none; border-bottom: 0px solid #ccc; color:#595757; line-height:3em; background:#efefed; line-height:1.5em; padding:5px 2%; margin:0 0 0 2.5%; }
#PAGE #CON dl.RESERVE dt { width:100%; padding:5px 0%; float:left; clear:none; font-size:15px; line-height:2em; }
#PAGE #CON dl.RESERVE dt br { display:none; }
#PAGE #CON dl.RESERVE dt em { float:right; }
#PAGE #CON dl.RESERVE dd { width:96%; padding:5px 2% 0 2%; float:right; clear:none; background:#fff; }
#PAGE #CON dl.RESERVE dd span { width:100%; float:left; clear:none; }
#PAGE #CON dl.RESERVE dd span input { float:left; clear:none; margin:0px 5px 0px 0px; -webkit-appearance:checkbox; }
#PAGE #CON dl.RESERVE dd span img { float:left; clear:none; margin:0px 5px 0px 0px; }
#PAGE #CON dl.RESERVE dd dl.KOMOKU  { width:510px; float:left; clear:none; margin:0px; background:none; }
#PAGE #CON dl.RESERVE dd dl.KOMOKU dt  { width:100px; float:left; clear:none; background:none; padding:0px; }
#PAGE #CON dl.RESERVE dd dl.KOMOKU dd  { width:400px; float:right; clear:none; background:none; padding:0px; }
#PAGE #CON dl.RESERVE dd span.NAIYO { margin:10px 0px 0px 0px; }
#PAGE #CON dl.RESERVE dd textarea { width:98%; height:100px; font-size:12px; margin-bottom:5px; }
#PAGE #CON .MAIL { width:95%; margin:20px 0px 0px 2.5%; float:left; display:inline; background:#fff; border:1px solid #CCCCCC; }
#PAGE #CON .TEXT { margin:5%; width:90%; }
#PAGE #CON input { height:30px; font-size:14px; }
#PAGE #CON select { height:30px; font-size:14px; padding:0 5px 0 5px; }
#PAGE #CON label{ width:100%; float:left; height:30px; clear:both; font-size:14px; line-height:30px; }
#PAGE #CON dl.RESERVE dd label.LA_PREF{ width:auto; clear:none; }
#PAGE #CON input[type=checkbox]{ width:20px; height:20px; margin-left:5px; }
#PAGE #CON input[type=radio]{ width:20px; height:20px; margin-left:5px; }
#PAGE #CON input.INPUT_L{ width:90%; }
#PAGE #CON input.INPUT{ width:95%; margin-bottom:5px; }
#PAGE #CON input.SEND { width:80%; height:40px; float:left; margin:30px 0px 0px 10%; background:#b3a99d; border:none; font-size:14px; font-weight:bold; color:#fff; cursor:pointer; }
#PAGE #CON input.SEND:hover  { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON input.SEND:active  { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON input.BACK { width:80%; height:40px; float:left; margin:30px 0 0 10%; background:#b3a99d; border:none; font-size:14px; font-weight:bold; color:#fff; cursor:pointer; }
#PAGE #CON input.BACK:hover  { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON input.BACK:active  { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON input.GO { width:80%; height:40px; float:left; margin:30px 0 0 10%; background:#b3a99d; border:none; font-size:14px; font-weight:bold; color:#fff; cursor:pointer; }
#PAGE #CON input.GO:hover { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON input.GO:active { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON a.TOTOP { width:80%; height:40px; float:left; margin:30px 0px 0px 10%; background:#b3a99d; border:none; font-size:14px; line-height:40px; font-weight:bold; color:#fff; cursor:pointer; text-align:center; }
#PAGE #CON a.TOTOP:hover  { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON a.TOTOP:active { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60;}
#PAGE #CON input.INPUT_SP { display:block; }
#PAGE #CON span.TEL { font-size:15px; }
#PAGE #CON a.PRIVACY { width:690px; text-align:right; float:left; clear:none; margin:10px 0 0 0; }
#PAGE #CON a.PRIVACY:link { color: #0af; text-decoratin:none; }
#PAGE #CON a.PRIVACY:visited { color: #0af; text-decoratin:none; }
#PAGE #CON a.PRIVACY:hover { color: #0af; text-decoratin:underline; }
#PAGE #CON a.PRIVACY:active { color: #0af; text-decoratin:none; }
#PAGE #CON dl.RESERVE dd .RESERVE_RIGHT { width:100%; float:left; clear:none; margin-bottom:5px;  }



/*プライバシーポリシーのボックス*/
#PAGE #CON .policyArea { width:90%; height:auto; float:left; clear:none; overflow-y:hidden;padding:5px 2%; ; border:1px solid #CCCCCC;margin:20px auto;background:#FFFFFF; margin:10px 0 0 2.5%; color:#595757; }
#PAGE #CON #rule	{ width:100%; }
.CONTENTS .INSIDE ul.UL_PRIVACY    { width:100%; float:left; margin:5px 0 10px 0; }
.CONTENTS .INSIDE ul.UL_PRIVACY li { list-style:none; }
.CONTENTS .INSIDE .rule-section   { width:100%; float:left;  }
.CONTENTS .INSIDE ul li	{ width:100%; float:left; margin:0 0 5px 0; display:list-item; list-style:outside disc none; line-height:1.8em; list-style:none; }
#PAGE  #rule { width:100%; float:left; clear:none; }
.CONTENTS .INSIDE .DOUI { width:100%; float:left; clear:none; margin:20px 0 0 0%; font-size:15px; }
.CONTENTS .INSIDE .DOUI_SP { display:inline; }
#PAGE .INSIDE input.SEND { width:100%; height:50px; float:left; clear:both; margin:30px 0px 0px 0px; background:#1da4e7; border:none; font-size:14px; font-weight:bold; color:#fff; cursor:pointer; }
#PAGE .INSIDE input.SEND_SP { display:inline; }
#PAGE .INSIDE input.GO { width:100%; height:50px; float:left; margin:30px 0 0 0px; background:#1da4e7; border:none; font-size:14px; font-weight:bold; color:#fff; cursor:pointer; }

}