@charset "utf-8";

/*ボックス全体枠*/
.box_out {
	width:100%;
	position:absolute;
}

#welcome_box_out {
	z-index:110;
}

#register_confirm_box_out {
	z-index:120;
}

#login_process_box_out {
	z-index:130;
}

#register_auto_box_out {
	z-index:140;
}

#game_select_box_out {
	z-index:150;
}

#mail_induce_box_out {
	z-index:210;
}

#register_confirm_box_out,
#login_process_box_out,
#register_auto_box_out,
#game_select_box_out {
	display:none;
	visibility:hidden;
}

.box_in {
	width:80%;
	text-align:center;
	margin:10% auto;
	
	background: -moz-linear-gradient(top, #6d6d6d 0%, #474747 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#474747));
	background: -webkit-linear-gradient(top, #6d6d6d 0%,#474747 100%);
	
    border:0.2em solid #333;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#welcome_box_in {
	z-index:111;	
}

#register_confirm_box_in {
	z-index:121;	
}

#login_process_box_in {
	z-index:131;	
}

#register_auto_box_in {
	z-index:141;	
}

#game_select_box_in {
	z-index:151;
}

#mail_induce_box_in {
	z-index:211;
}

/*見出し*/
.box_in .title {
    border-bottom:0.1em solid #333;
	text-align:left;
    padding-left: 5%;
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
	-webkit-border-top-left-radius:  2px;
	-webkit-border-top-right-radius:  2px;
	-moz-border-radius-topleft:  2px;
	-moz-border-radius-topright:  2px;
}

.box_in .title span{
	color: #fff;
	background: url("../../img/Common/dialog_title_icon.png") no-repeat left center;
	background-size: 1.5em auto;
	-webkit-background-size: 1.5em auto;
    padding: 1em 0 1em 1.8em;
	line-height: 2em;
	font-size: 0.9em;
}
/*見出しにテキストを入れない場合*/
.box_in .title img {
	width: 1.5em;
	margin: 0.3em 0;
	vertical-align: middle;
}

/*テキスト*/
.box_in .txt_area {
	width:90%;
	margin:1em auto;
	font-size: 0.9em;
	line-height: 140%;
	color: #fff;
	text-align:left;
}

.box_in .txt_area p {
	margin:0.5em auto;
}

.box_in .txt_area p:first-child {
	margin-top: 1em;
}

.box_in .txt_area p span {
	margin-left: 1em;
}

.box_in .subtxt {
	color: #cacaca;
	font-size: 0.7em;
	text-align:left;
    margin: 3%;
    padding: 0;
}

/*イベント告知*/
.box_in .eveinfo {
	margin: 0.8em;
	padding: 0.5em;
	border-radius: 4px;
	background-color: #858585;
	border: 1px solid #bdbdbd;
}

.box_in .eveinfo img{
	border: 1px solid #ffffff;
}

.box_in .eveinfo .text{
	color: #f4f4f4;
	font-size: 0.8em;
	margin-top: 0.2em;
}

.box_in .eveinfo .text .pointcolor{
	color: #ffd808;
}

/*ボタン*/
.box_in input[type="button"] {
	width:35%;
    border: 0px;
	font-size: 0.9em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;

    background: -moz-linear-gradient(top,
     white,
     hsl(0, 0%, 56%)
     );
    background: -webkit-gradient(linear, left top, left bottom,
     from(white),
     to(hsl(0, 0%, 56%))
     );

	-webkit-box-shadow: inset 0px 0px 5px #fff;
	-moz-box-shadow: inset 0px 0px 5px #fff;
	box-shadow: inset 0px 0px 5px #fff;
	
    padding:0.8em;
	margin: 1em;
}

#welcome_box_in.box_in input[type="button"] {
	width:85%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#register_confirm_box_in.box_in #register_ok_btn {
	width:auto;
}

/*チェックボックス*/
.box_in input[type="checkbox"] + span {
	font-size: 0.9em;
	color: #fff;
}

.box_in hr {
	border: 1px inset #999;
	margin: 0 3%;
}

/*ラジオボタン*/
#game_select_form div.game_title {
	width: 80%;
	line-height: 1.3em;
	color: #fff;
	font-size: 0.9em;
	text-align: left;
	display: table;
	margin: 0.8em auto;
	padding: 0;
}
#game_select_form div.game_title p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
#game_select_form div.game_title p:last-child {
	width: 90%;
}

#mail_induce_box_out {
	top: 40px;
}

/*リンク*/
.box_in .link_area {
	text-align: left;
}
.box_in .link_area a {
	font-size: 0.9em;
	line-height: 100%;
	margin: 0.8em 3%;
    padding:0 ;
	
	display: inline-block;
	color: #fff;
}
.box_in .link_area a span {
	background: url("../../img/Common/dialog_link_icon.png") no-repeat left center;
	background-size: 1.3em auto;
	-webkit-background-size: 1.3em auto;
    padding: 1em 0 1em 1.5em;
}

/*非表示*/
.box_in .invisible {
	display:none;
	visibility:hidden;
}

/*ポップアップ背景*/
#black_box {
	position:absolute;
	top:0px;
	left:0px;
	background-color:#000;
	width:100%;
	height:100%;
	-moz-opacity:0.7;
	opacity:.70;
	filter:alpha(opacity=70);
	z-index:100;
}

/* loadingアニメーション */
.box_in #register_waiting_msg img,
.box_in #login_waiting_msg img{
	width: 1.5em;
	vertical-align: middle;
	
	-webkit-animation-name: rotate1;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 1s;
}

@-webkit-keyframes rotate1 {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}

}