html{height:100%;width:100%;margin:0;padding:0;}
body{margin:0;}

body , dl , dt , dd , ul , ol , li , h2 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td { 
margin:0;padding:0;font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;text-align: center;}



/* --- 全体の設定 --- */


a:link {color:#6f6f6f;}
a:visited {color:#3f3f3f;}
a:hover {color:#9f9f9f;}
a:active {color:#9f9f9f;}
a{size:0.8em; text-decoration:none;}
a:hover img {opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6;}

img {border:none; vertical-align:bottom;}


/* --- ヘッダ フッタ--- */
div #wrap1{width:100%;top:margin:0;text-align:center;}
div #wrap2{width:96%;margin:1% auto;}
div #footer {bottom:0;width:100%;height:auto;margin:0;}
div #footer-inner {width:100%;height:30px;margin:0 auto;font-size:1.5em;text-align:center;}
div #footer-inner a:link{color:#cfcfcf;}
div #footer-img {width:100%;margin:0 auto;background:#ff0000;text-align:center;}



/* ---Boxslider 3window --- */

.indexslider-wrapper { overflow: hidden;}
.indexslider { position: relative; left: 18vw; /* (100vw - SlideWidth) / 2 */
  overflow: visible !important;}
.indexslide { width: 25vw !important;  /*min-height: 140px;*/}
.indexslide p { width: 96%;/*min-height: 140px;*/
  margin-left: auto;margin-right: auto;padding:0;background-color: #fff;color: #EEE;}



/* --- 特集の設定 --- */
.contents-group { width:100%;margin:0% auto 3% auto;clear:both;}
.contents-sub-2 { float:left;width:49%;margin:0.5%; }


.list-line2{float:left;width:49%;margin:0.5%;}
.list-line3{float:left;width:32.333%;margin:0.5%;}
.list-line4{float:left;width:24%;margin:0.5%;}

.list-in{width:94%;padding:10% auto;margin:10% auto;}
.list-in2{width:90%;padding:10% auto;margin:10% auto;}
.list-in2 a:link clearFix {font-size:1.4em;}

h2 {width:100%;margin:5% 0 2% 0;font-size:1.4em;color:#9f9f9f;background-color:#efefef;}
h3 {width:100%;margin:5% 0 2% 0;text-align:center;color:#9f9f9f;font-size:1.2em;font-weight:normal;}
h4 {width:100%;margin:2% 0;text-align:center;color:#9f9f9f;font-size:1.0em;font-weight:normal;}


div.title {width:100%;text-align:center;margin:5% auto 1% auto;}
div.title-inner {width:96%;margin:2%;text-align:left;font-weight:normal;}
.gray {background:#cfcfcf;color:#9f9f9f;}
.navy {background:#12456d;color:#fff;}


.bn-100{width:100%;margin:1% auto;}
.bn-98{width:98%;margin:1% auto;}
.bn-94{width:94%;margin:1% auto;}
.bn-90{width:90%;margin:5% auto;}
.bn-60{width:60%;margin:1% auto;}
.bn-40{width:40%;margin:5% auto;}

img.i-img4{width:30%;margin:1% auto;}
.cat-bn4{border:1px #cfcfcf solid; width:24%;margin:2px 0;}
.cat-bn5{border:1px #cfcfcf solid; width:19%;margin:2px 0;}


div.link {width:100%;margin:2% auto 5% text-align:center;}
div.link-inner {width:86%;margin:2% auto 5% auto ;padding:2% auto 5% auto ;font-size:1.2em;border:2px solid #9f9f9f;}
.link-inner a:link {color:#cfcfcf;font-size:1.2em;}

.itemlist-out3{width:33%;float:left;margin:0.1%;}
.itemlist-out2{width:48%;float:left;margin:0.1%;}


/* --- 検索 --- */

form.search {margin:5% auto ; position: relative;}
#btn {width:26%;height:66px; font-size:1.6em; color:#ffffff;font-weight:bold;background:#6f6f6f;border:2px #6f6f6f solid;}
#keyword2 {width:40%; height:66px; padding: 0 0 0 1%;font-weight:bold;font-size:1.6em;border:2px #6f6f6f solid;color:#6f6f6f;
background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u4431530/pc/css/../bn/search.png) no-repeat 2px 2px;background-size: 1.6em;background-color:#ffffff;}


/* --- clearfix --- */
.clearFix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearFix {min-height:1px;}