@charset "utf-8";

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

/*===================================================================
  Components
===================================================================*/
.BtnTop{ cursor:pointer; }
.strB{ font-weight:bold; }
.alert{ color:#ffa500; font-weight:bold; }
.alertB{color:#ff3333; font-weight:bold;}
.cRed{ color:#ff3333; }


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

  Main Contents

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


/* RsvDetai */
.rsvDetailHeader{ width:100%; height:40px; background-color:#ffa500; }
.rsvDetailHeader p{ text-align:center; height:40px; line-height:40px; color:#ffffff; font-size:130%; }

.rsvDetailTempAlert{ width:100%; border-bottom:1px #ffa500 solid; background-color:#ffffee; }
.rsvDetailTempAlert p{ text-align:center; line-height:3rem; height:3rem; color:#d83333; font-size:130%; font-weight:bold; }


.rsvDetailBox{ width:700px; margin:0 auto; padding:7px 0; border-bottom:1px #e5e5e5 solid; }
.rsvDetailBox div{ }
.rsvDetailBox div:nth-of-type(1){ float:left; width:220px; }
.rsvDetailBox div:nth-of-type(2){ float:right; width:480px; }
.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:left; width:200px; margin-left:50px; }
.rsvDetailBoxBottom div:nth-of-type(3){ 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; }
.btnRsvChgTemp{ width:200px; height:50px; background-color:#d35252; font-size:150%; color:#ffffff; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:30px; }
.btnRsvChgTemp:hover{ opacity:0.6; }

.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; }

.rsvDetailBoxMEMO{ font-size:13px; font-weight:bold; width:700px; margin:0 auto; padding:7px 0; border-bottom:1px #e5e5e5 solid; }

.rsvDetailRadio{ cursor:pointer; display:block; float:left; width:80px; margin-top:10px; }
.rsvInputTimeBtnL{ width:30px; height:30px; cursor:pointer; color:#ffffff; background-color:#ffa500; border-radius:5px; border:0; }
.rsvInputTimeBtnL:hover{ background-color:#a1b914; }
.rsvInputTimeBtnR{ width:30px; height:30px; cursor:pointer; color:#ffffff; background-color:#ffa500; 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;}


/* RsvMain */
.resvInfoBox{ margin:30px 0; position:relative; }
.resvInfoBoxL{ float:left; width:70px; }
.resvInfoBoxR{ float:left; width:930px; }
.resvInfoTips{ width:50px; height:50px; line-height:50px; color:#ffffff; text-align:center; background-color:#ffa500; border-radius:50%; }


.resvInfoManual{ position:absolute; top:-20px; right:0px; width:230px; height:65px; font-size:13px; line-height:140%; color:#333333; padding:5px 10px; margin-bottom:5px; text-decoration:none; display:block; background-color:#ffdb96; border:2px #ffa500 solid; border-radius:8px; }
.resvInfoManual p{ line-height:200%; }
.resvInfoManualBtn{ color:#333333; }
.resvInfoManualBtn:before{ content:"●"; font-size:15px; }
.resvInfoManualBtn:hover{ color:#ff3333; }
.resvInfoManual2{ position:absolute; top:-20px; right:240px; width:100px; height:65px; }
.resvInfoManual2 > a{ display:block; width:100px; height:65px; font-size:13px; font-weight:bold; line-height:23px; text-align:center; padding-top:8px; color:#ff0000; text-decoration:none; background-color:#ffd7d7; border:2px #ff0000 solid; border-radius:8px; }
.resvInfoManual2 > a:hover{ opacity:0.6; }

.resvInfoArea{ position:absolute; top:16px; right:0; width:360px; height:100px; }
.resvInfoManualBox01{ position:absolute; top:0; left:0;  width:100px; height:100px; }
.resvInfoManualBox01 > a{ display:table-cell; width:100px; height:4.2rem; font-size:0.9rem; line-height:1.1rem; vertical-align:middle; text-align:center; color:#ff0000; text-decoration:none; background-color:#ffd7d7; border:2px #ff0000 solid; border-radius:8px; }
.resvInfoManualBox01 > a:hover{ opacity:0.6; }

.resvInfoManualBox02{ position:absolute; top:0; right:0; width:250px; height:100px; }
.resvInfoManualBox02 > p{ margin-top:0.4rem; font-size:0.9rem; font-weight:bold; line-height:100%; text-align:center; color:#996600;  }
.resvInfoManualBox02 > div{ width:100%; margin-top:0.4rem; display:flex; flex-wrap:nowrap; }
.resvInfoManualBox02 > div > a{ display:table-cell; width:20%; margin:0 1px; height:2.4rem; font-size:0.8rem; line-height:2.3rem; vertical-align:middle; text-align:center; color:#996600; text-decoration:none; background-color:#ffdb96; border:2px #ffa500 solid; border-radius:8px; }
.resvInfoManualBox02 > div > a:hover{ opacity:0.6; }





/* RsvMain Navi */
#ui-datepicker-div { z-index: 999; }
.ui-datepicker { z-index: 999 !important; }
.resvNaviArea{ height:70px; }
.resvNavi{ width:1000px; margin:0 auto;}
.resvNavi div:nth-of-type(1){ float:left; width:300px; }
.resvNavi div:nth-of-type(2){ float:left; width:50px; }
.resvNavi div:nth-of-type(3){ float:left; width:350px; }
.resvNavi div:nth-of-type(4){ float:left; width:80px; }
.resvNavi div:nth-of-type(5){ float:left; width:70px; }
.resvNaviTypeSelect{ color:#333333; width:250px; height:50px; margin-top:10px; padding-left:10px; font-size:22px; border:0; background-color:#ffffff; }
.resvNaviMoveBtn{ width:40px; height:40px; margin-top:15px; color:#ffffff; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:50%; }
.resvNaviMoveBtn:hover{ opacity:0.6; }
.resvNaviDate{ width:340px; height:50px; margin-top:10px; font-size:30px; text-align:center; border:0; cursor:pointer; }
.resvNaviTodayBtn{ width:90px; height:40px; margin-top:15px; cursor:pointer; display:block; color:#ffffff; text-decoration:none; text-align:center; border:0; border-radius:20px; }
.resvNaviTodayBtn:hover{ opacity:0.6; }
.resvNaviM{ width:1000px; margin:0 auto;}
.resvNaviM div:nth-of-type(1){ float:left; width:150px; }
.resvNaviM div:nth-of-type(2){ float:left; width:430px; }
.resvNaviM div:nth-of-type(3){ float:left; width:50px; }
.resvNaviM div:nth-of-type(4){ float:left; width:210px; position:relative; }
.resvNaviM div:nth-of-type(5){ float:left; width:70px; }
.resvNaviM div:nth-of-type(6){ float:left; width:70px; }
.resvNaviDateM{ width:200px; height:50px; margin-top:10px; font-size:30px; text-align:center; border:0; }


.goRsvMain{ width:130px; height:40px; margin-top:15px; font-size:20px; cursor:pointer; display:block; color:#ffffff; text-decoration:none; text-align:center; border:0; border-radius:20px; }
.goRsvMain:hover{ opacity:0.6; }




.resvNaviTypeName{ float:left; width:120px; height:35px; line-height:35px; font-size:170%; text-align:center; margin-top:17px; }
.resvNaviEquipName{ float:left; width:420px; height:35px; line-height:35px; font-size:180%; font-weight:bold; margin-top:17px; }

/* RsvMain Navi TimeTable */
.resvTTWrapper{ width:1000px; overflow:hidden; margin-top:20px; margin-left:auto; margin-right:auto; position:relative; }
.resvTimeBoxCaption{ width:810px; height:18px; }
.resvTimeBoxCaption p{ float:left; width:54px; font-size:80%; line-height:18px; }
.scBoxWrap{ z-index:1; position:relative; width:810px; height:40px; border-bottom:1px #9f9f9f solid; background-image:url(../img/resvTiletableBG.png); }
.scBox{ z-index:2; width:810px; height:40px; cursor:pointer; position:absolute; top:0px; left:0px; }
.scTargetBox{ height:30px; top:5px; left:0px; overflow:hidden; pointer-events:none; display:none; background-color:#ffcccc; border:1px #ff0000 solid; margin:-1px; position:absolute; }
.scScheduleBox{ z-index:9999; overflow:hidden; cursor:pointer; width:16px; height:30px; background-color:#a0a0a0; border:1px #000066 solid; margin:-1px; position:absolute; top:5px; left:0px; filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
.scScheduleBox p{ font-weight:normal; padding-left:5px; color:#ffffff; white-space:nowrap; position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.MyOrder{ background-color:#ffa500; border:1px #d65f18 solid; }

/* RsvMain Type: Category Select */
.resvTimeBox{ width:810px; height:40px; border-bottom:1px #9f9f9f solid; background-image:url(../img/resvTiletableBG.png); }
.resvTTBoxEquipL div:nth-of-type(2),.resvTTBoxEquipR div:nth-of-type(2){ border-top:1px #9f9f9f solid; }
.resvTTBoxEquipL{ float:left; width:190px; }
.resvTTBoxEquipR{ float:left; width:810px; }
.resvEquipBoxCaption{ width:190px; height:18px; }
.resvEquipBox{ width:190px; height:40px; overflow:hidden; border-bottom:1px #9f9f9f solid; }
.resvEquipBox a{ display:block; width:190px; height:40px; line-height:40px; padding-left:20px; color:#333333; }
.resvEquipBox a:hover{ text-decoration:none; opacity:0.6; }
.resvEquipBox p{ display:block; width:190px; height:40px; line-height:40px; padding-left:20px; color:#333333; }


.scArea{ position:relative; }
.scBoxMasc{ position:absolute; top:0; left:0; z-index:99; 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; }





/* news */
.newsBox{ margin-top:10px; padding:10px 20px; border:1px #7f7f7f solid; }
.newsData{ margin:10px 0; }
.newsData p{ float:left; }
.newsData p:nth-child(1){ width:120px; }
.newsData p:nth-child(1):before{ content:"●"; font-size:18px; color:#ffa500; }
.newsData p:nth-child(2){ width:830px; }
.newsData a{ color:#333333; text-decoration:none; }
.newsData a:hover{ color:#ffa500; text-decoration:underline; }
.newsAttachBox{ margin-top:10px; padding:10px 20px; border:1px #7f7f7f solid; }


/* index */
.indexLeft{ float:left; width:560px; margin-left:0px; }
.indexRight{ float:left; width:380px; margin-left:60px; }
.indexNewsBox{ margin-top:10px; padding:10px 20px; border:1px #7f7f7f solid; }
.indexNews{ margin:10px 0; }
.indexNews p{ float:left; }
.indexNews p:nth-child(1){ width:120px; }
.indexNews p:nth-child(1):before{ content:"●"; font-size:18px; color:#ffa500; }
.indexNews p:nth-child(2){ width:390px; }
.indexNews a{ color:#333333; text-decoration:none; }
.indexNews a:hover{ color:#ffa500; text-decoration:underline; }
.indexNewsBottom{ margin-top:5px; text-align:right; }
.indexRequestBox{ margin-top:10px; font-size:14px; margin-bottom:10px; border:1px #7f7f7f solid; }
.indexRequestBox p{ padding:10px 20px; }

.indexEventTitle{
	width:60px;
	height:40px;
	position:absolute;
	top:-16px;
	margin-left:10px;
}


.indexRsvSummaryBox{ margin-top:10px; solid; overflow-y:scroll; border-top:1px #7f7f7f solid; height:400px; }
.indexRsvSummary{ height:auto; width:540px; border-bottom:1px #7f7f7f solid; }
.indexRsvSummary div:nth-child(1){ float:left; width:450px; margin-top:5px; }
.indexRsvSummary div:nth-child(2){ float:right; width:70px; margin-top:5px; }
.indexRsvSummary p:nth-of-type(1){ font-size:110%; }
.indexRsvSummary p:nth-of-type(2){ font-size:90%; }
.indexRsvSummaryBtn{ width:70px; height:35px; margin-top:5px; background-color:#94cb52; color:#333333; font-size:12px; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:17px; }
.indexRsvSummaryBtn:hover{ background-color:#ffa500; }
.indexCalType{ margin-top:10px; }
.indexCalType div:nth-child(1){ float:left; width:76px; height:40px; }
.indexCalType div:nth-child(2){ float:left; width:76px; height:40px; }
.indexCalType div:nth-child(3){ float:left; width:76px; height:40px; }
.indexCalType div:nth-child(4){ float:left; width:76px; height:40px; }
.indexCalType div:nth-child(5){ float:left; width:76px; height:40px; }




.AAAAAAAindexCalTypeBtn{ width:189px; height:40px; background-color:#b2b2b2; font-size:120%; color:#ffffff; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:6px 6px 0 0; }

.indexCalTypeBtn{ width:100%; height:40px; background-color:#b2b2b2; font-size:110%; color:#ffffff; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:6px 6px 0 0; }
.indexCalTypeBtn:hover{ opacity:0.6; }



.indexCalBody{ padding:0 29px; height:360px; background-color:#e5e5e5; }
.indexCalBottom{ padding-top:5px; font-size:80%; text-align:right; }
.indexCalMemo{ padding:10px 0; font-size:80%; }
.indexCalendar{ padding-top:5px; width:322px; margin:0 auto; }
.indexCalHead{ margin-top:10px; }
.indexCalHead div{ float:left; height:45px; }
.indexCalHead div:nth-child(1){ float:left; width:35px;}
.indexCalHead div:nth-child(2){ float:left; width:172px; }
.indexCalHead div:nth-child(3){ float:left; width:35px;}
.indexCalHead div:nth-child(4){ float:left; width:70px; margin-left:10px;}
.indexCalHead p{ text-align:center; font-size:140%; margin-top:5px; }
.indexCalMoveBtn{ width:35px; height:35px; color:#000000; font-weight:bold; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:50%; }
.indexCalMoveBtn:hover{ opacity:0.6; }
.indexCalTodayBtn{ width:70px; height:35px; color:#000000; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:17px; }
.indexCalTodayBtn:hover{ opacity:0.6; }
.indexCalTodayBtnON{ }
.indexCalTodayBtnON1{ background-color:#99cc00; color:#333333; }
.indexCalTodayBtnON2{ background-color:#FFB000; color:#333333; }
.indexCalTodayBtnON3{ background-color:#4cb5e8; color:#333333; }
.indexCalTodayBtnON4{ background-color:#ef9c99; color:#333333; }
.indexCalTodayBtnON5{ background-color:#b49632; color:#333333; }

.indexCalArea{ padding:4px; background-color:#ffffff; }
.indexCalAreaWN p{ float:left; width:44px; height:20px; margin-left:1px; font-size:80%; color:#ffffff; line-height:20px; text-align:center; background-color:#7f7f7f; }
.indexCalAreaWN p:nth-child(1){ margin-left:0; background-color:#333333; }
.indexCalAreaDate div{ float:left; position:relative; width:44px; height:30px; margin-left:1px; margin-top:1px; }
.indexCalAreaDate div:nth-child(7n+1){ margin-left:0; }
.indexCalAreaDate a{ position:absolute; width:44px; height:30px; display:block; color:#333333; font-weight:bold; text-align:center; line-height:30px; }
.indexCalAreaDate a:hover{ background-color:#ffa500; color:#ffffff; text-decoration:none; }
.indexCalAreaDate p{ position:absolute; width:44px; height:30px; display:block; color:#cccccc; font-weight:bold; text-align:center; line-height:30px; }
.indexCalDisabled{ position:absolute; width:44px; height:30px; display:block; background:url(../img/indexCalDisabled.png) no-repeat 13px 6px; }
.btnViewOldRsv{ color: #487a05; text-decoration: none; }
.btnViewOldRsv:hover{ color: #d55e1a; text-decoration: underline; }

.indexInfo{ margin-top:30px; }
.indexInfoBoxL{ width:380px; background-color:#ffeb58; padding:10px; }
.indexInfoBoxR{ width:380px; border:1px #cccccc solid; border-top:0; padding:15px; }
.indexInfoBoxL p{ text-align:center; }
.indexInfoText1{ font-size:15px; line-height:170%; }
.indexInfoText2{ font-size:14px; line-height:170%; }
.indexInfoText2:first-letter{ color:#ffa500; }


/* Help & FAQ */
.btnHelpBox{ width:370px; margin:50px auto; }
.btnHelpSelect{ width:370px; height:50px; margin-top:10px; background-color:#ffa500; font-size:150%; color:#ffffff; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:30px; }
.btnHelpSelect:hover{ background-color:#999933; }
.btnFaqBox{ width:710px; margin:50px auto; }
.btnFaqSelect{ float:left; width:345px; height:50px; margin:5px; background-color:#ffa500; font-size:150%; color:#ffffff; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:30px; }
.btnFaqSelect:hover{ background-color:#999933; }
.faqCatTitle{ width:700px; margin-top:50px; margin-left:auto; margin-right:auto; background-color:#ffedcc;}
.faqCatTitle p{ font-size:24px; line-height:100%; padding:10px; }
.faqCatStrQ{ width:700px; margin-top:10px; margin-left:auto; margin-right:auto; border-bottom:1px #b3b3b3 solid; }
.faqCatStrQ p{ font-size:18px; font-weight:bold; line-height:100%; padding:10px 0; }
.faqCatStrA{ width:700px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:40px; }
.faqCatStrA p{ font-size:15px; padding:5px 0; }
.faqBtnTop{ width:700px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:60px; text-align:right; }
.faqBtnTop p:hover{ color:#d55e1a; }

.faqIndexInfo{ margin-top:30px; }
.faqIndexInfoBoxL{ float:left; width:150px; }
.faqIndexInfoBoxR{ float:left; width:850px; border:1px #cccccc solid; border-radius:10px; padding:20px; }
.faqIndexInfoBoxL p{ width:120px; height:120px; text-align:center; font-size:16px; line-height:170%; padding-top:30px;  background-color:#ffeb58;};
.faqIndexInfoText1{ font-size:18px; line-height:170%; }
.faqIndexInfoText2{ font-size:15px; line-height:170%; }
.faqIndexInfoText2:first-letter{ color:#ffa500; }


/* logIn */
.logInBox{ margin-top:50px; }
.logInBoxCenter{}
.logInBoxCenter div{ float:left; height:50px; }
.logInBoxCenter div:nth-of-type(1){ width:315px; }
.logInBoxCenter div:nth-of-type(2){ width:370px; }
.logInBoxCenter div:nth-of-type(3){ width:315px; }
.logInBoxCenter div:nth-of-type(1) p{ line-height:35px; text-align:right; padding-right:10px; }
.btnLogin{ width:370px; height:60px; margin-top:5px; background-color:#ffa500; font-size:150%; color:#ffffff; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:30px; }
.btnLogin:hover{ background-color:#94cb52; }


/* pwChg */
.pwChgBox{ margin:50px 0; }
.pwChgBoxCenter{}
.pwChgBoxCenter div{ float:left; height:40px; }
.pwChgBoxCenter div:nth-of-type(1){ width:315px; }
.pwChgBoxCenter div:nth-of-type(2){ width:370px; }
.pwChgBoxCenter div:nth-of-type(3){ width:315px; }
.pwChgBoxCenter div:nth-of-type(1) p{ line-height:30px; text-align:right; padding-right:10px; }
.pwChgBoxCenter div:nth-of-type(2) p{ line-height:30px; padding-left:5px; }
.btnpwChgBoxCenter{ width:370px; height:60px; margin-top:5px; background-color:#94cb52; font-size:150%; color:#ffffff; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:30px; }
.btnpwChgBoxCenter:hover{ background-color:#ffa500; }
.btnpwChgBoxBack{ width:270px; height:60px; margin:0 auto; margin-top:50px; background-color:#999999; font-size:150%; color:#ffffff; cursor:pointer; display:block; text-decoration:none; text-align:center; border:0; border-radius:30px; }
.btnpwChgBoxBack:hover{ opacity:0.6; }


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


/*===================================================================
  Loading Mask
===================================================================*/
#formLoading{ display:none; width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.5); z-index:9999; }
#formLoading p{ width:150px; height:150px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; border-radius:10px; background-color:#eeeeee; background-image:url(../img/loading.gif); background-repeat:no-repeat; background-position:center center; }

#naLoadingMask{ display:none; width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.5); z-index:9999; }
#naLoadingMask p{ width:150px; height:150px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; border-radius:10px; background-color:#eeeeee; background-image:url(../img/loading.gif); background-repeat:no-repeat; background-position:center center; }

#naIndexCalLoading{ display:none; width:100%; height:340px; position:relative; background-color:#e5e5e5; z-index:9999; }
#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; }

#naIndexRsvListLoading{ display:none; width:100%; height:400px; position:relative; background-color:#e5e5e5; z-index:9999; }
#naIndexRsvListLoading 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; }


/*===================================================================
  header
===================================================================*/
.headerArea{ width:100%; height:40px; background-color:#ffa500; }
.headerBody{ width:1000px; height:45px; margin:0 auto; }
.headerBody div{ height:40px; }
.hDiv1{ float:left; width:300px; }
.hDiv1 p{ float:left; width:260px; height:40px; font-size:125%; color:#ffffff; line-height:40px; }
.hDiv1 img{ width:40px; height:40px; float:right; }
.hDiv1 a{ text-decoration:none; color:#ffffff; }
.hDiv1 a:hover{ text-decoration:underline; }
.hDiv2{ float:right; width:240px; }
.hDiv2 p{ font-size:90%; color:#ffffff; text-align:right; line-height:40px; padding-right:15px; }
.hDiv3{ float:right; width:80px; text-align:right; }
.hDiv4{ float:right; width:80px; text-align:right; }
.hDiv5{ float:right; width:80px; text-align:right; }
.hDiv6{ float:right; width:80px; text-align:right; }
.hDiv7{ float:right; width:80px; text-align:right; }
.hDiv8{ float:right; width:80px; text-align:right; }
.headerBtn{ width:75px; height:26px; margin-top:7px; background-color:#eeeeee; cursor:pointer; display:block; text-decoration:none; text-align:center; font-size:80%; border:0; border-radius:13px; }
.headerBtn:hover{ background-color:#ffff00; }


/*===================================================================
  footer
===================================================================*/
.footerArea{ width:100%; height:100px; }
.footerArea div{ width:1000px; height:100px; margin:0 auto; }
.footerArea p{ text-align:center; font-size:80%; width:1000px; padding-top:50px; }


/*===================================================================
  Form
==================================================================*/
input, select, textarea{ box-sizing: border-box; }
.inputText{ font-size:15px; width:100%; height:30px; line-height:30px; padding:0 10px; border:1px #7f7f7f solid; background-color:#f9f9f9; }
.inputText:focus{ border:1px #ffa500 solid; background-color:#ffeadd; }
.inputMemo{ font-size:15px; height:300px; line-height:20px; width:745px; padding:10px; border:1px #14775e solid; background-color:#ffeadd; }
.inputMemo:focus{ border:1px #167a5e solid; background-color:#e0fff7; }
.radioSet input{ display:none; }
.radioSet label{ display:block; float:left; cursor:pointer; width:100px; margin-right:5px; height:30px; border-radius:3px; border:0; background-color:#bdc3c7; color:#555555; text-align:center; line-height:30px; }
.radioSet input[type="radio"]:checked + label{ background-color:#167a5e; color:#ffffff; }
.checkSet input{ display:none; }
.checkSet label{ display:block; float:left; cursor:pointer; width:100px; margin-right:5px; height:30px; border-radius:3px; border:0; background-color:#bdc3c7; color:#555555; text-align:center; line-height:30px; }
.checkSet input[type="checkbox"]:checked + label{ background-color:#167a5e; color:#ffffff; }


/* Button */
.btnBack{ color:#ffffff; width:100%; height:40px; background-color:#2372e8; }
.btnSubmit{ color:#ffffff; width:100%; height:40px; background-color:#e82328; }