@charset "utf-8";
/* CSS Document */

#header_img{width:100%; background:url(../jpg/bg_support.jpg) no-repeat 50% 50% #FFF; background-size:cover; overflow:hidden;}

/* pc */
/*ここにpc用スタイルを記述*/
#header_img{height:120px;}
h2.listh2{width:96%; max-width:1024px; margin:15px auto; line-height:60px; border-bottom:#0096AE 2px solid; font-size:20px; font-weight:bold;}

.catalog_lead{font-size: 14px; font-weight: bold;}
.catalog_content{max-width:1024px; width:96%; margin:0 auto;}
h3{  background:url(../gif/bg_h2.gif) repeat-x bottom; padding:10px 5px; margin:15px 0 5px 0; font-size:139%; font-weight:bold;}
dl.catalog_thumb{margin:20px 70px;}
dl.catalog_thumb dt{width:115px; margin:0 10px 0 0; float:left;}
dl.catalog_thumb dd{margin-left:126px;}
.btn_download_l{display:block; width:154px; height:40px; margin:15px 0;}
.btn_download_l a{display:block; width:114px; height:40px; padding-left:40px; color:#333; background:url(../btn_dl_l.html) no-repeat; line-height:40px;}

#catalog_list{ max-width:900px; width:96%; margin:0 auto; padding-bottom:30px;}
#catalog_list>label{display:block; padding:4px 8px; font-size:14px; font-weight:bold; color: #FFF; border:#CCC dotted 1px; background: #0096AE; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#catalog_list>ul{list-style:none; width:100%; margin:0 0 20px;}
#catalog_list>input[type="checkbox"]{display: none;}
#catalog_list>ul>li{width:100%; height:auto;}
#catalog_list>ul>li>a{display:block; padding:8px 0 8px 50px; margin:0; font-size:14px; line-height:1.5em; background: url(../png/pdficon.png) no-repeat 20px 12px; border-bottom: 1px dotted #CCC;}
#catalog_list>ul>li>a:hover{text-decoration:none; background:url(../png/pdficon.png) no-repeat 20px 12px #F4F4F4;}
#catalog_list>ul>li>a:before,#catalog_list>ul>li>a:after{content: " "; display: table;}
#catalog_list>ul>li>a:after{clear: both;}
#catalog_list>ul>li>a>div.catalog_title{width: 80%; display: inline-block; float: left; }
#catalog_list>ul>li>a>span.filesize{width:18%; display: inline-block; float: left; margin-right: 5px; text-align: right; }
#catalog_list>ul>li.sub_category{background: #EEE; width:99%; padding: 0 0 0 1%;}

#anchorbtn_box{width: 100%; padding: 15px 0; height: 30px; background-color: rgba(255,255,255,0.9);}
ul#anchorbtn{width: 1024px; margin: 0 auto;}
ul#anchorbtn li{display: inline-block; margin-right: 8px; line-height: 20px; padding: 0 0 0 18px; background: url(../png/arrow.png) no-repeat 0 50%;}
/* ---------------  fixed  --------------- */
.fixed{position: fixed; top: 0px; z-index: 9999; box-shadow: 1px 1px 2px #999;}

/* tablet  */
@media print, screen and (min-width: 641px) and (max-width: 1023px) {
/*ここにtablet用スタイルを記述*/
#header_img{min-width: 750px;}

/*カタログ一覧*/
#catalog_list{width:96%; min-width: 720px; margin:0 auto; padding:0 15px 30px;}
#catalog_list>label{display:block; padding:4px 8px; font-size:14px; font-weight:bold; border:#CCC dotted 1px; background: #0096AE; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#catalog_list>ul{list-style:none; width:100%; margin:0 0 15px;}
#catalog_list>input[type="checkbox"]{display: none;}
#catalog_list>ul>li{ width:100%; height:auto;}
#catalog_list>ul>li>a{display:block; padding:7px 0 7px 30px; margin:0; font-size:13px; line-height:1.5em; background: url(../png/pdficon.png) no-repeat 5px 9px; border-bottom: 1px dotted #CCC;}
#catalog_list>ul>li>a:hover{text-decoration:none; background:url(../png/pdficon.png) no-repeat 5px 9px #F4F4F4;}

#anchorbtn_box{padding: 5px 0 20px; height: 30px; background-color: rgba(255,255,255,0.9);}
ul#anchorbtn{width:96%; margin: 0 auto;}
ul#anchorbtn li{font-size: 12px; margin-right: 6px; line-height: 14px; padding: 0 0 0 20px;}


}
 
/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
h2.listh2{width:96%; margin:15px auto; line-height:40px; border-bottom:#0096AE 2px solid; font-size:18px; font-weight:bold;}

.lead{font-size:12px;}
#header_img{height:100px;}
#breadcrumbs{display:none;}

.catalog_lead{font-size: 12px; font-weight: bold;}
dl.catalog_thumb{margin:10px 0;}
dl.catalog_thumb dt{width:108px; margin:0 10px 0 0; float:left;}
dl.catalog_thumb dd{margin-left:116px; font-size: 12px; line-height: 1.7em;}
.btn_download_l{display:block; width:154px; height:33px; margin:15px 0;}
.btn_download_l a{display:block; width:114px; height:33px; padding-left:35px; color:#333; background:url(../btn_dl_l.html) no-repeat; line-height:33px; background-size: 130px;}

/*カタログ一覧*/
#catalog_list{width:96%; margin:0 auto; position:relative; padding-bottom:30px;}
#catalog_list a {display: block; padding: 10px; text-decoration: none; line-height:1;}

#catalog_list>label{display:block; margin:10px 0 0 0; padding:12px; line-height:1; color:#FFF; background: #0096AE; border:#CCC dotted 1px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; cursor:pointer; position:relative;}
#catalog_list>label::after{font-size:18px; font-weight:bold; position:absolute; right:12px; top:8px; color:#FFF; content: "+";}
#catalog_list>label.open::after{font-size:22px; font-weight:bold; position:absolute; right:12px; top:6px; color:#FFF; content: "-";}
#catalog_list>input {display: none;}
#catalog_list>ul {width:100%; margin:0; padding:0; list-style: none;}
#catalog_list>ul>li{ margin:0; padding:0; max-height: 0; overflow-y: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#catalog_list>ul>li>a{display:block; margin:0; padding:10px 0 10px 30px; font-size:12px; background: url(../png/pdficon.png) no-repeat 5px 11px; border-bottom: none;}
#catalog_list>ul>li>a:hover { background: url(../png/pdficon.png) no-repeat 5px 11px;}
#catalog_list>ul>li.sub_category{background: #EEE; padding: 0;}

#menu_type01:checked ~ #links01 li,
#menu_type02:checked ~ #links02 li, 
#menu_type03:checked ~ #links03 li, 
#menu_type04:checked ~ #links04 li, 
#menu_type05:checked ~ #links05 li, 
#menu_type06:checked ~ #links06 li, 
#menu_type07:checked ~ #links07 li, 
#menu_type08:checked ~ #links08 li, 
#menu_type09:checked ~ #links09 li {width:100%; float:none; max-height:250px; border-bottom:#CCC dotted 1px; opacity: 1;}

#anchorbtn_box{display: none;}
.anchorlink{display:none;}

}