@charset "UTF-8";
/* CSS Document */

/*
---------------------------------------------

	base settings

*/

html {
	font-size: 62.5%;
}

body {
	width: 320px;
	margin:0 auto;
	padding:0;
	font-family:"MS P ゴシック", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	color:#333333;
	line-height:1.8em;
	background-color: #6495ed;
	word-break: break-all;
	word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:12px;
	clear: both;
}

ul, ol, dl, p, img, form, dt, dd {
	margin:0;
	padding:0;
	border:0;
}

li {
	list-style:none;
}

input, textarea {
	font-size:12px;
	line-height: 1.6em;
}

img {
	border-width: 0;
	vertical-align: bottom;
}

a {
	color:#355eff;
}
a:hover {
	color:#0000c5;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
	font-weight:normal;
}

/* microclearfix */
.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after {
	clear: both;
}

/** For IE 6/7 only */
.cf {
	*zoom: 1;
}
.must {
	color: #f00;
}
.caution ,
.error {
	color: #f00;
}

/*
---------------------------------------------

	basic layout

*/
#wrapper {
	background: url(../img/bg_body.png) repeat-y center 0 #154d93;
	-webkit-background-size: 320px 5px;
	background-size: 320px 5px;
}

section {
	padding: 5px 0 0;
}
section section {
	padding: 5px 0;
}

section div {
	padding: 0 15px;
}
section h2 {
	padding: 7px 20px;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	color: #ffffff;
	background:url(../img/bg_title.png) #3c7879;
	background-repeat:no-repeat;
	background-size: 320px 30px;
	border-top: 2px solid #375a61;
	border-bottom: 2px solid #375a61;
}
section h2 span {
	font-weight: normal;
	font-size: 12px;
	font-size: 1.2rem;
}
section ul li {
	background: url(../img/link_line.png) no-repeat 0 bottom;
	-webkit-background-size: 310px 1px;
	background-size: 310px 1px;
}
section ul li a {
	display: block;
	padding: 10px 0 10px 25px;
	text-decoration: none;
	font-size: 14px;
	font-size: 1.4rem;
	background: url(../img/icon_link.png) no-repeat 0 .6em;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	color: #526181;
}

.siteName {
	background-color:#6495ed;
	color:#ffffff;
}

#content {
	padding: 0 10px;
}

.caution {
	color: #c90000;
	font-weight: bold;
	padding: 5px 0 0 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.subTitle {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	font-size: 1.4rem;
	background-color:#ebf1f1;
}

.errorText {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 10px 0 30px 0;
}


/*
---------------------------------------------

	header layout

*/

div#header h1 {
	height: 110px;
	display: block;
/*	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/header.jpg) no-repeat 0 0;
	-webkit-background-size: 320px 110px;
	background-size: 320px 110px;
*/}
div#header.contentHeader h1 {
	height: 60px;
	display: block;
/*	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/header_small.jpg) no-repeat 0 0;
	-webkit-background-size: 320px 60px;
	background-size: 320px 60px;
*/}




/*
---------------------------------------------

	footer layout

*/
#toTop {
	text-align: right;
	margin: 25px 0 0 0;
	padding: 0 10px 2px 10px;
}
#toTop a {
	padding: 5px 10px;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: -webkit-gradient(linear,left top,left bottom,from( #fff ),to( #eee ));
	background: -webkit-linear-gradient( #fff , #eee );
	background: -moz-linear-gradient( #fff , #eee );
	background: -ms-linear-gradient( #fff , #eee );
	background: -o-linear-gradient( #fff , #eee );
	background: linear-gradient( #fff , #eee );
	-pie-background: linear-gradient( #fff , #eee );
	text-decoration: none;
	font-weight: bold;
	color: #000;
	behavior: url(css/PIE.htc);
}

div#footer {
	padding: 20px 0 0 0;
	background-color: #526181;
}
div#footer ul#footerList {
	width:308px;
	margin:0 auto;
	padding:0;
	border: 1px solid #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: -webkit-gradient(linear,left top,left bottom,from( #fff ),to( #eee ));
	background: -webkit-linear-gradient( #fff , #eee );
	background: -moz-linear-gradient( #fff , #eee );
	background: -ms-linear-gradient( #fff , #eee );
	background: -o-linear-gradient( #fff , #eee );
	background: linear-gradient( #fff , #eee );
	-pie-background: linear-gradient( #fff , #eee );
	behavior: url(css/PIE.htc);
}
div#footer ul#footerList li {
	width: 150px;
	padding: 0 5px 0 0;
	display:block;
	float:left;
	border-bottom: 1px solid #ccc;
	background: none;
}
div#footer ul#footerList li.borderLeft {
	width: 147px;
	border-left: 1px solid #ccc;
}
div#footer ul#footerList li.borderBtmNone {
	border-bottom: none;
}
div#footer ul#footerList li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #000;
	font-size: 12px;
	font-size: 1.2rem;
	background: url(../img/icon_about.png) no-repeat right 1em;
	-webkit-background-size: 8px 14px;
	background-size: 8px 14px;
}
div#footer ul#footerList li:nth-child(1) {
	-webkit-border-radius: 10px 0 0 0;
	-moz-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
	behavior: url(css/PIE.htc);
}
div#footer ul#footerList li:nth-child(2) {
	-webkit-border-radius: 0 10px 0 0;
	-moz-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;
	behavior: url(css/PIE.htc);
}
div#footer ul#footerList li:nth-child(3) {
	-webkit-border-radius: 0 0 0 10px;
	-moz-border-radius: 0 0 0 10px;
	border-radius: 0 0 0 10px;
	behavior: url(css/PIE.htc);
}
div#footer ul#footerList li:nth-child(4) {
	-webkit-border-radius: 0 0 10px 0;
	-moz-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;
	behavior: url(css/PIE.htc);
}


div#footer p {
	width: 308px;
	margin: 10px auto;
	border: 1px solid #7890c4;
}
div#footer p a {
	padding: 1.2em 5px 1.2em 70px;
	border: 1px solid #526181;
	display: block;
	background: url(../img/logo_arcsys.png) no-repeat 25px .5em;
	-webkit-background-size: 32px 36px;
	background-size: 32px 36px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	font-size: 1.2rem;
	text-decoration: none;
	text-shadow: 0px 1px 0px #000;
}


div#footer address {
	padding: 5px 0;
	font-style: normal;
	text-align: center;
	display:block;
	font-size: 10px;
	font-size: 1rem;
	color: #fff;
	background-color: #ff1100;
}


/*
---------------------------------------------

	Top layout

*/

#memberMenu {
	padding: 5px 0 10px 0;
	background: url(../img/bg_member_menu.jpg) no-repeat 0 0;
	-webkit-background-size: 320px 148px;
	background-size: 320px 148px;
	border-top:2px solid #001177;
	border-bottom:2px solid #001177;
}
#memberMenu h2 {
	padding: 0 0 5px 15px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	text-shadow: 0px -1px 0px #000;
	background: none;
	border: none;
}
#memberMenu ul {
	width: 290px;
	margin: 0 auto;
	word-break: normal;
	word-wrap: normal;
}
#memberMenu ul li {
	width: 140px;
	height: 85px;
	float: left;
}
#memberMenu ul li#memMenu1 {
	margin: 0 10px 0 0;
}
#memberMenu ul li a {
	width: 140px;
	height: 85px;
	padding: 0;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#memberMenu ul li#memMenu1 a {
	background: url(../img/btn_top_login.png) no-repeat 0 0;
	-webkit-background-size: 140px 85px;
	background-size: 140px 85px;
}
#memberMenu ul li#memMenu2 a {
	background: url(../img/btn_top_regist.png) no-repeat 0 0;
	-webkit-background-size: 140px 85px;
	background-size: 140px 85px;
}
#topNotices {
	padding: 10px 20px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align:center;
}
#topNotices, 
#topNotices a {
	color:#f00;
}

#topInformation {
	padding: 10px 20px;
	font-size: 12px;
	font-size: 1.2rem;
}

#topInformation dl {
	margin: 0 0 10px 0;
}
#topInformation dl dt {
	width: 80px;
	color: #c90000;
	float: left;
}
#topInformation dl dd {
	margin: 0 0 0 85px;
	line-height: 1.4;
}

#topInformation .info_banner {
	margin: 0 0 10px 0;
	padding:0;
}
#topInformation .info_banner .img-box {
	width:70px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
}
#topInformation .info_banner dl {
	margin:0;
}
#topInformation .info_banner dl dt {
	width: auto;
	margin: 0 0 0 70px;
	float: none;
}
#topInformation .info_banner dl dd {
	margin: 0 0 0  70px;
}

#topInformation p {
	text-align: right;
}
#topHomegroundEvent {
	background-color: #f7f7f7;
	padding: 5px;
	margin: 0 20px;
}
#topHomegroundEvent h3 {
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 5px 0;
	padding: 5px 0 5px 20px;
	border-bottom: 1px dotted #ccc;
	background: url(../img/icon_title.png) no-repeat 5px .5em;
	-webkit-background-size: 9px 14px;
	background-size: 9px 14px;
}
#topHomegroundEvent ul {
	margin: 0 0 0 10px;
}
#topHomegroundEvent ul li {
	margin: 0 0 5px 15px;
	padding: 0;
	background: none;
	border: none;
	list-style: disc;
}
#topHomegroundEvent ul li a {
	padding: 0;
	background: none;
	border: none;
	display: inline;
	font-size: 12px;
	font-size: 1.2rem;
}

#howtoList li a {
	border-bottom: 1px dotted #eee;
}
#howtoList li ul li a {
	background: none;
	border: none;
}


#aboutSite {
	width: 300px;
	margin: 10px auto;
	padding: 0;
}
#aboutSite h2 {
	margin: 0;
	padding: 5px 5px 5px 25px;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	background: none;
	color: #526181;
	border: 1px solid #ccc;
	-webkit-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	text-shadow: 0px -1px 0px #fff;
	background: url(../img/icon_about_ttl.png) no-repeat 10px 0.6em #edeff2;
	-webkit-background-size: 10px 11px;
	background-size: 10px 11px;
	behavior: url(css/PIE.htc);
}
#aboutSite ul {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	-webkit-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	behavior: url(css/PIE.htc);
}
#aboutSite ul li {
	width: 134px;
	padding: 10px 5px 10px 10px;
	float: left;
	border-bottom: 1px solid #ccc;
	background: none;
}
#aboutSite ul li:nth-child(2n) {
	width: 133px;
	border-left: 1px solid #ccc;
}
/*#aboutSite ul li:nth-child(3),
#aboutSite ul li:nth-child(4),*/
#aboutSite ul li:nth-child(5),
#aboutSite ul li:nth-child(6) {
	border-bottom: none;
}

/* !!! use only location test version !!!  
#aboutSite ul li:nth-child(5) {
	border-right: 1px solid #ccc;
}
-----------------------------------------*/

#aboutSite ul li a {
	padding: 0;
	text-decoration: none;
	display: block;
	color: #333;
	background: url(../img/icon_about.png) no-repeat right 0.2em;
	-webkit-background-size: 8px 14px;
	background-size: 8px 14px;
}
.profDtl {
	line-height: 1.4;
}
.profDtl span {
	display: block;
}
.playerName {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.gamePlay {
}
.playerRank,
.playerPoint {
	font-weight: bold;
	color: #333;
}
.playerTitle {
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
}
.playerRank span{
	font-size: 12px;
	font-size: 1.2rem;
	color: #c90000;
	display: inline;
}
.playerPoint span{
	font-size: 12px;
	font-size: 1.2rem;
	color: #d4b100;
	display: inline;
}

table.rival {
	width:100%;
	background: url(../img/link_line.png) no-repeat 0 bottom;
	-webkit-background-size: 310px 1px;
	background-size: 310px 1px;
}
table.rival td {
	margin:0;
	padding:10px 2px;
}


.regionBox {
	margin: 10px 0;
	padding: 5px;
	font-size: 14px;
	font-size: 1.4rem;
	border: 1px dashed #eee;
	line-height: 1.8;
}
.regionBox span {
	font-weight: bold;
	font-size: 12px;
	font-size: 1.2rem;
	color: #333;
}

#locationTest a {
	width: 260px;
	display: block;
	margin: 10px auto;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border: 1px solid #ccc;
	text-decoration: none;
	font-size: 14px;
	font-size: 1.4rem;
	position:relative;
	background: -webkit-gradient(linear,left top,left bottom,from( #38529e ),to( #223260 ));
	background: -webkit-linear-gradient( #38529e , #223260 );
	background: -moz-linear-gradient( #38529e , #223260 );
	background: -ms-linear-gradient( #38529e , #223260 );
	background: -o-linear-gradient( #38529e , #223260 );
	background: linear-gradient( #38529e , #223260 );
}

.regionApply {
	font-size: 12px;
	font-size: 1.2rem;
	margin: 15px 0;
	padding: 0;
}
.regionApply p span {
	font-size: 14px;
	font-size: 1.4rem;
}
.regionApply ul {
	padding: 5px;
	margin: 0 0 5px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.regionApply ul li {
	background: none;
	margin: 0 0 5px 0;
}

.pointUpdate {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #aaa;
}
.pointUpdate li {
	margin: 0 0 5px 0;
	background: none;
	border: none;
	text-indent: -1em;
	padding: 0 0 0 1em;
}
.pointUpdate li a {
	background: none;
	padding: 0;
	display: inline;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
}

.pointUpdateRight {
	text-align:right;
}




/*
---------------------------------------------

	Login layout

*/
.loginBox dl {
	margin: 10px 0;
}
.loginBox dl dt {
	width: 80px;
	padding: .3em 0 0 0;
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
}
.loginBox dl dd {
	margin: 0 0 0 90px;
}
.loginBox dl dd input.textInput {
	width: 90%;
	border: 1px solid #ccc;
}
.loginBox p {
	text-align: center;
}
.loginBox p.note {
	margin:0 0 15px 0;
	font-size: 12px;
	text-align: left;
}


.btn {
	margin: 10px 0;
	padding: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ccc;
	background: -webkit-gradient(linear,left top,left bottom,from( #fff ),to( #eee ));
	background: -webkit-linear-gradient( #fff , #eee );
	background: -moz-linear-gradient( #fff , #eee );
	background: -ms-linear-gradient( #fff , #eee );
	background: -o-linear-gradient( #fff , #eee );
	background: linear-gradient( #fff , #eee );
	-pie-background: linear-gradient( #fff , #eee );
	behavior: url(css/PIE.htc);
}

/*
---------------------------------------------

	Regist layout

*/
.registBox p {
	margin: 10px 0 15px 0;
	line-height: 1.4;
	font-size: 12px;
	font-size: 1.2rem;
}

.registBox p span {
	font-size: 10px;
	font-size: 1rem;
	color: #aaa;
}

.agreeBtn {
	text-align: center;
}
.agreeBtn ul {
	width: 180px;
	margin: 0 auto;
}
.agreeBtn ul li {
	width: 90px;
	float: left;
	background: none;
}
.agreeBtn ul li .btn {
	margin: 0;
}

.registInput {
	padding: 10px 0;
}
.registInput dl {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.registInput dl dt {
	width: 125px;
	margin: 0 5px 5px 0;
	padding: 2px 0 2px 5px;
	float: left;
	line-height: 1.4;
	border-left: solid 3px #526181;
	background: #f7f7f7;
	color: #003;
}
.registInput dl dt div,
.registInput dl dd div {
	padding: 0;
}
.registInput dl dd {
	padding: 0;
	margin: 0 0 5px 130px;
	min-height: 35px;
}
.registInput dl dd div {
	line-height: 1.4;
	padding: 0 0 5px 0;
}

.registInput dl dt div span {
	color: #c90000;
}

.registInput p {
	text-align: center;
}

.registImport {
	margin:0 0 20px;
	padding:10px;
	font-size: 12px;
	font-size: 1.2rem;
	background-color:#ebf1f1;
}
.registImport p {
	text-align: left;
}
.registImport ul {
	padding:8px 0 0;
}
.registImport ul li {
	padding:2px 0;
	background:none;
}

.registFin {
	padding: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.toTop a {
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	display: block;
	padding: 10px 5px;
	text-decoration: none;
	background: url(../img/link_line.png) no-repeat 0 bottom, url(../img/link_line.png) no-repeat 0 0;
	-webkit-background-size: 310px 1px;
	background-size: 310px 1px;
	color: #000;
	behavior: url(css/PIE.htc);
}

/*
---------------------------------------------

	Leave layout

*/

.leaveBox p {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 10px 0;
}
.leaveBox .caution {
	font-weight: normal;
	color: #f00;
}



/*
---------------------------------------------

	Profile layout

*/

.profileView .profEdit ,
.profileView .passwordEdit {
	margin: 10px 0;
	text-align: right;
	line-height: 1.4;
	font-size: 12px;
	font-size: 1.2rem;
}
.profileView .profEdit a.linkIcon ,
.profileView .passwordEdit a.linkIcon {
	padding: .2em 0 .2em 14px;
	background: url(../img/icon_title.png) no-repeat 0 .2em;
	-webkit-background-size: 8px 15px;
	background-size: 8px 15px;
}

.profEdit p ,
.profileView p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.profileView dl {
	padding: 0;
	margin: 5px 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.profileView dl dt {
	width: 120px;
	padding: 2px 5px 2px 5px;
	float: left;
	line-height: 1.4;
	border-left: 2px solid #526181;
	background-color: #f7f7f7;
}
.profileView dl dt div,
.profileView dl dd div {
	padding: 0;
}
.profileView dl dd {
	padding: 0 0 0 5px;
	margin: 2px 0 2px 130px;
}
.profileView dl dd div {
	line-height: 1.4;
	padding: 0 0 5px 0;
}

.profileView dl dd .avg_per_round {
	color: #666;
	font-size: 1.1rem;
}
.profileView dl dd .avg_per_round span {
	color: #333;
}
.profileView dl dd.overdrive_use_rate .label {
	font-size: 1.0rem;
}

.profileView dl dd.alliance_complete_count .label {
    margin:0 0 10px 0;
    padding:10px 5px;
    line-height:1em;
    background:#f7f7f7;
    cursor:pointer;
}
.profileView dl dd.alliance_complete_count .label span {
    color:#526181;
}
.profileView dl dd.alliance_complete_count .detail {
    margin:0 0 15px 8px;
    line-height:1.8em;
    display:none;
}


.profileView h4 {
	background: none;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0;
	display: block;
	padding: .8em 0 .8em 25px;
	color: #154d93;
	font-weight: bold;
	border-bottom: 1px dotted #eee;
	background: url(../img/icon_arrow.png) no-repeat 0 .5em;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
}
.profileView h4.selected {
	background: url(../img/icon_arrow_dwn.png) no-repeat 0 .5em;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
}
.profileView .detail {
    padding:0;
    display:none;
}


.profileView p.msg ,
.recordChara p.msg {
	text-align: center;
	margin: 30px 0;
}

.profileView .subTitle {
	margin: 0 0 15px 0;
	padding: 5px 20px;
	font-size: 12px;
    font-size: 1.2rem;
}

.profPull {
	padding: 10px;
	font-size: 12px;
	font-size: 1.2rem;
}

.refreshData p {
	margin: 10px 0;
}

.recordList li {
	margin: 10px 0;
}

.recordList li {
	padding: 5px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.recordChara dl {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.recordChara dl dt {
	width: 130px;
	padding: 5px 0;
	margin: 0;
	float: left;
}
.recordChara dl dt div {
	padding: 0;
}
.recordChara dl dd {
	padding: 5px 0 5px 135px;
	margin: 0 0 5px 0;
	background: url(../img/link_line.png) no-repeat 0 bottom;
	-webkit-background-size: 310px 1px;
	background-size: 310px 1px;
}
.recordChara p {
	margin: 10px 0;
	font-size: 1.2rem;
}
.recordCharaPast .subTitle{
	margin-top: 10px;
	
}

.backProfile p {
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px dotted #ccc;
	text-align:right;
	font-size: 1.2rem;
}
.backProfile a.linkIcon {
	padding: .2em 0 .2em 14px;
	background: url(../img/icon_title.png) no-repeat 0 .2em;
	-webkit-background-size: 8px 15px;
	background-size: 8px 15px;
}

.smallText {
	display: block;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.2;
}
.profSubTitle {
	margin: 5px 0;
	padding: 3px;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	
}



/*
---------------------------------------------

	Region layout

*/

.regionView p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.regionView h3 {
	padding:5px;
	background-color:#ebf1f1;
}

.regionView dl {
	padding: 0;
	margin: 5px 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.regionView dl dt {
	width: 120px;
	padding: 2px 0 2px 5px;
	float: left;
	line-height: 1.4;
	border-left: 2px solid #526181;
	background-color: #f7f7f7;
}
.regionView dl dt div,
.regionView dl dd div {
	padding: 0;
}
.regionView dl dd {
	padding: 0 0 0 5px;
	margin: 2px 0 2px 130px;
}
.regionView dl dd div {
	line-height: 1.4;
	padding: 0 0 5px 0;
}



/*
---------------------------------------------

	Infomation layout

*/
.infoList p {
	margin:20px 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.infoList dl {
	margin: 10px 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
}
.infoList dl dt {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 0 5px 0;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #526181;
}
.infoList dl dt span {
	color: #526181;
	display: block;
	font-size: 10px;
	font-size: 1rem;
}
.infoList dl dd {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
}

.infoBackNumber h3 {
	padding:5px;
	background-color:#ebf1f1;
}

.infoBackNumber dl {
	padding:5px 0;
	border-bottom: 1px dotted #ccc;
	font-size: 12px;
	font-size: 1.2rem;	
}
.infoBackNumber dl dt {
	color: #526181;
}


.pgNavi {
	margin: 10px 0;
	text-align: center;
}

/*
---------------------------------------------

	Rule layout

*/
.ruleBox {
	font-size: 12px;
	font-size: 1.2rem;	
}
.ruleBox h3 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 5px 0;
	padding: 3px;
	background-color:#ebf1f1;
}
.ruleBox dl dt {
	margin: 5px 0;
}
.ruleBox dl dd {
	line-height: 1.4;
	font-size: 10px;
	font-size: 1rem;
}

.ruleBox h4 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 15px 0 10px 0;
	padding: 0 0 0 5px;
	border-left: 3px solid #526181;
	border-bottom: 1px dotted #ccc;
}
.ruleBox p {
	margin: 10px 0;
}
.ruleBox ul li {
	margin: 0 0 5px 0;
	background: none;
}

.ruleBox p.back {
	text-align: center;
	padding: 20px 0 0 0;
}

.ruleBox p.back a {
	margin: 10px 0;
	padding: 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ccc;
	background: -webkit-gradient(linear,left top,left bottom,from( #fff ),to( #eee ));
	background: -webkit-linear-gradient( #fff , #eee );
	background: -moz-linear-gradient( #fff , #eee );
	background: -ms-linear-gradient( #fff , #eee );
	background: -o-linear-gradient( #fff , #eee );
	background: linear-gradient( #fff , #eee );
	-pie-background: linear-gradient( #fff , #eee );
	text-decoration: none;
	color: #000;
	behavior: url(css/PIE.htc);
}

/*
---------------------------------------------

	Howto layout

*/

.howto {
	font-size: 12px;
	font-size: 1.2rem;
	word-break: normal;
	word-wrap: normal;
}

.howto h2 {
	margin:0 0 10px;
}
.howto .img_box {
	text-align:center;
}
.howto img {
	padding:10px 0;
}
.howto img.icon {
	padding:0;
}

.howto dl dt {
	margin: 0;
	padding: 3px 0 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	background: #1e5da0;
	color:#fff;
}
.howto dl dd {
	margin: 0 0 10px 0;
	padding: 8px;
	border: 2px solid #1e5da0;
}
.howto dl dd span {
	color:#e57432;
	font-weight:bold;
}
.howto dl.style dt {
	background: #10644d;
}
.howto dl.style dd {
	border: 2px solid #10644d;
}
.howto ul {
	margin:0 0 20px;
}
.howto li span {
	color:#e57432;
	font-weight:bold;
}
.howto li span.index {
	margin: 5px 0;
	display: block;
	padding: .8em 0 .8em 25px;
	color: #154d93;
	font-weight: bold;
	border-bottom: 1px dotted #eee;
	background: url(../img/icon_arrow.png) no-repeat 0 .5em;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
}
.howto li span.selected {
	background: url(../img/icon_arrow_dwn.png) no-repeat 0 .5em;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
}
.howto li div {
	display: none;
	padding: 5px 15px 15px 15px;
}
.howto li div.on {
	display: block;
}



/*
---------------------------------------------

	PlayerSearch layout

*/

.searchPlayer p{
	padding: 10px 0;
	line-height: 1.4;
	font-size: 12px;
	font-size: 1.2rem;
}

.searchResult {
	background-color:#ebf1f1;
	margin:10px 0;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 3px;
}

.searchResultList {
	border-bottom: 1px solid #666;
	margin:10px 0;
	padding:5px 0;
}

/*
---------------------------------------------

	About layout

*/

.aboutBox h3 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 5px 0;
	padding: 3px;
	background-color:#ebf1f1;
}

.aboutBox p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
}
.aboutBox p span {
	color: #666;
	font-size: 10px;
	font-size: 1rem;
}


/*
---------------------------------------------

	Ranking layout

*/

.rankBox h3 {
	margin:5px 0 0 0;
	padding:5px;
	background-color:#ebf1f1;
}

.rankBox  dl {
	margin:0 0 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.rankBox  dl dt {
	color:#526181;
}

.rankBox p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}


.rankLink {
	margin: 10px 0;
	text-align: right;
	font-size: 12px;
	font-size: 1.2rem;
	clear:both;
}
.rankLink a.linkIcon {
	padding: .2em 0 .2em 14px;
	background: url(../img/icon_title.png) no-repeat 0 .2em;
	-webkit-background-size: 8px 15px;
	background-size: 8px 15px;
}

.noData {
	margin:10px 0 15px 0;
	padding:10px;
	text-align:center;
	border:solid 1px #eee;
	color:#526181;
}

.ranking {
	margin:0;
	padding:0;
}

.ranking dl {
	padding:0 5px 10px 5px;
	border-bottom:solid 1px #ccc;
}
.ranking dl dt {
	margin: 0 0 3px 0;
}

.ranking dl:nth-child(1) {
	padding:10px 5px;
	border-top:solid 1px #ccc;
}

.ranking dl dt span.rankNum {
	color: #666;
}
.ranking dl dd span.rankWin {
	color: #c90000;
}
.ranking dl dd span.rankLevel {
	color: #e2ae05;
}

.selectFilter {
	padding:5px;
	background-color:#ebf1f1;
}
.selectFilter dt,
.selectFilter dd {
	padding: 3px 0;
}

dl.rankPull {
	margin: 10px 0;
}

dl.rankPull dt {
	color: #333;
}

#pageNavi p {
	width:40%;
	margin:0 0 10px 0;
}

#leftNavi {
	float:left;
}

#rightNavi {
	float:right;
	text-align:right;
}



/*
---------------------------------------------

	Support Form layout

*/

#supportBox p{
	padding: 10px 0;
	line-height: 1.4;
	font-size: 12px;
	font-size: 1.2rem;
}

#supportBox dl {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-size: 1.2rem;
}

#supportBox dl dt {
	margin: 10px 0 5px 0;
	padding: 2px 0 2px 5px;
	border-left:solid 3px #526181;
	background:#f7f7f7;
	line-height: 1.2;
	color:#003;
}

#supportBox dl dd div {
	line-height: 1.4;
	padding: 0;
}

#supportBox dl dt div span {
	color: #c90000;
}

#supportBox .btnBox {
	text-align:center;
}

#supportInput,
#supportCheck,
#supportFinish,
#supportError {
	margin:0;
	padding:0;
}

#supportInput p {
	margin:10px 0 0 0;
	padding:5px;
	background:#ebf1f1;
}

#supportCheck dd {
	padding:0 0 0 8px;
}

#supportError h3 {
	margin:10px 0 0 0;
	padding:5px;
	background:#ebf1f1;
}


/*
---------------------------------------------

	Event Search layout

*/

.eventBox div {
	margin:0;
	padding:0;
}

.eventBox h3 {
	margin:10px 0 0 0;
	padding:5px;
	background:#ebf1f1;
}

.eventBox p {
	padding: 10px 0;
	line-height: 1.4;
	font-size: 12px;
	font-size: 1.2rem;
}

.eventBox .eventLink {
	padding: 10px 0 0 0;
	text-align: right;
	font-size: 12px;
	font-size: 1.2rem;
}
.eventBox .eventLink a.linkIcon {
	padding: .2em 0 .2em 14px;
	background: url(../img/icon_title.png) no-repeat 0 .2em;
	-webkit-background-size: 8px 15px;
	background-size: 8px 15px;
}

.eventBox .btnBox {
	text-align:center;
}

.resultBox h3 {
	margin:15px 0 0 0;
	padding:0 5px;
	background:none;
	border-left:solid 3px #036;
}

.resultBox dl {
	margin:5px 0;
	padding:3px 0;
	font-size:12px;
	border-bottom:solid 1px #ccc;
}

.resultBox dt {
	width:25%;
	color: #036;
	float:left;
	font-weight: bold;
}

.resultBox dd {
	width:70%;
	float:left;
}


.eventBox .backnumber h3 {
	padding:5px;
	background-color:#ebf1f1;
}

.eventBox .backnumber dl {
	padding:5px 0;
	border-bottom: 1px dotted #ccc;
	font-size: 12px;
	font-size: 1.2rem;	
}
.eventBox .backnumber dt {
	color: #1c2976;
}



/*
---------------------------------------------

	Shop Event layout

*/

#shopeventBox div {
	margin:0;
	padding:0;
}

#shopeventBox p {
	padding: 10px 0;
	line-height: 1.4;
	font-size: 12px;
	font-size: 1.2rem;
}

#shopeventBox h3 {
	margin:10px 0 0 0;
	padding:5px;
	background:#ebf1f1;
}

#shopeventBox ul {
	margin:20px 0 0 0;
	text-align:right;
}

#shopeventBox ul li {
	background: none;
	border-bottom: 1px dotted #eee;
}

#shopeventBox ul li a {
	margin:5px 0 0 0;
	padding: 2px 25px 5px 0;
	background: url(../img/icon_link.png) no-repeat top right;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	color: #1c2977;
}

#shopeventBox ul.shopeventListBox {
	margin:10px 0 0 0;
	text-align:left;
}

#shopeventBox .btnBox {
	text-align:center;
}

#shopeventBox dl {
	margin:5px 0;
	padding:3px 0;
	font-size:12px;
	border-bottom:solid 1px #ccc;
}

#shopeventBox dt {
	width:35%;
	color: #1c2977;
	float:left;
}

#shopeventBox dd {
	width:60%;
	float:left;
}


/*
---------------------------------------------

	Location Search layout

*/

.locationBox div {
	margin:0;
	padding:0;
}

.locationBox p {
	padding:5px 0;
	line-height: 1.4;
	font-size: 12px;
	font-size: 1.2rem;
}

.locationBox h3 {
	margin:10px 0 0 0;
	padding:5px;
	background:#ebf1f1;
}

.locationBox  #resultBox p {
	border-bottom:solid 1px #ddd;
}

.locationBox  #resultBox p span {
	color:#06C;
}

.locationBox .link {
	margin:0;
	text-align: right;
	line-height: 1.4;
	font-size: 12px;
	font-size: 1.2rem;
	clear:both;
}

.locationBox .link a.linkIcon  {
	padding: .2em 0 .2em 14px;
	background: url(../img/icon_title.png) no-repeat 0 .2em;
	-webkit-background-size: 8px 15px;
	background-size: 8px 15px;
}


/*
---------------------------------------------

	Reset Password
	Password edit
	Email edit
	LoginID edit
	editHomeground edit

*/

.resetPassword p,
.editPassword p ,
.editEmail p ,
.editLoginId p ,
.editHomeground p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.resetPassword p.link ,
.editPassword p.link ,
.editEmail p.link ,
.editLoginId p.link ,
.editHomeground p.link {
	text-align: center;
}

.resetPassword dl ,
.editPassword dl ,
.editEmail dl ,
.editLoginId dl ,
.editHomeground dl {
	padding: 0;
	margin: 5px 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.resetPassword dl dt ,
.editPassword dl dt ,
.editEmail dl dt ,
.editLoginId dl dt ,
.editHomeground dl dt {
	width: 118px;
	padding: 2px 2px 2px 5px;
	float: left;
	line-height: 1.4;
	border-left: 2px solid #526181;
	background-color: #f7f7f7;
}
.resetPassword dl dt div,
.resetPassword dl dd div,
.editPassword dl dt div,
.editPassword dl dd div ,
.editEmail dl dt div,
.editEmail dl dd div ,
.editLoginId dl dt div,
.editLoginId dl dd div ,
.editHomeground dl dt div,
.editHomeground dl dd div {
	padding: 0;
}
.resetPassword dl dd ,
.editPassword dl dd ,
.editEmail dl dd ,
.editLoginId dl dd ,
.editHomeground dl dd {
	padding: 0 0 0 5px;
	margin: 2px 0 2px 130px;
}
.resetPassword dl dd div ,
.editPassword dl dd div ,
.editEmail dl dd div ,
.editLoginId dl dd div ,
.editHomeground dl dd div {
	line-height: 1.4;
	padding: 0 0 5px 0;
}


/*
---------------------------------------------

	FAQ layout

*/

.faqBox h3 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 5px 0;
	padding: 3px;
	background-color:#ebf1f1;
}
.listFaq {
	margin: 0 0 20px 0;
}
.listFaq li {
	background: none;
	font-size: 12px;
	font-size: 1.2rem;
}
.listFaq li span {
	margin: 5px 0;
	display: block;
	padding: .8em 0 .8em 25px;
	color: #154d93;
	font-weight: bold;
	border-bottom: 1px dotted #eee;
	background: url(../img/icon_arrow.png) no-repeat 0 .5em;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
}
.listFaq li span.selected {
	background: url(../img/icon_arrow_dwn.png) no-repeat 0 .5em;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
}

.listFaq li p {
	display: none;
	padding: 5px 0 15px 0;
}
.listFaq li p.on {
	display: block;
}

/*
---------------------------------------------

	Command List layout

*/

#techCommand {
	margin: 10px 0;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	background-color: #00478b;
	border: 1px solid #8fd4f5;
}
#styleCommand {
	margin: 10px 0;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	background-color: #10644d;
	border: 1px solid #1ab48a;
}

.commandList li {
}
.commandList li a {
	height: 40px;
	padding: 20px 0 0 70px;
	display: block;
	background: none;
	position: relative;
}
.commandList li a span {
	position: absolute;
	top: 0;
	left: 0;
}

.commandTable {
	margin: 0 0 20px 0;
	padding: 0;
}
.commandTable table {
	width: 100%;
	font-size: 12px;
	font-size: 1.2rem;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.commandTable table th,
.commandTable table td {
	border: 1px solid #ccc;
	padding: 3px;
}
.commandTable table tr td.cellName {
	width: 35%;
	background-color: #f7f7f7;
	line-height: 1.3;
}

.commandTable table tr th.cellDrive {
	background-color: #003366;
	color: #FFFFFF;
}
.commandTable table tr th.cellOverDrive {
	background-color: #cc6600;
	color: #FFFFFF;
}
.commandTable table tr th.cellEA {
	background-color: #993333;
	color: #FFFFFF;
}
.commandTable table tr th.cellDeadly {
	background-color: #bbc4e4;
	color: #483d8f;
	
}
.commandTable table tr th.cellDistortion {
	background-color: #e58404;
	color: #fff;
}
.commandTable table tr th.cellDistortion span {
	font-size: 10px;
	font-size: 1rem;
}

.commandTable .toTop {
	margin: 15px 0 0 0;
}

/*
---------------------------------------------

	itemShop
	itemEdit

*/

.itemShop p ,
.itemEdit p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.itemShop p.submenu ,
.itemShop p.submenu ,
.itemShop p.list {
	margin: 5px 0;
	padding: 5px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.itemShop p.list img {
	vertical-align: bottom;
}

.itemShop h3 {
	padding:5px;
	background-color:#ebf1f1;
}
.itemShop .icon_list {
	font-size: 12px;
	font-size: 1.2rem;
    padding:0;
	text-align:center;
}
.itemShop .icon_list table {
	margin: 10px auto;
}
.itemShop .icon_list table tr {
}
.itemShop .icon_list table tr.gold {
    background:#ff9;
}
.itemShop .icon_list table tr td {
	padding: 5px 2px;
    border-bottom: solid 1px #999;
}
.itemShop .icon_list table tr td.label {
    text-align:left;
}
.itemShop .icon_list table tr td.count {
    width:70px;
    text-align:right;
}
.itemShop .icon_list table tr td div {
	padding: 0;
	margin: 0;
}
.itemShop p.all_checked {
	text-align: center;
	margin: 5px 0;
	padding: 5px 0;
	/*
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	*/
	background-color: #eee;
}


.itemShop .system_voice_list {
	font-size: 12px;
	font-size: 1.2rem;
    padding:0;
}
.itemShop .system_voice_list .label {
	line-height: 1;
	margin: 10px 0 0 0;
}
.itemShop .system_voice_list table {
	width: 100%;
	margin: 0 0 10px 0;
}
.itemShop .system_voice_list table td {
	padding: 10px 5px;
	vertical-align: top;
}
.itemShop .system_voice_list table td.thumb {
	width: 64px;
}
.itemShop .system_voice_list table td input.set_btn {
	width: 100px;
	margin: 10px 0;
}
.itemShop .system_voice_list table td li {
	padding: 5px 0 0 0;
	background:none;
}
.itemShop .system_voice_list table td p {
	margin: 0;
}
.itemShop .system_voice_list table td p span {
	font-weight: bold;
}
.itemShop .system_voice_list .link {
	margin: 10px 0;
	text-align: right;
	line-height: 1.4;
	font-size: 12px;
	font-size: 1.2rem;
}
.itemShop .system_voice_list .link a.linkIcon  {
	padding: .2em 0 .2em 14px;
	background: url(../img/icon_title.png) no-repeat 0 .2em;
	-webkit-background-size: 8px 15px;
	background-size: 8px 15px;
}

/*
---------------------------------------------

	Region Layout

*/

.region p ,
.region p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.region h3 {
	margin: 10px 0;
	padding:5px;
	background-color:#ebf1f1;
}

.region dl {
	padding: 0;
	margin: 5px 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.region dl dt {
	width: 120px;
	padding: 2px 0 2px 5px;
	float: left;
	line-height: 1.4;
	border-left: 2px solid #526181;
	background-color: #f7f7f7;
}
.region dl dt div,
.region dl dd div {
	padding: 0;
}
.region dl dd {
	padding: 0 0 0 5px;
	margin: 2px 0 2px 130px;
}
.region dl dd div {
	line-height: 1.4;
	padding: 0 0 5px 0;
}
.region .rank {
	color:#f30;
}
.region .note {
	color:#666;
}

.region .link {
	margin: 10px 0;
	text-align: right;
	line-height: 1.4;
	font-size: 12px;
	font-size: 1.2rem;
}

.region .link a.linkIcon  {
	padding: .2em 0 .2em 14px;
	background: url(../img/icon_title.png) no-repeat 0 .2em;
	-webkit-background-size: 8px 15px;
	background-size: 8px 15px;
}

.region .btnBox {
	text-align:center;
}

.region ul.member_list {
	margin:15px 0;
}
.region ul.member_list li {
	margin:0 0 10px 0;
	padding:	0 0 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
	background: url(../img/link_line.png) no-repeat 0 bottom;
	-webkit-background-size: 310px 1px;
	background-size: 310px 1px;
}
.region ul.member_list li a {
	padding:	0;
	font-size: 12px;
	font-size: 1.2rem;
	display:inline;
	text-decoration: underline;
	background: none;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	color: #1c2977;
}



/*
---------------------------------------------

	Region BBS Layout

*/

.regionBbs p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.regionBbs h3 {
	margin:0;
	padding:5px;
	background-color:#ebf1f1;
	border:none;
	border-bottom:solid 1px #ccc;
}

.regionBbs h4 {
	margin:0;
	padding:2px 5px;
	line-height:1.4;
	background-color:#f1f7ff;
	border-bottom:solid 1px #ccc;
}


.regionBbs .resultBox {
	margin:10px 0 20px 0;
	padding:0;
}

.regionBbs .resultBox .bbsBox {
	margin:0 0 10px 0;
	padding:0;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}

.regionBbs .resultBox span {
	color:#666;
}

.regionBbs .resultBox .new {
	padding:2px 5px 0 5px;
	font-size: 10px;
	line-height:1;
	color:#ffffff;
	background:#6C0;
}

.regionBbs .resultBox .note {
	margin:0;
	font-size: 10px;
	line-height:1;
	text-align:right;
	border:none;
}

.regionBbs .resultBox .body {
	margin:0;
	padding:5px;
	border-bottom:solid 1px #ccc;
}

.regionBbs dl {
	padding: 0;
	margin: 5px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.regionBbs dt {
	padding: 2px 0 2px 5px;
	line-height: 1.4;
	border-left: 2px solid #526181;
	background-color: #f7f7f7;
}

.regionBbs dl dt div,
.regionBbs dl dd div {
	padding: 0;
}

.regionBbs dl dd {
	padding: 0 0 0 5px;
	margin: 2px 0;
}

.regionBbs dl dd input,
.regionBbs dl dd textarea {
	width:90%;
}

.regionBbs .btnBox {
	text-align:center;
}

.regionBbs .link {
	margin: 10px 0;
	text-align: right;
	line-height: 1.4;
	font-size: 12px;
	font-size: 1.2rem;
}

.regionBbs .link a.linkIcon  {
	padding: .2em 0 .2em 14px;
	background: url(../img/icon_title.png) no-repeat 0 .2em;
	-webkit-background-size: 8px 15px;
	background-size: 8px 15px;
}


/*
---------------------------------------------

	Region Mail Layout

*/

.regionMail p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.regionMail h3 {
	margin:0;
	padding:5px;
	background-color:#ebf1f1;
	border:none;
	border-bottom:solid 1px #ccc;
}

.regionMail .rightBox {
	text-align:right;
}
.regionMail .rightBox span {
	color:#f90;
}

.regionMail ul {
	margin:0 0 20px 0;
	font-size: 12px;
}
.regionMail li {
	padding:5px 0;
}
.regionMail li span {
	color:#1c2977;
}

.regionMail dl {
	padding: 0;
	margin: 5px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.regionMail dt {
	padding: 2px 0 2px 5px;
	line-height: 1.4;
	border-left: 2px solid #526181;
	background-color: #f7f7f7;
}

.regionMail dl dt div,
.regionMail dl dd div {
	padding: 0;
}

.regionMail dl dd {
	padding: 0 0 0 5px;
	margin: 2px 0;
}

.regionMail dl dd input,
.regionMail dl dd textarea {
	width:90%;
}


.regionMail .btnBox {
	text-align:center;
}

.regionMail .link {
	margin: 10px 0;
	text-align: right;
	line-height: 1.4;
	font-size: 12px;
	font-size: 1.2rem;
}

.regionMail .link a.linkIcon  {
	padding: .2em 0 .2em 14px;
	background: url(../img/icon_title.png) no-repeat 0 .2em;
	-webkit-background-size: 8px 15px;
	background-size: 8px 15px;
}




/*
---------------------------------------------

	medalView Layout

*/

.medalView p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.medalView h3 {
	padding:5px;
	margin: 0 0 10px 0;
	background-color:#ebf1f1;
}

.medalBox {
	padding: 5px;
	margin: 0;
}
.medalBox li {
	background: none;
	font-size: 12px;
	font-size: 1.2rem;
	text-indent: -1em;
	margin: 0 0 0 1em;
}
.medalBox li em {
	font-style: normal;
	font-weight: bold;
}

.medalGold {background-color: #fff0c2;}
.medalGold li.medalName {
	font-weight: bold;
	color: #ad8200;
	border-bottom: 1px solid #ad8200;
	padding: 0 0 5px 1em;
	margin: 0 0 5px 0;
}

.medalSilver {background-color: #f7f7f7;}
.medalSilver li.medalName {
	font-weight: bold;
	color: #aaa;
	border-bottom: 1px solid #aaa;
	padding: 0 0 5px 1em;
	margin: 0 0 5px 0;
}

.medalBronze {background-color: #f8daca;}
.medalBronze li.medalName {
	font-weight: bold;
	color: #930;
	border-bottom: 1px solid #930;
	padding: 0 0 5px 1em;
	margin: 0 0 5px 0;
}



/*
---------------------------------------------

	platinumCoinView Layout

*/

.platinumCoinView p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.platinumCoinView h3 {
	padding:5px;
	margin: 0 0 10px 0;
	background-color:#ebf1f1;
}

.platinumCoinBox {
	padding: 5px;
	margin: 0;
}
.platinumCoinBox li {
	background: none;
	font-size: 12px;
	font-size: 1.2rem;
	text-indent: -1em;
	margin: 0 0 0 1em;
}
.platinumCoinBox li em {
	font-style: normal;
	font-weight: bold;
}

.platinumCoinBox li .label {
	width:60%;
	padding:0;
	float:left;
}
.platinumCoinBox li .num {
	width:40%;
	float:left;
}
.platinumCoinBox li .num dt {
	width:50%;
	float:left;
}
.platinumCoinBox li .num dd {
	width:50%;
	float:left;
	text-align:right;
}

.platinumCoinG1 {background-color: #fff0c2;}
.platinumCoinG1 li.platinumCoinName {
	font-weight: bold;
	color: #ad8200;
	border-bottom: 1px solid #ad8200;
	padding: 0 0 5px 1em;
	margin: 0 0 5px 0;
}

.platinumCoinG2 {background-color: #f7f7f7;}
.platinumCoinG2 li.platinumCoinName {
	font-weight: bold;
	color: #aaa;
	border-bottom: 1px solid #aaa;
	padding: 0 0 5px 1em;
	margin: 0 0 5px 0;
}

.platinumCoinG3 {background-color: #f8daca;}
.platinumCoinG3 li.platinumCoinName {
	font-weight: bold;
	color: #930;
	border-bottom: 1px solid #930;
	padding: 0 0 5px 1em;
	margin: 0 0 5px 0;
}



/*
---------------------------------------------

	PlayLog Layout

*/

.profileView section div.playLog {
	padding: 0 0 8px;
	margin: 15px 10px;
	border: 1px solid #b0c7de;
}

.playLog .nodata {
	text-align:center;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 10px 0;
}

.playLog p {
	margin: 0;
	padding: 0 5px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4em;
}

.playLog h3 {
	padding:5px 0;
	background-color: #b0c7de;
	border-bottom: 1px solid #b0c7de;
    color:#fff;
	text-align: center;
}

.playLog .iconBox {
	padding: 8px 0;
	text-align:center;
	font-size:14px;
    line-height:5em;
}
.playLog .iconBox img {
	margin:0 20px;
}

.playLog .win {
	color: #f00;
	padding:0 10px 0 0;
	font-weight: bold;
}
.playLog .lose {
	color: #006cff;
	padding:0 10px 0 0;
	font-weight: bold;
}
.playLog .draw {
	color: #999;
	padding:0 10px 0 0;
	font-weight: bold;
}

.playLog .shop_name span,
.playLog .enemy_player span,
.playLog .my_player span,
.playLog .play_time span {
	color:#084b82;
	font-weight:bold;
}


/*
---------------------------------------------

	Dcode layout

*/

.dcode p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.dcode h3 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 5px 0;
	padding: 3px;
	background-color:#ebf1f1;
}
.dcode .now {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}
.dcode .link {
	text-align: center;
}


/*
---------------------------------------------

	Compatible

*/

#compatible p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

#compatible ul {
	margin: 0 0 0 10px;
}
#compatible ul li {
	margin: 0 0 5px 15px;
	padding: 0;
	background: none;
	border: none;
	list-style: disc;
	font-size: 12px;
	font-size: 1.2rem;
}







/*
---------------------------------------------

	Event

*/

/* wanted */
.wantedBox p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.wantedBox span {
	font-size: 14px;
	font-size: 1.4rem;
	color:#F60;
}
.wantedBox dl {
	padding: 0;
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.wantedBox dl dt {
	width: 100px;
	padding: 2px 0 2px 5px;
	float: left;
	line-height: 1.4;
	border-left: 2px solid #526181;
	background-color: #f7f7f7;
}
.wantedBox dl dd {
	padding: 0 0 0 5px;
	margin: 2px 0 2px 110px;
}
.wantedBox .huntpoint {
	margin:20px 0;
	padding:5px;
	text-align:center;
	background:#ebf1f1;
}
.wantedBox .huntpoint p {
	margin: 0;
}

/*about*/
.wantedBox .about h3 {
	margin:5px 0;
	padding:5px 0;
	background:#ebf1f1;
}

.wantedBox .about dl {
	margin: 20px 0;
}
.wantedBox .about dl dt {
	width:100%;
	margin:0 0 5px 0;
	float: none;
}
.wantedBox .about dl dd {
	padding: 0 0 0 5px;
	margin: 0;
}

/*target*/
.wantedBox .targetBox {
	margin:15px 0;
	text-align:center;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6;
}

/*list*/

.wantedBox .list h3 {
	margin:20px 0 10px 0;
	padding:5px 10px;
	background:#ebf1f1;
}

.wantedBox .list dl dt {
	width:40px;
	margin: 0;
	padding:0;
	float: left;
	border: none;
	background:none;
}
.wantedBox .list dl dd {
	margin: 0;
	padding:0;
}


/*
---------------------------------------------

	VoteEvent

*/


.voteEvent ul {
	margin:0 0 20px 0;
	font-size: 12px;
}
.voteEvent li {
	padding:5px 0;
}


/*
---------------------------------------------

	Goods Shop Layout

*/

.goodsShop {
	font-size: 12px;
	font-size: 1.2rem;
}

.goodsShop p {
	margin: 10px 0;
}

.goodsShop h3 {
	margin:10px 0 0 0;
	padding:5px;
	background-color:#ebf1f1;
}

.goodsShop h4 {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 15px 0 10px 0;
	padding: 0 0 0 5px;
	border-left: 0 solid #526181;
	border-bottom: 1px dotted #ccc;
}

.goodsShop .centerBox {
	margin:15px 0;
	text-align:center;
}

.goodsShop a.btn {
	margin:0;
	padding:5px;
	color:#333;
	text-decoration:none;
	text-align:center;
	display:block;
}

.goodsShop p.info {
	padding:3px;
	color:#F30;
	background:#FFEBF0;
	text-align:center;
}

.goodsShop .ap_info {
	margin:0 15px;
	border-top:solid 1px #efefef;
	border-right:solid 1px #efefef;
}
.goodsShop .ap_info.bottom {
	border-bottom:solid 1px #efefef;
}
.goodsShop .ap_info dt {
	width:40%;
	margin:0;
	padding:8px;
	float:left;
	line-height: 1.2;
	background:#efefef;
	border-bottom:solid 1px #fff;
	border-left: none;
}
.goodsShop .ap_info dd {
	width:50%;
	margin:0;
	padding:8px 0;
	float:left;
	line-height: 1;
	border-bottom:none;
	text-align:right;
}
.goodsShop .ap_info.bottom dt{
	border-bottom:none;
}
.goodsShop .ap_info_box {
	margin:20px 0;
	padding:0;
}

.goodsShop .list {
	margin:0;
	padding:8px;
	border-bottom:solid 1px #ccc;
}
.goodsShop .item_name {
	font-size:14px;
	color:#369;
}
.goodsShop .point {
	font-weight:bold;
}

.goodsShop .image_box {
	text-align:center;
	margin:10px 0;
}
.goodsShop .image_box img {
	margin:0 0 5px 0;
}

.goodsShop .detail_info_box {
	margin:0 0 20px 0;
	padding:5px;
	line-height:1.8em;
	background:#efefef;
}
.goodsShop .detail_info_box div {
	padding:2px 5px 0 5px;
	font-size:10px;
	background:#FFF;
}

.goodsShop dl.check_list {
	padding:5px 0;
	border-bottom:solid 1px #ccc;
}
.goodsShop dl.check_list dt {
	width:70%;
	padding:0;
	float:left;
	background:none;
	border:none;
}
.goodsShop dl.check_list dd {
	width:25%;
	float:left;
	padding:0;
}

.goodsShop .form {
	padding:0;
}
.goodsShop .form dl {
	padding: 0;
	margin: 5px 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.goodsShop .form dl dt {
	width: 120px;
	padding:5px;
	float: left;
	line-height: 1.4;
	border-left: 2px solid #526181;
	background-color: #f7f7f7;
}
.goodsShop .form dl dt div,
.goodsShop .form dl dd div {
	padding: 0;
}
.goodsShop .form dl dd {
	margin: 0 0 0 140px;
}
.goodsShop .form dl dd div {
	line-height: 1.4;
	padding: 0 0 5px 0;
}



/*
---------------------------------------------

	EVENT CharacterColor Layout

*/

.eventCharacterColor p ,
.eventCharacterColor p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.eventCharacterColor h3 {
	padding:10px 5px;
	border-top: solid 2px #375a61;
	color:#375a61;
}

.eventCharacterColor dl {
	margin:0 0 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.eventCharacterColor dl dt {
    margin:0 0 10px 0;
	padding:5px;
	background-color:#ebf1f1;
}

.eventCharacterColor dl dd {
	padding:0 5px;
	line-height:1.5em;
}
.eventCharacterColor dl dd span {
	padding:8px 0 0 ;
	font-weight:bold;
	color:#375a61;
}
.eventCharacterColor dl dd div {
    padding:0 0 10px;
}


/*
---------------------------------------------

	Import Other Pg Layout

*/


.importOtherPg {
	font-size: 12px;
	font-size: 1.2rem;
}
.importOtherPg h3 {
	margin:10px 0 0 0;
	padding:5px;
	background-color:#ebf1f1;
}
.importOtherPg p {
	margin:10px 0;
}

.importOtherPg ul {
	margin:10px 0;
}

.importOtherPg ul li {
	padding:0 5px 5px;
	background:none;
}
.importOtherPg form {
	margin:30px 0;
	text-align:center;
}


/*
---------------------------------------------

	event flag

*/
.eventFlag p {
	margin: 10px 0;
	font-size: 12px;
	font-size: 1.2rem;
}




/*
---------------------------------------------

	ConsecutivePlay

*/
.ConsecutivePlay {
	font-size: 1.2em;
	margin: 5px 0;
	padding-bottom: 10px;
}
.ConsecutivePlay p {
	margin: 10px 0;
}
.ConsecutivePlay br.clear {
	clear: both;
}

.ConsecutivePlay .ConsecutivePlayDateLine {
	clear: both;
	padding: 0 0 0 10px;
	margin: 0;
}
.ConsecutivePlay .ConsecutivePlayDateLine .day {
	float:left;
	margin: 0 3px 5px 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
}