/* row */
.row {padding:25px 15px;}

/* header */
header {position: relative;}
header h1 {background: url(../img/h1_bg1.gif) repeat-x; text-align: center; height: 40px; padding-top: 3px; }
header .left {position: absolute; left: 8px; top: 6px; }
header .right {position: absolute; right: 10px; top: 6px;}
header.amuse h1 {background: url(../img/h1_bg4.gif) repeat-x; padding-top: 10px; height: 33px;  }
header.california h1 {background: url(../img/h1_bg3.gif) repeat-x; padding-top: 10px; height: 33px;   }
header.serabal h1 {background: url(../img/h1_bg5.gif) repeat-x; padding-top: 10px; height: 33px;   }


/* nav */
nav {background: url(../img/h1_bg2.gif) repeat-x;}
nav li {float: left; width: 33.333%; text-align: center; padding-top: 7px; background: url(../img/h1_bar.gif) no-repeat right top;}
nav li:last-child {background: none;}

/* contents */
.sub-menu {background: url(../img/menu_bg.gif) repeat-x center top; height: 35px;}
.sub-menu ul li {float: left;  width: 25%; text-align: center; padding-top: 10px; }
.sub-menu ul li a {}
.sub-menu.w50 li {width: 50%; }

/* banner*/
.banner img {width: 100%; display: block;}

/* event */
.event {}
.event h3 {background: url(../img/menu_bg.gif) repeat-x; height: 30px;}
.event h3 span {display:inline-block; background: #fff; padding: 5px 30px; margin-left: 10%; margin-top: 10px; border-radius:5px 5px 0 0 ; }
.event .my-slider {text-align: center; padding: 20px 10px 5px 10px;}
.event .my-slider img {width: 100%; max-width: 300px;}

/* notice */
.notice {position: relative; background:url(../img/more_bg.gif) repeat-x; height: 30px;}
.notice li {background: url(../img/more_btn.png) no-repeat 3px 4px; padding-left: 23px; background-size:23px;}
.notice li a {display: block; padding: 5px 5px 5px 8px;}
.notice .more {position: absolute;top: 0px;right: 9px; }
.notice .more a {background: url(../img/more_bg_bar.gif) no-repeat left top ; padding: 9px 5px 4px 20px; display: block;}

/* table-style1 */
.table-style1 {margin-top: 3px;}
.table-style1 table {width: 100%; text-align: center; border-top:2px solid #f03e18;}
.table-style1 table thead tr th {background: #f0f0f0; border-bottom:1px solid #cecece; border-right: 1px solid #cecece;padding: 10px 2px;}
.table-style1 table tbody tr th {border-bottom:1px solid #cecece; border-right: 1px solid #cecece; padding: 10px 2px;}
.table-style1 table tbody tr td {border-bottom:1px solid #cecece; border-right: 1px solid #cecece;padding: 10px 2px;}
.table-style1 table .last {border-right:0;}
.table-style1 table .fz10 {font-size: 10px; padding: 5px 2px;} 
.table-style1 table .dash {border-bottom-style: dashed;}
.table-style1 table .bgc {background-color:#f03e18; color: #fff;}
.table-style1 table .txt-c {color: #f03e18; font-weight: bold; }
.table-style1.table-style2 table tbody tr th { background: #f0f0f0; }
.table-style1.serabal table {border-top-color:#4c8910;}
.table-style1.serabal thead tr th:last-child {border-right:0;}
.table-style1.serabal tbody tr td:last-child {border-right:0;}


/* check */
.check {width: 100%; border:2px solid #f03e18; border-radius: 10px; margin-top: 13px; }
.check h3 {background: #f7f7f7;width: 100%; border-bottom:1px solid #cecece; border-radius: 10px 10px 0 0; padding: 8px 0;}
.check h3 img {padding-left: 5px;}
.check ul { padding: 15px; }
.check li {background: url(../img/charge_dot.gif) no-repeat 3px 7px; padding:0 10px;}
.check .bold {font-weight:bold;}
.check.serabal {border-color:#4c8910;}

/* rsv */

.rsv li {background: url(../img/charge_dot.gif) no-repeat 3px 12px; padding:5px 10px;}
.rsv li p {font-weight: bold; display: inline;}


/* year */
.year {}
.year ul li {text-align: center; }
.year ul li span img { display: inline-block; margin-top: 10px; }
.year ul li p {background: url(../img/time_bg.gif) no-repeat; display: inline-block;  color: #fff; font-weight: bold; vertical-align: 4px; width: 136px; height: 22px;}

/* cal1 */
.cal1 {width: 100%; margin-top: 20px;}
.cal1 ul {position: relative; border-top:1px solid #cecece;border-bottom:1px solid #cecece;}
.cal1 li{height: 40px; text-align: center;  }
.cal1 .car-right {position: absolute; top: 0px; left: 0px; width: 50px; display: block; border-right:1px solid #cecece; height: 30px; padding-top: 11px;}
.cal1 .car-txt { line-height: 42px; font-size: 16px; font-weight: bold;}
.cal1 .car-left {position: absolute; top: 0px; right: 0px; width: 50px; display: block; border-left:1px solid #cecece; height: 30px; padding-top: 11px;}


/* cal2 */
.cal2 {width: 100%; padding:20px 30px; box-sizing: border-box; background-color: #e8e8e8; margin-top: 2px;margin-bottom: 0;}
.cal2 .cal-img {text-align: right; }
.cal2 table {}
.cal2 tr { }
.cal2 table tr td {width: 14%; border:1px solid #cecece; text-align: center; height: 35px; margin-top: 10px; background-color: #fff;}
.cal2 .bo-no td {border:0;background-color: #e8e8e8;}
.cal2 .color-b {background-color: #a6e3f8;}
.cal2 .color-y {background-color: #fcf9bf;}
.cal2 .color-n {background-color: #e8e8e8;}

/* charg-btn */
.charg-btn {margin: 15px; }
.charg-btn img {margin: 0 auto; display: block;}

/* charg_btn2 */
.charg-top {position: relative;}
.charg-btn2 {position: absolute; top: 0; right: 0;}

/* footer */
footer {text-align: center; padding: 	20px 10px; background: #d1d1d1 url(../img/footer_bg.gif) repeat-x; margin-top: 15px;}