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






#width_common { width:100%; max-width:1000px; margin:0 auto; position: relative; height: auto%; margin-bottom:0px;}

#body_common { width:90%; max-width:900px; height: auto; z-index:0; position: relative; background-image:url(../img/bg/bg_common.png); margin:0 auto;}

#body_top { width:100%; max-width:900px; max-height:42px; z-index:0; position: relative; margin:2% auto 0;}

#body_bottom { width:90%; max-width:900px; height:42px; z-index:0; position: relative; margin:0 auto;}

#lead_common { font-size:100%; color:#000; line-height:145%;}

.text_body01{ color:#000; line-height:120%; text-align:justify;}
.text_caption{ font-size:87%;  color:#FFF; line-height:120%; text-align:justify;}

/*---- index ----*/
#index_width {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
height: auto%; 										margin-bottom: 0px;
	min-height: 1480px;
}
#top_main_p { width:100%; max-width:1000px; height: auto; z-index:500; position: relative;}
#top_logo_p { margin-left: 34%; margin-right: 3%; margin-bottom: 20%; margin-top: 37%; z-index: 600; position: absolute;}
#sidebar_p { width: 27%; margin-top: 0; margin-left: 2%; z-index: 600; position: absolute; left: 0px;}
#top_banner { background-image:url(../img/bg/bg_black.gif); margin-top:8%;}

#top_main_m { display:none;}
#sidebar_m { display:none;}



/*-- system --*/
.lead_system { font-size:110%; color:#000; line-height:145%;}

.system_list{width: 700px; color:#000; margin-left:100px; margin-top:20px;}
.system_list a{ color:#FF3;}
.system_list a:hover{color:#F93; text-decoration:none;}
.system_list td{ border-bottom:solid 1px #000;}
.system_list td dt{ float:left;}
.system_list td dd{ margin-left:1em;}

#system_menu { width: 765px; position: relative; margin: 20px auto 20px; z-index: 999 }


/*---- introduction ----*/
#outline{ margin:50px 100px 0; background-color: #282828; padding:20px 30px 25px; text-align:justify; margin-bottom:8%; }
#outline .title{ font-size:17px; line-height:140%; color:#d6b56c; }
#outline .bodytext{ font-size:15px; line-height:140%; color:#d6b56c; text-align:justify; }
#lead_intro { font-size:110%; color:#000; line-height:145%;}



/*---- characters ----*/
#character { width:900px;  height:800px; position:relative;}
#character_spec{
	position: absolute;
	top: 50px;
	left: 60px;
	z-index: 999;
	width: 360px;
	height: 690px;
	background-image: url(../img/bg/white.png);
	background-repeat: repeat;
	padding-top: 20px;
}
#character_ss{
	position: absolute;
	max-width: 300px;
	bottom: 25px;
	left: 30px;
	z-index: 999;
}
#character_menu {
	width: 765px;
	position: relative;
	margin: 20px auto 20px;
	z-index: 999
}
#character_menu .btn{ margin:0 1px;}





@media screen and (min-width: 640px) {


#width_blog {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
height: auto%; 		margin-bottom: 0px;
}

#body_blog { width:90%; max-width:900px; height: auto; z-index:0; position: relative; background-image:url(../img/bg/bg_common.png); margin:0 auto;}

#body_bottom_blog { width:90%; max-width:900px; height:42px; z-index:0; position: relative; margin:0 auto;}

/*---- blog ----*/

#lead_blog_p { font-size:100%; color:#000; line-height:145%; padding:0 15%}
#lead_blog_m { display:none;}

.article_title { height: auto; z-index:0; position: relative; margin-left:10%; max-width:700px;}
.article { width:64%; height: auto; z-index:0; position: relative; margin:0 10% 5%; padding:2% 8% 7%; max-width:700px; color:#FFF; background-color:#282828; line-height:140%;}

.article_title_dlc {
	height: auto;
	z-index: 0;
	position: relative;
	margin-left: 90px;
	width: 720px;
}
.article_dlc { width:580px; height: auto; z-index:0; position: relative; margin:0 10% 5%; padding:20px 70px 60px;  color:#FFF; background-color:#282828; line-height:140%;}

.text_ps { padding:3% 5%; background-color:#666; margin-bottom:7%;}

.top_youtube{}

}

/*---------Steam--------*/

#steam #notice { color:#000; line-height:145%; width:700px; margin:15px auto 50px;}
#steam #notice dl{ position:relative;}
#steam #notice dt{ float:left; font-size:12px;}
#steam #notice dd{ margin-left:1em; font-size:12px;}

#read { margin:15px auto 15px;}

#steam #list{ margin:0 auto; width:700px; color:#000; font-size:14px; line-height:150%;}
#steam #list td{ padding-bottom:10px; border-bottom:solid 1px #3A4660; padding-top:10px;}

#steam #list td h5{
	font-weight: bold;
	font-size: 14px;
	margin: 15px 0;
}
#steam #list td h6{ font-weight:bold; font-size:14px; margin:5px 0;}
#steam #list td ul{ list-style:none; padding-bottom:20px;}
#steam #list td li{ float:left; width:50%;}

#steam dl{ position:relative;}
#steam #btn{ position: absolute; right: 0;}
#steam #btn a{ color:#F00; font-size:14px;}
#steam #btn a:hover{ color:#F90;}
#steam dt{ float:left;font-size:15px;}
#steam dd{ margin-left:4em; font-size:15px;}
#steam dd span{ font-size: 14px; color: #5FBCF5; line-height: 130%;	margin-bottom: 10px; display: block; margin-left:1em;}
#steam dd a{ color: #F00; text-decoration:none; font-size:14px;}
#steam dd a:hover{color:#09F;}

.dosa {font-size:18px; font-weight:bold; color:#FFF; background-color:#282828; padding-top:2px; padding-bottom:3px; width:700px; margin:0 auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

#get{ font-size:87%; color:#000; line-height:120%; text-align:justify; margin-top:5px;}




@media screen and (max-width: 639px) {
	
	
#width_blog { width:100%; max-width:1000px; margin:0 auto; position: relative; height: auto%; margin-bottom:0px;}

#body_blog { width:100%; max-width:900px; height: auto; z-index:0; position: relative; background-image:url(../img/bg/bg_common.png); margin:0 auto;}

#body_bottom_blog { width:100%; max-width:900px; height:42px; z-index:0; position: relative; margin:0 auto;}

/*---- blog ----*/

#lead_blog_m { font-size:100%; color:#000; line-height:145%; padding:0 5%}
#lead_blog_p { display:none;}

.article_title { height: auto; z-index:0; position: relative; margin-left:5%; max-width:700px;}
.article { width:80%; height: auto; z-index:0; position: relative; margin:0 5% 5%; padding:2% 5% 7%; max-width:700px; color:#FFF; background-color:#282828; line-height:140%;}
.text_ps { padding:3% 5%; background-color:#666; margin-bottom:7%;}

.top_youtube{display:none;}

}



#acMenu dt{
    display:block;
    width:90%;
    height:50px;
    line-height:50px;
    cursor:pointer;
    }
#acMenu dd{
    width:90%x;
    line-height:50px;
    display:none;
    }