@charset "UTF-8";

/*
======================================================================================================
	ver1.0 2017.12.30
	**- PandoraPartyProject -**
	 -- Common Style (PC) --
	URL: https://rev1.reversion.jp/
	author:Yuhki
======================================================================================================
 */

@import url(basefont.css?1564140811);
@import url(reset.css);
@import url(textstyle.css);
@import url(font-awesome.min.css);
@import url(fontawesome-all.min.css);
@import url(all.min.css);
@import url(hover.css);
@import url(colorbox.css);

/*====================================================================================================
	For Float(clearfix)
======================================================================================================*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
* html .clearfix {
	height: 1em;
	overflow: visible;
}

/*====================================================================================================
	BASE SET
======================================================================================================*/
* {
	word-wrap: break-word;
}

html,body{
	width: 100%;
	min-width: 1000px;
	-webkit-text-size-adjust: 100%;
}
body {
	position: relative;
	color: #333;
	background: url("../images/common/bg_body.jpg") no-repeat 50% 0;
}
body#Template		{ background: url("../images/common/bg_body02.jpg") no-repeat 50% 0; }
body#Character		{ background: url("../images/common/bg_body02.jpg") no-repeat 50% 0; }
body#Scenario		{ background: url("../images/common/bg_body03.jpg") no-repeat 50% 0; }
body#Illust			{ background: url("../images/common/bg_body04.jpg") no-repeat 50% 0; }
body#Shop			{ background: url("../images/common/bg_body05.jpg") no-repeat 50% 0; }
body#Arena			{ background: url("../images/common/bg_body06.jpg") no-repeat 50% 0; }
/*
body#Support		{ background: url("../images/common/bg_body07.jpg") no-repeat 50% 0; }
body#Policy			{ background: url("../images/common/bg_body07.jpg") no-repeat 50% 0; }
*/

a {
	color: #003d84;
	text-decoration: underline;
}
a:hover {
	color: #0059bf;
	text-decoration: none;
}

br				{ letter-spacing: 0; }
br.blank		{ display: none; }

.br-pc { display:block; }
.br-sp { display:none; }

.img_pc, .txt_pc { display: inline; }
.img_sp, .txt_sp { display: none; }

.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
}
.clear_cont {
	clear: both;
}

p				{ padding-top: 1em; line-height: 1.7em; }
p.pnopadding	{ padding-top: 0 !important; }
p.pdhalf		{ padding-top: 0.7em; }

/*====================================================================================================
	Layout:Header
======================================================================================================*/
header{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 50px;
}
header h1{
	position:absolute;
	top: 80px;
	left:50%;
	margin-left: -500px;
	width: 235px;
	height: 60px;
	z-index: 4;
}
header h1 a{
	width: 235px;
	height: 60px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/common/img_mainlogo.png") no-repeat 0 0;
}

/* Main Navigation
------------------------------------------------------------------------------------------------------*/
header nav{
	position: relative;
	margin:0 auto;
	width:100%;
	height:50px;
	text-align:center;
	background:url("../images/common/bg_navigation.png") repeat-x 50% 0;
}
ul.slimmenu {
	margin: 0 auto;
	height:50px;
	text-align:center;
	width: 1000px;
}
ul.slimmenu:before,
ul.slimmenu:after {
	content: '';
	display: table;
}
ul.slimmenu:after {
	clear: both;
}
ul.slimmenu li i { display: none; }
ul.slimmenu li {
	position: relative;
	float: left;
	display: inline-block;
}
ul.slimmenu li ul li {
	width: 206px;
	text-align: left;
	background: none;
}

ul.slimmenu li ul li a:hover {
}
ul.slimmenu li>ul {
	position: absolute;
	left: -3px;
	top: 48px;
	z-index: 999;
	display: none;
	width: 206px;
}
ul.slimmenu li a {
	height: 50px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
ul.slimmenu li li a {
	width: 206px !important;
	height: 37px;
}
ul.slimmenu li li.last a {
	height: 44px;
}

.nav_top						{ width: 165px; background: url("../images/common/btn_navigation.png") no-repeat 0 -50px; }
.nav_top a						{ width: 165px; background: url("../images/common/btn_navigation.png") no-repeat 0 0; }

#Character .nav_temple a,
.nav_temple						{ width: 167px; background: url("../images/common/btn_navigation.png") no-repeat -165px -50px; }
.nav_temple a					{ width: 167px; background: url("../images/common/btn_navigation.png") no-repeat -165px 0; }
#Scenario .nav_guild a,
.nav_guild						{ width: 167px; background: url("../images/common/btn_navigation.png") no-repeat -332px -50px; }
.nav_guild a					{ width: 167px; background: url("../images/common/btn_navigation.png") no-repeat -332px 0; }
#Illust .nav_atelier a,
.nav_atelier					{ width: 167px; background: url("../images/common/btn_navigation.png") no-repeat -499px -50px; }
.nav_atelier a					{ width: 167px; background: url("../images/common/btn_navigation.png") no-repeat -499px 0; }
#Shop .nav_shop a,
.nav_shop						{ width: 167px; background: url("../images/common/btn_navigation.png") no-repeat -666px -50px; }
.nav_shop a						{ width: 167px; background: url("../images/common/btn_navigation.png") no-repeat -666px 0; }
/**
#Character .nav_temple a,
.nav_colosseum a				{ background: url("../images/common/btn_navigation.png") no-repeat -833px 0; }
.nav_colosseum a:hover			{ background-position: -833px -50px; }
**/
.nav_colosseum.denied			{ width: 167px; background: url("../images/common/btn_navigation.png") no-repeat -833px -100px; }
#Colosseum .nav_colosseum a,
.nav_colosseum					{ width: 167px; background: url("../images/common/btn_navigation.png") no-repeat -833px -50px; }
.nav_colosseum a				{ width: 167px; background: url("../images/common/btn_navigation.png") no-repeat -833px 0; }

.nav_temple .sub_1				{ background: url("../images/common/btn_submenu_temple.png?1570085371") no-repeat -206px 0; }
.nav_temple .sub_1 a			{ background: url("../images/common/btn_submenu_temple.png?1570085371") no-repeat 0 0 !important; }
.nav_temple .sub_2 				{ background: url("../images/common/btn_submenu_temple.png?1570085371") no-repeat -206px -37px; }
.nav_temple .sub_2 a			{ background: url("../images/common/btn_submenu_temple.png?1570085371") no-repeat 0 -37px !important; }
.nav_temple .sub_3				{ background: url("../images/common/btn_submenu_temple.png?1570085371") no-repeat -206px -74px; }
.nav_temple .sub_3 a			{ background: url("../images/common/btn_submenu_temple.png?1570085371") no-repeat 0 -74px !important; }
.nav_temple .sub_4				{ background: url("../images/common/btn_submenu_temple.png?1570085371") no-repeat -206px -111px; }
.nav_temple .sub_4 a			{ background: url("../images/common/btn_submenu_temple.png?1570085371") no-repeat 0 -111px !important; }
.nav_temple .sub_5				{ background: url("../images/common/btn_submenu_temple.png?1570085371") no-repeat -206px -148px; }
.nav_temple .sub_5 a			{ background: url("../images/common/btn_submenu_temple.png?1570085371") no-repeat 0 -148px !important; }
.nav_temple .sub_6				{ background: url("../images/common/btn_submenu_temple.png?1570085371") no-repeat -206px -185px; }
.nav_temple .sub_6 a			{ background: url("../images/common/btn_submenu_temple.png?1570085371") no-repeat 0 -185px !important; }

.nav_guild .sub_1				{ background: url("../images/common/btn_submenu_guild.png?1558685664") no-repeat -206px 0; }
.nav_guild .sub_1 a				{ background: url("../images/common/btn_submenu_guild.png?1558685664") no-repeat 0 0 !important; }
.nav_guild .sub_2 				{ background: url("../images/common/btn_submenu_guild.png?1558685664") no-repeat -206px -37px; }
.nav_guild .sub_2 a				{ background: url("../images/common/btn_submenu_guild.png?1558685664") no-repeat 0 -37px !important; }
.nav_guild .sub_3				{ background: url("../images/common/btn_submenu_guild.png?1558685664") no-repeat -206px -74px; }
.nav_guild .sub_3 a				{ background: url("../images/common/btn_submenu_guild.png?1558685664") no-repeat 0 -74px !important; }
.nav_guild .sub_4				{ background: url("../images/common/btn_submenu_guild.png?1558685664") no-repeat -206px -111px; }
.nav_guild .sub_4 a				{ background: url("../images/common/btn_submenu_guild.png?1558685664") no-repeat 0 -111px !important; }
.nav_guild .sub_5				{ background: url("../images/common/btn_submenu_guild.png?1558685664") no-repeat -206px -148px; }
.nav_guild .sub_5 a				{ background: url("../images/common/btn_submenu_guild.png?1558685664") no-repeat 0 -148px !important; }
.nav_guild .sub_6				{ background: url("../images/common/btn_submenu_guild.png?1558685664") no-repeat -206px -185px; }
.nav_guild .sub_6 a				{ background: url("../images/common/btn_submenu_guild.png?1558685664") no-repeat 0 -185px !important; }
.nav_guild .sub_7				{ background: url("../images/common/btn_submenu_guild.png?1558685664") no-repeat -206px -222px; }
.nav_guild .sub_7 a				{ background: url("../images/common/btn_submenu_guild.png?1558685664") no-repeat 0 -222px !important; }

.nav_atelier .sub_1				{ background: url("../images/common/btn_submenu_atelier.png?1576152920") no-repeat -206px 0; }
.nav_atelier .sub_1 a			{ background: url("../images/common/btn_submenu_atelier.png?1576152920") no-repeat 0 0 !important; }
.nav_atelier .sub_2 			{ background: url("../images/common/btn_submenu_atelier.png?1576152920") no-repeat -206px -37px; }
.nav_atelier .sub_2 a			{ background: url("../images/common/btn_submenu_atelier.png?1576152920") no-repeat 0 -37px !important; }
.nav_atelier .sub_3				{ background: url("../images/common/btn_submenu_atelier.png?1576152920") no-repeat -206px -74px; }
.nav_atelier .sub_3 a			{ background: url("../images/common/btn_submenu_atelier.png?1576152920") no-repeat 0 -74px !important; }
.nav_atelier .sub_4				{ background: url("../images/common/btn_submenu_atelier.png?1576152920") no-repeat -206px -111px; }
.nav_atelier .sub_4 a			{ background: url("../images/common/btn_submenu_atelier.png?1576152920") no-repeat 0 -111px !important; }

.nav_shop .sub_1				{ background: url("../images/common/btn_submenu_shop.png?1576152920") no-repeat -206px 0; }
.nav_shop .sub_1 a				{ background: url("../images/common/btn_submenu_shop.png?1576152920") no-repeat 0 0 !important; }
.nav_shop .sub_2 				{ background: url("../images/common/btn_submenu_shop.png?1576152920") no-repeat -206px -37px; }
.nav_shop .sub_2 a				{ background: url("../images/common/btn_submenu_shop.png?1576152920") no-repeat 0 -37px !important; }
.nav_shop .sub_3				{ background: url("../images/common/btn_submenu_shop.png?1576152920") no-repeat -206px -74px; }
.nav_shop .sub_3 a				{ background: url("../images/common/btn_submenu_shop.png?1576152920") no-repeat 0 -74px !important; }
.nav_shop .sub_4				{ background: url("../images/common/btn_submenu_shop.png?1576152920") no-repeat -206px -111px; }
.nav_shop .sub_4 a				{ background: url("../images/common/btn_submenu_shop.png?1576152920") no-repeat 0 -111px !important; }
.nav_shop .sub_5				{ background: url("../images/common/btn_submenu_shop.png?1576152920") no-repeat -206px -148px; }
.nav_shop .sub_5 a				{ background: url("../images/common/btn_submenu_shop.png?1576152920") no-repeat 0 -148px !important; }
.nav_shop .sub_6				{ background: url("../images/common/btn_submenu_shop.png?1576152920") no-repeat -206px -185px; }
.nav_shop .sub_6 a				{ background: url("../images/common/btn_submenu_shop.png?1576152920") no-repeat 0 -185px !important; }

.nav_colosseum .sub_1			{ background: url("../images/common/btn_submenu_colosseum.png?1551333680") no-repeat -206px 0; }
.nav_colosseum .sub_1 a			{ background: url("../images/common/btn_submenu_colosseum.png?1551333680") no-repeat 0 0 !important; }
.nav_colosseum .sub_2 			{ background: url("../images/common/btn_submenu_colosseum.png?1551333680") no-repeat -206px -37px; }
.nav_colosseum .sub_2 a			{ background: url("../images/common/btn_submenu_colosseum.png?1551333680") no-repeat 0 -37px !important; }
.nav_colosseum .sub_3			{ background: url("../images/common/btn_submenu_colosseum.png?1551333680") no-repeat -206px -74px; }
.nav_colosseum .sub_3 a			{ background: url("../images/common/btn_submenu_colosseum.png?1551333680") no-repeat 0 -74px !important; }
.nav_colosseum .sub_4			{ background: url("../images/common/btn_submenu_colosseum.png?1551333680") no-repeat -206px -111px; }
.nav_colosseum .sub_4 a			{ background: url("../images/common/btn_submenu_colosseum.png?1551333680") no-repeat 0 -111px !important; }
.nav_colosseum .sub_5			{ background: url("../images/common/btn_submenu_colosseum.png?1551333680") no-repeat -206px -148px; }
.nav_colosseum .sub_5 a			{ background: url("../images/common/btn_submenu_colosseum.png?1551333680") no-repeat 0 -148px !important; }
.nav_colosseum .sub_6			{ background: url("../images/common/btn_submenu_colosseum.png?1551333680") no-repeat -206px -185px; }
.nav_colosseum .sub_6 a			{ background: url("../images/common/btn_submenu_colosseum.png?1551333680") no-repeat 0 -185px !important; }

ul.slimmenu li.nav_spbnr { display: none; }

/*====================================================================================================
	Layout:Main
======================================================================================================*/
/* Main Article
------------------------------------------------------------------------------------------------------*/
#Contents {
	clear: both;
	position:relative;
	margin:0 auto;
	width:1000px;
	min-height: 800px;
}

/* Aside
------------------------------------------------------------------------------------------------------*/
aside {
	position:relative;
	width:235px;
	margin: 250px 0 50px 0;
	padding-top: 18px;
	text-align:left;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: url("../images/common/bg_aside_top.png") no-repeat 50% 0;
}

/* Pandora
------------------------------------------------------------------------------------------------------*/
#img_pandora {
	position:absolute;
	top: -150px;
	left:50%;
	margin-left: -100px;
	width: 200px;
	height: 150px;
	z-index: 4;
	background: url("../images/common/img_pandoracube.png") no-repeat 0 0 /contain;

	line-height: 200px;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	text-shadow: 2px 2px 1px #fff,
		-2px 2px 1px #fff,
		2px -2px 1px #fff,
		-2px -2px 1px #fff;
}

/* Login Area ============================================================================== */
.loginPanel {
	margin: 0 auto;
	padding-top: 10px;
	background: url("../images/common/bg_aside_login.png") repeat-y 50% 0;
	font-size: 12px;
}
/* before login -----------------------------------------------------------*/
.form-group {
	margin: 0 auto;
	padding: 0 15px 5px;
	text-align: center;
}
.loginPanel label {
	padding-left: 10px;
	float: left;
	text-align: left;
}
.loginPanel .form-group label.mail,
.loginPanel .form-group label.pswd {
	width: 16px;
	height: 30px;
	color: #6b5744;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
	font-weight: bold;
}
.loginPanel label.mail::before { content:"\f003";}
.loginPanel label.pswd::before { content:"\f084";}
.ip_mail,
.ip_pswd {
	padding: 5px;
	width: 150px;
	border: 1px solid #c7afa0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}
.ip_mail:focus,
.ip_pswd:focus {
	outline: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4e7d3), to(#fff));
	background: -webkit-linear-gradient(top, #f4e7d3, #fff);
	background: linear-gradient(to bottom, #f4e7d3, #fff);
/*	text-indent: 1em; */
}

.errors-email,
.errors-password,
.errors-all {
/*	display: none;*/
	clear: both;
	font-size: 10px;
	color: #b80000;
	text-align: center;
}
.errors-all {
	margin: 0 auto;
	border-top: 1px solid #62503f;
	width: 200px;
}
.loginPanel .btn_login {
	margin: 5px 0 10px 7px;
	padding:0;
	width: 95px;
	height: 30px;
	border: none;
	font-size: 0;
	line-height: 0;
	cursor:pointer;
	float: left;
	background: url("../images/common/btn_aside_login.jpg") no-repeat 50% 0;
}
.loginPanel .btn_login:hover {
	background-position: 50% -30px;
}
.loginPanel .btn_regist {
	margin: 5px 7px 10px 0;
	float: right;
	width: 90px;
	height: 30px;
	background: url("../images/common/btn_aside_regist.jpg") no-repeat 50% -30px;
}
.loginPanel .btn_regist a {
	width: 90px;
	height: 30px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/common/btn_aside_regist.jpg") no-repeat 50% 0;
}
.loginPanel .as_reminder {
	padding-bottom: 18px;
	background: url("../images/common/bg_aside_loginbtm.png") no-repeat 50% 100%;
	font-size: 10px;
}
.loginPanel .as_reminder li {
	padding-left: 30px;
	line-height: 16px;
}

/* after login -----------------------------------------------------------*/
.box_logined {
	margin: 0 auto;
	padding-top: 5px;
	background: url("../images/common/bg_aside_login.png") repeat-y 50% 0;
	font-size: 12px;
}
.box_logined h3 {
	margin:0 auto;
	width: 185px;
	height: 25px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/common/h3_aside_charcurrent.jpg") no-repeat 50% 0;
}
.box_logined .box_charexp {
	padding:10px 20px;
}
.box_logined .img_char {
	float: left;
}
.box_logined .img_char img {
	margin-left: 5px;
	margin-right: 5px;
	background:#fff;
}
.box_logined .box_charexp p { padding-top: 0; }
.box_logined .box_charexp p.nochar { padding: 10px; text-align: center; }

.box_logined .box_charexp .box_name { padding-left: 70px;}
.box_logined .box_charexp .ttl_dig { font-size: 10px; }
.box_logined .box_charexp .ttl_name { font-size: 14px; font-weight: bold; }
.box_logined .box_charexp .ttl_kana { font-size: 10px; }
.box_logined .box_charexp .box_chardetail {
	margin: 10px 5px 0;
	padding: 5px;
	clear: both;
	font-size: 10px;
	text-align: left;
	text-indent: .5em;
	background: #d0c8c1;
	border-radius: 3px;
}
/*
.box_logined .box_charexp .as_message:before {  padding-right: 5px; content:"\f0e0"; }
.box_logined .box_charexp .as_situation:before {  padding-right: 5px; content:"\f1d7"; }
.box_logined .box_charexp .as_charselect:before {  padding-right: 5px; content:"\f007"; }
*/
.box_logined .box_charexp .message {
	margin: 10px 5px 0;
	padding: 5px;
	clear: both;
	font-size: 10px;
	text-align: center;
	background: #d0c8c1;
	border-radius: 3px;
}
.box_logined .box_charexp .message a { color: #c40026; }
.box_logined .btn_history {
	clear: both;
	margin: 0 auto 5px;
	background: url("../images/common/btn_aside_history.png") no-repeat 50% -23px;
}
.box_logined .btn_history a {
	margin: 0 auto 5px;
	width: 187px;
	height: 23px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/common/btn_aside_history.png") no-repeat 50% 0;
}
.box_logined .btn_another {
	clear: both;
	margin: 0 auto;
	background: url("../images/common/btn_aside_otherchar.png") no-repeat 50% -23px;
}
.box_logined .btn_another a {
	margin: 0 auto;
	width: 187px;
	height: 23px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/common/btn_aside_otherchar.png") no-repeat 50% 0;
}
.box_logined .btn_another a:hover { background-position: 0 -23px; }
.box_logined .btn_edit {
	clear: both;
	margin: 5px auto 0;
	background: url("../images/common/btn_aside_edit.png") no-repeat 50% -23px;
}
.box_logined .btn_edit a {
	margin: 0 auto;
	width: 187px;
	height: 23px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/common/btn_aside_edit.png") no-repeat 50% 0;
}
.box_logined .btn_edit a:hover { background-position: 0 -23px; }
.box_logined .box_asbtn {
	margin: 0 auto;
}
.btn_charregist {
	margin: 5px 0 10px 25px;
	width: 110px;
	height: 30px;
	float: left;
	background: url("../images/common/btn_aside_charregist.jpg") no-repeat 50% -30px;
}
.btn_charregist a {
	width: 110px;
	height: 30px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/common/btn_aside_charregist.jpg") no-repeat 50% 0;
}
.btn_logout {
	margin: 5px 25px 10px 0;
	float: right;
	width: 70px;
	height: 30px;
	background: url("../images/common/btn_aside_logout.jpg") no-repeat 50% -30px;
}
.btn_logout a {
	width: 70px;
	height: 30px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/common/btn_aside_logout.jpg") no-repeat 50% 0;
}
.btn_charregist a:hover,
.btn_logout a:hover {
	background-position: 50% -30px;
}

.box_logined .box_currency {
	clear: both;
	padding-bottom: 10px;
	background: url("../images/common/bg_aside_loginbtm.png") no-repeat 50% 100%;
}
.currency_view {
	margin: 5px 20px;
	padding: 5px 10px;
	border: 3px double #ae9666;
	background-color: #d0c8c1;
}
.currency_view span { font-weight: bold; display: inline-block; margin-right: 5px;}
.btn_rcpurchase {
	margin: 10px auto;
	width: 185px;
	height: 30px;
	background: url("../images/common/btn_aside_rcpurchase.jpg") no-repeat 50% -30px;
}
.btn_rcpurchase a {
	width: 185px;
	height: 30px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/common/btn_aside_rcpurchase.jpg") no-repeat 50% 0;
}
.btn_rctransfer a:hover,
.btn_rcpurchase a:hover {
	background-position: 50% -30px;
}

@-webkit-keyframes message-notice {
	  0% { -webkit-transform: rotateZ(  0deg); }
	  5% { -webkit-transform: rotateZ(  1.4deg); }
	 10% { -webkit-transform: rotateZ( -5.1deg); }
	 15% { -webkit-transform: rotateZ(  9.8deg); }
	 20% { -webkit-transform: rotateZ(-13.6deg); }
	 25% { -webkit-transform: rotateZ( 15deg); }
	 30% { -webkit-transform: rotateZ(-13.6deg); }
	 35% { -webkit-transform: rotateZ(  9.8deg); }
	 40% { -webkit-transform: rotateZ( -5.1deg); }
	 45% { -webkit-transform: rotateZ(  1.4deg); }
	 50% { -webkit-transform: rotateZ(  0deg); }
	100% { -webkit-transform: rotateZ(  0deg); }
}
@keyframes message-notice {
	  0% { transform: rotateZ(  0deg); }
	  5% { transform: rotateZ(  1.4deg); }
	 10% { transform: rotateZ( -5.1deg); }
	 15% { transform: rotateZ(  9.8deg); }
	 20% { transform: rotateZ(-13.6deg); }
	 25% { transform: rotateZ( 15deg); }
	 30% { transform: rotateZ(-13.6deg); }
	 35% { transform: rotateZ(  9.8deg); }
	 40% { transform: rotateZ( -5.1deg); }
	 45% { transform: rotateZ(  1.4deg); }
	 50% { transform: rotateZ(  0deg); }
	100% { transform: rotateZ(  0deg); }
}
.new-message-notice {
	color: #c40026;
	-webkit-animation: message-notice 2s infinite;
	animation: message-notice 2s infinite;
	display: inline-block;
}

/* Category Navigation ============================================================================== */
#CategoryNav {
	padding-bottom: 25px;
	background:url("../images/common/bg_categorynav_btm.png") no-repeat 0 100%;
}
#CategoryNav dt{
	padding-top: 50px;
	width: 235px;
	height:0;
	display:block;
	overflow:hidden;
	}
.gameguide { background:url("../images/common/img_aside_ttl_gameguide.png") no-repeat 0 0; }

#CategoryNav dd,
#CategoryNav dd a,
#CategoryNav dd li,
#CategoryNav dd li a			{ background:url("../images/common/bg_categorynav_gg.png") no-repeat; }

#CategoryNav dd{
	width: 235px;
	}
#CategoryNav li{
	width: 235px;
	}
#CategoryNav dd a{
	padding-top:35px;
	width: 235px;
	height:0;
	display:block;
	overflow:hidden;
}
#CategoryNav li a{
	padding-top:25px;
	width: 235px;
	height:0;
	display:block;
	overflow:hidden;
}

#CategoryNav dd.outline,
#CategoryNav dd.outline a.active			{ background-position: -235px -50px; }
#CategoryNav dd.outline a					{ background-position: 0 -50px; }
#CategoryNav dd.backborn,
#CategoryNav dd.backborn a.active			{ background-position: -235px -85px; }
#CategoryNav dd.backborn a					{ background-position: 0 -85px; }
#CategoryNav dd.manual,
#CategoryNav dd.manual a.active				{ background-position: -235px -120px; }
#CategoryNav dd.manual a					{ background-position: 0 -120px; }

#CategoryNav li.manual_01					{ background-position: -235px -155px; }
#CategoryNav li.manual_01 a					{ background-position: 0 -155px; }
#CategoryNav li.manual_02					{ background-position: -235px -180px; }
#CategoryNav li.manual_02 a					{ background-position: 0 -180px; }
#CategoryNav li.manual_03					{ background-position: -235px -205px; }
#CategoryNav li.manual_03 a					{ background-position: 0 -205px; }

#CategoryNav dd.forbeginner,
#CategoryNav dd.forbeginner a.active		{ background-position: -235px -230px; }
#CategoryNav dd.forbeginner a				{ background-position: 0 -230px; }
#CategoryNav dd.qa,
#CategoryNav dd.qa a.active					{ background-position: -235px -265px; }
#CategoryNav dd.qa a						{ background-position: 0 -265px; }
#CategoryNav dd.contact,
#CategoryNav dd.contact a.active			{ background-position: -235px -300px; }
#CategoryNav dd.contact a					{ background-position: 0 -300px; }

/* Aside Banner Area ============================================================================== */
.aside_bnr {
	margin-top: 20px;
	width: 235px;
}
.aside_bnr li {
	margin-top: 10px;
}
.aside_bnr li a img:hover {
	opacity: 0.7;
}

/*====================================================================================================
	Layout: Article(Contents)
======================================================================================================*/
article {
	position:relative;
	margin: 30px auto;
	padding-bottom: 40px;
	width:755px;
	text-align:left;
	float: right;
	min-height: 500px;
	background: url("../images/common/bg_contents_btm.jpg") no-repeat 0 100%;
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 { position: relative; color: #6b5744; clear: both;}

article h2 a,
article h2 a:hover { color: #fff7d9; }
article h3 a,
article h3 a:hover,
article h4 a,
article h4 a:hover,
article h5 a,
article h5 a:hover,
article h6 a,
article h6 a:hover { color: #6b5744; }

article h1 {
	margin: 0 auto;
	width: 755px;
	height: 90px;
	line-height: 100px;
	overflow: hidden;
	vertical-align: middle;
	background: url("../images/common/bg_h1.png") no-repeat 50% 0;
	font-size: 24px;
	font-family: 'PppFont';
	text-align: center;
}
article h1::before {
	margin-right: 5px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url("../images/common/bg_h1_ornament_l.png") no-repeat 50% 0;
	width: 120px;
	height: 45px;
}
article h1::after {
	margin-left: 5px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url("../images/common/bg_h1_ornament_r.png") no-repeat 50% 0;
	width: 120px;
	height: 45px;
}

article h2 {
	margin: 10px auto;
	width: 710px;
	height: 56px;
	background: url("../images/common/bg_h2.jpg") no-repeat 50% 0;
	color: #fff7d9;
	font-size: 24px;
	font-weight: bold;
	line-height: 56px;
	text-align: center;
	text-indent: 0;
}
article h2 span {
	font-size: 14px;
}
article h2.charttl::before		{ padding-right: 5px; content:"\f069"; } /* asterisk */
article h2.charttl::after		{ padding-left: 5px;  content:"\f069"; }
article h2.charttl.live_novel::before		{ padding-right: 5px; content:"\f518"; } /* book */
article h2.charttl.live_novel::after		{ padding-left: 5px;  content:"\f518"; }
article h2.guildname::before		{ padding-right: 5px; content:"\f286"; }
article h2.guildname::after		{ padding-left: 5px; content:"\f286"; }

div.h2_transform {
	max-width: 626px;
	display: inline-block;
	transform-origin: 0 0;
}
div.h2_transform_inner {
	white-space: nowrap;
	display: inline;
}

article h3 {
	position: relative;
	margin: 20px 25px 0;
	padding: .75em 1em .75em 1.3em;
	background: #fffaf0;
	border: 1px solid #c7afa0;
	border-radius: 5px;
	font-size: 18px;
	font-weight: bold;
}
article h3::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #c7afa0;
	border-radius: 4px;
}
article h3.h3_style01::after,
article h3.h3_style02::after,
article h3.h3_style03::after {
	width: auto;
	height: auto;
	background-color: transparent;
	border-radius: 0;
}
article h3.h3_style01,
article h3.h3_style02,
article h3.h3_style03 {
	padding: .75em 1em .75em .75em;
}
article h3.h3_style01::before { color: #c7afa0; padding-right: 5px; content:"\f138"; }
article h3.h3_style02::before { color: #c7afa0; padding-right: 5px; content:"\f086"; }
article h3.h3_style03::before { color: #c7afa0; padding-right: 5px; content:"\f1a5"; }

article h3.h3_charname { text-align: center; }
article h3.h3_charname::before { color: #c7afa0; padding-right: 5px; content:"\f216"; }
article h3.h3_charname::after {
	position:static !important;
	width: auto;
	height: auto;
	background: none;
	border-radius: 0;
	color: #c7afa0;
	padding-left: 5px;
	content:"\f216";
}

article h4 {
	position: relative;
	margin: 20px 25px 0;
	padding: .75em 1em .75em .75em;
	font-size: 18px;
	font-weight: bold;
}
article h4::before,
article h4::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
article h4::before {
	top: 0;
	border-top: 2px solid #c7afa0;
	border-bottom: 1px solid #c7afa0;
}
article h4::after {
	bottom: 0;
	border-top: 1px solid #c7afa0;
	border-bottom: 2px solid #c7afa0;
}
article h5 {
	position: relative;
	margin: 20px 25px 0;
	padding: .50em 1em .50em .75em;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
	background: #f4e7d3;
	border-radius: 5px;
}
article h6 {
	font-weight: bold;
	position: relative;
	margin: 20px 25px 0;
	padding: .75em 1em .75em .75em;
	border-bottom: 1px solid #bea981;
}
article h6::before,
article h6::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 5px;
	box-sizing: border-box;
}
article h6::after {
	bottom: 0;
	border-top: 1px dotted #c7afa0;
	border-bottom: 1px solid #c7afa0;
}


/* Article Contents
------------------------------------------------------------------------------------------------------*/
article .contents_body {
	padding: 1px 0;
	min-height: 500px;
	background: url("../images/common/bg_contents.png") repeat-y 0 0;

}
article p,
article ul,
article ol,
article dl {
	padding: 1em 30px 0;
}
.box_contents {
	margin: 1.35em auto;
	max-width: 90%;
}


/*====================================================================================================
	Layout:Contents bottom
======================================================================================================*/

/* Page To Top
------------------------------------------------------------------------------------------------------*/
#page-top-bottom {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:1000;
}
#page-top-bottom a {
	position: absolute;
	right: 0;
	width: 60px;
	height: 70px;
	display: block;
	text-indent: 70px;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/common/btn_scroll.png") no-repeat 0 0 / 120px 140px;
}
#page-top-bottom a.top {
	display: none;
	background-position: -60px 0px;
	bottom: 70px;
}
#page-top-bottom a.top:hover {
	background-position: -60px -70px;
}
#page-top-bottom a.bottom {
	background-position: 0px 0px;
	bottom: 0;
}
#page-top-bottom a.bottom:hover {
	background-position: 0px -70px;
}

/*====================================================================================================
	Layout: Footer
======================================================================================================*/
footer{
	clear: both;
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 150px;
	font-size:10px;
	background: url("../images/common/bg_footer.jpg") repeat-x 0 0;
}
footer,
footer a,
footer a:hover		{ color: #d9d6d2; }

/* Footer Link Area
------------------------------------------------------------------------------------------------------*/
.footerlink ul{
	padding-top: 50px;
	text-align:center;
}
.footerlink li{
	display:inline;
	padding:0 0.7em;
	border-right: 1px solid;
}
.footerlink li.last{
	border-right:none;
}
.footerlink li a{
	color:#fff;
}
footer .copyright {
	clear: both;
	margin: 0 auto;
	width: 1000px;
	height:30px;
}

/*====================================================================================================
	Common Style:Template Parts
======================================================================================================*/
.img_pc { display: block; }
.img_sp { display: none !important; }

/* Page Navigation
------------------------------------------------------------------------------------------------------*/
.pagenavi{
	position: relative;
	margin:10px auto 0;
	width:600px;
	height:36px;
	color:#c7afa0;
	background:url("../images/common/bg_news_pagenav.png") no-repeat 50% 0;
	font-size:12px;
	overflow: hidden;
	text-align: center;
}
.pagenavi ul{
	top:5px;
	padding-top:1px;
	position: relative;
	display: inline-block;
	height:36px;
	overflow: hidden;
}
.pagenavi li{
	position: relative;
	text-align:center;
	display: inline-block;
}
.pagenavi li.denied,
.pagenavi li.pgnav_first a,
.pagenavi li.pgnav_prev a,
.pagenavi li.pgnav_next a,
.pagenavi li.pgnav_last a {
	width: 25px;
	height: 0;
	padding-top: 25px;
	display: inline-block;
	overflow: hidden;
}
.pagenavi li.pgnav_first a				{ background: url("../images/common/bg_pgnav_first.png") no-repeat 50% 0; }
.pagenavi li.pgnav_first a:hover		{ background: url("../images/common/bg_pgnav_first.png") no-repeat 50% -25px; }
.pagenavi li.pgnav_first.denied			{ background: url("../images/common/bg_pgnav_first.png") no-repeat 50% -50px; }
.pagenavi li.pgnav_prev a				{ background: url("../images/common/bg_pgnav_prev.png") no-repeat 50% 0; }
.pagenavi li.pgnav_prev a:hover			{ background: url("../images/common/bg_pgnav_prev.png") no-repeat 50% -25px; }
.pagenavi li.pgnav_prev.denied			{ background: url("../images/common/bg_pgnav_prev.png") no-repeat 50% -50px; }
.pagenavi li.pgnav_next a				{ background: url("../images/common/bg_pgnav_next.png") no-repeat 50% 0; }
.pagenavi li.pgnav_next a:hover			{ background: url("../images/common/bg_pgnav_next.png") no-repeat 50% -25px; }
.pagenavi li.pgnav_next.denied			{ background: url("../images/common/bg_pgnav_next.png") no-repeat 50% -50px; }
.pagenavi li.pgnav_last a				{ background: url("../images/common/bg_pgnav_last.png") no-repeat 50% 0; }
.pagenavi li.pgnav_last a:hover			{ background: url("../images/common/bg_pgnav_last.png") no-repeat 50% -25px; }
.pagenavi li.pgnav_last.denied			{ background: url("../images/common/bg_pgnav_last.png") no-repeat 50% -50px; }

.pagenavi li.pager{
	top:-10px;
	height: 25px;
}

.pagenavi li.pager a{
	display: inline-block;
	padding: 0 5px !important;
	height:20px;
	color:#6b5744;
	border: 1px solid #d6c4ae;
	background: #eadecf;
	border-radius: 10px;
	text-decoration: none;

}
.pagenavi li.pager a:hover				{ border: 1px solid #ac895c; background: #d6c4ae; }

.pagenavi li.pgnav_current{
	top:-10px;
}
.pagenavi li.pgnav_current span{
	padding: 0 10px !important;
	height: 25px;
	display: inline-block;
	line-height:25px;
	color:#6b5744;
	font-weight:bold;
}

/* Bottom Navigation
------------------------------------------------------------------------------------------------------*/
#bottomnavi {
	position:relative;
	margin: 30px auto 0;
	padding: 0;
	width: 600px;
	height: 36px;
	background: url("../images/common/bg_news_pagenav.png") no-repeat 50% 0;
}
#bottomnavi ul {
	margin: 0 auto;
	padding: 0;
}

#bottomnavi li.navprev{
	position: absolute;
	padding-left: 20px;
	left: 10px;
	line-height: 36px;
	display: block;
	background: url("../images/common/bg_bnav_prev.png") no-repeat 5px 50%;
}
#bottomnavi li.navcurrent {
	font-weight:bold;
	text-align:center;
	line-height: 36px;
}
#bottomnavi li.navnext{
	position: absolute;
	padding-right: 20px;
	top: 0;
	right: 10px;
	line-height: 36px;
	display: block;
	background: url("../images/common/bg_bnav_next.png") no-repeat 100% 50%;
}

.articleimage {
	margin: 0 auto;
	text-align: center;
}
/* float
------------------------------------------------------------------------------------------------------*/
.floatright {
	clear: right;
	float: right;
}
.floatleft {
	clear: left;
	float: left;
}
.txt_right {
	text-align: right;
}
.txt_center {
	text-align: center;
}
.imgright {
	margin: 0 0 20px 20px;
}
.imgright_min {
	margin: 0 0 10px 5px;
}
.imgleft {
	margin: 0 20px 20px 0;
}

/* float clear
----------------------------------------------------------------------------- */
.c-both {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	font-size: 1px;
}
.line {
	clear: both;
	margin: 50px auto 30px;
	border: 0;
	height: 4px;
	background: #d8d8d8;
}

/* table style
----------------------------------------------------------------------------- */
table {
	margin:1em auto 0;
	width: 690px;
	background-color:#c7afa0;
	border-collapse:separate;
	border-spacing:1px;
}
table.half-width {
	width: 345px;
}
table table { margin: .5em auto; width: 100% !important; }

table th {
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	padding:10px;
	background-color:#f4e7d3;
	font-weight:bold;
}
table td {
	padding:10px;
	background-color:#fff;
	font-size: 12px;
}
table th.checkbox,
table td.checkbox {
	padding: 0;
}
table th.checkbox label,
table td.checkbox label {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
}
table.noborder {
	background: none;
	border: none;
}
table.noborder th {
	padding:10px 15px;
	background: none;
}
table.noborder td {
	padding:10px 15px;
	background: none;
}

table.tb_gray {
	background-color:#bbb;
}
table.tb_gray th {
	background-color:#eee;
}

table.tb_typea {
	background-color:none;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 3px solid #c7afa0;
}
table.tb_typea th {
	color: #6b5744;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #ccc;

}
table.tb_typea td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.tb_typeb {
	background: #fff;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
}
table.tb_typeb th {
	color: #6b5744;
	background: #fff;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #ccc;
}
table.tb_typeb td {
	border-bottom: 1px solid #ccc;
}

table.tb_typec {
	background: #fff;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
}
table.tb_typec th {
	color: #6b5744;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #ccc;
}
table.tb_typec td {
	border-bottom: 1px solid #ccc;
}

table.tb_typed {
	background: #fff;
	border-collapse: collapse;
}
table.tb_typed th {
	color: #6b5744;
	border-top: 3px solid #c7afa0;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}
table.tb_typed td {
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

table.tb_typee {
	background: #fff;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
}
table.tb_typee th {
	background: none;
	color: #6b5744;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #ccc;
}
table.tb_typee td {
	background: none;
	border-bottom: 1px solid #ccc;
}
table.tb_typee tr:nth-child(even) {
	background-color:#f4e7d3;
}

/* blockquote
----------------------------------------------------------------------------- */
.contents_body blockquote {
	position: relative;
	margin: 1em 25px;
	padding: 1.5em 1.2em 1.5em;
	border: 1px solid #c7afa0;
	border-radius: 5px;
	background: #fff;
}
.contents_body blockquote p {
	padding: 1em 0 0;
}
blockquote:before,
blockquote:after{
	position: absolute;
	font-size: 5em;
	opacity: .1;
	font-family: 'Arial Black';
}
blockquote:before{
	top: 15px;
	left: 20px;
	content: '“';
}
blockquote:after{
	bottom: 0px;
	right: 20px;
	content: '”';
}
.contents_body blockquote footer{
	clear: none;
	margin: 10px 0 10px 10px;
	padding: 0.5em;
	text-align: left;
	width: 540px;
	height: auto;
	font-size: 14px;
	background: none;
	background-color: #fffaf0;
	border: 1px solid #c7afa0;
	border-radius: 50px;
}
.contents_body blockquote footer,
.contents_body blockquote footer a,
.contents_body blockquote footer a:hover		{ color: #003d84; }

/* flavor
----------------------------------------------------------------------------- */
.box_flavor {
	position: relative;
	margin: 1em 25px;
	width:710px;
	background: url("../images/common/bg_boxflavor_mid.jpg") repeat-y 50% 0;
}
.box_flavor p {
	font-style: italic;
	font-family: 'Times New Roman','ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', serif;
	font-weight: bold;
	padding: 3em 4.5em 0;
	background: url("../images/common/bg_boxflavor_top.jpg") no-repeat 50% 0;
}
.box_flavor p.flavor_normal {
	font-style: normal;
	font-family: 'メイリオ', Meiryo,Arial, Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
.box_flavor:after {
	content: "";
	display: block;
	height: 50px;
	background: url("../images/common/bg_boxflavor_btm.jpg") no-repeat 50% 100%;
}
.img_flavor {
	margin:1em auto;
	padding: 1em 0;
	text-align: center;
	background: none !important;
}
.img_flavor img {
	max-width: 680px;
	max-height: 680px;
}


/* List Style Reset
----------------------------------------------------------------------------- */
article ul li ul,
article ul li ol,
article ul li dl,
article ol li ol,
article ol li ul,
article ol li dl,
article dl dt ul,
article dl dd ul,
article dl dt ol,
article dl dd ol { width: auto !important; }

/* List Style, Awesome Icon
----------------------------------------------------------------------------- */
.listicon {
	margin: 1em auto 0;
	padding: 0.5em 2em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.listicon li {
	margin: 0 auto 0.5em;
	padding-left: 1.4em !important;
	text-indent: -1.4em;
}
.listicon li:before,
.awesomeicon:before {
	padding-right: 0.7em !important;
	color: #9a8150;
	font-family: 'FontAwesome';
}
.listicon li ul,
.listicon li ol {
	padding: 0.5em 1em;
}

.listicon.li_style1 li:before,
.listicon .li_style1:before { content:"\f061"; }
.listicon.li_style2 li:before,
.listicon .li_style2:before { content:"\f0a9"; }
.listicon.li_style3 li:before,
.listicon .li_style3:before { content:"\f069"; }
.listicon.li_style4 li:before,
.listicon .li_style4:before { content:"\f0da"; }
.listicon.li_checkbox1 li:before,
.listicon .li_checkbox1:before { content:"\f00c"; }
.listicon.li_checkbox2 li:before,
.listicon .li_checkbox2:before { content:"\f046"; }
.listicon.li_caution1 li:before,
.listicon .li_caution1:before { content:"\f071"; }
.listicon.li_caution2 li:before,
.listicon .li_caution2:before { content:"\f06a"; }
.listicon.li_bookmark li:before,
.listicon .li_bookmark:before { content:"\f02e"; }
.listicon.li_times li:before,
.listicon .li_times:before { content:"\f00d"; }

/* nest reset (ul ol ver) */
article ul li ol {
	margin: 0 auto;
	padding: 0;
}
article ul li ol li {
	text-indent: 0 !important;
}
article ul li ol.ol_style2 {
	margin: 0 auto;
}
article ul li ol.ol_style2 li {
	clear: left;
	margin: 0;
	padding-top: .5em;
	padding-left: 0;
	padding-bottom:0;
}
article ul li ol.ol_style2 li:before {
	content: none;
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #fffaf0;
	border: 1px solid #c7afa0;
	color: #9a8150;
	display: block;
	float: left;
	line-height: 20px;
	margin-left: -30px;
	text-align: center;
	height: 20px;
	width: 20px;
	border-radius: 50%;
}
article ul.listicon li ol.ol_style2 li {
	text-indent: 0 !important;
}
article ul.listicon li ol.ol_style2 li:before {
	content: ""counter(my-counter) !important;
	line-height: 20px;
	margin-left: -30px;
	margin-right: 0;
	padding-right: 0 !important;
}


/* List Style ImageBox
----------------------------------------------------------------------------- */
h3.listbox {
	position: relative;
	margin: 20px auto 0;
	padding: 0;
	border: none;
	border-radius: 0;
	width: 710px;
	height: 80px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
h3.listbox_txt {
	position: relative;
	margin: 20px auto 0;
	padding: 35px 0 15px 40px;
	border: none;
	border-radius: 0;
	color: #994b2e;
	font-size: 16px;
	width: 650px;
	height: 30px;
	background: url("../images/common/ttl_cautionh3.png") no-repeat 50% 0;
	font-family: 'PppFont';
	vertical-align: middle;
}
h3.listbox_txt::after {
	display: none;
}
h3.listbox_txt::before {
	margin-right: 3px;
	color: #cba38e;
	font-family: 'Font Awesome 5 Pro';
	font-size: 20px;
	vertical-align: middle;
}
h3.listbox_txt.ttl_caution::before { content: "\f06a"; }
h3.listbox_txt.ttl_point::before { content: "\f00c"; }

h3.listbox::after {	width: 0; }
h3.listbox.ttl_point			{ background: url("../images/common/ttl_point.png") no-repeat 50% 0; }
h3.listbox.ttl_caution			{ background: url("../images/common/ttl_caution.png") no-repeat 50% 0; }
h3.listbox.ttl_eventcaution		{ background: url("../images/common/ttl_eventcaution.png") no-repeat 50% 0; }
h3.listbox.ttl_menu				{ background: url("../images/common/ttl_menu.png") no-repeat 50% 0; }
h3.listbox.ttl_illustmenu		{ background: url("../images/common/ttl_illustmenu.png") no-repeat 50% 0; }
h3.listbox.ttl_scenariomenu		{ background: url("../images/common/ttl_scenariomenu.png") no-repeat 50% 0; }
h3.listbox.ttl_aboutshop		{ background: url("../images/common/ttl_aboutshop.png") no-repeat 50% 0; }
h3.listbox.ttl_aboutscenario	{ background: url("../images/common/ttl_aboutscenario.png") no-repeat 50% 0; }
h3.listbox.ttl_aboutarena		{ background: url("../images/common/ttl_aboutarena.png") no-repeat 50% 0; }
h3.listbox.ttl_aboutkaleido		{ background: url("../images/common/ttl_aboutkaleido.png") no-repeat 50% 0; }
.box_cautiontxt {
	margin: 0 auto;
	padding: 10px 40px;
	width: 630px;
	background: url("../images/common/bg_cautiontxt.png") repeat-y 50% 0;
}
.box_cautiontxt p {
	padding: 1em 0 0;
}
ul.list_caution,
ul.list_caution_txt {
	margin: 0 auto;
	padding: 0 0 50px;
	width: 710px;
	background: url("../images/common/ul_btm_caution.png") no-repeat 50% 100%;
}
ul.list_caution li {
	margin: 0 auto;
	padding: 1.2em 30px 0 70px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: url("../images/common/li_caution.png") no-repeat 50% 0;
	background: url("../images/common/li_caution_top.png") no-repeat 50% 0, url("../images/common/li_caution_btm.png") repeat-y 50% 0;
}
ul.list_caution li ul {
	margin: 0 auto !important;
	padding: .5em 0 0 1em;
}
ul.list_caution li ol {
	margin: 0 auto !important;
	padding: .5em 0 0 2em;
}
ul.list_caution li ul li {
	padding: 0 !important;
	text-indent: -1em !important;
	background: none;
}
ul.list_caution.list_thin li {
	padding: .5em 30px 0 70px;
	background: url("../images/common/li_caution.png") no-repeat 50% -11px;
	background: url("../images/common/li_caution_top.png") no-repeat 50% 0, url("../images/common/li_caution_btm.png") repeat-y 50% 0;
}

/* List Style OL
----------------------------------------------------------------------------- */
article ol.ol_basic,
article ol.ol_style2 {
	counter-reset: my-counter;
	margin: 1em auto 0;
	width: 700px;
}
article ol.ol_basic li,
article ol.ol_style2 li {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
}
article ol.ol_basic li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #c7afa0;
	color: #fff;
	display: block;
	float: left;
	line-height: 22px;
	margin-left: -30px;
	text-align: center;
	height: 22px;
	width: 22px;
	border-radius: 50%;
}
article ol.ol_style2 li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #fffaf0;
	border: 1px solid #c7afa0;
	color: #9a8150;
	display: block;
	float: left;
	line-height: 20px;
	margin-left: -30px;
	text-align: center;
	height: 20px;
	width: 20px;
	border-radius: 50%;
}
/* nest reset (ol ul ver) */
article ol.ol_basic li ul,
article ol.ol_style2 li ul {
	margin: 0 auto;
}
article ol.ol_basic li ul li,
article ol.ol_style2 li ul li {
	text-indent: 0 !important;
}
article ol.ol_basic li ul li::before,
article ol.ol_style2 li ul li::before {
	content: none;
	padding-left: 20px;
	margin-left: -40px;
	width: auto;
	height: auto;
	background: none;
	border: none;
	border-radius: 0;
	color: #9a8150;
}

/* nest reset2 (ol ol ver) */
article ol.ol_basic li ol,
article ol.ol_style2 li ol {
	margin: 0 auto 1em;
}

article ol.ol_basic li ol li,
article ol.ol_style2 li ol li {
	margin-bottom: 10px;
	padding-left: 0;
}


/* List Style DT
----------------------------------------------------------------------------- */
article dl.dl_basic {
	margin: 0 auto;
	width: 700px;
}
article dl.dl_basic dt {
	margin-top: 1em;
	padding-left: 10px;
	border-left: 5px solid #c7afa0;
	color: #6b5744;
	font-size: 16px;
	font-weight: bold;
}
article dl.dl_basic dd {
	padding-left: 10px;
	border-left: 5px solid #c7afa0;
}

article dl.dl_style1 {
	margin: 0 auto;
	width: 700px;
}
article dl.dl_style1 dt {
	margin-top: 1em;
	padding: 10px 5px;
	color: #6b5744;
	font-size: 16px;
	font-weight: bold;
	background: #f4e7d3;
	border: 1px dotted #c7afa0;
}
article dl.dl_style1 dd {
	padding: 10px 5px 10px 15px;
	border-right: 1px dotted #c7afa0;
	border-left: 1px dotted #c7afa0;
	border-bottom: 1px dotted #c7afa0;
}
/* nest reset2 (dt ol ver) */
article dl.dl_basic dd ol {
	margin: 0 auto;
	padding: 0 0 .25em 40px;
}
article dl.dl_basic dd ol li {
	margin-bottom: 10px;
	padding-left: 0;
}


/* hr style
----------------------------------------------------------------------------- */
hr {
	border: 0;
	margin: 1.35em auto;
	max-width: 90%;
	background-position: 50%;
	box-sizing: border-box;
	height: 1px;
	color: #bea981;
	background-image: linear-gradient(90deg, rgba(255,0,0,0), #bea981 50%, rgba(255,0,0,0) 100%);
}
hr.hr_style01 {
	border-top: 1px dashed #bea981;
}
hr.hr_style02 {
	height: 6px;
	background: url("../images/common/img_hr01.png") repeat-x 0 0;
	border: 0;
}
hr.hr_style03 {
	height: 6px;
	background: url("../images/common/img_hr02.png") repeat-x 0 0;
	border: 0;
}

/* Chat Talk
----------------------------------------------------------------------------- */
.chat-talk {
	clear: both;
	margin: 1em auto 0;
	width: 710px;
	background: url("../images/common/bg_talk-content.jpg") no-repeat 50% 100%;
}
.talk-icon img {
	margin: 10px;
	float: left;
	background: #fff;
}
.talk-content {
	padding: 30px 30px 30px 110px;
	background: url("../images/common/bg_chat-talk.jpg") no-repeat 50% 0;
}

.chat-talk.righttalk {
	background: url("../images/common/bg_talk-content_right.jpg") no-repeat 50% 100%;
}
.chat-talk.righttalk .talk-icon img {
	float: right;
}
.chat-talk.righttalk .talk-content {
	padding: 30px 110px 30px 30px;
	background: url("../images/common/bg_chat-talk_right.jpg") no-repeat 50% 0;
}

/* Error Message
----------------------------------------------------------------------------- */
/* common */
.alerts_msg {
	margin: 1em 30px 0;
	padding: .5em 1em .5em 2.5em;
	border-radius: 5px;
	text-indent: -1.3em;
}
.alerts_msg i { text-indent: 0; }

.alerts_msg::before {
	position: relative;
	top: 0;
	left: 0;
	margin-right: 5px;
	font-weight: 900;
}
/* kind */
.alerts_msg.success {
	border: 1px solid #c2dab8;
	background-color: #dff0d8;
	color: #3c763d;
}
.alerts_msg.success::before {
	content:"\f058";
}
.alerts_msg.notice {
	border: 1px solid #aecbd9;
	background-color: #d9edf7;
	color: #31708f;
}
.alerts_msg.notice::before {
	content:"\f05a";
}
.alerts_msg.warning {
	border: 1px solid #e5d5b5;
	background-color: #fcf8e3;
	color: #8a6d3b;
}
.alerts_msg.warning::before {
	content:"\f071";
}
.alerts_msg.error {
	border: 1px solid #eec3cc;
	background-color: #ffe9ee;
	color: #a94442;
}
.alerts_msg.error::before {
	content:"\f05e";
}


/* form parts
----------------------------------------------------------------------------- */
article section input,
article section select,
article section textarea {
	font-family: 'メイリオ', Meiryo,Arial, Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
/* ================input type text================ */
article section input[type="text"],
article section input[type="number"],
article section input[type="password"],
article section input[type="date"],
article section input[type="time"],
article section input[type="month"],
article section input[type="week"],
article section input[type="datetime"],
article section input[type="datetime-local"],
article section input[type="search"],
article section input[type="tel"],
article section input[type="url"],
article section input[type="email"] {
	padding:5px;
/*	height: 40px; */
	border: 1px solid #c7afa0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
/*	text-indent: 1em; */
}
article section input[type="text"]:focus,
article section input[type="number"]:focus,
article section input[type="password"]:focus,
article section input[type="date"]:focus,
article section input[type="time"]:focus,
article section input[type="month"]:focus,
article section input[type="week"]:focus,
article section input[type="datetime"]:focus,
article section input[type="datetime-local"]:focus,
article section input[type="search"]:focus,
article section input[type="tel"]:focus,
article section input[type="url"]:focus,
article section input[type="email"]:focus {
	outline: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4e7d3), to(#fff));
	background: -webkit-linear-gradient(top, #f4e7d3, #fff);
	background: linear-gradient(to bottom, #f4e7d3, #fff);
}
article section input[type="text"]:disabled,
article section input[type="number"]:disabled,
article section input[type="password"]:disabled,
article section input[type="date"]:disabled,
article section input[type="time"]:disabled,
article section input[type="month"]:disabled,
article section input[type="week"]:disabled,
article section input[type="datetime"]:disabled,
article section input[type="datetime-local"]:disabled,
article section input[type="search"]:disabled,
article section input[type="tel"]:disabled,
article section input[type="url"]:disabled,
article section input[type="email"]:disabled {
	background: #eee;
}

/* placeholder color */
::-webkit-input-placeholder {
	color: #ccc;
	opacity: 1;
}
:-moz-placeholder {
	color: #ccc;
}
::-moz-placeholder {
	color: #ccc;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #ccc;
}
:placeholder-shown {
	color: #ccc;
}

/* ================textarea================ */
article section textarea {
	border: 1px solid #c7afa0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
/*	text-indent: 1em; */
}
article section textarea:focus {
	background: -webkit-gradient(linear, left top, left bottom, from(#f4e7d3), to(#fff));
	background: -webkit-linear-gradient(top, #f4e7d3, #fff);
	background: linear-gradient(to bottom, #f4e7d3, #fff);
	outline: none;
}
/* ================SelectBox================ */
article section select {
/*	height: 40px; */
	border: 1px solid #c7afa0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
/*	text-indent: 1em; */
}
article section select:focus {
	outline: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4e7d3), to(#fff));
	background: -webkit-linear-gradient(top, #f4e7d3, #fff);
	background: linear-gradient(to bottom, #f4e7d3, #fff);
}
article section select:disabled {
	background: #eee;
}
/* ================input type checkbox================ */
article section input[type="checkbox"] {
/*
	width: 18px;
	height: 18px;
*/
	border: 1px solid #c7afa0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align: middle;
}

/* ================input type submit================ */
article section input[type="submit"],
article section input[type="reset"] {
/*	height: 50px; */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4e7d3));
	background: -webkit-linear-gradient(top, #fff, #f4e7d3);
	background: linear-gradient(to bottom, #fff, #f4e7d3);
	border: 1px solid #c7afa0;
	border-radius: 5px;
}
article section input[type="submit"]:hover,
article section input[type="reset"]:hover,
article section input[type="submit"]:focus,
article section input[type="reset"]:focus {
	background: -webkit-gradient(linear, left top, left bottom, from(#f4e7d3), to(#f2e7e0));
	background: -webkit-linear-gradient(top, #f4e7d3, #f2e7e0);
	background: linear-gradient(to bottom, #f4e7d3, #f2e7e0);
}

/* ================button common================ */
article section button {
	padding: 10px 15px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4e7d3));
	background: -webkit-linear-gradient(top, #fff, #f4e7d3);
	background: linear-gradient(to bottom, #fff, #f4e7d3);
	border: 1px solid #c7afa0;
	border-radius: 5px;
	cursor: pointer;
}
article section button[disabled] {
	cursor: default;
	cursor: not-allowed;
}

/* ================button layout================ */
.btn_form {
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	display: table;
	border-collapse: separate;
	border-spacing: 10px 0;
	text-align: center;
}
.btn_form.btn_single		{ width: 400px; }
.btn_form.btn_2dvs			{ width: 500px; }
.btn_form.btn_3dvs			{ width: 500px; }
.btn_form.btn_4dvs			{ width: 600px; }

.btn_form.btn_single li,
.btn_form.btn_2dvs li,
.btn_form.btn_3dvs li,
.btn_form.btn_4dvs li {
	display: table-cell;
}
.btn_form.btn_single button,
.btn_form.btn_single .btnstyle {width: 400px; }
.btn_form.btn_2dvs button,
.btn_form.btn_2dvs .btnstyle {width: 230px; }
.btn_form.btn_3dvs button,
.btn_form.btn_3dvs .btnstyle {width: 150px; }
.btn_form.btn_4dvs button,
.btn_form.btn_4dvs .btnstyle {width: 140px; }

/* ================button arrange style================ */
.btn_normal,
.btn_form button,
.btn_form .btnstyle {
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	text-decoration: none;
	background: #6b5744;
	border: 1px solid #3e342a;
	cursor: pointer;
}
.btn_form button[disabled] {
	cursor: default;
	cursor: not-allowed;
}
button.btn_normal:hover,
.btn_form button:hover {
	background-color: #917962;
}
.btn_form .btn_back button,
.btn_form .btn_reset button,
.btn_form .btnstyle.btnreset {
	background: #888;
	border: 1px solid #555;
}
.btn_form .btn_back button:hover,
.btn_form .btn_reset button:hover,
.btn_form .btnstyle.btnreset:hover {
	background-color: #bbb;
}
.btn_form .btnstyle a,
.btn_form .btnstyle a:hover {
	padding: 6px 20px;
	display: block;
	color: #fff;
	text-decoration: none;
}
.btn_form .btnstyle:hover {
	background-color: #917962;
}
.btn_form .btnstyle a span {
	padding-left: 5px;
	font-weight: normal !important;
}
/* ================submit comment(top,guild)================ */
.bbs_box {
	clear: both;
	position: relative;
	margin: 20px auto 0;
	padding-top: 10px;
	width: 690px;
	border-top: 2px dotted #c7afa0;
}
.bbs_box.parent {
	padding:20px 20px 30px;
	border: 1px solid #c7afa0;
	border-radius: 10px;
	width: 650px;
	background: linear-gradient(#fffff7, #f5f2e6);
}
#Top .bbs_box {
	border-top: 2px solid #c7afa0;
}
.bbs_icon {
	width: 60px;
	float: left;
}
.bbs_icon button {
	width: 60px;
	font-size: 12px;
	padding: 10px 0;
}
.bbs_name {
	margin-left: 70px;
	margin-bottom: 10px;
	width: 500px;
	font-weight: bold;
	color: #006699;
}
.bbs_date {
	position: absolute;
	top: 10px;
	right: 0;
	text-align: right;
	font-size: 10px;
	color: #888;
}
.bbs_date_link {
	color: #888;
}
.bbs_box.parent .bbs_date {
	right: 5px;
}
.bbs_comment {
	margin-left: 10px;
	width: 560px;
	float: left;
}
.bbs_box.parent .bbs_comment {
	width: 530px;
	min-height: 100px;
}
.bbs_janken {
	margin-left: 640px;
	margin-bottom: 10px;
	width: 40px;
	height: 40px;
}
.bbs_randomdice {
	margin-left: 640px;
	width: 40px;
	height: 60px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding-top: 36px;
	background: url("../images/bbs/img_dice.png") no-repeat 50% 0;
}
.bbs_box.parent .bbs_janken,
.bbs_box.parent .bbs_randomdice {
	margin-left: 610px;
}

.label_janken {
	margin-right: 20px;
}
.btn_delete {
	text-align: right;
}

.bbs_commentform {
	width: 100%;
}
.icon_select li {
	float: left;
	margin: 10px 5px;
}
.bbs_choise {
	font-size: 10px;
	line-height: 12px;
}
.bbs_editname {
	padding: 10px 25px 0;
	border-bottom: 0 !important;
}
.bbs_reload {
    text-align: right;
}
.bbs_reload::before {
	margin-right: 3px;
	content: "\f2f1";
	display: inline-block;
}
.bbs_reload.loading::before {
	animation: bbs_reload_rotation 1s linear infinite;
}
@keyframes bbs_reload_rotation {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.bbs_auto_reload .selected {
	color: #4D4D4D;
	font-weight: bold;
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}
.bbs_reload .bbs_manual_reload.disabled {
	color: #AAAAAA;
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}

/* for fancybox
------------------------------------------------------------------------------------------------------*/
.con_hide {
	width: 460px;
	display:none;
}


/*====================================================================================================
	** Contents: Common Parts - MiniMenu
======================================================================================================*/
.cmenu,
.cflow {
	position:relative;
	margin:0 auto;
	padding: 1em 0 0;
	width: 710px;
	height: 50px;
}
.cmenu ul,
.cflow ul { padding: 0;	display: table; }
.cmenu li,
.cflow li {
	position: relative;
	padding:0;
	height: 50px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #fff7d9;
}
.cmenu li.active a,
.cflow li.active {
	font-weight: bold;
}
.cmenu li a {
	height: 50px;
	color: #fff7d9;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cmenu.compact li a {
	font-size: 12px;
}


/* Tab 2
======================================================================================================*/
.menu_2 li {
	width: 355px;
	background-image: url("../images/common/bg_cmenu_2.png");
}
.menu_2 li a {
	width: 355px;
}
.menu_2 .smenu_01 { background-position: 0 0; }
.cmenu.menu_2 .smenu_01:hover,
.menu_2 .smenu_01:hover
.menu_2 .smenu_01.active { background-position: 0 -50px; }
.cmenu.menu_2 .smenu_01.denied { background-position: 0 -100px; }
.menu_2 .smenu_02 { background-position: -355px 0; }
.cmenu.menu_2 .smenu_02:hover,
.menu_2 .smenu_02.active { background-position: -355px -50px; }
.cmenu.menu_2 .smenu_02.denied { background-position: -355px -100px; }

/* Tab 3
======================================================================================================*/
.menu_3 li {
	background-image: url("../images/common/bg_cmenu_3.png");
}
.menu_3 .smenu_01 { background-position: 0 0; }
.cmenu.menu_3 .smenu_01:hover,
.menu_3 .smenu_01.active { background-position: 0 -50px; }
.cmenu.menu_3 .smenu_01.denied { background-position: 0 -100px; }
.menu_3 .smenu_02 { background-position: -237px 0; }
.cmenu.menu_3 .smenu_02:hover,
.menu_3 .smenu_02.active { background-position: -237px -50px; }
.cmenu.menu_3 .smenu_02.denied { background-position: -237px -100px; }
.menu_3 .smenu_03 { background-position: -473px 0; }
.cmenu.menu_3 .smenu_03:hover,
.menu_3 .smenu_03.active { background-position: -473px -50px; }
.cmenu.menu_3 .smenu_03.denied { background-position: -473px -100px; }

.menu_3 .smenu_01,
.menu_3 .smenu_01 a { width:237px; }
.menu_3 .smenu_02,
.menu_3 .smenu_02 a { width:236px; }
.menu_3 .smenu_03,
.menu_3 .smenu_03 a { width:237px; }

/* Tab 4
======================================================================================================*/
.menu_4 li {
	background-image: url("../images/common/bg_cmenu_4.png");
}
.menu_4 li a {
}
.menu_4 .smenu_01 { background-position: 0 0; }
.cmenu.menu_4 .smenu_01:hover,
.menu_4 .smenu_01.active { background-position: 0 -50px; }
.cmenu.menu_4 .smenu_01.denied { background-position: 0 -100px; }
.menu_4 .smenu_02 { background-position: -178px 0; }
.cmenu.menu_4 .smenu_02:hover,
.menu_4 .smenu_02.active { background-position: -178px -50px; }
.cmenu.menu_4 .smenu_02.denied { background-position: -178px -100px; }
.menu_4 .smenu_03 { background-position: -355px 0; }
.cmenu.menu_4 .smenu_03:hover,
.menu_4 .smenu_03.active { background-position: -355px -50px; }
.cmenu.menu_4 .smenu_03.denied { background-position: -355px -100px; }
.menu_4 .smenu_04 { background-position: -532px 0; }
.cmenu.menu_4 .smenu_04:hover,
.menu_4 .smenu_04.active { background-position: -532px -50px; }
.cmenu.menu_4 .smenu_04.denied { background-position: -532px -100px; }

.menu_4 .smenu_01,
.menu_4 .smenu_01 a { width:178px; }
.menu_4 .smenu_02,
.menu_4 .smenu_02 a { width:177px; }
.menu_4 .smenu_03,
.menu_4 .smenu_03 a { width:177px; }
.menu_4 .smenu_04,
.menu_4 .smenu_04 a { width:178px; }

/* Tab 5
======================================================================================================*/
.menu_5 li {
	width: 142px;
	background-image: url("../images/common/bg_cmenu_5.png");
}
.menu_5 li a {
	width: 142px;
}
.menu_5 .smenu_01 { background-position: 0 0; }
.cmenu.menu_5 .smenu_01:hover,
.menu_5 .smenu_01.active { background-position: 0 -50px; }
.cmenu.menu_5 .smenu_01.denied { background-position: 0 -100px; }
.menu_5 .smenu_02 { background-position: -142px 0; }
.cmenu.menu_5 .smenu_02:hover,
.menu_5 .smenu_02.active { background-position: -142px -50px; }
.cmenu.menu_5 .smenu_02.denied { background-position: -142px -100px; }
.menu_5 .smenu_03 { background-position: -284px 0; }
.cmenu.menu_5 .smenu_03:hover,
.menu_5 .smenu_03.active { background-position: -284px -50px; }
.cmenu.menu_5 .smenu_03.denied { background-position: -284px -100px; }
.menu_5 .smenu_04 { background-position: -426px 0; }
.cmenu.menu_5 .smenu_04:hover,
.menu_5 .smenu_04.active { background-position: -426px -50px; }
.cmenu.menu_5 .smenu_04.denied { background-position: -426px -100px; }
.menu_5 .smenu_05 { background-position: -568px 0; }
.cmenu.menu_5 .smenu_05:hover,
.menu_5 .smenu_05.active { background-position: -568px -50px; }
.cmenu.menu_5 .smenu_05.denied { background-position: -568px -100px; }

/* Tab 6
======================================================================================================*/
.menu_6 li {
	background-image: url("../images/common/bg_cmenu_6.png");
}
.menu_6 li a {
}
.menu_6 .smenu_01 { background-position: 0 0; }
.cmenu.menu_6 .smenu_01:hover,
.menu_6 .smenu_01.active { background-position: 0 -50px; }
.cmenu.menu_6 .smenu_01.denied { background-position: 0 -100px; }
.menu_6 .smenu_02 { background-position: -119px 0; }
.cmenu.menu_6 .smenu_02:hover,
.menu_6 .smenu_02.active { background-position: -119px -50px; }
.cmenu.menu_6 .smenu_02.denied { background-position: -119px -100px; }
.menu_6 .smenu_03 { background-position: -237px 0; }
.cmenu.menu_6 .smenu_03:hover,
.menu_6 .smenu_03.active { background-position: -237px -50px; }
.cmenu.menu_6 .smenu_03.denied { background-position: -237px -100px; }
.menu_6 .smenu_04 { background-position: -355px 0; }
.cmenu.menu_6 .smenu_04:hover,
.menu_6 .smenu_04.active { background-position: -355px -50px; }
.cmenu.menu_6 .smenu_04.denied { background-position: -355px -100px; }
.menu_6 .smenu_05 { background-position: -473px 0; }
.cmenu.menu_6 .smenu_05:hover,
.menu_6 .smenu_05.active { background-position: -473px -50px; }
.cmenu.menu_6 .smenu_05.denied { background-position: -473px -100px; }
.menu_6 .smenu_06 { background-position: -591px 0; }
.cmenu.menu_6 .smenu_06:hover,
.menu_6 .smenu_06.active { background-position: -591px -50px; }
.cmenu.menu_6 .smenu_06.denied { background-position: -591px -100px; }

.menu_6 .smenu_01,
.menu_6 .smenu_01 a { width:119px; }
.menu_6 .smenu_02,
.menu_6 .smenu_02 a { width:118px; }
.menu_6 .smenu_03,
.menu_6 .smenu_03 a { width:118px; }
.menu_6 .smenu_04,
.menu_6 .smenu_04 a { width:118px; }
.menu_6 .smenu_05,
.menu_6 .smenu_05 a { width:118px; }
.menu_6 .smenu_06,
.menu_6 .smenu_06 a { width:119px; }

/** icon **/
.cmenu.flow li.active:before { padding-right: 5px; content:"\f061"; }
.cflow li.active:before { padding-right: 5px; font-weight: normal; content:"\f0a9"; }
.cmenu li a:hover::after,
.cmenu li.active a:after { position: absolute; left: 50%; bottom: 0; content:"\f0d7"; }



/* Tab Menu
======================================================================================================*/
.tabmenu {
	position:relative;
	margin:0 auto;
	padding: 2em 0 0;
	width: 710px;
	height: 54px;
}
.tabmenu ul { padding: 0;	display: table; }
.tabmenu li {
	position: relative;
	padding:0;
	height: 54px;
	display: table-cell;
}
/*
.tabmenu.skillkind li a {
	height: 54px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("../images/character/bg_tab_skillkind.png") no-repeat;
}
*/

/* Sub Menu
======================================================================================================*/
.submenu {
	position:relative;
	margin:0 auto;
	width: 690px;
	height: 50px;
}
.submenu.tb01 {background: url("../images/common/bg_submenu5-1.jpg") no-repeat 50% 0;}
.submenu.tb02 {background: url("../images/common/bg_submenu5-2.jpg") no-repeat 50% 0;}
.submenu.tb03 {background: url("../images/common/bg_submenu5-3.jpg") no-repeat 50% 0;}
.submenu.tb04 {background: url("../images/common/bg_submenu5-4.jpg") no-repeat 50% 0;}
.submenu.tb05 {background: url("../images/common/bg_submenu5-5.jpg") no-repeat 50% 0;}

.submenu ul{
	padding:13px 0 0;
	text-align:center;
	}
.submenu li{
	display:inline;
	padding:0 0.7em;
	border-right: 1px solid #c8a89a;
	line-height: 37px;
	}
.submenu li.icon{
	line-height: 37px;
	padding:0 5px 0 0;
	border-right: none;
}
.submenu li.last{
	border-right:none;
	}
.submenu li.stepmark{
	border-right:none;
	font-weight:bold
	}
.submenu li a			{ text-decoration: none; }
.submenu li a:active,
.submenu li a:hover		{ text-decoration: underline; }
.submenu li a.active	{ font-weight:bold; text-decoration: none; }

/* Tab Change
======================================================================================================*/
.motion {
	display: none;
}
#motion_area1 {
	display: block;
}
a.active {
	text-decoration:none;
	font-weight:bold;
}

.syncer-acdn { cursor: pointer; }
.syncer-acdn-child { display: none ; }

/*====================================================================================================
	** Contents: Common Parts - Form
======================================================================================================*/
/* ----common form layout------ */
.commonform {
	margin: 0 auto 20px;
}
.commonform dl {
	margin: 20px auto;
	width: 710px;
}
.commonform dt {
	clear: both;
	padding: 15px 10px 10px;
	width: 30%;
	float: left;
	text-align: right;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.commonform dd {
	padding: 15px 10px 10px;
	width: 70%;
	float: right;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.commonform dd.solidwrite {
	padding: 15px 10px 0;
}
/* ----parts------ */
.commonform input,
.commonform select {
    margin-bottom: 5px;
	padding: 5px;
}
.commonform textarea{
    margin-bottom: 5px;
	padding: 5px;
    width: 80%;
}

/* ----common form accept------ */
.form_accept {
	padding: 50px 0;
	text-align: center;
}


/*====================================================================================================
	** Contents: for font awesome
======================================================================================================*/
.fa {
	margin-right: .5em;
}
/*====================================================================================================
	Float clear
======================================================================================================*/
/* ----for float------ */
article:after,
section:after,
.bbs_box:after,
.box_float:after,
.contents_body:after,
.chat-talk:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html article,
* html section,
* html .bbs_box,
* html .box_float,
* html .contents_body,
* html .chat-talk {
	height: 1em;
	overflow: visible;
}