@charset "Shift_JIS";
/* ==================================================================
CSS information
style info :「」ページ用
================================================================== */


/* --------------------------------------------------------
#container
-------------------------------------------------------- */
#container { }

/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { overflow: visible; width: 100%; }



.boxBase { width: 100%; height: auto; position: relative;}
#areaMain {}
#areaA { }

#areaMain .repeatBg { background:#e2d9cc; }
#areaMain .repeatBg .boxBg { background: url(../_img/pc/everyone/everyone_bg.jpg) top center no-repeat; height:591px; padding-top:50px;}

#areaA .repeatBg { background: url(../_img/pc/everyone/variety_bg_r.jpg) top center repeat-x; }
#areaA .repeatBg .boxBg { background: url(../_img/pc/everyone/variety_bg.jpg) top center no-repeat; height:1119px; padding-top:32px;}



/* --------------------------------------------------------
#everyoneBlock
-------------------------------------------------------- */
#everyoneBlock { width:960px; position: relative; margin:0 auto; text-align:left; }

#ttl { position:relative; top:0px; left:30px; width:616px; height:102px; margin-bottom:26px; z-index:2; }
#ttl img { position: absolute;}

#cha01 { position: absolute; z-index:1;}
#cha01 img { position: absolute;}
#cha01 { top: -13px; left: 502px;}

#everyoneBlock .readtext { margin-bottom: 28px; margin-left:30px;}
#everyoneBlock .copy { margin-bottom:26px; margin-left:24px; }
#everyoneBlock .text { position: absolute; top:370px; left:496px; width:266px; height:153px; z-index:3; }
#everyoneBlock .text img { position: absolute;} 


/* --------------------------------------------------------
#varietyBlock
-------------------------------------------------------- */
#varietyBlock { width:960px; position: relative; margin:0 auto; text-align:left; }

#ttl_s { position:relative; top:0px; left:30px; width:523px; height:106px; margin-bottom:6px; }
#ttl_s img { position: absolute;}

.listBox { position:relative;}
.listBox li { display:block; vertical-align:top; position:absolute;}
.listBox img { position: absolute;}

.boxA { margin-left:30px;}
.boxA .ttl_ss { position:relative; top:0px; left:0px; width:502px; height:103px; margin-bottom:6px; }

.boxA .listBox { height:332px; }
.boxA .listBox .list1 { top:0px; left:60px;}
.boxA .listBox .list2 { top:-39px; left:475px;}


.boxB { margin-left:27px; margin-top:-12px;}
.boxB .ttl_ss { position:relative; top:0px; left:3px; width:822px; height:117px; margin-bottom:17px; }

.boxB .listBox li .chr { position:absolute; }

.boxB .listBox .list1 { top:6px; left:0px; }
.boxB .listBox .list2 { top:0px; left:352px; }
.boxB .listBox .list3 { top:190px; left:394px; }

.boxB .listBox .list1 .chr { top:30px; left:266px; }
.boxB .listBox .list2 .chr { top:-9px; left:168px; }
.boxB .listBox .list3 .chr { top:11px; left:427px; }