/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* ==========================================================================
   ローディング
   ========================================================================== */

#loding {
	width: 100%;
	height: 100%;
	position: fixed ;
	left: 0px;
	top: 0px;
	z-index:99;
	/*display:none;*/
	
	}

#loding_end {
	/*display:none;*/
	}

#character .character_load {
	display:none;
	}
	
	
	
#loding .main {
	width:100%x;
	height:695px;
	overflow:hidden;
	}
	
#loding .main .inner {
	margin:200px auto 0px auto;
	width:417px;
	height:203px;
	}
	
#loding .main .idle_wars {
	margin:280px 0px 0px 0px;
	width:100%;
	position:absolute;
	text-align:center;
	}
	
#loding .main .idle_wars img{
	margin:0px 0px 0px 0px;
	}
	
	
#loding .main .base {
	position:absolute;
	width:417px;
	height:203px;
	overflow:hidden;
	background-image:url(../images/loading_flame.png);
	background-repeat:no-repeat;
	text-align:left;
	}
	
#loding .percent{
	margin:78px 0px 0px 147px;
	font-size:16px;
	height:40px;
	font-weight:bold;
	color:#ffffff;
	}
	
#loding .bar{
	margin:0px 0px 0px 150px;
	width:262px;
	height:4px;
	color:#FFFFFF;
	background-color:#ffffff;
	}
	
	
#menu{
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	height:123px;
	overflow:hidden;
	position:absolute;
	}
	

#footer .page_top{
	margin:0px 0px 0px 980px;
	width:163px;
	height:0px;
	position:absolute;
	overflow:hidden;
	}
	
#footer{
	margin:0px 0px 0px 0px;
	}
	

	

#main{
	height:auto;
	background-image:url(../character/images/index_top_base.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:246px;
	}
	
#main .inner{
	margin:0px auto 0px auto;
	width:1200px;
	text-align:left;
	}
	
#main .title{
	position:0px 0px 0px 0px;
	margin:0px 0px 0px 45px;
	width:540px;
	height:90px;
	text-align:left;
	background-image:url(../character/images/title.png);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	}
	
#main .title ul {
	padding:47px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	clear:both;
	list-style:none;
	}
	
#main .title li:nth-child(1),#main .title li:nth-child(3),#main .title li:nth-child(5),#main .title li:nth-child(7) {
	margin:0px 0px 0px 0px;
	float:left;
	text-align:left;
	overflow:hidden;
	height:100px;
	}
	
#main .title li:nth-child(2),#main .title li:nth-child(4),#main .title li:nth-child(6),#main .title li:nth-child(8) {
	margin:-2px 10px 0px 10px;
	float:left;
	text-align:left;
	overflow:hidden;
	height:100px;
	}
	
#main .title a:link,#main .title a:visited{
	color:#9c9c9c;
	}
	
#main .title a:hover,#main .title a:active{
	color:#9c9c9c;
	}
	
#main .title .left{
	width:400px;
	float:left;
	}
	
	
#character{
	background-repeat:no-repeat;
	background-position:center;
	height:727px;
	}
	
#character .back{
	background-image: url(../character/images/back_l.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:727px;
	}
	
#character .back{
	background-image: url(../character/images/back_l.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:727px;
	}
	
#character .back{
	background-repeat:no-repeat;
	background-position:center top;
	height:727px;
	}
	
#character .inner{
	margin:0px auto 0px auto;
	width:1200px;
	text-align:left;
	}
	
#character .card_base{
	margin:-84px 0px 0px 598px;
	position:absolute;
	width:590px;
	height:781px;
	}
	
#character .card_base .waku{
	margin:5px 0px 0px -8px;
	position:absolute;
	}
	
#character .card_base .card_nob{
	margin:14px 0px 0px 171px;
	width:400px;
	text-align:right;
	}
	
#character .card_base .card{
	margin:4px 0px 0px 20px;
	border:#FFFFFF solid 1px;
	width:551px;
	height:689px;
	}
	
#character .card_base .card img{
	position:absolute;
	display:none;
	}
	
#character .card_base .card .list_txt{
	position:absolute;
	margin:689px 0px 0px 0px;
	width:350px;
	height:0px;
	overflow:hidden;
	background-image:url(../character/images/list_back.png);
	background-repeat:no-repeat;
	background-position:right top;
	}
	
	
#character .card_base .card .list_txt .siz{
	}
	
#character .card_base .card .list_txt .spase{
	height:50px;
	cursor:pointer;
	}
	
#character .card_base .card .list_txt .l_rp1,#character .card_base .card .list_txt .l_rp2,#character .card_base .card .list_txt .l_rp3,#character .card_base .card .list_txt .l_rp4,#character .card_base .card .list_txt .l_rp5,#character .card_base .card .list_txt .l_rp6,#character .card_base .card .list_txt .l_rp7,#character .card_base .card .list_txt .l_rp8,#character .card_base .card .list_txt .l_rp9,#character .card_base .card .list_txt .l_rp10,#character .card_base .card .list_txt .l_rp11,#character .card_base .card .list_txt .l_rp12,#character .card_base .card .list_txt .l_rp13,#character .card_base .card .list_txt .l_rp14,#character .card_base .card .list_txt .l_rp15,#character .card_base .card .list_txt .l_rp16{
	background-repeat:repeat-y;
	height:20px;
	cursor:pointer;
	}
	
#character .card_base .card .list_txt .l_r{
	background-image: url(../character/images/list_bar.gif);
	background-repeat:repeat-y;
	height:20px;
	}
	
#character .card_base .card .list_txt .l{
	margin:0px 0px 0px 15px;
	width:50px;
	height:20px;
	color:#FFFFFF;
	float:left;
	}
	
#character .card_base .card .list_txt .r{
	margin:0px 0px 0px 10px;
	width:150px;
	height:20px;
	color:#FFFFFF;
	overflow:hidden;
	float:left;
	}
	
#character .card_base .card_name{
	margin:5px 0px 0px 20px;
	}
	
#character .card_base .list_botta{
	position:absolute;
	margin:-10px 0px 0px 0px;
	width:41px;
	height:41px;
	float:left;
	cursor:pointer;
	}
	
#character .card_base .card_name_bottan{
	margin:0px 0px 0px 0px;
	width:41px;
	height:41px;
	float:left;
	}
	
#character .card_base .card_name_txt{
	margin:0px 0px 0px 50px;
	color:#57acd9;
	font-weight:bold;
	}
	
#character .card_base .card_name_txt div{
	opacity:0;
	position:absolute;
	}
	
	
	
	
	
	
#character .card_x{
	position:absolute;
	margin:118px 0px 0px 535px;
	width:46px;
	}
	
#character .card_x img:nth-child(1){
	cursor:pointer;
	}
	
#character .card_x img:nth-child(3){
	cursor:pointer;
	}
	
	
	
#character .flavor_l,#character .flavor_c,#character .flavor_p,#character .flavor_a{
	margin:0px 0px 0px 45px;
	padding:52px 0px 0px 0px;
	width:547px;
	height:55px;
	text-align:left;
	font-size:22px;
	font-weight:bold;
	color: #FFFFFF;
	overflow:hidden;
	}
	
#character .flavor_l{
	text-shadow:2px 2px #e13dc8,-1px -1px #e13dc8,-1px 1px #e13dc8,2px -1px #e13dc8;
	}
	
#character .flavor_c{
	text-shadow:2px 2px #3b86ff,-1px -1px #3b86ff,-1px 1px #3b86ff,2px -1px #3b86ff;
	}
	
#character .flavor_p{
	text-shadow:2px 2px #FF6E00,-1px -1px #FF6E00,-1px 1px #FF6E00,2px -1px #FF6E00;
	}
	
#character .flavor_a{
	text-shadow:2px 2px #e13dc8,-1px -1px #e13dc8,-1px 1px #e13dc8,2px -1px #e13dc8;
	}
	
#character .flavor1{
	position:absolute;
	}
	
#character .flavor2,#character .flavor3,#character .flavor4,#character .flavor5,#character .flavor6,#character .flavor7,#character .flavor8,#character .flavor9{
	position:absolute;
	opacity:0;
	}
	
#character .name_base{
	margin:0px 0px 0px 45px;
	width:547px;
	height:147px;
	}
	
#character .name_base .namber1{
	margin:0px 0px 0px 158px;
	position:absolute;
	}
	
#character .name_base .namber2{
	margin:0px 0px 0px 264px;
	position:absolute;
	}
	
#character .name_base .namber3{
	margin:0px 0px 0px 370px;
	position:absolute;
	}
	
	
#character .name_base .kana{
	position:absolute;
	margin:10px 0px 0px 0px;
	font-size:12px;
	}
	
#character .name_base .name{
	position:absolute;
	margin:24px 0px 0px 0px;
	font-size:36px;
	font-weight:bold;
	}
	
#character .name_base .rome{
	position:absolute;
	margin:54px 0px 0px 0px;
	width:480px;
	text-align:right;
	color:#7eb0ff;
	}
	
#character .name_base .bar1{
	position:absolute;
	margin:75px 0px 0px 0px;
	width:360px;
	height:2px;
	background-color:#7eb0ff;
	}	
	
#character .parsonaru{
	position:absolute;
	margin:85px 0px 0px 0px;
	width:400px;
	height:55px;
	}
	
#character .parsonaru .l1{
	margin:0px 0px 0px 0px;
	width:70px;
	color:#7eb0ff;
	border-right:#7eb0ff solid 2px;
	float:left;
	}
	
#character .parsonaru .l2{
	margin:0px 0px 0px 10px;
	width:100px;
	color:#3b86ff;
	font-weight:bold;
	float:left;
	}
	
#character .parsonaru .l3{
	margin:0px 0px 0px 0px;
	width:80px;
	color:#7eb0ff;
	border-right:#7eb0ff solid 2px;
	float:left;
	}
	
#character .read{
	margin:0px 0px 0px 31px;
	width:551px;
	color:#7eb0ff;
	background-color:#ff7700;
	border-radius:10px;
	}
	
#character .read .back2{
	margin:0px 0px 0px 0px;
	border-radius:8px;
	width:551px;
	height:60px;
	overflow:hidden;
	color:#FFFFFF;
	}
	
#character .read .back2 div{
	margin:10px 0px 0px 12px;
	width:528px;
	line-height:1.3em;
	position:absolute;
	}
	
#character .read .back2 div span{
	opacity:0;
	}
	
#character .syoukai{
	margin:20px 0px 0px 45px;
	width:528px;
	height:190px;
	font-size:14px;
	color:#FFFFFF;
	overflow:hidden;
	}
	
#character .sp{
	margin:30px 0px 0px 45px;
	width:528px;
	height:78px;
	font-size:14px;
	color:#FFFFFF;
	}
	
#character .sp .profile_icon{
	margin:0px 10px 0px 0px;
	cursor:pointer;
	float:left;
	width:143px;
	height:59px;
	}
	
#character .sp .voice_icon{
	margin:0px 10px 0px 0px;
	cursor:pointer;
	float:left;
	width:143px;
	height:59px;
	overflow:hidden;
	}
	
#character .sp .voice_icon img:nth-child(2){
	display:none;
	}
	
#character .sp .chibi_icon{
	margin:0px 10px 0px 0px;
	cursor:pointer;
	float:left;
	width:143px;
	height:59px;
	}
	
#character .sp .chibi_icon img{
	position:absolute;
	}
	
#character .sp .su{
	position:absolute;
	padding:4px 0px 0px 16px;
	font-size:36px;
	font-weight:bold;
	}
	

#character .character_pv{
	margin:-55px 0px 0px 420px;
	position:absolute;
	width:156px;
	height:42px;
	overflow:hidden;
	white-space:nowrap;
	}
	
#character .character_pv a:link,#character .character_pv a:visited{
	margin:0px 0px 0px 0px;
	width:312px;
	height:42px;
	display:block;
	}

#character .character_pv a:hover,#character .character_pv a:active{
	margin:0px 0px 0px -156px;
	width:312px;
	height:42px;
	display:block;
	}
	
#character .page{
	margin:30px 0px 0px 31px;
	width:528px;
	height:45px;
	}
	
#character .page .prev{
	width:85px;
	height:45px;
	text-align:left;
	float:left;
	border-right:#6c98db solid 1px;
	}
	
#character .page .cen{
	width:200px;
	height:45px;
	float:left;
	cursor:pointer;
	}
	
#character .page .page_ban{
	margin:0px 0px 0px 5px;
	width:190px;
	height:23px;
	font-weight:bold;
	text-align:center;
	color:#6c98db;
	border-bottom:#6c98db solid 1px;
	}
	
#character .page .page_mei{
	margin:0px 0px 0px 0px;
	width:200px;
	text-align:center;
	}
	
#character .page .next{
	width:85px;
	height:45px;
	text-align:right;
	float:left;
	border-left:#6c98db solid 1px;
	}
	
	
	
#character .profile{
	margin:20px 0px 0px 20px;
	position:absolute;
	z-index:99;
	cursor:pointer;
	display:none;
	}
	
#character .profile .profile1{
	}
	
#character .profile .profile2{
	background-repeat:repeat-y;
	width:592px;
	}
	
#character .profile .l{
	margin:10px 0px 0px 26px;
	float:left;
	width:205px;
	}
	
#character .profile .l .ll{
	float:left;
	width:90px;
	text-align:left;
	}
	
#character .profile .l .rr{
	padding:0px 0px 0px 10px;
	float:left;
	width:100px;
	font-weight:bold;
	text-align:left;
	}
	
#character .profile .r{
	margin:10px 0px 0px 0px;
	float:left;
	width:325px;
	}
	
#character .profile .r .ll{
	float:left;
	width:120px;
	text-align:left;
	}
	
#character .profile .r .rr{
	padding:0px 0px 0px 10px;
	float:left;
	width:190px;
	font-weight:bold;
	text-align:left;
	}
	
#character .profile .profile3{
	background-repeat:repeat-y;
	height:21px;
	}
	
	
	
#character .chibi{
	margin:-10px 0px 0px 20px;
	position:absolute;
	z-index:99;
	cursor:pointer;
	display:none;
	}
	
#character .chibi1{
	}
	
#character .chibi2{
	background-repeat:repeat-y;
	width:592px;
	}
	
#character .chibi2 img{	
	margin:-30px 0px 0px 80px;
	}
	
#character .chibi3{
	background-image:url(../character/images/profile_base_3.png);
	background-repeat:repeat-y;
	background-position:bottom;
	height:15px;
	}