html{height:100%;width:100%;margin:0;padding: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;}
li { list-style-type:none;}
img {border:none; vertical-align:bottom;}


/* --- 全体の設定 --- */
a:link {color:#9f9f9f;font-size:1.0em;}
a:visited {color:#3f3f3f;}
a:hover {color:#cfcfcf;}
a:active {color:#3f3f3f;}
a:hover img {opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6;}
a{text-decoration:none;}

div #left {width:20%;margin:5% auto;float:left;}
div .left-inner {text-align:left;margin:10% auto;}
div #right {width:76%;margin:5% 2%;float:left;}
div .right-inner  {width:47.6%;text-align: center;margin:1%;border:1px #E1E1E1 solid;float:left;}


/* --- ヘッダ フッタ--- */
div #wrap1{width:100%;top:margin:0;text-align:center;}
div #wrap2{width:96%;margin:16% 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 clearFix{color:#cfcfcf;}
div #footer-img {width:100%;height:60px;margin:0 auto;background:#ff0000;text-align:center;}


/* --- color --- */
.gray {background:#9f9f9f;color:#3f3f3f;}
.navy {background:#12456d;color:#fff;}
.s-pink {background:#b07b90;color:#fff;}
.brown {background:#4d4125;color:#bfb18f;}

.gray-s {color:#9f9f9f;font-size:0.6em;}
.red-sale{color:#9f3f3f;font-size:2.0em;}


/* --- 特集の設定 --- */
.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:#ffffff;background-color:#dfdfdf;}
h3 {width:100%;margin:5% 0 2% 0;text-align:center;color:#bfb18f;font-size:1.2em;font-weight:normal;}
h4 {width:100%;margin:2% 0;text-align:center;color:#bfb18f;font-size:1.0em;font-weight:normal;}


div.title {width:100%;margin:5% auto 1% auto;}
.title-inner {width:96%;margin:2%;text-align:left;font-weight:normal;}


.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:2% auto;}
.bn-60{width:60%;margin:1% auto;}
.bn-40{width:40%;margin:2% auto;}


img.i-img4{width:30%;margin:1%;}
.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;text-align:center;}
.link-inner {display:inline-block;width:86%;margin:2% auto;padding:2% auto;border:2px solid #9f9f9f;}
.link-inner a:link {color:#cfcfcf;font-size:1.4em;}


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



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