@charset "UTF-8";



/*-------------------------------------------------------------------
	header
---------------------------------------------------------------------*/
#header .logo_xenoblade{
	top: 11px;
	right: 232px;;
}



/*-------------------------------------------------------------------
	main
---------------------------------------------------------------------*/
#main{
	width: 640px;
	margin: 0 auto;
	padding-bottom: 11px;
	background: url(../img/common/main_bg.jpg) no-repeat center top;
	background-size: cover;
	border-bottom: 2px solid #302c28;
}
#main .page_title{
	margin-bottom: -8px;
	padding: 80px 0 0 30px;
}
#main .text01{
	margin: 0 44px 11px 44px;
	background-image: url(../../img/sp.gif);
	text-align: justify;
	font-size: 22px;
	line-height: 1.5;
	letter-spacing: -0.05em;
	color: #ffffff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9);
}
#main .text02 {
	margin: 0 44px 22px 44px;
	padding-left: 1em;
	text-indent: -1em;
	background-image: url(../../img/sp.gif);
	text-align: justify;
	font-size: 18px;
	line-height: 1.5;
	color: #ffffff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9);
}



/*-------------------------------------------------------------------
	nav
---------------------------------------------------------------------*/
#nav{
	margin: 0 auto;
}
#nav .nav_body{
	margin: 0 auto;
	padding-left: 27px;
}
#nav .nav_body .btn{
	display: inline-block;
	margin: 0 2px 7px 0;
}
#nav .nav_body .btn.nav03,
#nav .nav_body .btn.nav04{
	margin-bottom: 0;
}



/*-------------------------------------------------------------------
	contents
---------------------------------------------------------------------*/
#contents{
	position: relative;
	z-index: 0;
	width: 640px;
	margin: 0 auto;
	padding-top: 26px;
	background: url(../img/common/contents_bg.png) center center repeat;
}



/*-------------------------------------------------------------------
	category
---------------------------------------------------------------------*/
#contents .category{
	margin-bottom: 47px;
	padding-left: 19px;
}



/*-------------------------------------------------------------------
	comment
---------------------------------------------------------------------*/
#contents .comment{
	margin: 0 21px 16px 21px;
}
#contents .comment .comment_title{
	position: relative;
	top: -38px;
	margin-left: -19px;
}
#contents .comment_text{
	margin: -37px 27px 0 27px;
	padding-bottom: 40px;
}
#contents .comment_text li{
	margin-bottom: 19px;
	padding: 0 0 8px 11px;
	border-bottom: 2px dotted #747474;
}
#contents .comment_text li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}



/*-------------------------------------------------------------------
	movie_box
---------------------------------------------------------------------*/
#contents .movie_box{
	display: table;
	width: 590px;
	height: 346px;
	margin: 0 auto;
	background: url(../img/common/movie_bg.png) 0 0 no-repeat;
	position: relative;
}
#contents .movie_box #movieframe{
	display: none;
	position: absolute;
	top: 15px;
	left: 15px;
}
#contents .movie_box .movie_noscript{
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	line-height: 1.5;
	color: #ffffff;
}



/*-------------------------------------------------------------------
	title
---------------------------------------------------------------------*/
#contents .title{
	padding: 0 30px;
	background-image: url(../../img/sp.gif);
	text-align: justify;
	font-size: 28px;
	line-height: 1.1;
	color: #36adff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9);
}



/*-------------------------------------------------------------------
	lead,lead02,lead03
---------------------------------------------------------------------*/
#contents .lead,
#contents .lead02,
#contents .lead03{
	padding: 0 30px;
	background-image: url(../../img/sp.gif);
	text-align: justify;
	font-size: 24px;
	line-height: 1.41;
	color: #ffffff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.9);
}



/*-------------------------------------------------------------------
	toppage_btn
---------------------------------------------------------------------*/
.toppage_btn {
	width: 640px;
	margin: 0 auto;
	padding: 50px 0 113px 0;
	background-image: url(../../img/bonus_bg.png), url(../../img/bonus_bg_pattern.png);
	background-position: 0 0, 0 0;
	background-repeat: no-repeat, repeat;
}
.toppage_btn .btn {
	margin-left: -7px;
	text-align: center;
}



/*-------------------------------------------------------------------
	recommend01
---------------------------------------------------------------------*/
#recommend01 #contents .movie_area{
	margin-bottom: 31px;
}
#recommend01 #contents .title{
	margin-bottom: 11px;
}
#recommend01 #contents .lead{
	margin-bottom: 29px;
}
#recommend01 #contents .img01{
	margin-bottom: 2px;
	text-align: center;
}
#recommend01 #contents .img02{
	margin-bottom: 66px;
	text-align: center;
}



/*-------------------------------------------------------------------
	recommend02
---------------------------------------------------------------------*/
#recommend02 #contents .category{
	margin-bottom: 20px;
}
#recommend02 #contents .wide_img{
	margin-bottom: 46px;
}
#recommend02 #contents .movie_area{
	margin-bottom: 24px;
}
#recommend02 #contents .lead{
	margin-bottom: 66px;
}



/*-------------------------------------------------------------------
	recommend03
---------------------------------------------------------------------*/
#recommend03 #contents .movie_area{
	margin-bottom: 27px;
}
#recommend03 #contents .battle_system .system_list01,
#recommend03 #contents .battle_system .system_list02,
#recommend03 #contents .battle_system .system_list03{
	margin-bottom: 32px;
}
#recommend03 #contents .battle_system .title{
	margin-bottom: 13px;
}
#recommend03 #contents .battle_system .lead{
	margin-bottom: 6px;
}
#recommend03 #contents .battle_system .system_list01 .lead02{
	margin-bottom: 26px;
}
#recommend03 #contents .battle_system .img{
	margin-bottom: 5px;
	text-align: center;
}
#recommend03 #contents .battle_system .system_list04 .lead02{
	margin-bottom: 66px;
}



/*-------------------------------------------------------------------
	recommend04
---------------------------------------------------------------------*/
#recommend04 #contents .movie_area{
	margin-bottom: 27px;
}
#recommend04 #contents .speedrun_system{
	margin-bottom: 12px;
}
#recommend04 #contents .speedrun_system .system_list01{
	margin-bottom: 32px;
}
#recommend04 #contents .title{
	margin-bottom: 13px;
}
#recommend04 #contents .speedrun_system .lead{
	margin-bottom: 6px;
}
#recommend04 #contents .speedrun_system .img{
	margin-bottom: 5px;
	text-align: center;
}
#recommend04 #contents .speedrun_system .system_list02 .lead02{
	margin-bottom: 66px;
}