@charset "shift_jis";
/* CSS Document */

/* --2018.01  coment out */
/*
body { min-height: 100%; -webkit-text-size-adjust: none; color: #333333; font: 14px "HiraKakuProN-W3"; }
*/

#header { width: 100%; background-color: #FFF; height: 57px; }
#head { text-align: center; padding: 10px 0px 10px 50px; border-bottom: 2px solid #000; }
#head h1 img { height: 35px; width: 112px; }
#slideMenuOpen { position: absolute; width: auto; top: 0px; }
#header .open { display:block; padding:7px; float:right; margin-top:10px; margin-right: 10px; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff)); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%); -webkit-background-size:20px 20px; border-radius:3px; border:1px solid #c4c4c4; }
#header .open img { vertical-align:middle; }


#body { min-height: 100%; -webkit-text-size-adjust: none; color: #333333; font: 14px "HiraKakuProN-W3"; }

#pageslide { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; padding: 20px; background-color: #333; color: #FFF; -webkit-box-shadow: inset 0 0 5px 5px #222; -moz-shadow: inset 0 0 5px 5px #222; box-shadow: inset 0 0 5px 5px #222; }


#slideMenu { display: none; }
#slideMenu h2 { font-size:18px; background:#333; border-bottom:1px solid #fff; }
#slideMenu h2,
#slideMenu ul li a { padding:10px 0; }
#slideMenu ul { margin-bottom:20px; }
#slideMenu ul li a { border-bottom:1px dotted #6f6f6f; display:block; color:#fff; }
#slideMenu .close { font-weight:bold; }
#slideMenu .close a { color:#000; padding:10px 25px; background:#ccc; }
/*#flickscroll { margin: 0 auto; width: 320px; height: 110px; text-align: left; position: relative; padding-top: 77px;}*/
#flickscroll { margin: 0 auto; width: 320px; height: 175px; text-align: left; position: relative; padding-top: 62px; }
#flickscroll ul { top: 0; left: 0; height: 110px; position: absolute; overflow: hidden; }
#flickscroll ul li { width: 320px; height: 110px; float: left; display: inline; overflow: hidden; }
#flickscroll #moveprev { display: none; }
#flickscroll #movenext { display: none; }
#flickthumb { margin: 10px auto; width: 320px; text-align: center; }
#flickthumb ul { width: 320px; }
#flickthumb ul li { display: inline-block; width: 7px; height: 7px; border-radius: 5px; border: 1px solid #000; }
#flickthumb ul li.active { background: #000; }
#flickscroll ul:after,
#flickthumb ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
#flickscroll ul,
#flickthumb ul { display: inline-block; overflow: hidden; }

/*#body h2 { font-size:14px; color:#fff; background:#000; padding:10px; text-align: left; font-weight: bold; overflow: hidden; }*/
#body h2 { font-size:14px; color:#fff; background:#364854; padding:10px; text-align: left; font-weight: bold; overflow: hidden; }/* 2018.01*/
#body h3 { font-size:14px; padding:8px 10px; background-color: #EBEBEB; font-weight: bold; }
#body h4 { padding: 15px 10px; }
#body .searchNo { padding: 20px; text-align: center; }
#body .searchNo .text { font-size: 16px; padding: 5px; width: 180px; border: 1px solid #333; margin-right: 10px; }
#body .searchNo .btn { font-size: 14px; color: #fff; padding: 6px 20px; background: -moz-linear-gradient( top, #a3a3a3 0%, #3b3b3b 50%, #242424 50%, #000000); background: -webkit-gradient( linear, left top, left bottom, from(#a3a3a3), color-stop(0.50, #3b3b3b), color-stop(0.50, #242424), to(#000000)); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #000000; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); text-shadow: 0px -1px 0px rgba(000,000,000,1), 0px 1px 0px rgba(255,255,255,0.2); }

#body .searchCatalog ul { padding-left: 1%; margin-bottom: 25px; }
#body .searchCatalog ul:after { content: ''; display: block; clear: both; }

/*#body .searchCatalog li { position: relative; float: left; width: 50%; } */
#body .searchCatalog li.cata100 { position: relative; float: left; width: 100%; }
#body .searchCatalog li.cata50 { position: relative; float: left; width: 50%; }
#body .searchCatalog li.cata33 { position: relative; float: left; width: 33%;}

#body .searchCatalog li p { padding: 0 2px; }
#body .searchCatalog li label { display: block; margin-bottom:3px; padding: 8px; background: -moz-linear-gradient( top, #F2F2F2 0%, #F2F2F2 50%, #D3D3D3 50%, #D3D3D3); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2F2F2), color-stop(0.5, #F2F2F2), color-stop(0.5, #D3D3D3), color-stop(1, #D3D3D3)); color: #666; text-align: center; border-radius: 4px; }
#body .searchCatalog li input[type="radio"]:checked + label { display: block; padding: 8px; background: -moz-linear-gradient( top, #ECECEC 0%, #F6F6F6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ECECEC), color-stop(1, #F6F6F6)); color: #333; text-align: center; border-radius: 4px; }
#body .searchCatalog li input[type="radio"] { opacity : 0; position: absolute; }
#body .searchCatalog .pgr { text-align: center; }
#body .searchCatalog .pgr div { display: inline; }
#body .searchCatalog .pgr p { padding-top:8px;} /*-- 2016.10.03 add---*/
#body .searchCatalog img.horyuu {  filter:opacity(60%);}/*-- 2023.03.21 add---*/

#body .searchCatalog .btn { font-size: 14px; color: #fff; padding: 6px 20px; background: -moz-linear-gradient( top, #a3a3a3 0%, #3b3b3b 50%, #242424 50%, #000000); background: -webkit-gradient( linear, left top, left bottom, from(#a3a3a3), color-stop(0.50, #3b3b3b), color-stop(0.50, #242424), to(#000000)); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #000000; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); text-shadow: 0px -1px 0px rgba(000,000,000,1), 0px 1px 0px rgba(255,255,255,0.2); margin-right: 10px; }
#body .searchCatalog .nav { font-size: 14px; padding: 6px 10px; background: -moz-linear-gradient( top, #F8F8FA 0%, #FAFAFC 30%, #B9B8D2); background: -webkit-gradient( linear, left top, left bottom, from(#F8F8FA), color-stop(0.30, #FAFAFC), to(#B9B8D2)); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #000000; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); margin: 0px 10px; }
#body .searchCatalog .text { font-size: 16px; padding: 5px; width: 40px; border: 1px solid #333; margin-left: 10px; }
#body .searchCatalog .searchUse { }
#body .searchUse { border-bottom: 1px solid #ccc; margin: 20px 0px; }
#body .searchUse li { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0)); background: linear-gradient(#fff, #f0f0f0); border-top: 1px solid #ccc; }
#body .searchUse li a { display: block; background-image: url(../img/i01.png); background-repeat: no-repeat; background-position: right center; padding-left: 20px; text-decoration: none; color: #605539; font-size: 12px; line-height: 1.3; }
#body .searchUse li a span { vertical-align: middle; display: table-cell; height: 67px; padding-top: 3px; }
#body .searchUse li strong { color: #000; display: block; font-weight: bold; font-size: 14px; padding-bottom: 2px; }

#body .tv { text-align: center; }
#body .tv img { margin: 15px 0px 15px 10px; }

#body .linkTxt { font-size: 12px; padding: 15px 0px 20px 30px; text-align: center; border-top: 1px dotted #666;} /* 2013.05.01*/
#body .linkTxt>li { margin-right: 20px; }
#body .linkTxt li { display:inline; float:left; padding: 4px 0; }/* 2013.05.01*/
#foot { font-size: 10px; color: #fff; padding: 15px 0 0; background: -moz-linear-gradient( top, #323232 0%, #1D1D1D 50%, #000000); background: -webkit-gradient( linear, left top, left bottom, from(#323232), color-stop(0.50, #1D1D1D), to(#000000)); text-align: center; height: 85px; }


.back { position: absolute; top:0px; right:3%; padding-right:40px;} /*--- 2018.01  right:3%; padding-right:40px;  add  --*/
.back a { font-size: 13px; color: #fff; padding: 6px 20px 1px 20px; background: -moz-linear-gradient( top, #a3a3a3 0%, #3b3b3b 50%, #242424 50%, #000000); background: -webkit-gradient( linear, left top, left bottom, from(#a3a3a3), color-stop(0.50, #3b3b3b), color-stop(0.50, #242424), to(#000000)); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #000000; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); text-shadow: 0px -1px 0px rgba(000,000,000,1), 0px 1px 0px rgba(255,255,255,0.2); display: block; margin-top: 13px; margin-left: 10px; }