@charset "UTF-8";






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
RESET_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
html{}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;}

table{
	border-collapse:collapse;
	border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
	letter-spacing:0.08em;}

q:before,q:after{content:"";}

abbr,acronym{
	border:0;
	font-variant:normal;}

sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;}

input,textarea,select{
	*font-size:100%;}

legend{color:#000000;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　RESET_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
COMMONlayout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*----basicsetting_start----*/
html{
    font-size:62.5%;}
body{
	font-family:Verdana,Arial,Geneva,Tahoma,sans-serif;
	font-size:100.01%; /*Reset*/
	font-size:12px; /*Optimize*/
	font-size:13px; /*DefaultSize*/
	line-height:1.5em;
	text-align:left;}
/*----basicsetting_end----*/



/*----ancher_start----*/
a{
	color:#155ad2;
	text-decoration:none;}
a:link{color:#155ad2;}
a:visited{color:#4e5664;}
a:active{color:#00bf09;}
a:hover{
	color:#155ad2;
	text-decoration:none;}
object{outline:none;}
/*----ancher_end----*/



/*----Optimize_start----*/
/*--tableoptimiz--*/
table{
	font-size:inherit;
	font-:100%;}

/*--otheroptimiz--*/
pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;}

/*--imgbaselineoptimize--*/
img{vertical-align:bottom;}
sup img{vertical-align:top;}
.ifc{
	padding:0 10%;
	margin:0 0 1em 0;
	text-align:center;}
.ifl{
	display:block;
	float:left;
	margin:0 10px 10px 0;}
.ifr{
	display:block;
	float:right;
	margin:0 0 10px 10px;}
/*mt_imgbaselineoptimize*/
.mt-image-center{
	margin:0 auto;
	padding:0;
	text-align:center;}
.mt-image-center img{
	/*
	width:100% !important;
	height:auto !important;
	*/
	width:auto !important;
	height:auto !important}
/*----Optimize_end----*/



/*----clear_start----*/
/*--clearfix--*/
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;}
.clearfix {
	min-height:1px;}
* html .clearfix {
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/}
/*--clear--*/
.cf{
	clear:both;
	height:0;}
/*----clear_end----*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　COMMONlayout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
MAINlayout_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	background-color:#f2f2f2;}

#content_wrap{
	margin: 40px 0 0 0;
}	

/*---header_start---*/
	header{
		position:relative;
		background-position:top center;
		background-image:url(../images/pc_head_cont.png);
		background-repeat: repeat-x;
		width:100%;
		height:298px;}
	#head_cont{
		position:absolute;
		left:50%;
		top:0;
		margin:0 0 0 -500px;
		width:1000px;
		height:298px;}
	#head_cont h1 a{
		display:block;
		position:absolute;
    background: url("/monsterstrike_logo_luster.png") top center no-repeat;
    background-size:100%;
		width:230px;
		height:167px;
		top:25px;
		left:10px;
		cursor:pointer;}
	p.head_img{
		position:absolute;
		background-image:url(../images/pc_head_img.png);
		background-repeat:no-repeat;
		background-size: contain;
		width:708px;
		height:297px;
		top:0px;
		right:39px;}	
/*---header_end---*/

/*---item_cont_start---*/
#item_wrap{
	background-position:top center;
	background-image:url(../images/pc_bg02.png);
	background-repeat:repeat-y;
	width:100%;}
#item_cont{
	background-position:top center;
	background-image:url(../images/pc_bg01.png);
	background-repeat:no-repeat;
	width:100%;
	}	
	
		/*---item_satrt---*/
		#item_cont ul{
		width:1000px;
		margin: 0 auto 0 auto;
		text-align:center;
		padding:40px 0 60px 0;
		text-align: left;}
		li.item {
			width:300px;	
			position:relative;
			margin:0 26px 50px 0;
			display:inline-block;
			vertical-align: top;}
		li.item .date{
			position:absolute;
			top:28px;
			left:0;
			text-align:left;
			border:2px solid #e0001b;
			padding:6px 18px 6px 20px;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			font-weight:bold;
			background-color:#fff;
			color:#e0001b;}
			#item_cont li.item .img_thum_wrap{
			background-position:top right;
			background-image:url(../images/pc_item_head.png);
			background-repeat:no-repeat;
			background-size:103px 76px;
			padding:76px 0 0 0;}	
		#item_cont .img_thum{
			border:2px solid #e0001b;
			border-radius: 10px; /* CSS3草案 */ 
			-webkit-border-radius: 10px; /* Safari,Google Chrome用 */ 
			-moz-border-radius: 10px; /* Firefox用 */ }
		#item_cont li.item a .img_thum img{
			cursor: pointer;
			width:100%;
			border-top-left-radius:6px;
			-webkit-border-top-left-radius:6px;
			-moz-border-radius-top-left:6px;
			border-top-right-radius:6px;
			-webkit-border-top-right-radius:6px;
			-moz-border-radius-top-right:6px;}
		#item_cont li.item a .img_thum p{
			width:296px;
			height:3.6em;
			font-size:15px;
			font-weight:bold;
			color:#e0001b;
			background:#fff;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			padding:15px 15px 15px 15px;
			border-bottom-left-radius:6px;
			-webkit-border-bottom-left-radius:6px;
			-moz-border-radius-bottom-left:6px;
			border-bottom-right-radius:6px;
			-webkit-border-bottom-right-radius:6px;
			-moz-border-radius-bottom-right:6px;}
		/*---item_end---*/
/*---item_cont_end---*/

/*---footer_start---*/
	footer{
		position:relative;
		background-color:#b30016;
		background-position:top center;
		background-image:url(../images/pc_footer_cont.png);
		width:100%;
		height:293px;}

	footer .pagetop a{
		position:absolute;
		top:-110px;
		right: 20px;
		display:block;
		cursor: pointer;
		background-position:top center;
		background-image:url(../images/pagetop.png);
		background-repeat:no-repeat;
		background-size:212px 193px;
		width:212px;
		height:193px;
		z-index: 999;
		}	

	footer .footer_cont ul{
		margin:0 auto 0 auto;
		text-align:center;
		width:100%;}

	footer .footer_cont ul li{
		display:inline-block;
		border-right: 1px solid #fff;
		margin: 40px 0.5em 2em;
		padding-right: 1em;}
	footer .footer_cont ul li a{
		color:#fff;	
	}
	p.xflag a{
		display:block;
		background-position:top center;
		background-image:url(//xflag.com/tw/common/images/promotion_logo_xflag.png);
		background-repeat:no-repeat;
		background-size:93px 106px;
		width:93px;
		height:106px;	
		margin:0 auto 30px auto;}

	address {
		margin:0 auto 0 auto;
		text-align:center;
		width:100%;
		color:#fff;
		font-size:7px;
	}
/*---footer_end---*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　MAINlayout_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
PluginOverride_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*----Fancybox_start----*/
#fancybox-outer{
	background:#000000 !important;}
#fancybox-content{
	border-color:#000000 !important}
.fancybox-bg{
	background:none !important;}
/*--#substr.about_the_game.evolution_and_ascension--*/
#substr.about_the_game.evolution_and_ascension #fancybox-outer{
	background:none !important;}
#substr.about_the_game.evolution_and_ascension #fancybox-content{
	border-color:#cccccc !important}
#substr.about_the_game.evolution_and_ascension .fancybox-bg{
	background:none !important;}
#substr.about_the_game.evolution_and_ascension #fancybox-content iframe{
	overflow:scroll;}
/*----Fancybox_end----*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　PluginOverride_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/