@charset "UTF-8";

main img {
	width: 100%;
	height: auto;
}
.text {
	width: 90.625%;
	margin: 0 auto;
	line-height: 1.6;
}

/* ========================================
	weapon
======================================== */
#weapon {
	background: url(../customize/images/weapon_bg.jpg) repeat-y left top;
	background-size: 100% auto;
}
#weapon .text {
	margin: -4.5% auto 0;
}
#weapon .btm img {
	width: 100%;
	height: auto;
}

/* ----- #common ----- */
.slide-main li, .slide-main img,
.slide-thumb a, .slide-thumb img  {
	display: block;
	float: left;
}
.slide-main li, .slide-main a,
.slide-thumb a {
	position: relative;
}
.slide-main a,
.slide-main img,
.slide-thumb img {
	border: none;
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.slide-main {
	overflow: hidden;
}
.slide-main li {
	width: 320px;
	height: 213px;
}
.slide-main li.new {
	background: url(../customize/images/icon_new.png) no-repeat left bottom;
	background-size: 100% auto;
}
.slide-thumb {
	position: relative;
}
.slide-thumb a {
	width: 113px;
	height: 94px;
	overflow: hidden;
	margin: 0 0.0625%;
}
.slide-thumb a.prev-btn, .slide-thumb a.next-btn {
	display: block;
	width: 30px;
	height: 80px;
	margin-top: -40px;
	position: absolute;
	top: 50%;
}
.prev-btn {
	left: 4%;
	background: url(../customize/images/arrow_prev.png) no-repeat left top;
	background-size: 30px 80px;
}
.next-btn {
	right: 4%;
	background: url(../customize/images/arrow_next.png) no-repeat left top;
	background-size: 30px 80px;
}
/* ----- #weapon-main ----- */
#weapon-main {
	margin: 0 0 8%;
	background: url(../customize/images/weapon_main_bg.png) no-repeat left top;
	background-size: 100% auto;
}
#weapon-main .wrap {
	position: relative;
	width: 100%;
	min-width: 320px;
	overflow: hidden;
}
#weapon-main .slide-thumb {
	position: relative;
	width: 110%;
	left: -5%;
	background: url(../customize/images/weapon_main_thumb_bg.png) repeat-x left top;
	background-size: 100% auto;
}
#weapon-main #thumbs a {
	background: url(../customize/images/itemlist_main_off.png) no-repeat left top;
	background-size: contain;
}
#weapon-main #thumbs a.selected {
	background: url(../customize/images/itemlist_main_on.png) no-repeat left top;
	background-size: contain;
}
/* ----- #weapon-sub ----- */
#weapon-sub {
	margin: 0 0 8%;
	background: url(../customize/images/weapon_sub_bg.png) no-repeat left top;
	background-size: 100% auto;
}
#weapon-sub .wrap {
	position: relative;
	width: 100%;
	min-width: 320px;
	overflow: hidden;
}
#weapon-sub .slide-thumb {
	/*padding: 0 0 4% 14.375%;*/
	position: relative;
	width: 110%;
	left: -5%;
	background: url(../customize/images/weapon_sub_thumb_bg.png) repeat-x left top;
	background-size: 100% auto;
}
/*#weapon-sub .slide-thumb-no a {
	display: inline-block;
	width: 41.24%;
	height: auto;
}*/
#weapon-sub #thumbs02 a {
	background: url(../customize/images/itemlist_sub_off.png) no-repeat left top;
	background-size: contain;
}
#weapon-sub #thumbs02 a.selected {
	background: url(../customize/images/itemlist_sub_on.png) no-repeat left top;
	background-size: contain;
}

/* ----- #weapon-special ----- */
#weapon-special {
	background: url(../customize/images/weapon_special_bg.png) no-repeat left top;
	background-size: 100% auto;
}
#weapon-special .wrap {
	position: relative;
	width: 100%;
	min-width: 320px;
	overflow: hidden;
}
#weapon-special .slide-thumb {
	/*padding: 0 0 4% 14.375%*/;
	position: relative;
	width: 110%;
	left: -5%;
	background: url(../customize/images/weapon_special_thumb_bg.png) repeat-x left top;
	background-size: 100% auto;
}
/*#weapon-special .slide-thumb-no a {
	display: inline-block;
	width: 41.24%;
	height: auto;
}*/
#weapon-special #thumbs03 a {
	background: url(../customize/images/itemlist_special_off.png) no-repeat left top;
	background-size: contain;
}
#weapon-special #thumbs03 a.selected {
	background: url(../customize/images/itemlist_special_on.png) no-repeat left top;
	background-size: contain;
}

/* ========================================
	gear
======================================== */
#gear {
	position: relative;
	padding: 0 0 8%;
	background: url(../customize/images/gear_bg.jpg) repeat-y left top;
	background-size: 100% auto;
}
#gear .text {
	margin: 0 auto 5%;
}
#gear .page {
	position: relative;
	width: 100%;
	min-width: 320px;
	overflow: hidden;
}
#slide-area {
	position: relative;
	width: 140%;
	left: -20%;
}
#slide-area {
}
#slide-area li, #slide-area img  {
	display: block;
	float: left;
}
#slide-area li {
	position: relative;
}
#slide-area img {
	border: none;
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}
#slide-area li {
	width: 106px;
	height: 190px;
	overflow: hidden;
}
#slide-area li img {
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
}
#slide-area li.selected img {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.page a.prev-btn, .page a.next-btn {
	display: block;
	width: 30px;
	height: 70px;
	margin-top: -35px;
	position: absolute;
	top: 50%;
}
.page .prev-btn {
	left: 0;
	background: url(../customize/images/arrow_prev_w.png) no-repeat left top;
	background-size: 30px 70px;
}
.page .next-btn {
	right: 0;
	background: url(../customize/images/arrow_next_w.png) no-repeat left top;
	background-size: 30px 70px;
}

/* ========================================
	footer
======================================== */
footer {
	position: relative;
	margin: -6% 0 0;
	z-index: 50;
}