@charset "utf-8";
/* ==================================================================
CSS information
style info :TOP�y�[�W�p
================================================================== */


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents{ 
	
	width:980px;
	margin:15px
	auto 0;
	/*
	min-width:640px;
	min-height:100%;
	*/
	}


/* --------------------------------------------------------
#mainArea
-------------------------------------------------------- */

#mainArea{ 
	background-image:url(../img/header-bg.gif);
	width:100%;
	}

	
#mainvisual{ 

	width:100%;
	height:358px;	
	background-color:#ff429c;
	margin:0 auto;
	background-image:url(../img/header-bg.gif);
	background-repeat:repeat-x;
	position:relative;

	overflow:hidden;

	display:block;
	}

#visuals{
	
	position:absolute;
	top:0;
	left:0;
	
	width:100%;
	z-index:101;
	display:block;
}

.chara-right{
	left:auto !important;
	right:0 !important;
}
.chara-left{
	left:0 !important;
}


.mainlogo{
	
	position:absolute;
	
	top:20px;
	left:50%;
	/*margin-left:-218px;*/
	margin-left:-540px;
	z-index:102;
	display:block;
}



#visuals_sp{
	display:none;	
	}

.mainlogo_sp{
	display:none;	
}


/*border*/
#border{
	width:100%;
	height:160px;
	
	background-color:#690000;
	background-image:url(../img/body-bg.gif);
	background-repeat:repeat-x;

	padding-bottom:0px;
	padding-top:0px;
	
}

/*banner*/
#bnrBox{
	
	width:100%;

	background-color:#690000;
	text-align:center; 
	padding-top:0px;
	
	}

#mainvisual #btnBox a{display:block;}
#mainvisual #btnBox .btn_3majesty{ position:absolute; top:166px; left:107px; width:336px; height:88px;}
#mainvisual #btnBox .btn_xip{ position:absolute; top:166px; left:548px; width:336px; height:88px;}

#banner {
	margin: auto;
	background-color:#690000;
	width: 100%;
	
	text-align: center;
	/*position: absolute;
	z-index:102;
	display:block;*/
	
	
}

#infoBox{ border:1px solid #bbb; background-color:#FFF; padding:5px 10px 10px;
-webkit-border-radius:3px;
-moz-border-radius: 3px;
border-radius: 3px;
position:relative;
behavior: url(./common/PIE.htc);
}

.newsBox{ width:470px; float:left; margin-top:21px; margin-bottom:10px;}
.twitterBox{ width:470px; float:right; margin-bottom:10px;}
.informationBox{ width:470px; float:left; margin-top:10px; clear:both;}
.maintenanceBox{ width:470px; float:right; margin-top:10px;}

#infoBox .ti{ margin-bottom:5px;}
#infoBox .twitterBox .ti{ margin-bottom:7px;}
#infoBox .btnMore{ float:right;}
#infoBox .btnMore a{ display:block; width:54px; height:14px; text-indent:-9999px; background:url(../img/btn_list.png) 0 0 no-repeat;}



#infoBox .listBox{border:1px solid #bbb; padding:5px;
-webkit-border-radius:3px;
-moz-border-radius: 3px;
border-radius: 3px;
position:relative;
behavior: url(./common/PIE.htc);
}
/*#infoBox .informationBox .listBox , #infoBox .maintenanceBox .listBox{ border-color:#ff429c;}*/


#infoBox .listBox dl{ overflow-y:auto; height:60px; font-size:85%;}
#infoBox .newsBox .listBox dl{ height:200px;}
#infoBox .listBox dt{ float:left; width:80px;}
#infoBox .listBox dd{ padding-left:80px; color:#e6087b; margin-bottom:5px;}

#infoBox .listBox iframe{
display:block;
height:100px;
width:457px;
overflow-x:hidden;
}


.twitterBox .btn a:hover img{ filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.twitterBox .qr{ margin-bottom:3px;}

#infoBox_sp{ display:none;}


/* .twitterBox
-------------------------------------------------------- */

/*#twtr-widget-1 .twtr-tweet-wrap .twtr-avatar{display:none;}*/
#twtr-widget-1 .twtr-tweet-wrap .twtr-tweet-text{margin-left:0px;}
.twtr-ft{display:none;}
.twtr-hd{display:none;}







.boxType dt , .boxType dd{ background-color:#FFF;}
.boxType dt{ border-left:5px solid #e5087b; border-right:5px solid #e5087b; padding:0 20px;}
.boxType dd{ border:5px solid #e5087b; border-top:none; padding:0 20px 20px; line-height:160%;}
.boxType dd{
-webkit-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
position:relative;
behavior: url(./common/PIE.htc);
}

#aboutBox{}

#registBox .qrcode{ float:right; margin-top:-70px;}

#tokimemoBox{}


.btnOfficial{ text-align:center; margin:20px 0 0 0;}


/* .box-download
-------------------------------------------------------- */
.box-download{
padding:12px 13px;
border:1px solid #bbb;
background:#fff;
}
.box-download .col2{
float:right;
width:450px;
}
.box-download .col2:first-child{
float:left;
width:493px;
}
.box-download .logo{
float:left;
margin:0 13px 0 0;
}

.box-download .btn-faq{
clear:both;
margin:10px 0 0 112px;
float:left;
}

.box-download .btn-app{
margin:14px 0 0;
}
.box-download .btn-app li{
float:left;
margin:0 0 0 9px;
}
.box-download .btn-app li:first-child{
margin-left:0;
}

.spectxt{
	font-size:11px;
	line-height:1.4em;
}

.spectxts{
	font-size:9px;
}

.spectxt_sp{
	font-size:16px;
	line-height:1.4em;
}

.spectxts_sp{
	font-size:3px;
}