@charset "utf-8";

/*===================================================================
  import common CSS
===================================================================*/
@import url(./reset.css);
@import url(./common.css);

/*===================================================================

  Main Contents

===================================================================*/
#ui-datepicker-div { z-index: 9999; }
.ui-datepicker { z-index: 9999 !important; }

/* RsvInfo */
.rsvStr01{ font-size:130%; font-weight:bold; margin-top:40px; }
.rsvStr02{ width:550px; padding:10px; font-size:200%; font-weight:bold; background-color:#f2f2f2; }



.rsvBox01{}
.rsvBox02{ float:left; width:550px; }
.rsvBox03{ float:left; width:410px; margin-top:60px; }
.rsvBox04{ width:550px; padding:20px; background-color:#fbf4d2;  }
.rsvBox05{ margin-top:20px; }
.rsvBox06{ float:left; width:60px; }
.rsvBox06 p{ width:50px; height:50px; color:#ffffff; text-align:center; font-size:130%; line-height:50px; background-color:#ed1c24; border-radius:50%; }
.rsvBox07{ float:left; width:400px; }
.rsvBox08{ float:left; width:60px; margin-left:20px; }
.rsvBox08 p{ width:50px; height:50px; color:#ffffff; text-align:center; font-size:13px; line-height:100%; padding-top:10px; background-color:#808080; border-radius:50%; }
.rsvBox09{ float:left; width:300px; }
.rsvBox10{ width:960px; padding:18px; border:1px #000000 solid; margin-top:10px; }
.rsvBox11{ width:920px; border-bottom:1px #000000 solid; }
.rsvBox11 p{ float:left; }
.rsvBox11 p:nth-of-type(1){ width:230px; padding:10px 0; font-weight:bold; }
.rsvBox11 p:nth-of-type(2){ width:690px; padding:10px 0; }
.rsvBox12{ width:960px; padding:10px; border:1px #000000 solid; margin-bottom:10px; }
.rsvBox12 p{ float:left; }
.rsvBox12 p:nth-of-type(1){ width:220px; padding:10px 0; }
.rsvBox12 p:nth-of-type(2){ width:270px; padding:10px 0; }
.rsvBox12 p:nth-of-type(3){ width:250px; padding:10px 0; margin-right:10px; }
.rsvBox12 p:nth-of-type(4){ width:90px;  padding-top:10px; margin-left:10px; }
.rsvBox12 p:nth-of-type(5){ width:80px;  padding-top:10px; }


.rsvBox13{ width:920px; height:45px; border-bottom:1px #000000 solid; }
.rsvBox13 p{ height:30px; line-height:30px; }
.rsvBox13 p:nth-of-type(1){ float:left; width:130px; padding:5px 0; font-weight:bold; }
.rsvBox13 p:nth-of-type(2){ float:left; width:200px; padding:5px 0; text-align:right; }
.rsvBox13 p:nth-of-type(3){ float:left; width:590px; padding:5px 0; padding-top:5px; }
.rsvBox14{ width:920px; border-bottom:1px #000000 solid; }
.rsvBox14 p{ padding:10px 20px; }




.rsvBoxBillArea{ }






.rsvStatusBox1{ width:550px; height:60px; background-color:#f69223; }
.rsvStatusBox1 p:nth-of-type(1){ float:left; width:330px; height:60px; padding:0 20px; line-height:60px; font-size:200%; font-weight:bold; color:#ffffff; }
.rsvStatusBox1 p:nth-of-type(2){ float:left; width:200px; height:40px; text-align:center; line-height:40px; cursor:pointer; color:#000000; background-color:#ffffff; border-radius:20px; border:0; margin-top:10px; }

.makeApplication{ display:block; height:42px; margin-top:20px; padding:10px 45px; font-size:140%; background:url(../img/icon/pdf32.png) no-repeat 5px 5px #ffffff; border:1px #fbf4d2 solid; }

.btnGetPDF{ cursor:pointer; display:block; height:42px; margin-top:20px; padding:10px 45px; font-size:140%; background:url(../img/icon/pdf32.png) no-repeat 5px 5px #ffffff; border:1px #fbf4d2 solid; }
.btnGetPDF:hover{ color:#ffffff; background-color:#f69223; }



.rsvBtn01{ float:right; width:180px; height:40px; margin-left:20px; text-align:center; line-height:40px; cursor:pointer; color:#ffffff; background-color:#94cb52; border-radius:20px; border:0; }
.rsvBtn01:hover{ color:#ffffff; background-color:#f69223; }

.rsvBtn02{ float:right; width:180px; height:40px; text-align:center; line-height:40px; cursor:pointer; color:#ffffff; background-color:#94cb52; border-radius:20px; border:0; }
.rsvBtn02:hover{ color:#ffffff; background-color:#f69223; }

.chkbox{
	margin: 50px 20px 10px 20px;
}
.chkbox label {
	padding-left: 38px;
	font-size: 20px;
	line-height: 32px;
	display: inline-block;
	cursor: pointer;
	position: relative;
}
.chkbox label:before {
	content: '';
	width: 32px;
	height: 32px;
	display: inline-block;
	position: absolute;
	left: 0;
	background-color: #fff;
	box-shadow: inset 1px 2px 3px 0px #000;
	border-radius: 6px 6px 6px 6px;
}
.chkbox input[type=checkbox] {
	display: none;
}
.chkbox input[type=checkbox]:checked + label:before {
	content: '\2713';
	font-size: 	34px;
	color: #ffffff;
	background-color: #ff4444;
}


/* RsvDetai & Input */
.rsvDetailHeader{ width:100%; height:40px; background-color:#d55e1a; }
.rsvDetailHeader p{ text-align:center; height:40px; line-height:40px; color:#ffffff; font-size:130%; }
.rsvDetailBox{ width:700px; margin:0 auto; padding:10px 0; border-bottom:1px #e5e5e5 solid; }
.rsvDetailBox div{ }
.rsvDetailBox div:nth-of-type(1){ float:left; width:200px; }
.rsvDetailBox div:nth-of-type(2){ float:right; width:500px; }
.rsvDetailBoxBottom{ width:700px; height:50px; margin:0 auto; margin-top:20px; }
.rsvDetailBoxBottom div:nth-of-type(1){ float:left; width:200px; }
.rsvDetailBoxBottom div:nth-of-type(2){ float:right; width:200px; }
.btnRsvBoxBack{ width:200px; height:50px; background-color:#999999; font-size:150%; color:#ffffff; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:30px; }
.btnRsvBoxBack:hover{ opacity:0.6; }
.btnRsvBoxSubmit{ width:200px; height:50px; background-color:#94cb52; font-size:150%; color:#ffffff; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:30px; }
.btnRsvBoxSubmit:hover{ background-color:#94cb52; }
.rsvResultMsgBox{ width:700px; height:400px; margin:0 auto; padding:50px 0; }
.rsvDetailBox2{background-color:#fbefe8; }
.rsvDetailBox2 div{ width:700px; margin:0 auto; padding:10px 0; border-bottom:1px #e5e5e5 solid; }
.btnGetRsvData{ float:right; width:100px; height:30px; background-color:#94cb52; font-size:120%; color:#ffffff; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:25px; }
.btnGetRsvData:hover{ background-color:#94cb52; }
.rsvInputTimeBtnL{ width:30px; height:30px; cursor:pointer; color:#ffffff; background-color:#d55e1a; border-radius:5px; border:0; }
.rsvInputTimeBtnL:hover{ background-color:#a1b914; }
.rsvInputTimeBtnR{ width:30px; height:30px; cursor:pointer; color:#ffffff; background-color:#d55e1a; border-radius:5px; border:0; }
.rsvInputTimeBtnR:hover{ background-color:#a1b914; }
.RsvMinCnt{ width:350px; height:30px; text-align:center; font-size:16px; font-weight:bold; border:0;}

.rsvBillDetailArea{ width:700px; margin:0 auto; padding-bottom:10px; border-bottom:1px #7f7f7f solid; background-color:#fffff0; }
.rsvBillDetailAreaMsg{ width:700px; margin:0 auto; border-bottom:1px #7f7f7f solid; background-color:#fff0f0; }
.rsvBillDetailAreaMsg p{ padding:10px 20px; }



/*radio01 css*/
.radio01-input{ display:none; }
.radio01-parts{ cursor:pointer; padding-left:23px; position:relative; margin-right:20px; color:#666666; }
.radio01-parts::before{ content:""; display:block; position:absolute; top:2px; left:0; width:15px; height:15px; border:1px solid #999; border-radius:50%; }
.radio01-input:checked + .radio01-parts{ color:#000000; }
.radio01-input:checked + .radio01-parts::after{ content:""; display:block; position:absolute; top:5px; left:3px; width:11px; height:11px; background:#ff0000; border-radius:50%; }





/* resvChart */
.scHeader{ width:960px; height:22px; border-bottom:1px #000000 solid; }
.scHeaderBlank{ float:left; width:256px; height:22px; border-right:1px #000000 solid; }
.scHeaderTime{ float:left; width:44px; height:22px; font-size:12px; color:#ffffff; text-align:center; line-height:22px; background-color:#4c4c4c; border-top:1px #000000 solid; border-right:1px #000000 solid; }
.scLine{ width:960px; height:71px; border-bottom:1px #000000 solid; }
.scLineEquip{ float:left; width:256px; height:70px; background:url(../img/icon_EquipInfo.png) no-repeat 230px 7px #4c4c4c; }
.scLineEquip p{ width:256px; height:70px; padding-left:10px; font-size:17px; font-weight:Bold; color:#ffffff; line-height:75px; }
.scLineEquipBalloon{ width:650px; height:250px; padding:20px; background-color:#f1f1f1;}
.scLineEquipBalloon div:nth-of-type(1){ float:left; width:320px; }
.scLineEquipBalloon div:nth-of-type(2){ float:left; width:290px; }
.scLineEquipBalloonT{ font-size:17px; font-weight:Bold; }
.scLineEquipBalloonM{ width:290px; margin-top:10px; }
.scLineEquipBalloonM p{ font-size:14px; }
.scLineEquipBalloonM p:nth-of-type(1){ float:left; width:80px; }
.scLineEquipBalloonM p:nth-of-type(1):before{ content:"●"; color:#f69223; }
.scLineEquipBalloonM p:nth-of-type(2){ float:left; width:210px; }
.scBoxWrap{ z-index:1; width:704px; height:70px; float:left; position:relative; background-image:url(../img/resvTiletableBG.png); }
.scBox    { z-index:2; width:704px; height:70px; cursor:pointer; position:absolute; top:0px; left:0px; }
.scTargetBox{ z-index:99; height:60px; top:5px; left:0px; overflow:hidden; pointer-events:none; display:none; background-color:#ffcccc; border:1px #ff0000 solid; margin-left:-1px; position:absolute; }
.scScheduleBox{ z-index:999; overflow:hidden; cursor:pointer; width:22px; height:60px; background-color:#f7931e; border:0; position:absolute; top:5px; left:0px; margin-left:-1px; opacity:0.7; }
.scScheduleBox p{ font-weight:normal; font-size:13px; color:#000000; white-space:nowrap; position:relative; top:3px; left:5px; opacity:1; }
.MyOrder{ background-color:#d65f18; border:1px #d65f18 solid; }
.scArea{ position:relative; }
.scBoxMasc{ position:absolute; top:0; left:0; z-index:999; width:100%; height:100%; background-color:rgba(51,51,51,0.6); }
.scBoxMasc p{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:800px; height:50px; background-color:rgba(255,255,200,0.7);; text-align:center; line-height:50px; }

/* resvMain */
.resvNavi{ width:960px; height:90px; margin-top:20px; }
.resvNaviBtnT{ float:left; width:47px; height:70px; cursor:pointer; text-align:center; font-size:15px; color:#333333; line-height:110%; }
.resvNaviBtnT:hover{ opacity:0.6; }
.resvNaviBtnP{ float:left; width:47px; height:70px; margin-left:40px; cursor:pointer; text-align:center; font-size:15px; color:#333333; line-height:110%; }
.resvNaviBtnP:hover{ opacity:0.6; }
.resvNaviBtnN{ float:left; width:47px; height:70px; margin-left:10px; cursor:pointer; text-align:center; font-size:15px; color:#333333; line-height:110%; }
.resvNaviBtnN:hover{ opacity:0.6; }
.resvNaviDate{ float:left; width:430px; height:47px; position:relative; margin-left:10px; background-color:#f1f1f1; }
.datepicker{ font-size:38px; width:390px; height:47px; line-height:38px; text-align:center; border:0; background-color:#f1f1f1; }
.ui-datepicker-trigger{ cursor:pointer; position:absolute; top:10px; left:390px; }

/* News */
.newsList{ width:960px; margin-top:20px; border-top:1px #000000 solid; }
.newsList p:nth-of-type(1){ float:left; width:110px; padding-top:20px; }
.newsList p:nth-of-type(2){ float:left; width:850px; padding-top:20px; }
.newsList a{ color:#333333; text-decoration:none; }
.newsList a:hover{ color:#f69223; }
.newsBottom{ width:960px; margin-top:20px; padding-top:20px; border-top:1px #000000 solid; }
.newsAttachBox{ margin-top:10px; padding:10px 20px; border:1px #7f7f7f solid; }

/* index Str */
.indexStr01{ font-size:130%; font-weight:bold; }
.indexStr02{ width:35px; height:35px; color:#ffffff; text-align:center; font-size:130%; line-height:38px; background-color:#f69223; border-radius:50%; }

/* index Box */
.indexBox01{}
.indexBox02{ float:left; width:490px; }
.indexBox03{ float:left; width:470px; margin-top:40px; }
.indexBox04{ width:470px; padding:10px; margin-bottom:10px; background-color:#faf3d2; }
.indexBox05{ float:left; width:50px; }
.indexBox06{ float:left; width:400px; }
.indexBox07{ width:960px; padding:20px; margin-top:20px; background-color:#faf3d2; }
.indexBox08{ float:left; width:580px; }
.indexBox09{ float:left; width:330px; }
.indexBox10{ margin-bottom:10px; }
.indexBox10 p:nth-of-type(1){ float:left; width:150px; height:30px; line-height:30px; text-align:right; padding-right:10px; }
.indexBox10 p:nth-of-type(2){ float:left; width:430px; }
.indexBox11{ width:200px; margin-left:335px; }

/* index Calendar */
.indexCalendar{ margin-top:20px; }
.indexCalNavi{ float:left; width:149px; height:268px; position:relative; background-color:#f69223; }
.indexCalNaviYear { height:80px; padding-top:30px; font-size:40px; color:#ffffff; text-align:center; line-height:100%; }
.indexCalNaviYear:after{ content:"年"; font-size:20px; }
.indexCalNaviMonth{ height:80px; font-size:75px; color:#ffffff; text-align:center; line-height:100%; }
.indexCalNaviMonth:after{ content:"月"; font-size:20px; }
.indexCalNaviBtn p{ width:47px; height:70px; position:absolute; top:180px; cursor:pointer; text-align:center; font-size:15px; color:#ffffff; line-height:110%; }
.indexCalNaviBtn p:hover{ opacity:0.6; }
.indexCalNaviBtn p:nth-of-type(1){ left:4px; }
.indexCalNaviBtn p:nth-of-type(2){ left:51px; }
.indexCalNaviBtn p:nth-of-type(3){ left:98px; }
.indexCalDate{ float:left; width:288px; height:268px; border:1px #000000 solid; }
.indexCalDateDayName{ float:left; width:41px; height:20px; font-size:12px; color:#ffffff; text-align:center; line-height:20px; border-left:1px #ffffff solid; background-color:#4c4c4c; }
.indexCalDateDayName:nth-of-type(1){ width:40px; border:0; }
.indexCalDateDay{ float:left; width:41px; height:41px; font-size:12px; color:#ffffff; text-align:center; line-height:41px; border-left:1px #000000 solid; border-top:1px #000000 solid; background-color:#cbcbcb; }
.indexCalDateDay:nth-child(7n+1){ width:40px; border-left:0; }
.indexCalDateAnchor{ display:block; width:40px; height:40px; color:#333333; background-color:#ffffff; }
.indexCalDateAnchor:hover{ text-decoration:none; color:#ffffff; background-color:#f69223; }
.indexCalDateAnchor p:nth-of-type(1){ font-size:13px; line-height:20px; text-align:right; padding-right:5px; }
.indexCalDateAnchor p:nth-of-type(2){ font-size:18px; line-height:20px; font-weight:bold; }
#naIndexCalLoading{ display:none; width:437px; height:268px; position:relative; background-color:#e5e5e5; z-index:1; }
#naIndexCalLoading p{ width:30px; height:30px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; background-image:url(../img/loading_indexCal.gif); background-repeat:no-repeat; background-position:center center; }
.indexCalendarInfo{ margin-top:5px; margin-left:0px; }
.indexCalendarInfo p{ font-size:80% }


/*===================================================================
  Layout
===================================================================*/
.mainContentsArea{ width:100%; }
.mainContents{ width:960px; margin:0 auto; }

/*===================================================================
  header
===================================================================*/
.headerLine{ width:100%; height:11px; background-color:#f69223; }
.headerBody{ width:960px; height:120px; position:relative; margin:0 auto; }
.headerLogo{ width:450px; height:85px; position:absolute; top:0; left:0; }
.btnHeaderHOME{ display:block; width:120px; height:30px; line-height:30px; text-align:center; position:absolute; top:40px; left:840px; cursor:pointer; color:#ffffff; background-color:#f69223; border-radius:15px; border:0; }
.btnHeaderHOME:hover{ background-color:#a1b914; color:#ffffff; text-decoration:none; }

/*===================================================================
  footer
===================================================================*/
.footerArea{ width:100%; height:100px; margin-top:100px;  }
.footerBody{ width:960px; height:100px; margin:0 auto; }
.footerBody div:nth-of-type(1){ float:left; width:80px; }
.footerBody div:nth-of-type(2){ float:left; width:880px; }
.footerBody p{ line-height:18px; font-size:13px; }
.footerBody p:nth-of-type(1){ padding:5px 0; font-size:120%; }
.footerBody a{ color:#f69223; text-decoration:underline; }
.footerBody a:hover{ color:#d55e1a; }