@charset "UTF-8";

/* ==========================================================================
   MAIN IMAGE
============================================================================= */
#current_bar{
	width: 210px;
	height: 4px;
	background-color: #c96800;
	margin: 0 0 0 764px;
}
#sec1{
	width: 100%;
	min-width: 980px;
	max-width: 1600px;
	height: 1014px;
	margin: 0 auto;
	background: url(../img/chara_bg.png) center 76px repeat-y #fff;
}
#sec1_inner{
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#ttl_chara{
	background: url(../img/ttl_bg.jpg) 0 0 repeat-x;
	width: 100%;
	min-width: 980px;
	max-width: 1600px;
	height: 76px;
	margin: 0 auto;
	text-align: center;
}
#chara_player{
	position: absolute;
	top: -30px;
	left: 322px;
}
#chara_aqua{
	position: absolute;
	top: 480px;
	left: 305px;
}
#ttl_w{
	position: absolute;
	top: 42px;
	left: 89px;
}
#ttl_b{
	position: absolute;
	top: 42px;
	right: 89px;
}
#btn_player{
	position: absolute;
	top: 460px;
	left: 510px;
}
#btn_aqua{
	position: absolute;
	top: 856px;
	left: 520px;
}
#twicon_area{
	width: 100%;
	min-width: 980px;
	max-width: 1600px;
	margin: 0 auto;
	background-color: #fff;
	padding: 30px 0;
}
#btn_twicon{
	position: relative;
	width: 390px;
	height: 40px;
	margin: 0 auto;
}
#twicon_update{
	position: absolute;
	top: -14px;
	left: -20px;
	background: url(../img/twicon_update.png) 0 0 no-repeat;
	width: 87px;
	height: 43px;
	z-index: 100;
}
#twicon_update p{
	width: 83px;
	font-size: 11px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	color: #5e544c;
}
/* -----------------------
          白夜 
----------------------- */
#chara_w1{
	position: absolute;
	top: 103px;
	left: 12px;
}
#chara_w2{
	position: absolute;
	top: 103px;
	left: 176px;
}
#chara_w3{
	position: absolute;
	top: 363px;
	left: 12px;
}
#chara_w4{
	position: absolute;
	top: 363px;
	left: 176px;
}
#chara_w1_1{
	position: absolute;
	top: 255px;
	left: 0px;
}
#chara_w1_2{
	position: absolute;
	top: 255px;
	left: 82px;
}
#chara_w2_1{
	position: absolute;
	top: 255px;
	left: 164px;
}
#chara_w2_2{
	position: absolute;
	top: 255px;
	left: 246px;
}
#chara_w3_1{
	position: absolute;
	top: 515px;
	left: 0px;
}
#chara_w3_2{
	position: absolute;
	top: 515px;
	left: 82px;
}
#chara_w4_1{
	position: absolute;
	top: 515px;
	left: 164px;
}
#chara_w4_2{
	position: absolute;
	top: 515px;
	left: 246px;
}
#chara_w5{
	position: absolute;
	top: 643px;
	left: 94px;
}
#chara_w6{
	position: absolute;
	top: 798px;
	left: 37px;
}
#chara_w7{
	position: absolute;
	top: 798px;
	left: 123px;
}
#chara_w8{
	position: absolute;
	top: 798px;
	left: 209px;
}
#line_w1{
	position: absolute;
	top: 223px;
	left: 33px;
}
#line_w2{
	position: absolute;
	top: 223px;
	left: 197px;
}
#line_w3{
	position: absolute;
	top: 483px;
	left: 33px;
}
#line_w4{
	position: absolute;
	top: 483px;
	left: 197px;
}
/* -----------------------
          暗夜 
----------------------- */
#chara_b1{
	position: absolute;
	top: 103px;
	right: 176px;
}
#chara_b2{
	position: absolute;
	top: 103px;
	right: 12px;
}
#chara_b3{
	position: absolute;
	top: 363px;
	right: 176px;
}
#chara_b4{
	position: absolute;
	top: 363px;
	right: 12px;
}
#chara_b2_1{
	position: absolute;
	top: 255px;
	right: 82px;
}
#chara_b2_2{
	position: absolute;
	top: 255px;
	right: 0px;
}
#chara_b1_1{
	position: absolute;
	top: 255px;
	right: 246px;
}
#chara_b1_2{
	position: absolute;
	top: 255px;
	right: 164px;
}
#chara_b4_1{
	position: absolute;
	top: 515px;
	right: 82px;
}
#chara_b4_2{
	position: absolute;
	top: 515px;
	right: 0px;
}
#chara_b3_1{
	position: absolute;
	top: 515px;
	right: 246px;
}
#chara_b3_2{
	position: absolute;
	top: 515px;
	right: 164px;
}

#chara_b5{
	position: absolute;
	top: 643px;
	right: 94px;
}
#chara_b6{
	position: absolute;
	top: 798px;
	right: 209px;
}
#chara_b7{
	position: absolute;
	top: 798px;
	right: 123px;
}
#chara_b8{
	position: absolute;
	top: 798px;
	right: 37px;
}
#line_b1{
	position: absolute;
	top: 223px;
	right: 197px;
}
#line_b2{
	position: absolute;
	top: 223px;
	right: 33px;
}
#line_b3{
	position: absolute;
	top: 483px;
	right: 197px;
}
#line_b4{
	position: absolute;
	top: 483px;
	right: 33px;
}
/* -----------------------
          共通
----------------------- */

#sec2{
	width: 100%;
	min-width: 980px;
	max-width: 1600px;
	height: 260px;
	margin: 0 auto;
	background: url(../img/chara_bg2.png) center 38px no-repeat #848484;
}
#sec2_inner{
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#ttl_k{
	position: absolute;
	top: 26px;
	left: 50%;;
	margin-left: -115px;
}
#wb_set{
	width: 520px;
	margin: 0 auto;
	padding: 106px 0 0 0;
}
#wb_set p{
	float: left;
	padding: 0 19px;
}