@charset "UTF-8";
/*style.css*/
p{margin:0;padding:0;}
body{background:url(../img/bg.png) center top no-repeat #fff9ec;background-attachment:fixed;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:500px;position:relative;}
#mainHead #sqexLogo{width:418px;margin:0 auto;}
#mainHead h1{width:960px;position:absolute;left:0;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:441px;height:164px;margin-bottom:20px;}
#btnPlayIxa{width:434px;height:154px;margin-bottom:20px;}
#btnPlayCollabo{float:left;padding-left:3px;}
#btnPlayIxa{float:right;}
#btnPlayCollabo a{background-image:url(../img/m/btn_play_collabo.png);}
#btnPlayCollabo.btnClass span { margin: -3px 10px 0 0; display: block; text-align: right; font-size: 15px;}
#btnPlayIxa {background-image:url(../img/m/btn_bg_ixa.png);}
#btnPlayIxa ul { padding: 10px 0 0 170px; }
#btnPlayIxa ul li.h_play, #btnPlayIxa ul li.m_play {width: 256px; height: 69px;}
#btnPlayIxa ul li.h_play a {background-image:url(../img/m/btn_h_play.png);}
#btnPlayIxa ul li.m_play a {background-image:url(../img/m/btn_m_play.png);}

/*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;}