/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents{ 
	
	width:100%;
	margin:20px
	auto 0;
	
	display:block;
	
	}


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

#mainArea{ 
	width:100%;
	height:auto;
	}

#mainvisual{ 
	width:100%;	
	height: auto;
	padding-bottom: 20px;
}
	
#visuals{
	display:none;
}

.mainlogo{
	display:none;
}



/* --------------------------------------------------------
visuals_sp
-------------------------------------------------------- */


#visuals_sp{
	
	display:block;
	
}

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


.mainlogo_sp{

width:95%;
max-width: 400px;
left: 0;
margin: 0 auto;
padding-top: 14px;


	z-index:102;
	display:block;
/*

	
	
	top:20px;
	left:50%;
	margin-left:-218px;


*/

}



/*border*/
#border{
	width:100%;
	height:80px;
	/*height:100px;*/
}

/*banner 静止画*/
#bnrBox{ 
	
	width:100%;
	background-color:#690000;
		
	}
	
.bnrBox_img{
	
	width:100%;
	
	}
	
	
/*banner スライド*/
#banner {
	/*background-color: #000;*/
	position: absolute;
	top: 380px;
	width:auto;
	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:99%; float:none; margin-top:15px; margin-bottom:15px;}
.twitterBox{ width:99%; float:none; margin-bottom:15px;}

.informationBox{ width:99%; float:none; margin-bottom:15px; clear:both;}
.maintenanceBox{ width:98%; float:none; margin-bottom:20px;}

#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);

display:block;
}

#infoBox .listBox dl{ overflow-y:auto; height:60px; font-size:85%;}
#infoBox .newsBox .listBox dl{ height:100px;}
#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;

display:block;
}


.twitterBox .btn a:hover img{ filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.twitterBox .qr{ display:none;}


#infoBox_sp{ 
display:block;

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);

}

/* .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:none;
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 10px 112px;
float:none;
}

.box-download .btn-app{
margin:14px 0 0 0;
padding-left:20px;

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

.box-download .btn-app2 li{
float:right;
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;
}