@charset "UTF-8";

/* ========================================
	base
======================================== */
#container {
	position: relative;
}
#contents {
	background: none;
}

/* ========================================
	#header
======================================== */
#header {
	position: relative;
	z-index: 50;
}

/* ========================================
	#onmovie
======================================== */
#onmovie {
	position: relative;
	width: 100%;
	min-width: 960px;
	height: 788px;
	margin: -38px auto 0;
}
#onmovie .inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
#onmovie #ttl {
	position: absolute;
	top: 38px;
	z-index: 10;
}
#onmovie #ttl #ink_green {
	position: absolute;
	top: -21px;
	left: -88px;
}
#onmovie #ttl #ink_purple {
	position: absolute;
	top: -12px;
	left: -131px;
}
#onmovie #ttl h1 {
	position: absolute;
	top: -46px;
	left: -10px;
}
#onmovie #ttl p {
	position: absolute;
	top: 135px;
	left: 29px;
}
#onmovie #background,
#onmovie #background-front,
#onmovie #visual {
	position: absolute;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	text-align: center;
}
#onmovie #background img {
	width: 100%;
	height: auto;
}
#onmovie #background ul {
	position: relative;
}
#onmovie #background ul li {
	position: absolute;
	top: 0;
	left: 0;
}

/* ========================================
	#weapon
======================================== */
#weapon {
	position: relative;
	width: 100%;
	margin: -65px 0 0;
	padding: 4px 0 0;
	background: url(../customize/images/weapon_bg.png) repeat-x center top;
	z-index: 50;
}
#weapon #weapon-wrap {
	position: relative;
	height: 1196px;
	background: url(../customize/images/weapon_wrap_bg.png) no-repeat center top;
	overflow: hidden;
}
#weapon .inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 79px 0 0;
}
#weapon h2 {
	position: absolute;
	top: 79px;
	left: -41px;
	width: 243px;
	height: 129px;
	background: url(../customize/images/weapon_ttl_bg.png) no-repeat left top;
}
#weapon #weapon-ttl {
	position: relative;
	top: 0;
	left: 0;
}
#weapon .text-area {
	position: relative;
	margin: 0 0 0 39px;
	padding: 22px 0 0;
}
#weapon .text-area dt {
	margin: 0 0 0 166px;
}
#weapon .text-area dd {
	margin: 23px 0 0;
}
#weapon #chara01-text {
	position: absolute;
	top: 190px;
	left: 760px;
	z-index: 10;
}
#weapon #chara01 {
	position: absolute;
	top: 60px;
	left: 645px;
	z-index: 10;
}
#weapon #weapon-list {
	position: relative;
	width: 835px;
	height: 750px;
	margin: 20px auto 0;
	padding: 0 61px;
	background: url(../customize/images/weapon_list_bg.png) no-repeat center top;
}
#weapon #weapon-list .tab-content {
	position: relative;
	width: 835px;
	height: 649px;
	padding: 25px 0 0;
	color: #FFF;
}
#weapon #weapon-list .content-area {
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 649px;
}
#weapon .tab-list {
	margin: -13px 0 0 35px;
}
#weapon .tab-list li {
	float: left;
	cursor: pointer;
}
#weapon .tab-list li span {
	position: relative;
	z-index: 10;
}
#weapon .tab-list li#tab-main {
	background: url(../customize/images/weapon_btn_main_bg_off.png) no-repeat left top;
}
#weapon .tab-list li:hover#tab-main,
#weapon .tab-list li#tab-main.selected {
	background: url(../customize/images/weapon_btn_main_bg_on.png) no-repeat left top;
}
#weapon .tab-list li#tab-sub {
	background: url(../customize/images/weapon_btn_sub_bg_off.png) no-repeat left top;
}
#weapon .tab-list li:hover#tab-sub,
#weapon .tab-list li#tab-sub.selected {
	background: url(../customize/images/weapon_btn_sub_bg_on.png) no-repeat left top;
}
#weapon .tab-list li#tab-special {
	background: url(../customize/images/weapon_btn_special_bg_off.png) no-repeat left top;
}
#weapon .tab-list li:hover#tab-special,
#weapon .tab-list li#tab-special.selected {
	background: url(../customize/images/weapon_btn_special_bg_on.png) no-repeat left top;
}
#weapon .weapon-item-list {
	position: relative;
	top: 400px;
	height: 242px;
	margin: 0 0 0 23px;
	padding: 11px 31px 0;
}
#weapon #weapon-main-list {
	padding: 11px 20px 0;
	background: url(../customize/images/weapon_main_bg.png) no-repeat left top;
	filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../customize/images/weapon_main_bg.png",sizingMethod="crop");
}
#weapon #weapon-sub-list {
	padding: 11px 20px 0;
	background: url(../customize/images/weapon_sub_bg.png) no-repeat left top;
	filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../customize/images/weapon_sub_bg.png",sizingMethod="crop");
}
#weapon #weapon-special-list {
	padding: 11px 105px 0;
	background: url(../customize/images/weapon_special_bg.png) no-repeat left top;
	filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../customize/images/weapon_special_bg.png",sizingMethod="crop");
}
#weapon .weapon-item-list li {
	position: relative;
	float: left;
	margin: -9px 5px 0;
}
#weapon .weapon-item-list .new {
	position: absolute;
	display: block;
	width: 81px;
	height: 43px;
	top: 0;
	left: -10px;
	background: url(../customize/images/icon_new.png) no-repeat left top;
}
#weapon #weapon-main-list li {
	background: url(../customize/images/itemlist_main_off.png) no-repeat left top;
}
#weapon #weapon-sub-list li {
	background: url(../customize/images/itemlist_sub_off.png) no-repeat left top;
}
#weapon #weapon-special-list li {
	background: url(../customize/images/itemlist_special_off.png) no-repeat left top;
}
#weapon #weapon-special-list li:first-child {
	margin-left: 80px;
}
#weapon .weapon-item-list li span {
	display: block;
	width: 140px;
	height: 87px;
	padding: 30px 0 0;
	cursor: pointer;
	text-align: center;
}
#weapon #weapon-main-list li.selected {
	background: url(../customize/images/itemlist_main_on.png) no-repeat left top;
}
#weapon #weapon-sub-list li.selected {
	background: url(../customize/images/itemlist_sub_on.png) no-repeat left top;
}
#weapon #weapon-special-list li.selected {
	background: url(../customize/images/itemlist_special_on.png) no-repeat left top;
}
#weapon .weapon-item-area {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	height: 400px;
}
#weapon .weapon-item-area .name {
	margin: 0 0 20px;
}
#weapon .weapon-item-area .item-movie {
	position: relative;
	float: left;
	width: 546px;
	height: 317px;
	background: url(../customize/images/weapon_movie_bg.png) no-repeat left top;
}
#weapon .weapon-item-area .item-movie div {
	position: absolute;
	top: 15px;
	left: 38px;
}
#weapon .weapon-item-area .item-movie div div {
	position: absolute;
	top: 0;
	left: 0;
}
#weapon .weapon-item-area .item-image {
	position: absolute;
	bottom: 25px;
	left: 548px;
}
.no-js .weapon-main.content-area .weapon-item-area {
	display: none;
}
.no-js .weapon-main.content-area .main-item01.weapon-item-area {
	display: block;
}
.no-js .weapon-sub.content-area,
.no-js .weapon-special.content-area {
	display: none;
}

/* ========================================
	#gear
======================================== */
#gear {
	position: relative;
	width: 100%;
	margin: -40px 0 0;
	padding: 4px 0 0;
	background: url(../common/main_bg.png) center -149px repeat;
}
#gear-wrap {
	position: relative;
	height: 1085px;
	background: url(../customize/images/gear_bg.png) no-repeat center top;
}
#gear .inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
#gear h2 {
	position: absolute;
	top: 97px;
	left: -41px;
	width: 243px;
	height: 129px;
	background: url(../customize/images/gear_ttl_bg.png) no-repeat left top;
}
#gear #gear-ttl {
	position: relative;
	top: 0;
	left: 0;
}
#gear .text-area {
	position: relative;
	margin: 0 0 0 39px;
	padding: 119px 0 0;
}
#gear .text-area dt {
	margin: 0 0 0 183px;
}
#gear .text-area dd {
	margin: 23px 0 0;
}
#gear #chara02-text {
	position: absolute;
	top: 15px;
	left: 752px;
	z-index: 10;
}
#gear #chara02 {
	position: absolute;
	top: -22px;
	left: 666px;
	z-index: 50;
}
#gear #chara03-text {
	position: absolute;
	top: 811px;
	left: 198px;
	z-index: 10;
}
#gear #chara03 {
	position: absolute;
	top: 777px;
	left: 95px;
	z-index: 10;
}
#gear #chara04-text {
	position: absolute;
	top: 811px;
	left: 614px;
	z-index: 10;
}
#gear #chara04 {
	position: absolute;
	top: 746px;
	left: 506px;
	z-index: 10;
}
#gear #slide-area {
	position: absolute;
	top: 374px;
	left: 0;
	width: 100%;
	overflow: hidden;
}
#gear #slide-area ul {
	width: 3842px;
	margin: 0 auto;
}
#gear #slide-area li {
	float: left;
}

/* ========================================
	#footer
======================================== */
#footer {
	position: relative;
	z-index: 50;
}

/* ========================================
	animation
======================================== */
.js #ink_green div {
	display: none;
}
.js #ink_purple div {
	display: none;
}
.js h1 span {
	display: none;
}