body{background:#09222e url('/img/default/bg-body.png') 0 0 repeat; text-align: center; color:#fff;}

/* LAYOUT */
#header {background: url('/img/default/bg-header.png') 0 0 repeat-x;}
.inBox {margin: 0 auto; text-align: left; width: 830px;}
#header .inBox {position: relative; width: 840px; background: url('/img/default/bg-header-in.png') 0 0 no-repeat; height: 266px; overflow: hidden; z-index: 1;}
#main .inBox {border: 5px solid #08212F; border-width: 0 5px; background: #103a4e; padding: 1px 0;}

#col-content {float: right; display: inline; width: 560px; margin: 7px 10px 0 0;}
#col-side {float: left; display: inline; width: 238px; margin: 0 0 0 10px;}

#col-content img {border: 5px #0a2736 solid;}
#col-content .img-box {margin:20px 0 20px 90px; width: 378px; padding: 40px 0; text-align: center; background: url('/img/default/bg-img-box.png') 100% 0 no-repeat;}
#col-content .img-box img {border:none;}

.col-right {float: right; display: inline; width: 274px;}
.col-left {float: left; display: inline; width: 274px;}

/* LOGO BOX */
#logo-box {position: absolute; left: 15px; top: 100px; z-index: 50;}

/* LOGO BOX */
#main-menu {position: absolute; right: 5px; bottom: 7px; z-index: 50;}
#main-menu .reset li {float: left; display: inline; margin: 0 0 0 5px;}
#main-menu .reset li a {display: block; width: 109px; height: 18px; padding: 52px 0 0; text-decoration: none; text-transform: uppercase; font-size: 85%; text-align: center;}
#main-menu .reset li.active a {color: #ffda01;}
#main-menu .reset li.home a {background: url('/img/default/bg-home.png') 0 0 no-repeat;}
#main-menu .reset li.price a {background: url('/img/default/bg-price.png') 0 0 no-repeat;}
#main-menu .reset li.guns a {background: url('/img/default/bg-guns.png') 0 0 no-repeat;}
#main-menu .reset li.open-time a {background: url('/img/default/bg-open-time.png') 0 0 no-repeat;}
#main-menu .reset li.contact a {background: url('/img/default/bg-contact.png') 0 0 no-repeat;}

/* TOP HELP */
#top-help {position: absolute; top: 0; left: 50%; width: 530px; margin: 0 0 0 -115px; text-align: left; height: 190px; overflow: hidden; z-index: 1;}
#motive-img {position: absolute; top: 50px; left: 314px;}
#address {position: absolute; left: 50px; top: 100px; font-size: 117%; color: #c72413; font-weight: bold; height: 88px; overflow: hidden;}
#address a {color: #c72413; text-decoration: none;}
#address strong {color: #0f3a4e;}
#small-menu {position: absolute; left: 50px; top: 47px; font-size: 92%; color: #fff;}
#small-menu a {text-decoration: none;}
#small-menu img {vertical-align: middle; border: 1px solid #fff; margin: 0 3px 0 0;}

/* ANNOT BOX */
#annot-box {position: relative; margin: 0 0 10px; width: 100%;}
#annot-box .in {border: 5px solid #fff; padding: 5px; background: #134962 url('/img/default/bg-annot-box.png') 0 100% no-repeat;}
#annot-box .img {float: left; display: inline; width: 255px;}
#annot-box .img img {display: block;}
#annot-box .desc {float: right; display: inline; width: 270px;}
#annot-box .desc h1 {margin: 20px 0 5px; text-transform: uppercase; color: #ffda01; font-size: 150%;}
#annot-box .desc p {font-size: 108%; font-weight: bold;}
#annot-box .desc p.more {font-size: 85%; text-transform: uppercase; display: inline-block; border: 1px solid #196082; border-width: 1px 0; margin: 20px 0 0;}
#annot-box .desc p.more a {display: inline-block; text-decoration: none; border: 1px solid #196082; border-width: 0 1px; background: #040c0f; padding: 1px 5px; margin: 0 -1px; position: relative;}

/* PRODUCT LIST */
.product-list img {border: none !important;}
.product-list h1, .photogalery-list h1 {margin-left: 20px;}
.product-list h2 {position: relative; padding: 8px 20px; background: #185b7b url('/img/default/bg-product-h2.png') 0 100% repeat-x; font-size: 117%; margin: 0.8em 0;}
.product-list .in {margin: 0 0 60px;}
.product-list .reset {overflow: hidden; margin: 0 0 25px 15px;}
.product-list .reset li {float: left; display: inline; width: 160px; margin: 0 10px 0 0;}
.product-list .reset li .img {display: block; height: 110px; padding: 5px 0 0; background: url('/img/default/bg-product.png') 0 0 no-repeat; margin: 0 0 5px; line-height: 105px; text-align: center;}
.product-list .reset li .img img {vertical-align: middle;}
.product-list .reset li a {text-decoration: none;}

/* PHOTOGALERY LIST */
.photogalery-list .reset li {overflow: hidden; margin: 10px 0 10px; padding: 10px 0 0;}
.photogalery-list .reset li h2 {margin: 0; font-size: 117%;}
.photogalery-list .reset li h2 a {text-decoration: none;}
.photogalery-list .reset li .date {display: block; margin: -3px 0 15px; color: #88acbd;}
.photogalery-list .reset li .ico-video {padding: 3px 0 3px 25px; background: url('/img/default/ico-video.png') 0 10% no-repeat; margin: 0 2px 0 0;}
.photogalery-list .reset li .ico-foto {padding: 3px 0 3px 25px; background: url('/img/default/ico-photo.png') 0 90% no-repeat; margin: 0 2px 0 0;}
.photogalery-list .reset li .blue {color: #88acbd; text-decoration: none; margin: 0 0 0 2px;}
.photogalery-list .reset li .blue:hover {color: #FFDA01;}
.photogalery-list .reset li .img {padding: 5px; position: relative; background: #0a2736; float: left; display: inline; text-align: center; margin: -10px 10px 2px 0; width: 150px;}
.photogalery-list .reset li .img img {display: block; margin: 0 auto;}

/* NEWS LIST */
.news-list .reset li {background: url('/img/default/bg-news.png') 0 100% no-repeat; padding: 0 0 10px; margin: 10px 0 10px;}
.news-list .reset li h2 {margin: 0 0 0.3em;}
.news-list .reset li h2 a {text-decoration: none;}
.news-list .reset li h2 strong {text-decoration: underline;}
.news-list .reset li h2 .date {color: #ffda01; font-size: 13px; font-weight: normal;}

/* PAGING */
.paging {position: relative; padding: 8px 20px; background: #185b7b url('/img/default/bg-product-h2.png') 0 100% repeat-x; margin: 0.8em 0; font-weight: bold;}
.paging p {margin: 0;}
.paging .item {width: 19px; line-height: 19px; display: inline-block; background: url('/img/default/bg-paging.png') 0 0 no-repeat; text-align: center; text-decoration: none; font-weight: bold; margin: 0 1px;}
.paging strong.item {background-position: -19px 0;}
.paging .prev {padding: 0 0 0 10px; background: url('/img/default/bg-prev.png') 0 50% no-repeat;}
.paging .next {padding: 0 10px 0 0; background: url('/img/default/bg-next.png') 100% 50% no-repeat;}

/* PHOTOGALERY */
.photogalery img {border: none !important;}
.photogalery {position: relative; margin: 0 0 10px; width: 100%;}
.photogalery .in {border: 5px solid #fff; padding: 5px 5px 1px; background: #c72413 url('/img/default/bg-photogalery.png') 0 100% no-repeat;}
.photogalery h2 {font-size: 117%; margin: 0;}
.photogalery ul.reset {margin: 0 15px;}
.photogalery ul.reset li {float: left; display: inline; margin: 0 2px 0 2px;}
.photogalery ul.reset li a, .photogalery ul.reset li span {float: left; display: inline; width: 122px; height: 100px; text-align: center; padding: 2px 0 0; background: url('/img/default/bg-photogalery-li-2.png') 0 0 no-repeat;}
.photogalery .prev {position: absolute; left: 10px; top: 55px;}
.photogalery .next {position: absolute; right: 10px; top: 55px;}
.photogalery #jcarousellite {margin-top: 5px; left: 17px !important;}

/* ATTACHED IMAGES */
.att-img h2 {font-size: 117%; margin: 1em 15px 0.5em;}
.att-img .reset li {float: left; display: inline; line-height: 1.2; margin: 0 10px 10px 0;}
.att-img .reset li .img {padding: 5px; position: relative; background: #0a2736; display: block; text-align: center; margin: 0 0 2px;}
.att-img .reset li .img img {display: block; margin: 0 auto;}
.att-img .reset li a {font-size: 92%; text-decoration: none;}
.att-img .reset li a strong {font-weight: normal;}

/* NEWS BOX */
.news-box {position: relative; margin: 0 0 10px; width: 100%;}
.news-box .in {border: 5px solid #0a2736; padding: 0 10px 1px; background: url('/img/default/bg-std.png') 0 100% no-repeat;} 
.news-box h2 {border-bottom: 5px solid #0a2736; margin: 0 -10px; line-height: 35px; padding: 0 0 0 35px; background: #085173 url('/img/default/bg-news-box-h2.png') 0 100% no-repeat; text-transform: uppercase; font-size: 133%;} 
.news-box .reset li {background: url('/img/default/bg-news-box-li.png') 0 0 repeat-x; padding: 13px 0 3px; width: 100%;}
.news-box .reset li.first {background: none;} 
.news-box .reset li .date {font-size: 92%;}
.news-box .reset li h3 {font-size: 100%; margin: 0; font-weight: bold;}
.news-box .reset li h3 a {text-decoration: none; color: #00a2ff;}
.news-box .reset li h3 a:hover {color: #FFDA01;}
.news-box p.more {font-size: 85%; text-transform: uppercase; display: inline-block; border: 1px solid #196082; border-width: 1px 0; margin: 10px 0;}
.news-box p.more a {display: inline-block; text-decoration: none; border: 1px solid #196082; border-width: 0 1px; background: #114157; padding: 1px 5px; margin: 0 -1px; position: relative;}

/* FORM */
.form {position: relative; margin: 10px 0 10px; width: 380px;}
.form .in {border: 5px solid #0a2736; padding: 5px 5px 1px;}
.form table {width: 100%;}
.form table tbody th {background: #044463; color: #fff; text-align: left; font-weight: normal;}
.form table tbody td {background: #0d2f40;}
.form table td, .form table th {border-width: 1px; padding: 4px 5px;}
.form .star {color: #fffc00;}
.form .tq {width: 190px;}
.form .h {width: 110px;}
.form p {margin: 0.3em 5px 1em; font-size: 108%;}
.form p.right {margin: 0 0 5px;}

/* HOME CONTENT */
.home .content {padding: 0 15px;}
.home .content .open-time strong {font-weight: normal; display: inline-block; width: 60px;}

/* SIDE MENU */
#side-menu {position: relative; top: -70px; margin-bottom: -40px; z-index: 50; width: 100%;}
#side-menu .spc {border: 5px solid #085173; padding: 7px 7px 3px; background: #0a2736;}
#side-menu ul.reset li {background: url('/img/default/bg-main-menu.png') 0 0 no-repeat; margin: 0 0 4px; width: 100%; vertical-align: bottom;}
#side-menu ul.reset li:hover, #side-menu ul.reset li.hover {background-position: -214px 0;}
#side-menu ul.reset li.active {background-position: -428px 0;}
#side-menu ul.reset li a {font-size: 117%; color: #fff !important; font-weight: bold; text-decoration: none; line-height: 30px; padding: 0 0 0 30px; display: block;}
#side-menu ul.reset li.sub:hover, #side-menu ul.reset li.hover {position: relative;}
#side-menu ul.reset li.sub a {background: url('/img/default/ico-row.png') 195px 50% no-repeat;}
#side-menu ul.reset li:hover .sub-menu, #side-menu ul.reset li.hover .sub-menu {display: block;}
#side-menu ul.reset li .sub-menu {display: none; position: absolute; top: 0; left: 210px; padding: 6px 0 0; background: url('/img/default/bg-sub-menu.png') 0 0 no-repeat; width: 169px; z-index: 99;}
#side-menu ul.reset li .sub-menu .in {padding: 0 0 6px; background: url('/img/default/bg-sub-menu-bottom.png') 0 100% no-repeat;}
#side-menu ul.reset li .sub-menu .in .reset {border: 6px solid #185b7b; background: #134862; border-width: 0 6px;}
#side-menu ul.reset li .sub-menu .in .reset li {background: none; border-bottom: 1px solid #185b7b; margin: 0;}
#side-menu ul.reset li .sub-menu .in .reset li a {font-size: 100%; font-weight: normal; line-height: 24px; padding: 0 15px;}
#side-menu ul.reset li .sub-menu .in .reset li.active a, #side-menu ul.reset li .sub-menu .in .reset li a:hover {color: #ffda01 !important;}

/* BANNER */
.banner p {font-weight: bold; margin: 0 5px 15px;}
.banner .in {padding: 5px; background: #085173; display: inline-block; position: relative; margin: 0 0 5px;}

/* FOOTER */
#footer {background: #0c2b3b url('/img/default/bg-footer.png') 50% 100% no-repeat; padding: 1px 0;}
#footer .topBox {background: #010a12; margin: 15px 0 15px; text-align: left;}
#footer .topBox p {margin: 0 auto; width: 790px; padding: 7px 15px;}
#footer .topBox p a {font-weight: bold; text-decoration: none;}
#footer .inBox {font-size: 92%; padding: 0 0 40px;}
#footer .inBox p {padding: 0 15px;}

/* CORNERS */
.cor{position: absolute; background-repeat: no-repeat; display: block; z-index: 1; line-height: 1px; font-size: 1px; width: 5px; height: 5px; background-image: url('/img/default/corner.png');}
#side-menu .cor-l, #side-menu .cor-r {background-image: url('/img/default/corner1.png');}
.cor-l{top:0; left:0; background-position:0 0;}
.cor-r{top:0; right:0; background-position:100% 0;}
.cor-bl{bottom:0; left:0; background-position:left bottom;}
.cor-br{bottom:0; right:0; background-position:right bottom;}

/* DATE PICKER */
.calendar {position: relative; margin: 10px 0 10px;}
.calendar .in {border: 5px solid #0a2736; padding: 5px 5px 1px; background: url('/img/default/bg-std.png') 0 100% no-repeat;}
.calendar h2 {margin: 0; padding: 3px 0 6px;}
#ui-datepicker-div table{margin:0 0 5px; border:none; border-spacing:2px; *border-spacing: expression(cellSpacing=2); border-collapse: separate; width: 100%;}
#ui-datepicker-div td, #ui-datepicker-div th{border:none; text-align: center; padding: 0;}
#ui-datepicker-div th {padding: 5px 0;}
#ui-datepicker-div td a {color: #103a4e; font-weight: bold; text-decoration: none; font-size: 108%; padding: 4px 0; display: block; width: 20px; *padding: 4px 7px;}
#ui-datepicker-div td a:hover, #ui-datepicker-div td.ui-datepicker-today a {color: #fff; background: #c72413;}
#ui-datepicker-div td.ui-state-disabled {background: none; color: #999999;}
#ui-datepicker-div .ui-datepicker-header{position:relative; padding:4px 0; margin-bottom:5px; text-align: center; font-weight: bold; width: 100%;}
#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next {position:absolute; top:1px;width:1.8em; width:20px; height:20px; overflow:hidden; color:white; cursor:pointer;}
#ui-datepicker-div .ui-datepicker-prev{left:2px;}
#ui-datepicker-div .ui-datepicker-next{right:2px;}
#ui-datepicker-div iframe{display:none !important;}

.img-presentation, .img-presentation2{width:500px; border:1px solid #999999; padding:15px 20px 10px; margin:10px auto; background-color: #ffffff;}
.img-presentation-spc{position:relative; text-align:center;}
.js-img-help{ height:0px; overflow:hidden; zoom:1;}
.img-presentation-nav{padding-top:10px; text-align:center;}
.img-presentation-info{text-align:center; padding-bottom:10px; font-size:100%; color:#666666;}
.img-presentation-button, .img-presentation-prev, .img-presentation-next{display:-moz-inline-box; display:inline-block; width:36px; height:22px; overflow:hidden; background:url('/img/default/btn.png') 0 0px no-repeat; cursor:pointer; margin:0 10px; vertical-align:middle;}
.img-presentation-nav .active{background-position:0 -28px;}
.img-presentation-prev, .img-presentation-next{width:29px; background:url('/img/default/arrow.png') 0 0 no-repeat;}
.img-presentation-next{ background-position:100% 0;}
.img-presentation-next-hover{ background-position:100% -30px;}
.img-presentation-prev-hover{ background-position:0 -30px;}

/* JTIP */
#JT {position: absolute; left: 150px; top: 150px; z-index: 99; width: 398px;}
#JT .corners-top {position: absolute; top: 5px; left: 0; width: 398px; background: url('/img/default/bg-corners-top.png') 1px 0 no-repeat; height: 10px;}
#JT .corners-bottom {position: absolute; bottom: -10px; left: 0; width: 398px; background: url('/img/default/bg-corners-bottom.png') 1px 0 no-repeat; height: 10px;}
#JT .in {width: 398px; background: url('/img/default/bg-JT.png') 0 0 repeat-y; padding: 1px 10px; margin: 0;}
#JT .img-box {width: 378px; padding: 40px 0; text-align: center; background: url('/img/default/bg-img-box.png') 100% 0 no-repeat;}
#JT table {width: 378px; margin: 0;}
#JT table caption {padding-left: 20px;}
#JT table td {padding: 5px; font-weight: bold;}
#JT table th {padding: 5px; font-weight: normal;}
.JT_loader{background-image: url('/img/default/jtip/loader.gif'); background-repeat: no-repeat; background-position: center center; width:100%; height:12px;}