* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

h1, h2, h3, h4 {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul, li, ol {
  list-style: none;
}

img {
  vertical-align: bottom;
  border: none;
}

.clf, header .headInner, header .headInner ul, #gNav ul, #contents #contWrap, footer .footInner, #mainCont .useNav {
  zoom: 1;
}
.clf:after, header .headInner:after, header .headInner ul:after, #gNav ul:after, #contents #contWrap:after, footer .footInner:after, #mainCont .useNav:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.imgIB img {
  display: inline-block;
}

.ind1 {
  text-indent: -1em;
  padding-left: 1em;
}

.ind1-5 {
  text-indent: -1.5em;
  padding-left: 1.5em;
}

/*---------------------------------------------------------
		 margin/padding
----------------------------------------------------------*/
.m0 {
  margin: 0px !important;
}

.m10 {
  margin: 10px !important;
}

.m15 {
  margin: 15px !important;
}

.m20 {
  margin: 20px !important;
}

.m30 {
  margin: 30px !important;
}

.m40 {
  margin: 40px !important;
}

.m50 {
  margin: 50px !important;
}

.p0 {
  padding: 0px !important;
}

.p10 {
  padding: 10px !important;
}

.p15 {
  padding: 15px !important;
}

.p20 {
  padding: 20px !important;
}

.p30 {
  padding: 30px !important;
}

.p40 {
  padding: 40px !important;
}

.p50 {
  padding: 50px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt11 {
  margin-top: 11px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt13 {
  margin-top: 13px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml1 {
  margin-left: 1px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.ml9 {
  margin-left: 9px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

/*---------------------------------------------------------
		 position
----------------------------------------------------------*/
.floL {
  float: left !important;
}

.floR {
  float: right !important;
}

.floLm {
  float: left;
  margin-right: 10px;
}

.floRm {
  float: right;
  margin-left: 10px;
}

.noFlo {
  float: none !important;
}

.rect {
  overflow: hidden;
  zoom: 1;
}

.clear {
  clear: both;
}

.posR {
  position: relative;
}

.posA {
  position: absolute;
}

.vaT {
  vertical-align: top !important;
}

.vaM {
  vertical-align: middle !important;
}

.vaB {
  vertical-align: bottom !important;
}

.vaN {
  vertical-align: baseline !important;
}

.taC {
  text-align: center !important;
}
.taC img {
  display: inline;
}

.blC, header .headInner, #gNav ul, #contents #contWrap, footer .footInner {
  margin-left: auto;
  margin-right: auto;
}

.taR {
  text-align: right !important;
}

.taL {
  text-align: left !important;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.wnw {
  white-space: nowrap;
}

.noticeText {
  color: #cc0000;
}

.noticeText2 {
  color: #ff99cc;
}

/*---------------------------------------------------------
		 fontsize
----------------------------------------------------------*/
.fzBase {
  font-size: 100% !important;
}

.fz10 {
  font-size: 63% !important;
}

.fz12 {
  font-size: 75% !important;
}

.fz14 {
  font-size: 88% !important;
}

.fz16 {
  font-size: 100% !important;
}

.fz18 {
  font-size: 113% !important;
}

.fz20 {
  font-size: 125% !important;
}

.listStyle1 {
  padding-left: 20px;
}
.listStyle1 li {
  margin-top: 15px;
  list-style: disc;
}

.listStyle2 {
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.listStyleDecimal {
  padding-left: 2em;
  list-style: decimal;
}
.listStyleDecimal li {
  margin-top: 15px;
  list-style: decimal;
}

.listStyleLLatin {
  padding-left: 2em;
  list-style-type: lower-latin;
}
.listStyleLLatin li {
  margin-top: 5px;
  list-style-type: lower-latin;
}

.tableStyle1, #mainCont .mypageBox .titleBox {
  border-collapse: collapse;
  width: 100%;
  display: table;
}
.tableStyle1 > *, #mainCont .mypageBox .titleBox > * {
  display: table-cell;
  vertical-align: top;
}

.tableStyle2 {
  border-collapse: collapse;
  border: #ccc 1px solid;
  width: 100%;
}
.tableStyle2 tr th {
  padding: 5px 10px;
  border: #ccc 1px solid;
  font-weight: normal;
  background-color: #E7E7E8;
  font-size: 88%;
}
.tableStyle2 tr th.bdrn {
  border-right: none;
}
.tableStyle2 tr th.txt {
  border-left: none;
  font-size: 75%;
  font-weight: normal;
  text-align: right;
}
.tableStyle2 tr td {
  padding: 5px 10px;
  vertical-align: top;
  border: #ccc 1px solid;
  word-wrap: break-word;
  word-break: break-all;
}

.opacity {
  opacity: 0.7;
}

p.pStyle1 {
  padding: 40px 0;
  font-weight: bold;
  font-size: 268%;
  text-align: center;
}

html {
  height: 100%;
}

body {
  color: #666666;
  line-height: 1.5;
  font-size: 16px;
  height: 100%;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}
body#modal {
  background: none;
  height: auto;
}

/*---------------------------------------------------------
     link
----------------------------------------------------------*/
a:link {
  color: #333333;
  text-decoration: none;
}

a:visited {
  color: #333333;
  text-decoration: underline;
}

a:hover {
  color: #333333;
  text-decoration: underline;
}

a:active {
  color: #333333;
  text-decoration: underline;
}

/*---------------------------------------------------------
    wrap
----------------------------------------------------------*/
#wrap {
  min-height: 100%;
  position: relative;
  min-height: 100%;
}

/*---------------------------------------------------------
    header
----------------------------------------------------------*/
header {
  padding: 34px 0 0 0;
  background: url(../img/bg_head_01.png);
}
header .headInner {
  width: 952px;
  position: relative;
  background: url(../img/bg_head_03.png) 290px 100% no-repeat;
}
header .headInner h1 {
  float: left;
}
header .headInner p.txt {
  padding: 0 10px 0 15px;
  float: left;
}
header .headInner p.txt2 {
position: absolute;
left: 740px;
/* margin-top: -23px; */
/*
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 20px;
  padding: 8px 40px;
  text-align: center;
  float: left;
  background-color: #289818;
  border: #fff 4px solid;
  font-weight: bold;
  color: #fff;
  font-size: 125%;
 */
}
header .headInner ul {
  clear: both;
}
header .headInner ul li {
  float: right;
  background: url(../img/bg_head_02.png) 0 100% no-repeat;
  padding: 2px 0 0 34px;
}
header .headInner ul li a {
  color: #289818 !important;
  font-weight: bold;
  text-decoration: none;
}

/*---------------------------------------------------------
    gNav
----------------------------------------------------------*/
#gNav {
  background: #289818;
  position: relative;
  z-index: 200;
}
#gNav ul {
  width: 840px;
  /*padding: 8px 0 8px 240px;*/
  padding: 8px 0 8px 0px;

}
#gNav ul li {
  float: left;
  position: relative;
}
#gNav ul li a {
  padding: 0 30px;
  display: block;
  font-size: 100%;
  height: 44px;
  line-height: 44px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  background: #289818 url(../img/bg_gnav_01.png) 0 0 no-repeat;
}

/* オンマウスアンダーライン追加 */
#gNav ul li a:hover {
  padding: 0 30px;
  display: block;
  font-size: 100%;
  height: 44px;
  line-height: 44px;
  color: #fff;
  text-decoration: underline;
  text-align: center;
  font-weight: bold;
  background: #289818 url(../img/bg_gnav_01.png) 0 0 no-repeat;
}


#gNav ul li.bt1 a {
  background: none;
}
#gNav ul li ul {
  display: none;
  position: absolute;
  z-index: 200;
  width: auto;
  margin-left: 4px;
  padding: 10px 10px 0 10px;
  text-indent: 0;
  background: #289818;
}
#gNav ul li ul li {
  display: block;
  float: none;
  text-indent: 0;
  border-bottom: #fff 1px dotted;
}
#gNav ul li ul li:last-child {
  border-bottom: none;
}
#gNav ul li ul li a {
  padding: 10px 4px;
  line-height: 1.2;
  color: #fff;
  text-decoration: none;
  position: relative;
  background: none;
  width: auto;
  height: auto;
  text-align: left;
  font-size: 88%;
}
#gNav ul li ul li a:hover {
  padding: 10px 4px;
  line-height: 1.2;
  text-decoration: underline;
  position: relative;
  background: none;
  width: auto;
  height: auto;
  text-align: left;
  font-size: 88%;
}

/*---------------------------------------------------------
    modal1
----------------------------------------------------------*/
.modalBox {
  margin: 17px 17px 0 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: #d2e374 5px solid;
  background-color: #fff;
  padding: 20px;
}
.modalBox table th {
  color: #289818;
  padding: 10px;
}
.modalBox table th.bdl {
  border-left: #fff 20px solid;
}
.modalBox table td {
  padding: 10px;
  text-align: center;
}
.modalBox table td span {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  padding: 7px 0;
  text-align: center;
  font-weight: bold;
}
.modalBox table td .box1 {
  border: #43acdf 2px solid;
  background-color: #9ed3ee;
}
.modalBox table td .box2 {
  border: #e06193 2px solid;
  background-color: #ec8aa9;
  color: #fff;
}
.modalBox table td .box3 {
  border: #e29829 2px solid;
  background-color: #fcc569;
}
.modalBox table td.bdl {
  border-left: #fff 20px solid;
}

/*---------------------------------------------------------
    contents
----------------------------------------------------------*/
#contents {
  padding-bottom: 170px;
  background-color: #d2e475;
}
#contents #contWrap {
  width: 952px;
  padding-top: 30px;
  position: relative;
}
#contents #contWrap > h1 {
  clear: both;
  position: absolute;
  top: -15px;
  z-index: 1000;
}
#home #contents #contWrap > h1 {
  top: -30px;
}
#contents #contWrap #sideCont {
  float: left;
  width: 250px;
}
#contents #contWrap #mainCont {
  width: 675px;
  float: right;
}

/*---------------------------------------------------------
    footer
----------------------------------------------------------*/
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 23px 0;
  border-top: #289818 2px solid;
  background-color: #fff;
}
footer .footInner {
  width: 952px;
}
footer .footInner ul {
  float: left;
}
footer .footInner ul li {
  float: left;
  padding: 0 10px 0 10px;
  line-height: 1.1;
  border-right: #666666 1px solid;
}
footer .footInner ul li:last-child {
  border-right: none;
}
footer .footInner ul li a {
  color: #666666;
  font-size: 88%;
}
footer .footInner p.copyright {
  float: right;
  color: #21a8d0;
  font-size: 88%;
}

/*---------------------------------------------------------
     mainCont
----------------------------------------------------------*/
#mainCont .mypageBox {
  position: relative;
}
#mainCont .mypageBox .mypageBoxInner {
  box-shadow: 4px 4px 0 #a8b65e;
  -moz-box-shadow: 4px 4px 0 #a8b65e;
  -webkit-box-shadow: 4px 4px 0 #a8b65e;
  background: white url(../img/bg_box1_02.png) 98% 98% no-repeat;
  padding: 10px 20px 10px;
}
#mainCont .mypageBox .spring {
  margin-top: -20px;
  margin-left: -20px;
  position: absolute;
  width: 100%;
  height: 25px;
  background: url(../img/bg_box1_01.png) center 0 no-repeat;
}
#mainCont .mypageBox .titleBox {
  margin-top: 20px;
}
#mainCont .mypageBox .titleBox > * {
  width: 33%;
  vertical-align: middle;
}
#mainCont .mypageBox .titleBox > h2 {
  width: 34%;
  text-align: center;
}
#mainCont .mypageBox .titleBox > p.col1 {
  text-align: left;
}
#mainCont .mypageBox .titleBox > p.col1 a {
  color: #289818;
  font-size: 138%;
  font-weight: bold;
}
#mainCont .mypageBox .titleBox > p.col3 {
  text-align: right;
}
#mainCont .mypageBox .titleBox > p.col3 a {
  color: #289818;
  font-size: 138%;
  font-weight: bold;
}
#mainCont .mypageBox table {
  margin-top: 10px;
  border: #fff 6px solid;
  width: 100%;
}
#mainCont .mypageBox table thead th {
  vertical-align: middle;
  padding: 10px;
  line-height: 1.2;
  border: #fff 6px solid;
}
#mainCont .mypageBox table thead th.col1 {
  background-color: #d2e374;
  width: 20%;
}
#mainCont .mypageBox table thead th.col2 {
  background-color: #fcc569;
  width: 20%;
}
#mainCont .mypageBox table thead th.col3 {
  background-color: #feeb6d;
  width: 20%;
}
#mainCont .mypageBox table thead th.col4 {
  background-color: #ec8aa9;
  color: #fff;
  width: 20%;
}
#mainCont .mypageBox table thead th.col5 {
  padding: 0;
  width: 36px;
}
#mainCont .mypageBox table tbody th {
  background-color: #d2e374;
  vertical-align: middle;
  padding: 10px 5px;
  font-weight: bold;
  border: #fff 6px solid;
}
#mainCont .mypageBox table tbody td {
  padding: 10px 5px;
  border: #fff 6px solid;
}
#mainCont .mypageBox table tbody td.col1 {
  background-color: #f8fbea;
  text-align: center;
}
#mainCont .mypageBox table tbody td.col1 .bt1 a, #mainCont .mypageBox table tbody td.col1 .bt1 span {
  display: block;
  padding: 2px 8px;
  border: #83b121 2px solid;
  background-color: #d2e374;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #007d22;
  font-weight: bold;
  text-decoration: none;
  font-size: 75%;
}
#mainCont .mypageBox table tbody td.col1 .bt2 {
  margin-top: 5px;
}
#mainCont .mypageBox table tbody td.col1 .bt2 a, #mainCont .mypageBox table tbody td.col1 .bt2 span {
  display: block;
  padding: 2px 0;
  border: #0f7b27 2px solid;
  background-color: #279818;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 75%;
}
#mainCont .mypageBox table tbody td.col1 .txt1 {
  color: #289818;
  font-weight: bold;
}
#mainCont .mypageBox table tbody td.col2 {
  background-color: #fef6e9;
  text-align: center;
}
#mainCont .mypageBox table tbody td.col3 {
  background-color: #fffce9;
  text-align: center;
}
#mainCont .mypageBox table tbody td.col4 {
  background-color: #fcedf2;
  text-align: center;
}
#mainCont .mypageBox table tbody td.col4 .bt1 a, #mainCont .mypageBox table tbody td.col4 .bt1 span {
  display: block;
  padding: 8px;
  border: #e06193 2px solid;
  background-color: #ec8aa9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 75%;
}
#mainCont .mypageBox table tbody td.col5 {
  vertical-align: middle;
  padding: 0;
  border: none;
}
#mainCont .mypageBox table tbody tr.current th {
  background-color: #289818;
  color: #fff;
}
#mainCont .mypageBox table tbody tr.current td.col1 {
  background-color: #e8f1b9;
}
#mainCont .mypageBox table tbody tr.current td.col2 {
  background-color: #fde2b4;
}
#mainCont .mypageBox table tbody tr.current td.col3 {
  background-color: #fef5b6;
}
#mainCont .mypageBox table tbody tr.current td.col4 {
  background-color: #f5c4d4;
}
#mainCont .mypageBox table tbody tr.disabled th, #mainCont .mypageBox table tbody tr.disabled td {
  opacity: 0.4;
}
#mainCont .mypageBox .challengeBox {
  margin-top: 10px;
}
#mainCont .mypageBox .challengeBox p.txt {
  text-align: center;
}
#mainCont .mypageBox .challengeBox p.txt .arrow {
  margin: 5px 0;
  display: inline-block;
}
#mainCont .mypageBox .challengeBox p.txt .arrow.disabled {
  opacity: 0.4;
}
#mainCont .mypageBox .challengeBox .bt1 {
  text-align: center;
}
#mainCont .mypageBox .challengeBox .bt1.disabled {
  opacity: 0.4;
}
#mainCont .mypageBox .challengeBox .bt1 a, #mainCont .mypageBox .challengeBox .bt1 span {
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: linear-gradient(#69bde5, #69bde5 50%, #43acdf 51%, #43acdf);
  background: -webkit-gradient(linear, left top, left bottom, from(#69bde5), color-stop(0.5, #69bde5), color-stop(0.51, #43acdf), to(#43acdf));
  background: -moz-linear-gradient(top, #69bde5, #69bde5 50%, #43acdf 51%, #43acdf);
  text-shadow: -1px -1px 1px rgba(50, 127, 165, 0.6), -1px 1px 1px rgba(50, 127, 165, 0.6), 1px -1px 1px rgba(50, 127, 165, 0.6), 1px 1px 1px rgba(50, 127, 165, 0.6);
  border: #327fa5 3px solid;
  color: #fff;
  font-weight: bold;
  padding: 8px 30px;
  font-size: 138%;
  text-decoration: none;
}
#mainCont .mypageBox .challengeBox .bt2 {
  padding-top: 10px;
  text-align: center;
}
#mainCont .mypageBox .challengeBox .bt2 a {
  color: #327fa5;
  font-weight: bold;
}
#mainCont .confirmListBox {
  box-shadow: 4px 4px 0 #a8b65e;
  -moz-box-shadow: 4px 4px 0 #a8b65e;
  -webkit-box-shadow: 4px 4px 0 #a8b65e;
  background-color: #fbaa30;
  position: relative;
  padding: 0 20px 20px 20px;
}
#mainCont .confirmListBox .confirmListBoxInner {
  background-color: #fff;
  padding: 30px;
}
#mainCont .confirmListBox h2 {
  color: #fff;
  text-align: center;
  font-size: 138%;
  padding: 10px 0;
}
#mainCont .confirmListBox table {
  width: 100%;
  border: #fff 6px solid;
}
#mainCont .confirmListBox table tbody th {
  border: #fff 6px solid;
  background-color: #fdcc83;
  padding: 10px;
  line-height: 1.2;
  font-size: 125%;
}
#mainCont .confirmListBox table tbody td {
  border: #fff 6px solid;
  background-color: #feeed6;
  text-align: center;
  padding: 10px;
  font-size: 125%;
}
#mainCont .confirmListBox table tbody tr:nth-child(even) td {
  background-color: #fff6ea;
}
#mainCont .registryBox {
  box-shadow: 4px 4px 0 #a8b65e;
  -moz-box-shadow: 4px 4px 0 #a8b65e;
  -webkit-box-shadow: 4px 4px 0 #a8b65e;
  background-color: #43acdf;
  position: relative;
  padding: 0 20px 20px 20px;
}
#mainCont .registryBox .registryBoxInner {
  background: white url(../img/bg_registry.png) 96% 96% no-repeat;
  padding: 30px 30px 300px 30px;
}
#mainCont .registryBox h2 {
  color: #fff;
  text-align: center;
  font-size: 138%;
  padding: 10px 0;
}
#mainCont .registryBox table tbody th {
  padding: 10px 5px 10px 0;
  line-height: 1.2;
  font-size: 125%;
  color: #43acdf;
  text-align: left;
}
#mainCont .registryBox table tbody td {
  padding: 10px 0 10px 5px;
  text-align: center;
}
#mainCont .registryBox table tbody td input {
  border: #43acdf 3px solid;
  padding: 8px;
  width: 330px;
  font-size: 125%;
}
#mainCont .registryBox .bt1 {
  margin-top: 40px;
  text-align: center;
}
#mainCont .registryBox .bt1 a {
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: linear-gradient(#69bde5, #69bde5 50%, #43acdf 51%, #43acdf);
  background: -webkit-gradient(linear, left top, left bottom, from(#69bde5), color-stop(0.5, #69bde5), color-stop(0.51, #43acdf), to(#43acdf));
  background: -moz-linear-gradient(top, #69bde5, #69bde5 50%, #43acdf 51%, #43acdf);
  text-shadow: -1px -1px 1px rgba(50, 127, 165, 0.6), -1px 1px 1px rgba(50, 127, 165, 0.6), 1px -1px 1px rgba(50, 127, 165, 0.6), 1px 1px 1px rgba(50, 127, 165, 0.6);
  border: #327fa5 3px solid;
  color: #fff;
  font-weight: bold;
  padding: 8px 30px;
  font-size: 138%;
  text-decoration: none;
  width: 200px;
}
#mainCont .curriculumBox {
  box-shadow: 4px 4px 0 #a8b65e;
  -moz-box-shadow: 4px 4px 0 #a8b65e;
  -webkit-box-shadow: 4px 4px 0 #a8b65e;
  background-color: #289818;
  position: relative;
  padding: 0 20px 20px 20px;
}
#mainCont .curriculumBox .curriculumBoxInner {
  background-color: #fff;
  padding: 10px 30px 30px 30px;
}
#mainCont .curriculumBox h2 {
  color: #fff;
  text-align: center;
  font-size: 138%;
  padding: 10px 0;
}
#mainCont .curriculumBox h3 {
  color: #289818;
  text-align: center;
  font-size: 125%;
  padding: 0 0 10px 0;
  text-decoration: underline;
}/*
#mainCont .curriculumBox .tableBox {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #dff0dd;
  padding: 20px 10px;
}
#mainCont .curriculumBox table thead th {
  padding: 0 10px 10px 10px;
  color: #289818;
  font-size: 113%;
  text-align: left;
}

#mainCont .curriculumBox table tbody th {
  padding: 10px 0 10px 0;
  line-height: 1.2;
  font-size: 113%;
  color: #289818;
}
#mainCont .curriculumBox table tbody td {
  padding: 0 10px 0 10px;
  font-size: 75%;
  width: 25%;
  vertical-align: top;
  font-weight:bold;
  border-right: #289818 1px dotted;
}

#mainCont .curriculumBox table tbody td:last-child {
  border-right: none;
}*/
#mainCont .useNav {
  position: relative;
}
#mainCont .useNav .btUse1 span,
#mainCont .useNav .btUse1 a,
#mainCont .useNav .btUse2 span,
#mainCont .useNav .btUse2 a,
#mainCont .useNav .btUse3 span,
#mainCont .useNav .btUse3 a,
#mainCont .useNav .btUse4 span,
#mainCont .useNav .btUse4 a {
  display: block;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 90%;
  padding: 10px 0 20px 0;
  text-align: center;
}
#mainCont .useNav h2 {
  z-index: 10 !important;
}
#mainCont .useNav .btUse1 {
  float: left;
  position: relative;
  z-index: 4;
  width: 20%;
}
#mainCont .useNav .btUse1 a, #mainCont .useNav .btUse1 span {
  background-color: #feeb6d;
  text-decoration: none;
  color: #666;
  font-weight: bold;
}
#mainCont .useNav .btUse2 {
  float: left;
  position: relative;
  z-index: 3;
  width: 20%;
}
#mainCont .useNav .btUse2 a, #mainCont .useNav .btUse2 span {
  text-decoration: none;
  color: #666;
  font-weight: bold;
  background-color: #fcc569;
}
#mainCont .useNav .btUse3 {
  float: left;
  position: relative;
  z-index: 2;
  width: 30%;
  color: #fff;
}
#mainCont .useNav .btUse3 a, #mainCont .useNav .btUse3 span {
  box-shadow: 4px 4px 0 #a8b65e;
  -moz-box-shadow: 4px 4px 0 #a8b65e;
  -webkit-box-shadow: 4px 4px 0 #a8b65e;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  background-color: #ec8aa9;
}
#mainCont .useNav .btUse4 {
  float: left;
  position: relative;
  z-index: 2;
  width: 30%;
  color: #fff;
}
#mainCont .useNav .btUse4 a, #mainCont .useNav .btUse4 span {
  box-shadow: 4px 4px 0 #a8b65e;
  -moz-box-shadow: 4px 4px 0 #a8b65e;
  -webkit-box-shadow: 4px 4px 0 #a8b65e;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  background-color: #EAB592;
}
#mainCont .use1Box {
  box-shadow: 4px 4px 0 #a8b65e;
  -moz-box-shadow: 4px 4px 0 #a8b65e;
  -webkit-box-shadow: 4px 4px 0 #a8b65e;
  background-color: #feeb6d;
  position: relative;
  z-index: 20;
  margin-top: -10px;
  padding: 20px;
}
#mainCont .use1Box .use1BoxInner {
  background-color: #fff;
  padding: 10px 30px 30px 30px;
}
#mainCont .use1Box h3 {
  color: #ef9124;
  font-size: 125%;
  padding: 0 0 10px 0;
}
#mainCont .use1Box li, #mainCont .use1Box p {
  font-size: 88%;
}
#mainCont .use2Box {
  box-shadow: 4px 4px 0 #a8b65e;
  -moz-box-shadow: 4px 4px 0 #a8b65e;
  -webkit-box-shadow: 4px 4px 0 #a8b65e;
  background-color: #fcc569;
  position: relative;
  z-index: 20;
  margin-top: -10px;
  padding: 20px;
}
#mainCont .use2Box .use2BoxInner {
  background-color: #fff;
  padding: 10px 20px 20px 20px;
}
#mainCont .use2Box h3 {
  color: #ef9124;
  font-size: 125%;
  padding: 0 0 10px 0;
}
#mainCont .use2Box h3 + p {
  padding-top: 0;
}
#mainCont .use2Box h4 {
  color: #289818;
  font-size: 113%;
  padding: 15px 0 10px 0;
  text-align: center;
}
#mainCont .use2Box p {
  padding-top: 15px;
  font-size: 88%;
}
#mainCont .use3Box {
  box-shadow: 4px 4px 0 #a8b65e;
  -moz-box-shadow: 4px 4px 0 #a8b65e;
  -webkit-box-shadow: 4px 4px 0 #a8b65e;
  background-color: #ec8aa9;
  position: relative;
  z-index: 20;
  margin-top: -10px;
  padding: 20px;
}
#mainCont .use3Box .use3BoxInner {
  background-color: #fff;
  padding: 10px 20px 20px 20px;
}
#mainCont .use3Box h3 {
  color: #ef9124;
  font-size: 125%;
  padding: 0 0 10px 0;
}
#mainCont .use3Box h3 + p {
  padding-top: 0;
}
#mainCont .use3Box p {
  padding-top: 15px;
  font-size: 88%;
}
#mainCont .use4Box {
  box-shadow: 4px 4px 0 #EAB592;
  -moz-box-shadow: 4px 4px 0 #EAB592;
  -webkit-box-shadow: 4px 4px 0 #EAB592;
  background-color: #EAB592;
  position: relative;
  z-index: 20;
  margin-top: -10px;
  padding: 20px;
}
#mainCont .use4Box .use4BoxInner {
  background-color: #fff;
  padding: 10px 20px 20px 20px;
}
#mainCont .use4Box h3 {
  color: #ef9124;
  font-size: 125%;
  padding: 0 0 10px 0;
}
#mainCont .use4Box h3 + p {
  padding-top: 0;
}
#mainCont .use4Box p {
  padding-top: 15px;
  font-size: 88%;
}

#mainCont .infoBox {
  margin-top: 60px;
  box-shadow: 4px 4px 0 #a8b65e;
  -moz-box-shadow: 4px 4px 0 #a8b65e;
  -webkit-box-shadow: 4px 4px 0 #a8b65e;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  padding: 20px;
}




#mainCont .infoBox h2 {
  margin-top: -26px;
  padding: 10px 15px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  font-size: 125%;
  color: #289818;
}
#mainCont .infoBox table {
  margin-top: 14px;
}
#mainCont .infoBox table th {
  color: #289818;
  font-weight: bold;
  padding: 0 10px 6px 0;
}
#mainCont .infoBox table td {
  font-weight: bold;
  padding-bottom: 6px;
}
#mainCont .modalBox1 .left {
  float: left;
  width: 350px;
}
#mainCont .modalBox1 .right {
  float: right;
  width: 350px;
}
#mainCont .modalBox1 .txt {
  padding: 20px 0 0 0;
  font-size: 88%;
  min-height: 95px;
}
#mainCont .modalBox1 .txt span {
  font-size: 63%;
}
#mainCont .modalBox1 .txt2 {
  display: block;
  padding: 8px 8px 6px 8px;
  border: #910b32 1px solid;
  text-align: center;
  font-weight: bold;
  color: #910b32;
  font-size: 100%;
}

/*---------------------------------------------------------
     sideCont
----------------------------------------------------------*/
#sideCont .infoBox {
  position: relative;
  padding-bottom: 110px;
}
#sideCont .infoBox dt {
  color: #289818;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 4px 4px 0 #a8b65e;
  -moz-box-shadow: 4px 4px 0 #a8b65e;
  -webkit-box-shadow: 4px 4px 0 #a8b65e;
  display: inline-block;
  padding: 10px 10px 40px 10px;
}
#sideCont .infoBox dt span.class {
  font-size: 113%;
}
#sideCont .infoBox dt span.name {
  font-weight: bold;
  font-size: 138%;
}
#sideCont .infoBox dt span.name2 {
  font-weight: bold;
  font-size: 75%;
}
#sideCont .infoBox dd {
  position: absolute;
  right: 0;
  bottom: 0;
}
#sideCont .infoTeacher {
  margin-top: 20px;
  padding: 10px 15px;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 4px 4px 0 #a8b65e;
  -moz-box-shadow: 4px 4px 0 #a8b65e;
  -webkit-box-shadow: 4px 4px 0 #a8b65e;
}
#sideCont .infoTeacher h2 {
  color: #289818;
  font-size: 138%;
  text-align: center;
}
#sideCont .infoTeacher p.img {
  padding-top: 10px;
  text-align: center;
  font-size: 138%;
  color: #666666;
  font-weight: bold;
}
#sideCont .infoTeacher dl dt {
  margin-top: 10px;
  font-weight: bold;
  color: #289818;
}
#sideCont .btList a {
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 4px 4px 0 #a8b65e;
  -moz-box-shadow: 4px 4px 0 #a8b65e;
  -webkit-box-shadow: 4px 4px 0 #a8b65e;
}
#sideCont .btList .bt1 {
  margin-top: 20px;
}
#sideCont .btList .bt1 a {
  background-color: #43acdf;
  padding: 10px;
}
#sideCont .btList .bt1 a span.txt1 {
  font-size: 125%;
}
#sideCont .btList .bt1 a span.txt2 {
  font-size: 138%;
}
#sideCont .btList .bt2 {
  margin-top: 20px;
}
#sideCont .btList .bt2 a {
  background: #289818 url(../img/icon_movie.png) center 86% no-repeat;
  padding: 10px 10px 40px 10px;
  font-size: 125%;
}
p.ganbatanetxt{

/* text-shadow: 0px -2px #3DABE2, 2px 0px #3DABE2, 0px 2px #3DABE2, -2px 2px #3DABE2;*/
font-size: 18px;
font-weight: bold;

color: #3DABE2;
text-decoration: none;
text-align: center;
line-height: 1.2;
font-weight: bold;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/* box-shadow: 4px 4px 0 #514EA8; */
-moz-box-shadow: 4px 4px 0 #514EA8;
/* -webkit-box-shadow: 4px 4px 0 #514EA8; */
/* background-color: #81C6F1; */
/* margin-bottom: 50px; */
padding-top: 20px;
}

#puzzgonImg{
	position: absolute;
	top: 620px;
}
.current-menu{
font-size:130%!important;
color:#F9FF78!important;
font-weight:bold;
text-shadow: 0px -2px #159501, 2px 0px #159501, 0px 2px #159501, -2px 2px #159501;
font-size: 36px;
}