@charset 'utf-8';
/**
 * MQTech. ( Responsive < Standard > Mode ver 1.0 )
 * Copyright (C) 2005-2025 MQTech.
 * https://mqtech.jp/
 */
@import url('https://fonts.googleapis.com/css?family=Sintony:400,700&text=0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz');
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap');
/* base */
html{background-color:transparent;background-image:none;color:#2b2b2b}
body,section,article,h1,h2,h3,h4,header,footer,p,hr,pre,blockquote,ul,ol,li,dl,dt,dd,div,a,img,iframe,table,td,th{margin:0;padding:0;border-width:0}
body{line-height:1;color:#2b2b2b;font-weight:normal;font-size:16px;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-o-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:Sintony,"BIZ UDPGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif}
pre{font-family:Sintony,"BIZ UDPGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif}
section,article,header,footer,hr{display:block}
ul{list-style:none}ul.sqar,ul.disc2,ul.disc3,ol{margin-left:2.5em}
ul.disc2{list-style-type:disc}
ul.disc3{list-style-type:circle}
ul.sqar{list-style-type:square}
ul.l2.cf{max-width:30em}
ul.l2>li{margin:0}
ul.l2.cf>li{float:left;min-width:15em}
ol{list-style-type:decimal}
ol.l2{margin-left:4em}
h1,h2,h3,h4{font-weight:normal;font-size:100%}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:""}
em,strong,cite,b,.b{font-style:normal;font-weight:bold}
address,q,time,code,var,i,caption,th{font-style:normal;font-weight:normal}
sup{vertical-align:text-top}sub{vertical-align:text-bottom}
abbr{text-decoration:none}
table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}
img{line-height:1,vertical-align:middle}
hr{height:1px;margin:1em 0;border-width:2px 0 0;border-color:#ddd}
/* class block */
.ltr,.ltr li,p{line-height:1.4;margin:0.4em 0}
.ltr li.s{line-height:1.2;margin:0.3em 0}
article.ltr p{text-indent:1em}
.l,caption,tbody>tr>th,tfoot>tr>th,td{text-align:left}
.c,thead>tr>th{text-align:center}
.r{text-align:right}
.t,.t td,.t th{vertical-align:top}
.fl,ul.cf>li:not(.fr){float:left}
.fr{float:right}
.nowrap{overflow:hidden;white-space:nowrap}
.ct{float:left;width:100%}.cf:after{display:block;clear:both;height:0;content:""}
.hd{display:none}
@media(max-width:640px){.hdNarrow{display:none}}
/* class inline */
.big{font-size:20px}
.s,small{font-size:14px}
.ss{font-size:10px}
.sp{visibility:hidden}
.wt{color:#fff}
/* color */
.black{color:#2b2b2b}
.gray{color:gray}
.green{color:#007b43}
.red{color:#f92a34}
.blue{color:#007bbb}
.white{color:#fff}
/* anchor */
a:link,a:active,a:visited{color:#00597f;text-decoration:none}
a:hover{text-decoration:underline}
/* headline */
.h0{line-height:1;padding-right:4px;border-right:6px double #0095d9;font-size:10px;text-align:right}
.h1,.h2{line-height:1.2;margin:1em 0 0.5em;padding:0.2em 4px;font-size:20px}
.h1,.h1 a{background-color:#0095d9;color:#fff}
.h1:before{content:"■ "}
.h2,.h2 a{color:#0095d9}
.h2:before{color:#0095d9;content:"■ "}
/* table */
table.t1{border-collapse:separate;border-spacing:0 4px}
table.t1>tbody>tr>th{width:120px;padding:4px 0;background-color:#c1ebfe;text-align:center}
table.t1>tbody>tr>td{padding:2px 0 2px 4px}
/* frameset */
body,#mq,#wll{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
body{position:relative;width:100%;min-width:320px;overflow-y:scroll;padding:4px;background-color:#e9e9e9}
#mq{position:relative;max-width:980px;margin:0 auto}
#whd{height:100px;padding:12px;background-color:#0095d9}
#wlg{margin:52px auto auto 16px;}
#wbd{min-height:100%;overflow:hidden;margin:4px 0 0;padding:12px;background-color:#fff}
#wcm{padding:12px 0;background-color:#fff}
#wcm>div{width:100%;max-width:468px;margin:0 auto}
#wcm img{width:100%;max-width:468px}
#wft{padding:0 12px 20px}
#smk{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.7)}
@media print{
body,#wft{background-color:#fff}
#wft{border-top:2px solid #0095d9}
}
/* page */
.pnls{overflow:hidden;margin:-6px}
.pnls>li{width:100%;min-width:280px}
@media(min-width:596px){.pnls>li{width:50%}}
@media(min-width:888px){.pnls>li{width:33.333333333333%}}
.pnls>li>div{padding:6px}
.pnls a{position:relative;display:block;height:200px;padding:8px;background-color:#c1ebfe;font-size:20px;text-align:center}
.pnls a.txtOnly{line-height:200px}
.pnls a:hover{color:#fff;background-color:#00597f}
.pnls a>span{display:block}
.pnls .thumb{height:170px;line-height:170px;overflow:hidden}
.pnls .icon{position:absolute;top:140px;left:20px;width:64px;height:64px;overflow:hidden}
/*.pnls .icon img{position:absolute;top:0;left:0;shadow:4px 4px 8px 0 rgba(0,0,0,0.8)}*/
.pnls .caption{position:absolute;top:184px;left:72px;width:calc(100% - 80px);max-width:320px}
.download{max-width:300px;margin:4px 30px 4px auto}
.download a{display:block;padding:4px 0 12px 8px;background-color:#c1ebfe;font-size:20px}
.download a em{font-weight:normal;font-style:normal;letter-spacing:-1px;white-space:nowrap}
.download a span{color:#2b2b2b}
.download a:hover{background-color:#00597f;color:#fff;text-decoration:none}
.download a:hover span{color:#fff}
.download a.disabled{background-color:#ddd;color:#999}
.download a.disabled span{color:#999}
#dcm{width:300px;height:250px;margin:4px 30px 4px auto}
.thumbs>li{margin:0 12px 12px 0}
.tbl>thead>tr>th:not(:first-child),.tbl>tbody>tr>td{border-left:2px solid #fff}
.tbl>thead>tr>th:not(:first-child){color:#fff;background-color:#0095d9}
.tbl>tbody>tr:nth-child(odd){background-color:#c1ebfe}
.tbl>tbody>tr:nth-child(even){background-color:#daf3fe}
.tbl>tbody>tr>th,.tbl>tbody>tr>td{border-top:2px solid #fff}
.tbl>tbody>tr>th{padding:0 2px}
.tbl>tbody>tr>td{text-align:center}
#imgView{display:none;position:fixed;top:0;left:0;z-index:7;width:100%;height:100%;overflow:hidden;color:#fff}
#imgView p{line-height:1}
#imgView a{color:#fff}
#imgViewImg{border:2px solid #000}
@media print{
#imgView{display:none!important}
}
