@charset "UTF-8";






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Layout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	background:#B8E6FE url(../images/bg.png) top center no-repeat;
	margin:0;
	padding: 0;}



body.bridge .header{
	background:#f1f1f1 url(../images/common_stripe.jpg) top center repeat;
	margin:0;
	padding:0;}

body.bridge{
	background:#f6fdff url(../images/pc_downloadbg.jpg)center 200px  no-repeat;
	margin:0;
	padding:0;}



.contentswrapper{
	margin:0 auto;
	text-indent:-9999px;}



/*----vis----*/
.vis{
	background:url(../images/pc_vis.png) top center no-repeat;
	width:100%;
	min-width:1000px;
	height:630px;
	margin:0;}
.vis .vis_box{
	position:relative;
	width:1000px;
	height:630px;
	margin:0 auto;}
.vis .vis_box .home a{
	display:block;
	background:url(../images/ms_jp_logo.png) top center no-repeat;
	width:192px;
	height:140px;}

.vis .vis_box .bnr_sakushin a{
	position: absolute;
	display: block;
	background-image: url(../images/bnr_sakushin.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 138px;
	bottom:30px;
	left:0px;}

.vis .vis_box .bnr_sakushin a:hover{
	opacity: 0.8;}

.sp_bnr_sakushin{display: none;}	



/*----information----*/
.information{
	background:url(../images/common_stripe.jpg) top center repeat;
	position:relative;
	min-width:1000px;
	margin:0 auto;
	padding:0;}
.information h2{
	background:url(../images/pc_information.png) top center no-repeat;
	width:1000px;
	height:350px;
	margin:0px auto;}
.information p{
	line-height: 0;
}

/*----movie----*/
.movie{
	background:#fff;
	background-size:cover;
	min-width:1000px;
	margin:0 auto;
	padding:0;}
.movie .illustbg{
	background:url(../images/pc_movieimg.png) top center no-repeat;
	position:relative;
	min-width:1000px;
	height:925px;
	margin:0 auto;
	padding:0;}

.moviecontainer{
	text-indent:0px;
	text-align: center;
	margin-top: 184px;
}



/*----download----*/
.download{
	background:url(../images/common_stripe.jpg) top center repeat;
	position:relative;
	min-width:1000px;
	margin:0 auto;
	padding:0;}
.download .view_pc{
	width:780px;
	height:116px;
	margin:0 auto;
	padding-top:56px;}
.download .view_pc a{
	display:block;
	background:url(../images/pc_downloadpagebtn.png) top center no-repeat;
	width:779px;
	height:145px;}
.download .view_pc a:hover{
	display:block;
	background:url(../images/pc_downloadpagebtn.png) bottom center no-repeat;
	width:779px;
	height:145px;}
.download .view_sp{display:none;}
.download .dl_caution{
	background:url(../images/pc_download_caution.png) top center no-repeat;
	color: #fff;
	width:697px;
	height:14px;
	margin:44px auto 17px;}



/*----pdfinfo----*/

.pdfinformation{
	position:relative;
	background:url(../images/pc_downloadtxt.png) top center no-repeat;
	width:1000px;
	height:315px;
	margin:0 auto 40px auto;
	padding:0;}

.pdfinformation h2{}
.pdfinformation .link_ard {
    position: absolute;
    top: 175px;
    left: 50%;
    width: 354px;
    height: 20px;
    margin: 0px 0 0 -178px;}
.pdfinformation .link_ard a{
	display:block;
	width:310px;
	height:20px;}


/*----share_caution----*/
.share_caution{
	background: #fff;
	background-size:cover;
    height: 350px;
    margin-top: -40px;
}

/*----sns_share----*/
.sns_share {
    width: 316px;
    margin: 0 auto 40px auto;
    padding-top: 72px;}
.sns_share dl {
    width: 324px;
    height: 50px;
    margin: 0px auto;}
.sns_share dt{
	float:left;
	background:url(../images/sns_title.png) center center no-repeat;
	width:149px;
	height:45px;
	margin:0 20px 0 0;}
.sns_share dd{
	float:left;
	width:45px;
	height:45px;
	margin:0 10px 0 0;}
.sns_share dd:last-child{
	margin:0;}
.sns_share dd a{
	display:block;
	width:45px;
	height:45px;}
.sns_share dd.twitter a{
	background:url(../images/scoa_sns_btn_twitter.png) top center no-repeat;
	background-size:45px 45px;}
.sns_share dd.facebook a{
	background:url(../images/scoa_sns_btn_facebook.png) top center no-repeat;
	background-size:45px 45px;}
.sns_share dd.line a{
	background:url(../images/scoa_sns_btn_line.png) top center no-repeat;
	background-size:45px 45px;}



/*----caution----*/
.caution{
	position:relative;
	width:1000px;
	margin:0 auto 110px auto;
	padding:0;}
.caution h2{
	background:url(../images/caution_title.png) top center no-repeat;
	width:78px;
	height:24px;
	margin:0 auto 25px auto;
	padding:0;}
.caution ul{
	color:#304ffe;
	font-style: italic;
	font-size:13px;
	line-height:160%;
	width:780px;
	margin:0 auto;
	text-indent:0;}
.caution li{
	list-style-type:circle;
	margin:0 0 5px 20px;}



/*----hz----*/
.hz_01{
	background:url(../images/scoa_hz_01.png) top center no-repeat;
	width:1000px;
	height:35px;
	margin:0 auto 30px auto;
	padding:0;}
.hz_02{
	background:url(../images/scoa_hz_02.png) top center no-repeat;
	width:1000px;
	height:36px;
	margin:0 auto 50px auto;
	padding:0;}



/*----header----*/
.header{
	width:100%;
	min-width:1000px;
	height:200px;
	margin:0;}
.header .header_box{
	position:relative;
	width:1000px;
	height:200px;
	margin:0 auto;}
.header .header_box .home{
	position:absolute;
	top:25px;
	left:50%;
	width:192px;
	height:140px;
	margin:0 0 0 -96px;}
.header .header_box .home a{
	display:block;
	background:url(../images/ms_jp_logo.png) top center no-repeat;
	width:192px;
	height:140px;}

/*----about----*/
.about{
	position:relative;
	width:1000px;
	margin:0 auto 110px auto;
	padding:0;}
.about h2{
	background:url(../images/about_title.png) top center no-repeat;
    width: 528px;
    height: 29px;
    margin: 60px auto 40px auto;
	padding:0;}
.about h3{
	color:#e6011a;
	font-style: italic;
	font-size:18px;
	font-weight:bold;
	margin:0 auto 30px auto;
	text-align:center;
	text-indent:0;}
.about ul{
	color:#304ffe;
	font-style: italic;
	font-size:15px;
	line-height:160%;
	width:780px;
	margin:0 auto;
	text-indent:0;}
.about li{
	list-style-type:circle;
	margin:0 0 5px 20px;}
.about p{
	width:780px;
	height:116px;
	margin:60px auto 0 auto;}
.about p a{
	display:block;
	background:url(../images/about_download_btn.png) top center no-repeat;
	width:780px;
	height:115px;}
.about p a:hover{
	display:block;
	background:url(../images/about_download_btn.png) bottom center no-repeat;
	width:780px;
	height:115px;}

/*----sp_conts----*/
.sp_conts{
	display:none;}



/*----footer----*/
.footer{
    color: #FFF;
    background: url(../images/common_stripe.jpg) top center repeat;
    width: 100%;
    min-width: 1000px;
    margin: 0 auto;
    padding: 50px 0 40px 0;
    text-align: center;}
.footercontents{
	width:1000px;
	margin:0 auto;}
.footercontents a{
	text-indent:-9999px;}
	
/*monst_info*/
.monst_info{
	position:relative;
	width:300px;
	height:192px;
	margin:0 auto 40px auto;
	padding:0;}
.monst_info a{
	position:absolute;
	display:block;
	outline:none;}
/*official*/
.monst_info .ouen a{
	top:0;
	left: -160px;
	background:url(../images/banner_bandscore.jpg) top center no-repeat;
	background-size:300px 120px;
	width:300px;
	height:120px;
	}

/*ouen*/
.monst_info .official a{
	top:0;
	left: 160px;	
	background:url(../images/banner_offcialsite.png) top center no-repeat;
	background-size:300px 120px;
	width:300px;
	height:120px;
	}
/*AppStore*/
.monst_info .appstore a{
	top:150px;
	left:0;
	background:url(../images/app_btn_apple.png) top center no-repeat;
	background-size:141px 42px;
	width:141px;
	height:42px;}
/*GooglePlay*/
.monst_info .googleplay a{
	top:150px;
	right:0;
	background:url(../images/app_btn_google.png) top center no-repeat;
	background-size:141px 42px;
	width:141px;
	height:42px;}
	
.footercontents p.license{
	font-size:10px;
	margin:0 auto 23px auto;}
	
/*xflag*/
.footercontents p.xflag{
	width:142px;
	height:164px;
	margin:0 auto 30px auto;}
.footercontents p.xflag a{
	display: block;
    background: url(../images/xflag_logo.png) top center no-repeat;
    width: 142px;
    height: 164px;
    background-size: 100% auto;}
	
/*address*/
.footercontents address{
	font-size:13px;
	margin:0 auto;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　Layout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/