@charset "UTF-8";
/*whats.css*/

#nextContentsIn{background:url(../img/whats/whats_lead.jpg) center 49px no-repeat;}
.blockSet{padding-bottom:30px;}

.boxFrameTop {position:relative; z-index:10;}

#hello.blockSet .leadBox{padding-bottom:20px;}
#hello #helloStep1 .textBox{float:left;width:477px;}
#hello #helloStep1 .itemBox{float:right;width:257px;}

#hello #helloStep2 .textBox{padding-bottom:10px;}
#hello #helloStep2 .itemBox{width:648px;margin:0 auto;overflow:hidden;background:url(../img/common/boxed_arrow.png) 318px center no-repeat;}
#hello #helloStep2 .itemBox ul li.phBoxa{float:left; width:345px;}
#hello #helloStep2 .itemBox ul li.phBoxb{float:right;width:303px;}

#hello #helloStep3 .textBox{padding-bottom:10px;}
#hello #helloStep3 .itemBox{width:562px;margin:0 auto;overflow:hidden;}
#hello #helloStep3 .itemBox ul li.phBoxa{float:left;width:303px;}
#hello #helloStep3 .itemBox ul li.phBoxb{float:right;width:229px;}

#system.blockSet .itemBox{width:886px;margin:0 auto;overflow:hidden;}
#system.blockSet .itemBox div.phBoxa{float:left;width:265px;}
#system.blockSet .itemBox div.phBoxb{float:right;width:580px;}
#system.blockSet .itemBox div.phBoxb ul{overflow:hidden;background:url(../img/common/arrow_right.png) center center no-repeat;}
#system.blockSet .itemBox div.phBoxb ul li{width:273px;}
#system.blockSet .itemBox div.phBoxb ul li.phBoxa{float:left;}
#system.blockSet .itemBox div.phBoxb ul li.phBoxb{float:right;}

#system.blockSet .caption{clear:both;}

#illust.blockSet .leadBox p.itemBox{text-align:center;margin-bottom:20px;}

#naviBox ul li#btnWhats a{display:none;}