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

/*---------------------------------------------------------*/

.hide-txt {text-indent: -9999px;}
.align-C {text-align:center;}

/*contents*/
#contents{clear:both;position:relative;background-color: #ebebdc;}
#whatsArea{padding: 15px 8px 20px;}
#whatsArea img {margin: 0 auto; display: block;}
.lead {font-size: 12px; line-height: 1.6;}
.lead {padding: 10px 5px;}
#btnCloseArea{background-color:#ebebdc;}
#btnClose{margin:0 auto;padding:25px 0 5px;}

.whats-ttl01 {
	width: 305px;
	height: 40px;
	background: url("../img/whats/bg/IXA_whats_ttl01.png") no-repeat;
	background-size: 305px;
}
.whats-ttl02 {
	width: 305px;
	height: 40px;
	background: url("../img/whats/bg/IXA_whats_ttl02.png") no-repeat;
	background-size: 305px;
}
.whats-ttl03 {
	width: 305px;
	height: 40px;
	background: url("../img/whats/bg/IXA_whats_ttl03.png") no-repeat;
	background-size: 305px;
}
.step.num01 {
	width: 305px;
	height: 29px;
	background: url("../img/whats/bg/IXA_whats_step01.png");
	background-size: 305px;
	}
.step.num02 {
	width: 305px;
	height: 29px;
	background: url("../img/whats/bg/IXA_whats_step02.png");
	background-size: 305px;
	}
.step.num03 {
	width: 305px;
	height: 29px;
	background: url("../img/whats/bg/IXA_whats_step03.png");
	background-size: 305px;
	}
.step-inner {
	padding: 10px;
	background: url("../img/whats/bg/IXA_whats_side_bg.png") repeat-y;
	background-size: 305px;
}
.step-under {
	background: url("../img/whats/bg/IXA_whats_under_bg.png") no-repeat;
	background-size: 305px;
}
.sub-ttl01 {
	width: 280px;
	height: 23px;
	background: url("../img/whats/bg/IXA_whats_sub_ttl01.png") no-repeat;
	background-size: 280px;
}
.sub-ttl02 {
	width: 280px;
	height: 23px;
	background: url("../img/whats/bg/IXA_whats_sub_ttl02.png") no-repeat;
	background-size: 280px;
}
.sub-ttl03 {
	width: 280px;
	height: 23px;
	background: url("../img/whats/bg/IXA_whats_sub_ttl03.png") no-repeat;
	background-size: 280px;
}
.arr-down {
	width: 305px;
	height: 48px;
	background: url("../img/whats/bg/IXA_whats_arr_down.png") no-repeat center;
	background-size: 61px;
}
.whats-cheer {
	width: 305px;
	height: 89px;
	background: url("../img/whats/bg/IXA_whats_cheer.png") no-repeat center 35px;
	background-size: 286px;
}
.bg-chara {
	width: 305px;
	height: 228px;
	background: url("../img/whats/bg/IXA_whats_bg_chara.png") no-repeat bottom;
	background-size: 305px;
}
.notice {
	width: 305px;
	height: 50px;
	background: url("../img/whats/bg/IXA_whats_notice.png") no-repeat bottom;
	background-size: 280px;
}
#navBox{padding:10px;border-top:1px solid #2d2d2d;border-bottom:1px solid #2d2d2d;background-color:#000;}
#navBox ul{overflow:hidden;}
#navBox li{width:145px;height:44px;background-image:url(../img/whats/top_btn_nav.png);background-repeat:no-repeat;background-size:145px;}
#navBox a{display:block;width:100%;height:100%;text-indent:-9999px;}
#navBox #btnWhats{background-position:0 0;float:left;}
#navBox #btnFAQ{background-position:0 -44px;float:right;}
#navBox #btnRule{background-position:0 -88px;float:left;margin-top:7.5px;}
#navBox #btnPrivacy{background-position:0 -132px;float:right;margin-top:7.5px;}