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

.clearfix:after {  
content: ".";   
display: block;   
height: 0;   
clear: both;   
visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  

* html .clearfix { height: 1%; }  
.clearfix { display: block; }  

.y1d img{ width:100%;}
.y1a{
margin-bottom:10px;
}
.y1b{
margin-bottom:20px;
}
.y1c{
margin-bottom:30px;
}
.y1d{
margin-bottom:40px;
}
.y1e{
margin-bottom:50px;
}
.y1f{
margin-bottom:60px;
}
.y1g{
margin-bottom:70px;
}
.ycf{
overflow: hidden;
display:inline-block;
}
.ycf:after{
content:".";
display: block;
visibility: hidden;
height:0.1px;
font-size: 0.1em;
line-height: 0;
clear:both;
}

.y2a{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}

.y2f335{
width:315px;
float:left;
padding:5px 10px 15px 10px;
}

.y2f220{
width:210px;
float:left;
padding:10px 5px;
}

/* -共通 */

/* 商品説明 */
#y001{
margin:10px 0;
border:1px solid #D22;
background:#FFD;
}
#y001 li,#y001 p{
padding:4px;
font-size:12px;
color:#333;
line-height:150%;
}
#y001 li span,#y001 p span{
color:#D22;
}
#y002{
margin:20px 0;
padding:6px;
border:1px dashed #CCC;
font-size:14px;
color:#333;
line-height:150%;
}
#y003{
}
#y003 dt{
margin:12px 0;
padding:2px 5px;
border-left:4px double #CCC;
border-bottom:1px solid #CCC;
background:#EEE;
}
#y003 dd{
line-height:150%;
}
/* -商品説明 */

/* 販売説明 */
#y500{
width:670px;
margin-bottom:40px;
font-size:14px;
line-height:150%;
}


/* -販売説明 */


/* miel2 */
#ymiel2{
width:670px;
margin:0 0 50px 0;
}
#ymiel2 h1{
background:#eee;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:7px solid #e3297d;
border-bottom:1px solid #ccc;
padding:.3em .4em;
font-size:16px;
}
#ymiel2 #y01{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}
/* tab menu */
#ymiel2 #tabmenu{
padding:0;
margin:0;
width:670px;
position:relative;
}
#ymiel2 #tabmenu div#tab{
position: absolute;
top:0;
left:0;
}
#ymiel2 #tabmenu div#tab a{
float: left;
width: 335px;
height: 600px;
display: block;
}
#ymiel2 div#tab_contents{
width:670px;
overflow:hidden;
clear:both;
}
#ymiel2 div#tab_contents ul{
width:1340px;
padding:0;
margin:0;
}
#ymiel2 div#tab_contents ul li{
float: left;
width:670px;
list-style-type:none;
padding:600px 0 20px 0;
}
#ymiel2 #yl1{
padding:20px 3px;
border:1px solid #b4a37b;
border-top:20px solid #b4a37b;
border-bottom:20px solid #b4a37b;
}
#ymiel2 #yk1{
padding:20px 3px;
border:1px solid #7985a8;
border-top:20px solid #7985a8;
border-bottom:20px solid #7985a8;
}
/* -tab menu */
#ymiel2 .img01{
margin:0 5px 0 30px;
}
#ymiel2 #yl2{
position:fixed;
bottom:110px;
right: 0;
}
/* -miel2 */

/* bs */
#ybs{
width:670px;
margin:0 0 50px 0;
}
#ybs h1{
background:#eee;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:7px solid #e3297d;
border-bottom:1px solid #ccc;
padding:.3em .4em;
font-size:16px;
}
#ybs #y01{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}


/* L-STYLE */
#ylstyle{
width:670px;
margin:0 0 50px 0;
}
#ylstyle h1{
background:#eee;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:7px solid #00283C;
border-bottom:1px solid #ccc;
padding:.3em .4em;
font-size:16px;
}
#ylstyle #y01{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}
#ylstyle #y02{
width:668px;
margin:0 0 50px 0;
padding:30px 0 30px 0;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #00283C;
}
#ylstyle #y03{
padding-left:26px;
}

/* LIFE NA */
#ylna{
width:670px;
margin:0 0 50px 0;
}
#ylna h1{
background:#eee;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:7px solid #80670F;
border-bottom:1px solid #ccc;
padding:.3em .4em;
font-size:16px;
}
#ylna #y01{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}
#ylna h2,#ylna h3,#ylna h4,#ylna h5,#ylna h6{
margin:0 0 20px 0;
padding:0;
}
#ylna .y02{
font-size:14px;
color:#444;
line-height:170%;
}
#ylna .y03{
margin:0 0 50px 0;
padding:0 0 0 30px;
}
#ylna #y04{
margin:0;
padding:0 0 0 10px;
}

/* 77option */
#y77opt div#y77opt01,.y77opt div#y77opt01{
margin:30px 0;
padding:8px;
border:1px solid #1a1f1e;
}
#y77opt div#y77opt01 p,.y77opt div#y77opt01 p{
font-size:14px;
color:#1a1f1e;
line-height:160%;
}
#y77opt div.y77opt02,.y77opt div.y77opt02{
margin-top:20px;
padding:8px;
border:1px solid #d22;
background:#ffd;
}
#y77opt div.y77opt02 p,.y77opt div.y77opt02 p{
font-size:14px;
color:#1a1f1e;
line-height:180%;
}
#y77opt div.y77opt02 p b,.y77opt div.y77opt02 p b{
font-size:16px;
font-weight:bold;
color:#d22;
}
#y77opt div.y77opt02 p img,.y77opt div.y77opt02 p img{
margin:10px 14px 4px 0;
}
#y77opt div#y77opt03 p,.y77opt div.y77opt03 p{
margin:20px 0;
padding:8px;
font-size:14px;
color:#1a1f1e;
line-height:160%;
}
#y77opt03 h3,.y77opt03 h5{
margin-top:60px;
}
#y77opt03 dl.y77opt04,.y77opt03 dl.y77opt04{
width:320px;
height:430px;
float:left;
margin:30px 12px 30px 0;
border:1px solid #1a1f1e;
}
#y77opt03 dl.y77opt04 dt,#y77opt03 dl.y77opt04a dt,.y77opt03 dl.y77opt04 dt,.y77opt03 dl.y77opt04a dt{
height:50px;
padding:4px;
font-size:16px;
color:#e4dfb6;
background:#1a1f1e;
}
#y77opt03 dl.y77opt04 dd,#y77opt03 dl.y77opt04a dd,.y77opt03 dl.y77opt04 dd,.y77opt03 dl.y77opt04a dd{
height:350px;
position:relative;
padding:10px;
}
#y77opt03 dl.y77opt04 dd p,#y77opt03 dl.y77opt04a dd p,.y77opt03 dl.y77opt04 dd p,.y77opt03 dl.y77opt04a dd p{
font-size:14px;
color:#1a1f1e;
line-height:160%;
}
#y77opt03 dl.y77opt04 dd .y77opt05,#y77opt03 dl.y77opt04a dd .y77opt05,.y77opt03 dl.y77opt04 dd .y77opt05,.y77opt03 dl.y77opt04a dd .y77opt05{
position:absolute;
bottom:5px;  
right:5px;  
text-align:right;
font-size:14px;
color:#d22;
}
#y77opt03 dl.y77opt04a,.y77opt03 dl.y77opt04a{
width:652px;
height:430px;
float:left;
margin:30px 12px 30px 0;
border:1px solid #1a1f1e;
}
#y77opt03 dl.y77opt04a dd div img,.y77opt03 dl.y77opt04a dd div img{
margin-right:10px;
}
#y77opt03 .y77opt05 a,.y77opt03 .y77opt05 a{
color:#d22;
text-decoration:underline;
}
#y77opt03 .y77opt05 a:hover,.y77opt03 .y77opt05 a:hover{
color:#71bcb5;
text-decoration:none;
}
#y77opt03 dl.y77opt04 dd .y77opt06,#y77opt03 dl.y77opt04a dd .y77opt06,.y77opt03 dl.y77opt04 dd .y77opt06,.y77opt03 dl.y77opt04a dd .y77opt06{
position:absolute;
top:5px;  
right:5px;  
text-align:right;
line-height:160%;
}

/* 260 AL-MANO */
#yalm{
width:670px;
margin:0 0 50px 0;
}
#yalm p{
font-size:14px;
line-height:180%;
}
#yalm #yalm02,#yalm #yalm03,#yalm #yalm04{
margin:20px 0 70px 0;
}
#yalm #yalm02 div p{
width:650px;
padding:0 10px;
}
#yalm #yalm02 div p img{
margin:0 5px 12px 30px;
}
#yalm #yalm02 div p b{
font-size:18px;
color:#642d73;
font-weight:bold;
}
#yalm #yalm03 dl{
width:650px;
margin:0 10px;
}
#yalm #yalm03 dd{
width:625px;
margin:0 0 24px 8px;
padding-left:14px;
border-left:2px solid #390944;
border-bottom:2px solid #390944;
}
#yalm #yalm03 dd p img{
margin:0 5px 12px 30px;
}
#yalm #yalm05{
margin-bottom:50px;
}
#yalm #yalm05 p{
width:650px;
padding:0 10px;
}
#yalm #yalm05 p img{
margin:0 5px 12px 30px;
}
#yalm h3{
background:none;
}
#yalm table,#yalm table td{
border:none;
}
#yalm #yalm06 ul,#yalm #yalm06 li{
margin:0;
padding:0;
}
#yalm #yalm06 li{
width:670px;
float:left;
}

/* 61 ワードローブすきまくん */
#ywsk{
max-width:940px;
width:100%;
margin:0 0 50px 0;
}
#ywsk img{ width:100%}
#ywsk #y01{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}
#ywsk #y02{
margin:30px 20px;
padding:12px;
font-size:14px;
color:#444;
line-height:170%;
background:#eaf7fd;
border:1px solid #5976ba;
}
#ywsk #y02 span,#ywsk #y03 span{
font-size:18px;
color:#D22;
}
#ywsk #y03{
margin:10px 20px;
padding:12px;
font-size:14px;
color:#444;
line-height:170%;
}
#ywsk #y03 b{
font-size:18px;
font-weight:bold;
color:#4ca634;
}
#ywsk .y04{
width:99%;
margin-bottom:10px;
border:1px solid #f08300;
table-layout: fixed;
}
#ywsk .y04 th{
width:14%;
padding:12px 4px;
border:1px solid #f08300;
border-collapse:collapse;
background:#f08300;
font-weight:bold;
color:#FFF;
text-align:center;
}
#ywsk .y04 td{
width:14%;
padding:12px 4px;
border:1px solid #f08300;
border-collapse:collapse;
}
#ywsk .y04 td span{
font-size:12px;
}
#ywsk .y04 td a{
color:#039;
}
#ywsk .y04 td a:hover{
color:#f08300;
}
#ywsk .y05{
width:99%;
margin-bottom:10px;
border:1px solid #46b034;
}
#ywsk .y05 th{
width:20%;
padding:12px 4px;
border:1px solid #46b034;
border-collapse:collapse;
background:#46b034;
font-weight:bold;
color:#FFF;
text-align:center;
}
#ywsk .y05 td{
width:20%;
padding:12px 4px;
border:1px solid #46b034;
border-collapse:collapse;
}
#ywsk .y05 td span{
font-size:12px;
}
#ywsk .y05 td a{
color:#039;
}
#ywsk .y05 td a:hover{
color:#46b034;
}
#ywsk .y06{
width:99%;
margin-bottom:10px;
border:1px solid #008cd4;
table-layout: fixed;
}
#ywsk .y06 th{
width:14%;
padding:12px 4px;
border:1px solid #008cd4;
border-collapse:collapse;
background:#008cd4;
font-weight:bold;
color:#FFF;
text-align:center;
}
#ywsk .y06 td{
width:14%;
padding:12px 4px;
border:1px solid #008cd4;
border-collapse:collapse;
}
#ywsk .y06 td span{
font-size:12px;
}
#ywsk .y06 td a{
color:#039;
}
#ywsk .y06 td a:hover{
color:#008cd4;
}

/* 61 チェストすきまくん */
#ytsk .y04 td a{ text-decoration:underline;}
#ytsk{
max-width:940px;
width:100%;
margin:0 0 50px 0;
}
#ytsk #y01{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}
#ytsk #y02{
margin:30px 20px;
padding:12px;
font-size:14px;
color:#444;
line-height:170%;
background:#eaf7fd;
border:1px solid #5976ba;
}
#ytsk #y02 span,#ytsk #y03 span{
font-size:18px;
color:#D22;
}
#ytsk #y03{
margin:10px 20px;
padding:12px;
font-size:14px;
color:#444;
line-height:170%;
}
#ytsk #y03 b{
font-size:18px;
font-weight:bold;
color:#4ca634;
}
#ytsk .y04{
width:99%;
margin-bottom:10px;
border:1px solid #5976ba;
}
#ytsk .y04 th{
width:20%;
padding:12px 4px;
border-bottom:1px solid #FFF;
border-collapse:collapse;
background:#5976ba;
font-weight:bold;
color:#FFF;
text-align:center;
}
#ytsk .y04 td{
width:20%;
padding:12px 4px;
border:1px solid #5976ba;
border-collapse:collapse;
}
#ytsk .y04 td span{
font-size:12px;
}
#ytsk .y04 td a{
color:#039;
}
#ytsk .y04 td a:hover{
color:#5976ba;
}

/* 61 カウンター下すきまくん */
#ycsp{
width:940px;
margin:0 0 50px 0;
}
#ycsp img{ width:100%}
#ycsp #y01{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}
#ycsp #y02{
margin:30px 20px;
padding:12px;
font-size:14px;
color:#444;
line-height:170%;
background:#eaf7fd;
border:1px solid #5976ba;
}
#ycsp #y02 span,#ycsp #y03 span{
font-size:18px;
color:#D22;
}
#ycsp #y03{
margin:10px 20px;
padding:12px;
font-size:14px;
color:#444;
line-height:170%;
}
#ycsp #y03 b{
font-size:18px;
font-weight:bold;
color:#4ca634;
}
#ycsp .y04{
width:99%;
margin-bottom:10px;
border:1px solid #5976ba;
}
#ycsp .y04 th{
width:20%;
padding:12px 4px;
border-bottom:1px solid #FFF;
border-collapse:collapse;
background:#5976ba;
font-weight:bold;
color:#FFF;
text-align:center;
}
#ycsp .y04 td{
width:20%;
padding:12px 4px;
border:1px solid #5976ba;
border-collapse:collapse;
}
#ycsp .y04 td span{
font-size:12px;
}
#ycsp .y04 td a{
color:#039;
}
#ycsp .y04 td a:hover{
color:#5976ba;
}
#ycsp .y05{
width:99%;
margin-bottom:10px;
border:1px solid #f08300;
}
#ycsp .y05 th{
width:20%;
padding:12px 4px;
border:1px solid #f08300;
border-collapse:collapse;
background:#f08300;
font-weight:bold;
color:#FFF;
text-align:center;
}
#ycsp .y05 td{
width:20%;
padding:12px 4px;
border:1px solid #f08300;
border-collapse:collapse;
}
#ycsp .y05 td span{
font-size:12px;
}
#ycsp .y05 td a{
color:#039;
}
#ycsp .y05 td a:hover{
color:#f08300;
}
#ycsp .y06{
width:99%;
margin-bottom:10px;
border:1px solid #46b034;
}
#ycsp .y06 th{
width:20%;
padding:12px 4px;
border:1px solid #46b034;
border-collapse:collapse;
background:#46b034;
font-weight:bold;
color:#FFF;
text-align:center;
}
#ycsp .y06 td{
width:20%;
padding:12px 4px;
border:1px solid #46b034;
border-collapse:collapse;
}
#ycsp .y06 td span{
font-size:12px;
}
#ycsp .y06 td a,#ycsp .y05 td a{ text-decoration:underline;}
#ycsp .y06 td a{
color:#039;
}
#ycsp .y06 td a:hover{
color:#46b034;
}

/* リーガ */
#yliga{
width:670px;
margin:0 0 50px 0;
}
#yliga h1{
background:#eee;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:7px solid #80670F;
border-bottom:1px solid #ccc;
padding:.3em .4em;
font-size:16px;
}
#yliga #y01{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}
#yliga .y02{
font-size:14px;
color:#444;
line-height:170%;
}
#yliga .y03{
width:99%;
margin-bottom:10px;
border:1px solid #80670F;
border-top:5px solid #80670F;
border-bottom:5px solid #80670F;
}
#yliga .y03 td{
border:1px solid #80670F;
border-collapse:collapse;
}

/* 16000045,16000059,16000060 */
#y16000045{
width:670px;
margin:0 0 50px 0;
}
#y16000045 p{
font-size:14px;
line-height:180%;
}
#y16000045 h3,#y16000045 h5{
position: relative;
margin: 0 0 1.5em;
padding: 0.8em 0 0.8em 1.5em;
border: 2px solid #ddd6ca;
background:#f7f7f7;
font-size: 1.143em;
font-weight: bold;
}
#y16000045 h3:before,#y16000045 h5:before{
content: "";
position: absolute;
background: #ddd6ca;
top: 50%;
left: 0.5em;
margin-top :-15px;
height: 30px;
width: 8px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
#y16000045 .y16000045a{
width:650px;
padding:0 10px;
}
#y16000045 .y16000045a img{
margin:0 14px 24px 0;
}
#y16000045 #y16000045b{
margin-bottom:20px;
}
#y16000045 #y16000045b p{
width:330px;
height:260px;
float:left;
}
#y16000045 #y16000045b p img,#y16000045 #y16000045c p img{
margin-right:14px;
}
#y16000045 #y16000045d{
margin-bottom:20px;
}
#y16000045 #y16000045d p{
width:330px;
height:330px;
float:left;
}
.modal-window {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate(0, 100%, 0);
transform: translate(0, 100%, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0;
display: none;
}
.modal-window:target {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.is-active.modal-window {
display: block;
}
.modal-window:target {
display: block;
}
.modal-window .modal-inner {
position: absolute;
top: 50px;
left: 50%;
z-index: 20;
margin-left: -325px;
width: 700px;
overflow: hidden;
border-radius: 2px;
background: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
.modal-window .modal-inner p {
padding: 0 10px;
}
.modal-window .modal-close {
display: block;
text-indent: -100px;
overflow: hidden;
}
.modal-window .modal-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
}
.modal-window .modal-close:after {
content: '\00d7';
position: absolute;
top: 25px;
left: 50%;
z-index: 20;
margin-left: 315px;
background: #fff;
border-radius: 2px;
padding: 2px 8px;
font-size: 1.2em;
text-decoration: none;
text-indent: 0;
}
.modal-window {
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.modal-window .modal-inner iframe{
margin:0;
}
#y16000045 #y160li li{
float:left;
width:150px;
height:220px;
margin:3px 3px 10px 3px;
padding:4px;
border:1px solid #ddd;
font-size:12px;
line-height:160%;
}
#y16000045 #y160li li img{
width:150px;
height:150px;
}


/* materia2 */
#ymate2{
width:670px;
margin:0 0 50px 0;
}
#ymate2 h2{
background:#eee;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:7px solid #e3297d;
border-bottom:1px solid #ccc;
padding:.3em .4em;
font-size:16px;
}
#ymate2 #y01{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}
#ymate2 .y02{
width:650px;
padding:10px;
font-size:14px;
}
#ymate2 .y03{
padding:0 10px;
}
#ymate2 .y03b{
width:640px;
padding:0 4px 24px 4px;
margin-bottom:70px;
border:1px solid #3c3c3c;
}
#ymate2 .y03c{
width:220px;
padding:7px 4px 24px 4px;
margin-bottom:70px;
border:1px solid #3c3c3c;
}
#ymate2 #y03d{
width:240px;
float:left;
}
#ymate2 #y03e{
width:406px;
float:right;
}
#ymate2 #yiframe a{
display: block;
width: 100%;
padding: 0.4em 0px;
margin: 0.5em auto;
border-style: solid;
border-width: 1px;
border-color: #ccc #999 #999 #ccc;
-webkit-border-radius: 7px; /* Chrome,Safari */
-moz-border-radius: 7px;    /* Firefox */
border-radius: 7px;         /* CSS3 */
font-size:18px;
font-weight:bold;
text-decoration: none;
text-align: center;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); /* IE */
background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
}

/* 5701230,5701231 */
#y5701230{
width:670px;
margin:0 0 50px 0;
}
#y5701230 p{
font-size:14px;
line-height:180%;
}
#y5701230 h3,#y5701230 h5{
position: relative;
margin: 0 0 1.5em;
padding: 0.8em 0 0.8em 1.5em;
border: 2px solid #ddd6ca;
background:#f7f7f7;
font-size: 1.143em;
font-weight: bold;
}
#y5701230 h3:before,#y5701230 h5:before{
content: "";
position: absolute;
background: #ddd6ca;
top: 50%;
left: 0.5em;
margin-top :-15px;
height: 30px;
width: 8px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
#y5701230 .y5701230a{
width:650px;
padding:0 10px;
}
#y5701230 .y5701230a img{
margin:0 14px 24px 0;
}
#y5701230 #y5701230b{
margin-bottom:40px;
}
#y5701230 #y5701230b p{
width:320px;
height:300px;
float:left;
padding:0 10px 5px 0;
}
#y5701230 #y5701230b p img{
margin-right:8px;
width:160px;
}
#y5701230 #y5701230li li{
float:left;
width:210px;
height:260px;
margin-bottom:14px;
padding:3px;
font-size:12px;
line-height:160%;
}

/* 20200020,20200021 */
#y20200020{
width:670px;
margin:0 0 50px 0;
}
#y20200020 p{
font-size:14px;
line-height:180%;
}
#y20200020 #y20200020a{
width:630px;
height:372px;
padding:170px 0 0 40px;
}
#y20200020 #y20200020a p{
width:200px;
}
#y20200020 #y20200020b p{
width:285px;
float:left;
padding:0 5px 70px 40px;
}
#y20200020 #y20200020c p{
padding:4px 40px;
}

/* y30800006-8 */
#y30800006{
width:670px;
margin:0 0 50px 0;
}
#y30800006 p{
font-size:14px;
line-height:180%;
color:#594431;
}
#y30800006 .y30800006a{
padding:5px;
}
#y30800006 .y30800006a img{
margin:0 0 12px 12px;
}
#y30800006 #y30800006b{
width:670px;
height:500px;
margin-bottom:70px;
}
#y30800006 #y30800006b div{
padding:60px 16px 12px 235px;
}
#y30800006 #y30800006c{
width:670px;
height:428px;
margin-bottom:70px;
}
#y30800006 #y30800006c div{
padding:60px 30px 0 30px;
}
#y30800006 .y30800006d img{
margin:0 12px 12px 0;
}

/* caesar */
#ycaesar{
width:670px;
margin:0 0 50px 0;
}
#ycaesar #y00{
background:#eee;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:7px solid #00283C;
border-bottom:1px solid #ccc;
padding:.3em .4em;
font-size:16px;
}
#ycaesar #y01{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}
#ycaesar #y02{
width:668px;
margin:0 0 50px 0;
padding:30px 0 30px 0;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #00283C;
}
#ycaesar #y03{
padding-left:26px;
}


/* kern */
#ykern{
width:670px;
margin:0 0 50px 0;
}
#ykern li{
	list-style-type: none;
}
#ykern #y00{
background:#eee;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:7px solid #00283C;
border-bottom:1px solid #ccc;
padding:.3em .4em;
font-size:16px;
}
#ykern #y01{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}
#ykern #y02{
width:668px;
margin:0 0 50px 0;
padding:30px 0 30px 0;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #00283C;
}
#ykern #y03{
padding-left:26px;
}
#ykern .m10{
margin-left:4px;
}
#ykern .m10 li{
	width:200px;
	height:200px;
	margin:10px 3px;
	padding:5px;
	border:1px solid #aaa;
	float:left;
	position:relative;
	line-height:150%;
}
#ykern .m10 li a{
	display:inline-block;
	width:200px;
	height:200px;
	font-size:14px;
	color:#039;
	text-decoration:none;
}
#ykern .m10 li a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#ykern .m10 li a img{
margin-left:20px;
}
#ykern .m11{
	display:block;
	position:absolute;
	bottom:3px;
	right:3px;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	color:#a22;
}
#ykern .m11 b{
	text-align:right;
	font-size:16px;
	font-weight:bold;
	color:#a22;
}
#ykern .m14{
	padding: 6px 1em 6px 0.7em;
	border-left: 3px solid #DADADD;
	color: #fff;
	background-color: #2d2d2d;
	filter: alpha(opacity=100,finishopacity=10,style=1);
}

/* mg3 */
#ymg3{
max-width:670px;
width: 100%;
margin:0 0 50px 0;
}
#ymg3 #y00{
background:#eee;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:7px solid #00283C;
border-bottom:1px solid #ccc;
padding:.3em .4em;
font-size:16px;
}
#ymg3 #y01{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}
#ymg3 #y02{
width:668px;
margin:0 0 50px 0;
padding:30px 0 30px 0;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #00283C;
}
#ymg3 #y03{
padding-left:26px;
}

/* choiceR */
#ychr{
width:670px;
margin:0 0 50px 0;
}
#ychr #y00{
background:#eee;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:7px solid #00283C;
border-bottom:1px solid #ccc;
padding:.3em .4em;
font-size:16px;
}
#ychr #y01{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}
#ychr #y02{
width:668px;
margin:0 0 50px 0;
padding:30px 0 30px 0;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #00283C;
}
#ychr #y03{
padding-left:26px;
}


/* berti */
#yberti{
width:670px;
margin:0 0 50px 0;
}
#yberti li{
	list-style-type: none;
}
#yberti #y00{
background:#eee;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-left:7px solid #00283C;
border-bottom:1px solid #ccc;
padding:.3em .4em;
font-size:16px;
}
#yberti #y01{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #ccc;
}
#yberti #y02{
width:668px;
margin:0 0 50px 0;
padding:30px 0 30px 0;
font-size:14px;
color:#444;
line-height:170%;
border:1px solid #00283C;
}
#yberti #y03{
padding-left:26px;
}
#yberti .y04{
margin:20px 10px;
padding:8px;
font-size:14px;
color:#444;
line-height:170%;
}
#yberti .m10{
margin-left:3px;
}
#yberti .m10 li{
	width:160px;
	height:260px;
	margin:10px 2px;
	float:left;
	position:relative;
	line-height:150%;
}
#yberti .m10 li a{
	display:inline-block;
	width:160px;
	height:260px;
	font-size:14px;
	color:#039;
	text-decoration:none;
}
#yberti .m10 li a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#yberti .m10a{
margin-left:3px;
}
#yberti .m10a li{
	width:190px;
	height:260px;
	margin:10px 2px;
	float:left;
	position:relative;
	line-height:150%;
}
#yberti .m10a li a{
	display:inline-block;
	width:190px;
	height:260px;
	font-size:14px;
	color:#039;
	text-decoration:none;
}
#yberti .m10a li a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#yberti .m10b{
margin-left:3px;
}
#yberti .m10b li{
	width:325px;
	height:260px;
	margin:10px 2px;
	float:left;
	position:relative;
	line-height:150%;
}
#yberti .m10b li a{
	display:inline-block;
	width:325px;
	height:260px;
	font-size:14px;
	color:#039;
	text-decoration:none;
}
#yberti .m10b li a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#yberti .m11{
	display:block;
	position:absolute;
	bottom:3px;
	right:3px;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	color:#a22;
}
#yberti .m11 b{
	text-align:right;
	font-size:16px;
	font-weight:bold;
	color:#a22;
}
#yberti .m12 li{
	width:305px;
	height:190px;
	margin:10px 4px;
	padding:10px;
	border:1px solid #cfcfcf;
	float:left;
	position:relative;
	font-size:14px;
	color:#444;
	line-height:170%;
}
#yberti .m12 li p b{
	font-size:16px;
	font-weight:bold;
	color:#a22;
}
#yberti .m14{
	padding: 6px 1em 6px 0.7em;
	border-left: 3px solid #DADADD;
	color: #fff;
	background-color: #2d2d2d;
	filter: alpha(opacity=100,finishopacity=10,style=1);
}


/* ここから坂本追記20160613 */
/* materia3 */
#skm3{
max-width:670px;
width:100%;
margin:0 0 50px 0;

}

.sk1b{
margin-bottom:20px;
}

.sk1e{
margin-bottom:50px;
}

.sk1g{
margin-bottom:70px;

}
/*ブック隙間くん*/
#ytsk img {
    width: 100%;
}
.sukima_setumei {
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}
.sukima_setumei div {
    width: 31%;
    box-sizing: border-box;
	margin-bottom:20px;
	
}
.sukima_setumei img{ width:100%;}
.sukima_setumei span{ display:block; font-weight:bold;}
@media screen and (min-width: 0px) and (max-width:480px) {
#ycsp{ width:100%;}
.sukima_setumei div {
    width: 47%;
	
}
}