@charset "utf-8";
/* CSS Document */

body{
	width: 100%;	
	
	font-family:Verdana, Geneva, sans-serif, "細明體", "新細明體";
	font-size:15px;	
	color:#d8d8d8;
	background: #08120A url(images/main_bg1.jpg) repeat-y 50% center;
	overflow-x:hiddent;
	-webkit-text-size-adjust:none;
}
.wrapper{	
	width:100%;	
	position:relative;
}
#sony{
	width:936px;
	margin:0 auto;
	padding-right:24px;
	text-align:right;
	height:37px;	
}
.bg_sony_repeat{
	background-color:#000;
	border-bottom:#FFF 1px solid;
}


.btn_hover{
	opacity:0;
	filter:alpha(opacity="0");
}
.bg_menu_repeat{
	width:100%;
	height:70px;	
	background:url(images/gmenu_bg.png) 0 0 repeat-x;
	z-index:10;
	
}
.ss_menu_repeat{
	width:100%;
	height:70px;	
}
#ss_menu{
	margin:0 auto;
	width:847px;	
}
#side{
	margin:-10px auto 0;
	width:960px;
	position:relative;
	z-index:8;
}
#side #psvita{
	position:absolute;
	left:853px;
	top:12px;
}
#side_menu{
	position:absolute;
	left:0;
	top:-28px;	
	width:175px;
}




.bg_footer_repeat{
	background:url(images/footer_bg.png) left top repeat-x;
	height:190px;
}
#copy{
	margin:20px auto 30px;
	padding-top: 15px;
	width:250px;
	text-align:center;
}
#footer{
	width:960px;
	margin:0 auto;
}
#return-to-top {
	position: absolute;
	position: fixed;
	width: 60px;
	height: 60px;
	top: auto;
	left: auto;
	right: 20px;
	bottom: 20px;
	z-index:10;
}
#return-to-top-button {
	display: block;
	width: 60px;
	height: 60px;
	text-indent:-9999px;
	overflow: hidden;
	background: url(images/common_buttons.png) no-repeat -125px -61px ;
}
#return-to-top-button:hover {
	background-position: -125px 0;
}

/*  information   &  introduction  */
#info{
	margin:0 auto;
	padding:50px 0;
	width:896px;
	position:relative;
}
#side_logo{
	position:absolute;
	left:5px;
	top:5px;
}
#info #psvita{
	position:absolute;
	left:821px;
	top:2px;
}

#info h2{
	text-align:center;
	margin:0 0 10px;
}

#info #ss_info_inner{
	margin:10px auto 10px;
	width: 786px;	
}

#info #ss_news {
	margin:0 auto;
	width: 786px;
	
	min-height:500px;	
	background: url(information/images/ss_news.png) repeat-y left top;
}
#info #ss_news_tp {	
	background: url(information/images/ss_news_tp.png) no-repeat left top;
	display: block;
	width: 786px;
	height: 30px;
	margin:0;
}
#info #ss_news_bm {	
	background: url(information/images/ss_news_bm.png) no-repeat left bottom;
	display: block;
	width: 786px;
	height: 15px;
	margin:0;
}

#ss_news table{
	width:700px;
	margin:0 auto;
}
#ss_news table td{
	padding:10px 2px;
	font-size:15px;
	vertical-align:middle;
	color:#CCC;
	line-height:1.2em;
}
#ss_news table td a{
	color:#CCC;
}
#ss_news table td a:hover{
	color:#fff;
}

#ss_intro_inner{
	width:896px;
}
#ss_intro_inner #create{
	height:403px;
	position:relative;
}
#ss_intro_inner #create #create_content1{
	position:absolute;
	left:132px;
	top:336px;
}
#ss_intro_inner #create #create_content2{
	position:absolute;
	left:513px;
	top:124px;
}
#ss_intro_inner #create p{
	font-size:13px;
	line-height:1.4em;
	margin-bottom:5px;	
}

#note{
	width:700px;
	margin:0 auto 0;
}
#note h3{
	font-size:15px;
	line-height:1.5em;
	margin-bottom:10px;
}
#note p{
	font-size:15px;
	line-height:1.5em;
	margin-bottom:10px;
}




/*  world  system   common */

#main_visual{
	width:976px;
	z-index:0;
	margin:0 auto;
	padding-left:177px;	
}

#main_content{
	width:693px;
	margin:-77px auto 25px;
	padding-left:203px;
	z-index:2;
	position:relative;
}
#main_content h2{
	position:absolute;
	left:189px;
	top:-277px;
}
.w00 a{
	display:block;
	width:704px;
	height:256px;
	opacity:0.85;	
	filter: 'alpha(opacity=85)';  
    *filter: alpha(opacity=85);	
}
.w00 a:hover{
	display:block;
	opacity:1;	
	filter: 'alpha(opacity=100)';  
    *filter: alpha(opacity=100);
}

#w_content{
	width:693px;
	margin:0 auto 25px;
	padding:52px 0 0 203px;
	position:relative;
}
#main_content_inner{
	z-index:10;
	padding-top:40px;
}
#main_content_inner p,
#movie_content p{
	width:100%;
	line-height:1.5em;
	margin-bottom:20px;
	white-space:nowrap;
}
#main_content_inner .abs{
	position:absolute;
	padding:0;
}
.ss_gl_content_in .abs{
	position:absolute;
	padding:0;
	text-align:left;
}
.nowrap{
	white-space:nowrap;	
}
#main_content_inner .abs h3{
	margin-bottom:5px;		
}
/*#visual_bg{
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
}*/
.visual{
	width:100%;
	position:absolute;
	left:0;
	top:108px;
	z-index:-1;	
}
.w_index{
	top:101px;
}
.w_index2{
	padding-top:100px;	
}
.w_system{
	top:101px;
}
.w_system2{
	padding-top:100px;	
}
.w_index2 h2,
.w_system2 h2{
	margin-bottom:210px;	
}
.w_index #visual_bg{
	margin:0 auto;
	width:100%;
	height:413px;
	background:url(world/images/main_img.png) center top no-repeat;	
}
.w_system #visual_bg{
	margin:0 auto;
	width:100%;
	height:413px;
	background:url(system/images/main_img.png) center top no-repeat;	
}
.w_rule #visual_bg{
	margin:0 auto;
	width:100%;
	height:755px;
	background:url(world/images/main_img_rule.jpg) center top no-repeat;	
}
.w_story #visual_bg{
	margin:0 auto;
	width:100%;
	height:589px;
	background:url(world/images/main_img_story.jpg) center top no-repeat;	
}
.w_story #visual_bg2{
	margin:0 auto;
	width:100%;
	height:471px;
	background:url(world/images/main_img_story2.jpg) center top no-repeat;	
}
.w_story #visual_bg3{
	margin:0 auto;
	width:100%;
	height:575px;
	background:url(world/images/main_img_story3.jpg) center top no-repeat;	
}
.w_monster #visual_bg{
	margin:0 auto;
	width:100%;
	height:672px;
	background:url(world/images/main_img_monster.png) center top no-repeat;	
}
.w_field #visual_bg{
	margin:0 auto;
	width:100%;
	height:672px;
	background:url(world/images/main_img_field.jpg) center top no-repeat;	
}
.s_magic #visual_bg{
	margin:0 auto;
	width:100%;
	height:583px;
	background:url(system/images/main_img_magic.png) center top no-repeat;	
}


#frame_content{
	width:693px;
}
#frame_content .frame_content_in {
	background:url(images/ctsBoxInner.png) repeat-y left top;
	padding: 15px 0 15px 31px;
	width: 655px;	
	display: block;
}
#frame_content .frame_content_tp {
	font-size: 0px;
	line-height: 0px;
	background: url(images/ctsBoxTp.png) no-repeat left top;
	display: block;
	height: 20px;
	width: 686px;
}
#frame_content .frame_content_bm {
	font-size: 0px;
	line-height: 0px;
	background: url(images/ctsBoxBm.png) no-repeat left bottom;
	display: block;
	height: 20px;
	width: 686px;
}
#frame_content .frame_content_in table{
	margin:15px auto 15px 5px;
	width:600px;
}
#frame_content .frame_content_in table th{
	padding:0 2px;
	text-align:center;
	width:30%;
}
#frame_content .frame_content_in table th a{
	display:block;
	opacity:0.85;
	filter: 'alpha(opacity="85")';  
    *filter: alpha(opacity="85");
}
#frame_content .frame_content_in table th a:hover{
	opacity:1;
	filter: 'alpha(opacity="100")';  
    *filter: alpha(opacity="100");
}
#frame_content .frame_content_in table td{
	padding:0 8px 25px;
	font-size:13px;
	line-height:1.4em;
}

/* w- monster  */
#monster_img2{
	
}
#monster_img_h{
	position:absolute;
	left:0;
	top:0;
	display:none;	
}
#ss_magic_mainimg{
	width:620px;
	height:410px;
	margin:0 auto;
	position:relative;
}
#ss_magic_mainimg .ad{
	position:absolute;
}






/*  gallery  */
.sideD h2#title{
	position:absolute;
	left:240px;
	top:62px;
}
#gallery_content{
	width:693px;
	
	margin:130px auto 25px;
	padding-left:203px;
	z-index:2;
	position:relative;
}
#gallery_content .ss_gl_content_in {
	background:url(images/ctsBoxInner.png) repeat-y left top;
	padding: 15px 0 15px 31px;
	width: 655px;	
	display: block;
}
#gallery_content .ss_gl_content_tp {
	font-size: 0px;
	line-height: 0px;
	background: url(images/ctsBoxTp.png) no-repeat left top;
	display: block;
	height: 20px;
	width: 686px;
}
#gallery_content .ss_gl_content_bm {
	font-size: 0px;
	line-height: 0px;
	background: url(images/ctsBoxBm.png) no-repeat left bottom;
	display: block;
	height: 20px;
	width: 686px;
}
#gallery_content .ss_gl_content_in table{
	margin:15px auto 15px 5px;
	width:600px;
}
#gallery_content .ss_gl_content_in table th{
	padding:0 2px;
	text-align:center;
}
#gallery_content .ss_gl_content_in table th a{
	display:block;
	opacity:0.85;
	filter: 'alpha(opacity="85")';  
    *filter: alpha(opacity="85");
}
#gallery_content .ss_gl_content_in table th a:hover{
	opacity:1;
	filter: 'alpha(opacity="100")';  
    *filter: alpha(opacity="100");
}
#gallery_content .ss_gl_content_in table td{
	padding:0 8px 25px;
	font-size:13px;
	line-height:1.4em;
}

.back a{
	display:block;
	width:63px;
	height:24px;
	margin:-25px 40px 10px auto;
	opacity:0.85;
	filter: 'alpha(opacity="85")';  
    *filter: alpha(opacity="85");		
}
.back a:hover{
	opacity:1;
	filter: 'alpha(opacity="100")';  
    *filter: alpha(opacity="100");		
}
.more a{
	display:block;
	width:63px;
	height:24px;
	margin:0 40px 10px auto;
	opacity:0.85;
	filter: 'alpha(opacity="85")';  
    *filter: alpha(opacity="85");		
}
.more a:hover{
	opacity:1;
	filter: 'alpha(opacity="100")';  
    *filter: alpha(opacity="100");		
}

#movie_content{
    width:710px;	
	margin:80px auto 25px;
	padding-left:186px;
	z-index:2;
	position:relative;
}
#movie_content h2{
	margin-left:-2px;	
}
#movie_content h3{
	font-size:18px;	
}
#movie_content h3 span{
	font-size:13px;
	font-weight:normal;
}
#movie_content .ss_gl_content_in {
	background: url(images/ctsBoxInner02.png) repeat-y left top;
	width: 673px;
	display: block;
	padding-left: 32px;
	padding-top: 20px;
	padding-bottom:20px;
}
#movie_content .ss_gl_content_bm {
	font-size: 0px;
	line-height: 0px;
	background: url(images/ctsBoxBm02.png) no-repeat left bottom;
	display: block;
	height: 20px;
	width: 704px;
}

#movie_content .ss_gl_content_in table{
	margin:15px auto 15px 7px;
	width:620px;
}
#movie_content .ss_gl_content_in table th{
	padding:0 2px;
	text-align:center;
}
#movie_content .ss_gl_content_in table th a{
	display:block;
	opacity:0.85;	
	filter: 'alpha(opacity="85")';  
    *filter: alpha(opacity="85"); 
}
#movie_content .ss_gl_content_in table th a:hover{
	
	opacity:1;	
	filter: 'alpha(opacity="100")';  
    *filter: alpha(opacity="100");
}
#movie_content .ss_gl_content_in table td{
	padding:0 8px 25px;
	font-size:13px;
	line-height:1.4em;
}

.w_level2 #movie_content .ss_gl_content_in{
	width: 631px;
	padding: 20px 37px;
}
.w_level2 .back a{
	margin:-25px 0 10px auto;	
}
.w_level2 #movie_content .ss_gl_content_in table{
	margin:15px auto 15px;
}