@charset "UTF-8";
/*style.css*/
p{margin:0;padding:0;}
body{background:url(../img/bg.png) center top no-repeat #fff9ec;min-height:900px;}
#wrapper{width:100%;background:url(../img/bg_chara.png) center 11px no-repeat;}
#contents{width:960px;margin:0 auto;}
/*font style*/
#secCollabo .textBox p{color:#000;}
#footer a{color:#ff6400;}

/*header*/
#header{width:100%;background-color:#fff;}
#headerIn{width:950px;height:60px;margin:0 auto;}
#headerIn .left{ float:left; width:154px; padding-top:22px; }
#headerIn .right{ float:right; width:161px; padding-top:13px; }

/*mainHead*/
#mainHead{width:100%;height:470px;position:relative;}
#mainHead #sqexLogo{width:418px;margin:0 auto;}
#mainHead h1{width:960px;position:absolute;left:0px;top:59px;}
#mainHead p.lead{width:377px;padding:291px 0 0 293px;}

/*contents*/
#itemBox{width:960px;padding:0px;}
#itemBox .textBox{width:870px;display:block;overflow:hidden;margin:30px auto;border:1px solid; border-radius:6px; padding:15px; background-color: #e5fdf1; }
#itemBox .textBox ul { margin-bottom:10px; }
#itemBox .textBox ul li{ font-size:12px ; line-height:1.5; text-align:left; list-style:disc inside; padding-left:1em; text-indent:-1em; }
#itemBox .textBox strong{ color:#ff0000; }
#itemBox .textBox p.indent{ padding-left:3.6em; text-indent:-2.6em; }

/*secCollabo*/
#itemBox #secCollabo{float:left;width:480px;}
#itemBox #secCollabo .howto{width:450px;padding:0 15px;}
#itemBox #secCollabo .flow{width:443px;padding:8px 15px 0px 22px;}
#itemBox #secCollabo .textBox{ margin:10px 0px 30px 30px; background-color:#e5fdf1; border-color:#99a1bd; }
/*secIxa*/
#itemBox #secIxa{float:right;width:480px;position:relative;}
#itemBox #secIxa .howto{width:450px;padding:0 23px 0 9px;}
#itemBox #secIxa .flow{width:443px;padding:9px 24px 0px 13px;}
#itemBox #secIxa #btnCardlist{width:244px;height:35px;position:absolute;left:107px;top:530px;}
#itemBox #secIxa #btnCardlist a{background-image:url(../img/btn_cardlist.png);}
#itemBox #secIxa .textBox{margin:16px 0px 0px 16px; background-color:#fffdf9; border-color:#f6c11f; }
/*btnArea*/
#btnArea{clear:both;width:910px;margin:0 auto 30px;}
#btnRegister{width:334px;height:35px;background:url(../img/bg_btn.png) 0 0 no-repeat;padding:15px 16px 14px;margin:0 auto 28px;}
#btnRegister a{background-image:url(../img/btn_register.png);}

#btnPlayCollabo{width:405px;height:196px;margin-bottom:20px;margin-left: 30px;}
#btnPlayIxa a {
    width:416px;height:209px;margin-bottom:20px;
    background-position: left -209px;
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}
#btnPlayIxa.btnClass a:hover {
    background-position: left top;
}

#btnPlayCollabo{float:left;background-image:url('../img/m/btn_bg_collabo.png?time=20161124');}
#btnPlayIxa{float:right;margin-right: 25px;}

#btnPlayCollabo.btnClass span { margin: -3px 10px 0 0; display: block; text-align: right; font-size: 15px;}

#btnPlayIxa a {background-image:url('../img/m/btn_bg_ixa.png?time=20161124');}
#btnPlayIxa ul { padding: 10px 0 0 170px; }
#btnPlayCollabo ul { padding: 10px 0 0 170px; }

#btnPlayCollabo ul li.a01_play,
#btnPlayCollabo ul li.a02_play{
    width: 217px;
    height: 52px;
}

#btnPlayCollabo ul li.a03_play {
	width: 217px;
    height: 70px;	
}


#btnPlayCollabo ul li.a01_play a {background-image:url('../img/m/btn_d-game.png');}
#btnPlayCollabo ul li.a02_play a {background-image:url('../img/m/btn_ameba.png');}
#btnPlayCollabo ul li.a03_play a {background-image:url('../img/m/btn_tsutaya.png?time=20161124');}


/*footer*/
#footer{clear:both;width:100%;background:url(../img/footer_bg_re.png) center top repeat-x;}
#footerIn{width:960px;min-height:120px;margin:0 auto;background:url(../img/footer_bg.png) center top no-repeat;padding-top:30px;}