@charset "EUC-JP";


/****************************** style.css ******************************/

*{
	word-break:normal !important;
}

.guide_common .author{
	display:none;
}

#header-inner,
#content-inner,
#footer-inner {
	width: 960px;
}


/********** footer **********/

.footer_logo{
	width:960px;
	margin:0 auto 20px;
}

.footer_index:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}

.footer_index{
	width:960px;
	margin:0 auto;
}

.footer_index dl{
	width:192px;
	float:left;
	margin-bottom:30px;
}

.footer_index dt{
	margin-bottom:5px;
}

.footer_index dd{
	border-left:3px solid #cccccc;
	text-indent:10px;
	line-height:200%;
	margin-left:5px;
}

.footer_index dl:nth-child(6n){
	clear:both;
}

footer.guide_common_footer,
div.guide_common_footer,
div.footer_bottom{
	width:100%;
	border:none;
	background:#fff;
	text-align:left;
}

footer.guide_common_footer{
	font-size:80%;
	padding-top:20px;
	padding-bottom:0;
}

footer.guide_common_footer div.footer_bottom p a{
	color:#333;
}


/******************** report ********************/

.REPORT{
	position: relative;
	width: 100%;
	margin:10px auto 0px;
	padding:10px;
//	color:#fff;
	font-size:80%;
	background:#eee;
	box-sizing:border-box;
	text-align:center;
}

.REPORT dt,
.REPORT dd{
}

.REPORT dt{
	height:1.5em;
	line-height:1.5em;
	margin-bottom:5px;
}

.REPORT dd input{
	width:8em;
	height:1.5em;
	margin:0 auto;
}


/********** box **********/

#REPORT_BOX{
	width:800px;
	margin:10px auto;
	background:#fff;
	padding:20px;
	border-radius:6px;
	color:#333;
}

#REPORT_BOX .report_heading{
}

#REPORT_BOX textarea{
	width:700px;
	height:100px;
	margin:10px;
	padding:5px;
}

#REPORT_BOX input{
	width:11em;
	height:2em;
}


/********** sp **********/

.guide_common_sp .REPORT{
	margin-top:-10px;
	font-size:140%;
	background:#F2F2F2;
	margin:0;
	padding:0px 20px 20px;
	border-radius:0px;
}

.guide_common_sp .REPORT dl{
	padding:30px 0;
	border-radius:8px;
	background:#fff;
	border:4px solid #ccc;
}

.guide_common_sp .REPORT dt,
.guide_common_sp .REPORT dd{
	display:block;
}

.guide_common_sp #REPORT_BOX{
	width:100%;
	margin:-10px auto 0;
	padding:0 0 30px;
	border:4px solid #ccc;
	border-top:none;
	box-sizing:border-box;
	border-radius:8px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}

.guide_common_sp #REPORT_BOX textarea{
	font-size:100%;
	width:520px;
	height:150px;
	margin:10px auto;
	border-radius:4px;
	border-width: 2px;
	border-color:#ccc;
}

.guide_common_sp .REPORT dd input{
	font-size:100%;
	width:8em;
	height:1.5em;
	margin:5px auto;
}

.guide_common_sp #REPORT_BOX input{
	font-size:100%;
	width:11em;
	height:2em;
}


/********** copyright **********/

.footer_middle,
.footer_bottom{
	padding:10px 0 10px;
	text-align:center;
	background:#eeeeee;
}

.footer_middle{
	color:#666;
	line-height:150%;
}

footer.guide_common_footer a,
footer.guide_common_footer div.footer_middle p a{
	color:#0086b3;
	text-decoration:none;
}

div.footer_bottom{
	text-align:center;
	background:#000000;
}

footer.guide_common_footer div.footer_bottom p a{
	color:#ffffff;
}


/**************************************** custom ****************************************/

body.guide_common{
	color: #444;
	font-family: "Helvetica Neue",Helvetica,Arial,Meiryo,"メイリオ",sans-serif;
	line-height: 1.5;
	font-size: 100%;
	height: 100%;
	background:url(/img/guide/ggxrd/rev2/bg_ggxrdrev2.jpg) no-repeat center top #000000;
}

.V2_utility{
}

.guide_common_header{
}

.header_banner{
	height:40px;
	padding:5px;
	margin:0 auto;
	text-align:center;
	background:#333;
}

.header_banner + .guide_common_header{
	margin-top:50px;
//	border-top:1px solid rgba(255,255,255,.2);
//	border-bottom:1px solid rgba(255,255,255,.2);
}



/****************************** guide_header ******************************/

body.guide_common .guide_header,
body.guide_common header.guide_header,
#fgContents2 .guide_header,
#fgContents2 header.guide_header{
	padding:50px 0 0;
	background:transparent;
	box-shadow:none;
}

body.guide_common header.guide_header,
#fgContents2 #fgContents2 header.guide_header{
	position: relative;
	width:100%;
	height:220px;
	background:url(/img/guide/ggxrd/rev2/header_logo_ggxrdr.png) no-repeat center 5px;
}

#fgContents2 #fgContents2 header.guide_header{
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}

body.guide_common header.guide_header h1,
body.guide_common header.guide_header .main-title,
#fgContents2 header.guide_header h1,
#fgContents2 header.guide_header .main-title{
	position: absolute;
	left:0;
	top:40px;
	width:100%;
	font-size:24px;
	line-height:100%;
	text-align:center;
	text-shadow:2px 2px 0px #004405, 0px 0px 4px #169900;
}

body.guide_common header.guide_header h1 a,
body.guide_common header.guide_header .main-title a{
	line-height:80px;
	text-decoration:none;
	color:#fff;
}

body.guide_common .guide_header h1 a,
body.guide_common .guide_header .main-title a{
	padding-bottom:150px;
}


/********** sp **********/

#fgContents2 .guide_header,
#fgContents2 header.guide_header{
	width:100%;
	height:150px;
	padding-top:0px;
	color:#fff;
	background-image:url(/img/guide/ggxrd/rev2/header_logo_ggxrdr.png), url(/img/guide/ggxrd/rev2/SP_bg_ggxrdr.jpg);
	background-repeat:no-repeat;
	background-position:center -40px, center top;
	background-size:65%, auto;
}

#fgContents2 header.guide_header h1,
#fgContents2 header.guide_header .main-title{
	font-size:130%;
	padding:0;
	position:static;
	text-align:center;
	margin:0 auto;
}

#fgContents2 header.guide_header h1 a,
#fgContents2 header.guide_header .main-title a{
	color:#fff;
	padding:20px 0 100px;
	text-decoration:none;
	display:block;
}


/****************************** content-body ******************************/

.content-body{
	background:transparent;
	position:relative;
	margin-bottom:0px;
}

#main-content-wrap{
	position:relative;
	background:rgba(255,255,255,0.5);
}


/********** main-content-wrap **********/

#guide_container{
	width:auto;
	margin-top:0px;
}

section.content-body{
	width:960px;
	position:relative;
	margin:10px auto 45px;
	padding:45px 0 10px;
	background:url(/img/guide/ggxrd/bg_ggxrd_main-content.png) repeat-y center top;
}

section.content-body:after{
	position:absolute;
	content:" ";
	display:block;
	width:960px;
	height:15px;
	background:url(/img/guide/ggxrd/bg_ggxrd_bottom.png) no-repeat center bottom;
	bottom:-15px;
}


/********** finding **********/

.content-body .finding{
	position:absolute;
	top:-10px;
	width:100%;
	height:45px;
	padding:15px 20px 10px;
	margin:0 auto;
	line-height:49px;
	font-size:100%;
	text-align:left;
	text-indent:27px;
	color:#ffffff;
	background:url(/img/guide/ggxrd/bg_ggxrd_topic-path.png) no-repeat center top;
	box-shadow:none;
	box-sizing:border-box;
	border:none;
}

.finding p.catname{
	display:inline-block;
	text-indent:45px;
	float:left;
}

.finding img{
	float:right;
	margin-top:15px;
	margin-left:10px;
}

.content-body > .finding p.catname{
	background:none;
	text-shadow:none;
	text-indent:0px;
	font-size:70%;
	border-radius:0px;
}

.content-body > .finding p.catname:after{
	content:none;
}

.content-body > .finding p.uptime{
	display:none;
	background:none;
	text-shadow:none;
	border-radius:0px;
}


/****************************** left menu ******************************/

aside.guide_sidemenu{
	width:220px;
	padding:0;
	margin:0px 5px 0px 13px;
	font-size:80%;
	background:transparent;
	box-shadow:none;
	color:#fff;
}

div.guide_sidemenu{
	padding:0;
}

.guide_menu_2 h2 + ul.def{
	border-top:none;
}

.guide_menu_2 > ul.def > li:first-child,
.guide_menu_2 dl dd > ul > li:first-child{
	border-top:0px;
}


/********* search **********/

#wiki-search{
	margin-top:15px !important;
	border:none;
}

#wiki-search form{
	padding:0;
}


/******************** menu ********************/

aside.guide_sidemenu{
	position:relative;
	border:none;
}

.guide_menu_2{
	font-size:100%;
}

aside.guide_sidemenu a:hover{
	color:#ffff00;
}


/********** ad **********/

.left_top_banner{
	position:absolute;
	top:230px;
}

.left_bottom_banner{
	margin-top:10px;
}

.left_top_banner + .guide_menu_2 > .ggxrd_qr{
	margin-bottom:203px;
}


/********** qr **********/

.ggxrd_qr{
	position:relative;
	margin-bottom:10px;
}

.ggxrd_qr p{
	position:absolute;
	top:14px;
	left:15px;
	width:191px;
	padding:5px 0;
	font-weight:bold;
	text-align:center;
	background:#400500;
	color:#fff;
}

aside.guide_sidemenu .ggxrd_qr ul li:last-child:before,
aside.guide_sidemenu .ggxrd_qr ul li:last-child:after{
	display:none;
}


/********** 大分類 **********/

aside.guide_sidemenu h2,
.filter_open h2{
	display:block;
	width:206px;
	height:29px;
	padding:0px 0px 0px 10px;
	margin:10px 0px 0px 0px;
	line-height:29px;
	font-size:100%;
	text-shadow:1px 1px 0px #000;
	border:2px solid #000000;
	background: url(/img/guide/ggxrd/bg_ggxrd_leftmenu_heading.png) no-repeat center top;
	color:#ffffff;
}

.filter_open h2{
	width:auto;
	height:auto;
	padding:10px 20px;
	font-size:130%;
	background-size:cover;
}

aside.guide_sidemenu a.HEADLINES_ANCHOR,
.filter_open a.HEADLINES_ANCHOR{
	display:inline-block;
	height:0px;
	width:0px;
	margin:0;
	padding:0;
	overflow:hidden;
}


/********** 中分類 **********/

aside.guide_sidemenu h4,
.filter_open h4{
	position:relative;
	z-index:10;
	display: block;
	border: 0px;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	color: #ffffff;
	width: 206px;
	height: 29px;
	line-height: 29px;
	padding: 0;
	margin: 0;
	background: #cccccc;
	background: linear-gradient(to bottom, #666, #999);
	font-size: 90%;
	text-shadow: 1px 1px 0px #333;
	padding-left: 10px;
	box-shadow: inset 1px 0px 0px 0px #887766, inset -1px 0px 0px 0px #887766, inset 0px -1px 0px 0px #887766, 0px 0px 2px #000000, inset 0px 0px 0px 2px #555;
	color: #ffffff;
	margin-top: -1px;
}

aside.guide_sidemenu .no_after + h4{
	box-shadow: inset 1px 0px 0px 0px #887766, inset -1px 0px 0px 0px #887766, inset 0px -1px 0px 0px #887766, inset 0px 1px 0px 0px #887766, 0px 0px 2px #000000, inset 0px 0px 0px 2px #555;
}

.filter_open h4{
	width:auto;
	height:auto;
	padding:10px 20px;
	font-size:130%;
}

aside.guide_sidemenu h4:first-child,
.filter_open h4:first-child{
	margin-top:15px;
}

aside.guide_sidemenu h4:first-child:before,
.filter_open h4:first-child:before{
	content:none;
}

aside.guide_sidemenu h4 a,
.filter_open h4 a{
	color:#ffffff;
}


/********** 小分類 **********/

aside.guide_sidemenu ul.def,
.filter_open ul.def{
	padding:0;
	width:216px;
	border: 2px solid #000000;
	box-shadow: inset 0px 0px 5px 0px #000;
	background: url(/img/guide/ggxrd/bg_ggxrd_leftmenu.png) repeat-y center top;
}

aside.guide_sidemenu ul.def br,
.filter_open ul.def + br{
	display:none;
}

.filter_open ul.def{
	width:auto;
	background-size:cover;
	background:rgba(0,0,0,0.8);
	box-shadow:inset 1px 0px 0px 0px #555, inset 0px -1px 0px 0px #555, inset -1px 0px 0px 0px #555, inset 0px 0px 5px 0px #000;
}

aside.guide_sidemenu ul.def:after{
	content:" ";
	display:block;
	height:8px;
	width:216px;
	background: url(/img/guide/ggxrd/bg_ggxrd_leftmenu_bottom.png) no-repeat center top;
}

aside.guide_sidemenu ul.def.no_after:after{
	content:none;
}

aside.guide_sidemenu ul.def li,
.filter_open ul.def li{
	font-size: 13px;
	width:206px;
	border: none;
	margin-left: 0;
	list-style: none;
	font-weight: bold;
	color: #999999;
	border-bottom: 1px solid #5c3131;
	padding: 0px 0px 0px 10px;
	cursor: auto;
	height:auto;
}

.filter_open ul.def li{
	width:auto;
	height:auto;
	padding:10px 20px;
	font-size:130%;
}

aside.guide_sidemenu ul.def li a,
.filter_open ul.def li a,
aside.guide_sidemenu ul.def li span,
.filter_open ul.def li span{
	position:relative;
	color: #ffffff;
	margin: 0px 3px;
	line-height: 39px;
	min-height: 0px;
	padding: 0px 0px 0px 15px;
	background: url(/img/guide/ggxrd/bg_left_menu_li.png) no-repeat 0px center;
	border:none;
}

.filter_open a{
	display:block;
}

aside.guide_sidemenu ul.def li:last-child,
.filter_open ul.def li:last-child{
	border-bottom:none;
}

aside.guide_sidemenu ul.def li:last-child a,
.filter_open ul.def li:last-child a{
	border:none;
	margin-bottom:0px;
}

.filter_open ul.def:last-child{
	margin-bottom:50px;
}


/********** firststep **********/

aside.guide_sidemenu ul.firststep,
.filter_open ul.firststep{
	width:214px;
	padding:0;
	border: 2px solid #000000;
	box-shadow: inset 0px 0px 5px 0px #000;
	background: url(/img/guide/ggxrd/bg_ggxrd_leftmenu.png) repeat-y center top;
	background:#333;
	background:#501B19;
	background:rgba(80,25,25,0.8);

	box-shadow:none;
	border:1px solid #501B19;
	border:1px solid #887766;

	margin:0 2px;
	box-shadow:0 0 2px 2px #000;
}

.filter_open ul.firststep{
	width:auto;
	background:rgba(80,25,25,0.8);
}

aside.guide_sidemenu ul.firststep li,
.filter_open ul.firststep li{
	width:204px;
	font-size: 13px;
	border: none;
	margin-left: 0;
	list-style: none;
	font-weight: bold;
	color: #999999;
	border-bottom: 1px solid #5c3131;
	padding: 0px 0px 0px 10px;
	cursor: auto;
}

.filter_open ul.firststep li{
	width:auto;
	height:auto;
	padding:10px 20px;
	font-size:130%;
}

aside.guide_sidemenu ul.firststep li a,
.filter_open ul.firststep li a,
aside.guide_sidemenu ul.firststep li span,
.filter_open ul.firststep li span{
	width:183px;
	display:block;
	position:relative;
	color: #ffffff;
	margin: 0px 3px;
	line-height: 39px;
	min-height: 0px;
	padding: 0px 0px 0px 15px;
	background: url(/img/guide/ggxrd/bg_left_menu_li.png) no-repeat 0px center;
	border:none;
}

.filter_open ul.firststep li a,
.filter_open ul.firststep li span{
	width:auto;
}

aside.guide_sidemenu ul.def li span,
.filter_open ul.def li span,
aside.guide_sidemenu ul.firststep li span,
.filter_open ul.firststep li span{
	opacity:0.4;
}


/********** rev **********/

aside.guide_sidemenu ul.def li a.rev:after,
.filter_open ul.def li a.rev:after{
	content:" ";
	position:absolute;
	top:10px;
	display:inline-block;
	width:36px;
	height:18px;
	margin-left:0px;
	background:url(/img/guide/ggxrd/icon_ggxrdr_menu.png) no-repeat center center;
}

aside.guide_sidemenu h2.rev2:after,
.filter_open h2.rev2:after,
aside.guide_sidemenu h4.rev2:after,
.filter_open h4.rev2:after,
aside.guide_sidemenu ul.def li a.rev2:after,
.filter_open ul.def li a.rev2:after{
	content:" ";
	position:absolute;
	top:10px;
	display:inline-block;
	width:57px;
	height:18px;
	margin-left:0px;
//	background:url(/img/guide/ggxrd/rev2/icon_ggxrdr_menu.png) no-repeat center center;
	background:url(/img/guide/ggxrd/rev2/icon_ggxrdr_menu_transparent.png) no-repeat center center;
}

aside.guide_sidemenu h2.rev2,
.filter_open h2.rev2{
	position:relative;
}

aside.guide_sidemenu h2.rev2:after,
.filter_open h2.rev2:after,
aside.guide_sidemenu h4.rev2:after,
.filter_open h4.rev2:after{
	top:4.5px;
	margin-left:1px;
}

.guide_common_sp aside.guide_sidemenu ul.def li a.rev:after,
.guide_common_sp .filter_open ul.def li a.rev:after{
	top:8px;
	width:48px;
	height:24px;
	margin-left:2px;
	background-size:cover;
}

.guide_common_sp aside.guide_sidemenu h2.rev2:after,
.guide_common_sp .filter_open h2.rev2:after,
.guide_common_sp aside.guide_sidemenu h4.rev2:after,
.guide_common_sp .filter_open h4.rev2:after,
.guide_common_sp aside.guide_sidemenu ul.def li a.rev2:after,
.guide_common_sp .filter_open ul.def li a.rev2:after{
	top:8px;
	width:76px;
	height:24px;
	margin-left:2px;
	background-size:cover;
}

.guide_common_sp aside.guide_sidemenu h2.rev2:after,
.guide_common_sp .filter_open h2.rev2:after,
.guide_common_sp aside.guide_sidemenu h4.rev2:after,
.guide_common_sp .filter_open h4.rev2:after{
	top:12px;
}


/****************************** main-content ******************************/

article.guide_article{
	background:transparent;
	position:relative;
}

div.guide_article{
	line-height:1.6;
}


/********* main-content **********/

#guide_contents{
	float:right;
	width:650px;
	margin-top:20px;
	padding:10px 30px 20px;
	background:url(/img/guide/ggxrd/bg_ggxrd_inner.png) repeat-y center top;
	border:none;
	position:relative;
}

#guide_contents:before{
	position:absolute;
	top:-16px;
	left:2px;
	content:" ";
	width:706px;
	height:16px;
	background:url(/img/guide/ggxrd/bg_ggxrd_inner_top.png) no-repeat left top;
}

#guide_contents:after{
	position:absolute;
	bottom:-16px;
	left:2px;
	content:" ";
	width:706px;
	height:16px;
	background:url(/img/guide/ggxrd/bg_ggxrd_inner_bottom.png) no-repeat left top;
}


/********** sns **********/

.sns_container{
}

#fgContents2 .news_contents .socialbookmark{
	width:420px;
	margin-right:20px;
}

#fgContents2 .hatena{
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	margin-right:10px;
}

#fgContents2 .twitter_topsy{
	float:none;
}


/******************** heading ********************/

#guide_contents .top_container h2{
	border:none;
	margin:0 0 15px;
	padding:0;
	text-indent:20px;
	height:auto;
	line-height:140%;
	color:#ff0;
	clear:both;
}

#guide_contents .top_container h2:after{
	content:none;
}


/****************************** article ******************************/

/********** h1 **********/

#guide_contents h1,
.news_header h1{
	position:relative;
	width:100%;
	height:61px;
	text-indent:30px;
	font-size:20px;
	color:#ffffff;
	line-height:61px;
	border:none;
	padding:0px;
	margin:0px auto 20px;
	background:url(/img/guide/ggxrd/bg_heading_1.png) no-repeat left center;
	text-shadow:1px 1px 0px #000000;
}

#guide_contents h1:after,
.news_header h1:after{
	position:absolute;
	right:0;
	top:0;
	content:" ";
	width:20px;
	height:61px;
	display:block;
	background:url(/img/guide/ggxrd/bg_heading_1.png) no-repeat right center;
}

.guide_common_sp #fgContents2 .news_header h1{
	font-size:2em;
	width:580px;
	height:80px;
	padding-right:20px;
	margin:20px 20px 0;
	line-height:80px;
	background-size:839px 80px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.guide_common_sp #fgContents2 .news_header h1:after{
	position:absolute;
	right:0;
	top:0;
	content:" ";
	width:20px;
	height:80px;
	display:block;
	background:url(/img/guide/ggxrd/bg_heading_1.png) no-repeat right center;
	background-size:839px 80px;
}


/********** h2 **********/

#guide_contents h2:before,
#fgContents2 h2:before{
	content:none;
}

#guide_contents h2,
#fgContents2 h2{
	position:relative;
	height:57px;
	text-indent:70px;
	font-size:110%;
	color:#ffffff;
	line-height:57px;
	border:none;
	padding:0px;
	margin:0px auto 10px;
	background:url(/img/guide/ggxrd/bg_heading_2.png) no-repeat left center;
	text-shadow:1px 1px 0px #000000;
	box-shadow:none;
}

#guide_contents h2:after,
#fgContents2 h2:after{
	position:absolute;
	right:0;
	top:0;
	content:" ";
	width:62px;
	height:57px;
	display:block;
	background:url(/img/guide/ggxrd/bg_heading_2.png) no-repeat right center;
}

#fgContents2 h2{
	line-height:80px;
	font-size:90%;
	height:80px;
	background-size:910px 80px;
}

#fgContents2 h2:after{
	width:43px;
	height:80px;
	background-size:910px 80px;
}


/********** h4 **********/

#guide_contents h4:before,
#fgContents2 h4:before{
	content:none;
}

#guide_contents h4,
#fgContents2 h4{
	position:relative;
	height:54px;
	text-indent:70px;
	font-size:100%;
	color:#352421;
	line-height:48px;
	border:none;
	padding:0px 36px 0 0;
	margin:0px auto 10px;
	background:url(/img/guide/ggxrd/bg_heading_3.png) no-repeat left center;
}

#guide_contents h4:after,
#fgContents2 h4:after{
	position:absolute;
	right:0;
	top:0;
	content:" ";
	width:36px;
	height:54px;
	display:block;
	background:url(/img/guide/ggxrd/bg_heading_3.png) no-repeat right center;
}

#fgContents2 h4{
	font-size:90%;
	line-height:40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/********** h6 **********/

#guide_contents h6,
#fgContents2 h6{
	color:#352421;
	border:none;
	padding:0px;
	padding:1px 0px 0px 28px;
	margin:0px auto 10px;
	font-size:100%;
	min-height:25px;
	background:url(/img/guide/ggxrd/bg_heading_4.png) no-repeat 2px top;
}

#fgContents2 h6{
	font-size:90%;
	background-position:2px 9px;
//	overflow: hidden;
//	white-space: nowrap;
//	text-overflow: ellipsis;
}


/********** popup **********/

.popup_container .REFERENCE_INNER:before, .popup_container .LOADING:before, .popup_container .ERROR:before,
.popup_container .REFERENCE_INNER:after, .popup_container .LOADING:after, .popup_container .ERROR:after{
	content:none;
}

.guide_common .popup_container .REFERENCE_INNER,
.guide_common .popup_container .LOADING,
.guide_common .popup_container .ERROR{
	line-height:150%;
	padding:20px;
	color:#eee;
	background:#000;
	border-color:#990000;
	background:url(/img/guide/ggxrd/SP_bg_ggxrdr_popup_menu.png) repeat left top rgba(0,0,0,0.8);
	min-width: 300px;
}


/******************** character ********************/

/********** menu **********/

.guide_common .character_menu,
.guide_common .character_menu_right{
	position:absolute;
	width:252px;
	padding-left:20px;
	font-size:80%;
	background:url(/img/guide/ggxrd/bg_ggxrd_character_menu.png) repeat-y center top;
}

.guide_common .character_menu{
	top:170px;
	left:60px;
}

.guide_common .character_menu_right{
	top:170px;
	right:60px;
}

.guide_common .character_menu:before,
.guide_common .character_menu_right:before{
	content:" ";
	clear:both;
	width:272px;
	height:35px;
	display:block;
	position:absolute;
	left:0;
	top:-35px;
	background:url(/img/guide/ggxrd/bg_ggxrd_character_menu_top.png) no-repeat center top;
}

.guide_common .character_menu:after,
.guide_common .character_menu_right:after{
	content:" ";
	clear:both;
	width:272px;
	height:43px;
	display:block;
	position:absolute;
	left:0;
	bottom:-43px;
	background:url(/img/guide/ggxrd/bg_ggxrd_character_menu_bottom.png) no-repeat center bottom;
}

.guide_common #guide_contents .character_menu li,
.guide_common #guide_contents .character_menu_right li{
	list-style:disc;
	margin-left:20px;
	color:#ffffff;
	margin-bottom:5px;
}

.guide_common #guide_contents .character_menu li:last-child,
.guide_common #guide_contents .character_menu_right li:last-child{
	margin-bottom:0;
}

.guide_common #guide_contents .character_menu li a,
.guide_common #guide_contents .character_menu_right li a{
	color:#ffffff;
	display:block;
}


/********** skill **********/

#guide_contents table.table_skill{
	width: 100%;
	text-align: left;
	border: 1px solid #CCC;
	font-size:90%;
	line-height: 1.5;
	background-color: #FFF;
	border-collapse:collapse;
}

#fgContents2 table.table_skill{
	font-size:70%;
	line-height:150%;
}

.table_skill tr:nth-child(odd) td:nth-child(2){
	vertical-align: middle;
	background:#900;
	color:#fff;
	height:1em;
	font-weight:bold;
}

.table_skill td{
	position:relative;
	border: 1px solid #400;
	vertical-align: top;
	padding:5px;
}

.table_skill td .cdata,
.table_skill td .fdata,
.table_skill td .adata{
	position: absolute;
	font-weight:bold;
}

.table_skill td .cdata{
	left: 10px;
	top: 10px;
	background: rgba(137, 45, 45, 1);
	padding: 2px 5px;
	font-size: 90%;
	color: #fff;
	border-radius:3px;
}

.table_skill td .fdata{
	bottom: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.5);
	padding:2% 4%;
	margin:0px 2% 2%;
	text-indent:0;
	font-size: 80%;
	width: 88%;
	color:#000000;
}

.table_skill td .adata{
	right: 10px;
	top: 10px;
	background: rgba(45, 137, 50, 1);
	padding: 2px 5px;
	font-size: 90%;
	color: #fff;
	border-radius:10px;
}

.table_skill td .cdata:empty,
.table_skill td .fdata:empty,
.table_skill td .adata:empty{
	display:none;
}



/******************** default ********************/

/********** table **********/

#guide_contents table.TABLE_RED{
	width:auto !important;
	width:100% !important;
	max-width:100% !important;
	box-sizing:border-box;
	border-color:#400;
}

#guide_contents table.TABLE_RED td{
}

#guide_contents table.TABLE_RED td.TH{
	background:#900;
	font-weight:bold;
	color:#fff;
}

#guide_contents table.TABLE_RED td.TH2{
	background:#f0e0e0;
	font-weight:bold;
	color:#444;
}


/********** column **********/

.column_block{
	clear:both;
	position:relative;
	padding:6px 20px;
	background:url(/img/guide/ggxrd/bg_ggxrd_column.png) repeat center top;
	margin:30px auto 34px;
	color:#e9e9e9;
}

.column_block:before{
	content:" ";
	position:absolute;
	top:-14px;
	left:0;
	width:650px;
	height:14px;
	background:url(/img/guide/ggxrd/bg_ggxrd_column_top.png) no-repeat center top;
}

.column_block:after{
	content:" ";
	position:absolute;
	bottom:-14px;
	left:0;
	width:650px;
	height:14px;
	background:url(/img/guide/ggxrd/bg_ggxrd_column_bottom.png) no-repeat center bottom;
}

#guide_contents .column_block h2,
#guide_contents .column_block h4,
#guide_contents .column_block h6,
#fgContents2 .column_block h2,
#fgContents2 .column_block h4,
#fgContents2 .column_block h6{
	background:none;
	padding:5px 0;
	margin:0;
	text-indent:0;
	color:#ffff00;
	height:auto;
	line-height:150%;
}

#guide_contents .column_block h2:after,
#guide_contents .column_block h4:after,
#guide_contents .column_block h6:after,
#fgContents2 .column_block h2:after,
#fgContents2 .column_block h4:after,
#fgContents2 .column_block h6:after{
	display:none;
}

#guide_contents .column_block h2{
	font-size:140%;
}

#guide_contents .column_block h4{
	font-size:120%;
}

#guide_contents .column_block h6{
	font-size:100%;
}

.column_block span.blockquote{
	color:#ff9999;
}

.column_block table{
	color:#444;
}

.column_block a{
	color:#FFDDEC;
}

.column_block a:hover{
	color:#FFB2D4;
}


/********** sp **********/

#fgContents2 .column_block{
	background: #2c2c2c;
	padding: 20px 20px;
	border-radius: 4px;
	font-size:80%;
	line-height:150%;
}

#fgContents2 .column_block:before,
#fgContents2 .column_block:after{
	content:none;
}

#fgContents2 .maintxt .column_block table,
#fgContents2 .maintxt .column_block table.img_center{
	max-width:560px;
}

#fgContents2 .column_block h2{
	font-size:100%;
}

#fgContents2 .column_block h4{
	font-size:100%;
}

#fgContents2 .column_block h6{
	font-size:80%;
}

/********** skill **********/

#fgContents2 .maintxt .column_block table.table_skill{
	font-size:85%;
	line-height:150%;
	background:#fff;
}

#fgContents2 .maintxt .column_block table.table_skill .fdata{
	width:130px;
	word-break:break-all !important;
	word-wrap:break-word !important;
}


/********** image **********/

#guide_contents .layout_r{
	float:right;
	margin:0 0 8px 8px;
}


/********** li **********/

#guide_contents li{
	line-height:1.5;
	margin-bottom:.5em;
}

.recent_list{
	font-size:120%;
}

.recent_list li,
.new_article li{
	list-style:disc;
	margin-left:30px;
}

.recent_list + p,
.new_article p{
	text-align:right !important;
}


/********** def_menu **********/

.def_menu .contents ul{
}

#guide_contents .def_menu .contents ul li{
	list-style:disc;
	margin-left:20px;
}


/********** horizontal_menu **********/

.guide_common_sp .character_menu,
.guide_common_sp .character_menu_right,
.maintxt ul.horizontal_menu,
.horizontal_menu{
	clear:both;
	margin:0;
	padding:0;
	font-size:90%;
}

.guide_common_sp .character_menu,
.guide_common_sp .character_menu_right{
	font-size:70%;
}

.guide_common_sp .character_menu li,
.guide_common_sp .character_menu_right li,
.guide_common_sp .horizontal_menu li,
#guide_contents .horizontal_menu li{
	display:inline-block;
	width:197px;
	padding:5px;
	margin:2px;
	list-style:none;
	text-align:center;
	border:1px solid #cccccc;
	background: linear-gradient(to bottom, #fff, #ddd);
	background: -moz-linear-gradient(#fff, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); 
}

.guide_common_sp .character_menu li,
.guide_common_sp .character_menu_right li,
.guide_common_sp .horizontal_menu li{
	width:173px;
}

.guide_common_sp .horizontal_menu.two_block li{
	font-size:80%;
	width:275px;
}

.guide_common_sp .character_menu li,
.guide_common_sp .character_menu_right li,
.guide_common_sp .horizontal_menu li,
#guide_contents .horizontal_menu li{
	color:#0086b3;
	margin-bottom:5px;
}

.guide_common_sp .character_menu li:last-child,
.guide_common_sp .character_menu_right li:last-child,
.guide_common_sp .horizontal_menu ul li:last-child,
#guide_contents .horizontal_menu ul li:last-child{
	margin-bottom:0;
}

.guide_common_sp .character_menu li a,
.guide_common_sp .character_menu_right li a,
.guide_common_sp .horizontal_menu li a,
#guide_contents .horizontal_menu li a{
	display:block;
	color:#0086b3;
	text-decoration:none;
}

#guide_contents .horizontal_menu li a:hover{
	text-decoration:underline;
}

.guide_common_sp .horizontal_menu.vlong li{

	display:flex;
	align-items: center;
	justify-content: center;

	display:-webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
}


/********** vlong **********/

.guide_common_sp .horizontal_menu.vlong{
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width:600px;
}

.guide_common_sp .horizontal_menu.vlong li{
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	min-height:3.2em;
	line-height:1.3em;
}

.guide_common_sp .horizontal_menu.vlong li a{
}


/********** tribe menu **********/

.tribe_menu:after{
	content:" ";
	display:block;
	height:0;
	clear:both;
}

.tribe_menu{
	width:610px;
	margin:0 auto;
}

.tribe_menu li{
	float:left;
	width:100px;
	margin:5px;
	padding:0px 5px 5px;
	margin-top:-15px;
	border-radius:8px;
	background: linear-gradient(to bottom, #eee, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	box-shadow:inset 1px 1px 0px 0px #fff;
	border:1px solid #666;
}

.tribe_menu li a:hover{
	opacity:0.8;
}


/********** update list **********/

#guide_contents .update_list .list1 li{
	display:table;
}

#guide_contents .update_list .list1 li strong{
	display:table-cell;
	padding-right:1.3em;
}

#guide_contents .update_list .list1 li:before{
	content:"・";
}


/********** table **********/

#guide_contents table,
.guide_common_sp table{
	text-shadow:none;
	border-spacing:2px;
}

#guide_contents th,
.guide_common_sp th{
	background:#f0e0e0;
	font-weight:bold;
}

#guide_contents .guide_article table.img_right_top td,
#guide_contents .guide_article table.img_left_top td,
#guide_contents .guide_article table.img_center td,
.guide_common_sp .guide_article table.img_right_top td,
.guide_common_sp .guide_article table.img_left_top td,
.guide_common_sp .guide_article table.img_center td{
	padding:3px;
}

#guide_contents .guide_article table.img_right_top td div.cap,
#guide_contents .guide_article table.img_left_top td div.cap,
#guide_contents .guide_article table.img_center td div.cap,
.guide_common_sp .guide_article table.img_right_top td div.cap,
.guide_common_sp .guide_article table.img_left_top td div.cap,
.guide_common_sp .guide_article table.img_center td div.cap{
	padding:3px 0px 0px;
}

.guide_article table.img_right_top caption.cap,
.guide_article table.img_left_top caption.cap,
.guide_article table.img_center caption.cap,
.guide_common_sp table.img_right_top caption.cap,
.guide_common_sp table.img_left_top caption.cap,
.guide_common_sp table.img_center caption.cap{
	padding:0px 3px 3px;
}


/********** th / td **********/

#guide_contents tr:first-child th,
#guide_contents tr:first-child td,
.guide_common_sp tr:first-child th,
.guide_common_sp tr:first-child td{
	border-top-width:1px;
}

#guide_contents th,
.guide_common_sp th{
	color:#fff;
	background:#900;
	border-color:#400;
	margin:0;
	padding:5px;
	border-top-width:0px;
}

#guide_contents td,
.guide_common_sp td{
	padding:5px;
	border-color:#400;
}

#guide_contents .th_gray th,
.guide_common_sp .th_gray th{
	color:#fff;
	background:#444;
	border-color:#000;
}

#guide_contents .table_cap td,
.guide_common_sp .table_cap td{
	padding:3px;
	background:#e5e5e5;
	border-color:#e5e5e5;
	line-height:150%;
	vertical-align:top;
	text-shadow:none;
}


/********** servant_table **********/

.servant_table{
	float:left;
	width:310px;
	margin-left:20px;
}

.servant_table:after{
	content:" ";
	display:block;
	width:0;
	clear:both;
}


/********** column **********/

.text_box{
}

.column_block_2{
}


/********** glossary tsv **********/

.glossary{
	background:url(/img/guide/ggxrd/bg_ggxrd_glossary_body.gif) repeat-y right top;
	margin:10px 0;
	padding-bottom:1em;
	line-height: 140%;
}

.glossary > strong > span{
	color: #990000 !important;
	line-height: 140%;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0.5em;
}

.glossary > span{
	color:#444!important;
}

.glossary > span,
.glossary > strong > span{
	display:inline-block;
	width:410px;
}

.glossary > span:after{
	content:" ";
	display:block;
	height:0;
	clear:both;
}

.guide_common_sp #fgContents2 .glossary h4{
	margin-bottom:20px;
}

.guide_common_sp .glossary{
	margin:40px 0 0;
}

.guide_common_sp .glossary > span,
.guide_common_sp .glossary > strong > span{
	width:350px;
	margin-left:10px;
}


/********** image **********/

.glossary .img_right_top,
.glossary .img_right_top img{
	width:210px;
}

.glossary table.img_right_top,
#fgContents2 .glossary table.img_right_top{
	clear:both;
	margin:0px 6px 10px;
	background:#eee;
}

#fgContents2 .glossary table.img_right_top{
	margin:0px 3px 10px;
}

.glossary table.img_right_top td.cap{
	background:#eee;
}

.glossary_body .img_margin{
	padding:0 10px;
}

#guide_contents .glossary_body .table_cap{
	float:right;
	padding:0 10px;
}

#guide_contents .glossary_body .table_cap table{
	border:0px;
}

#guide_contents .glossary_body .table_cap td{
	padding:0;
	border:0px;
	background:#eee;
}

.glossary_body .table_cap .img_margin{
	padding:0 0px;
}

span.tooltip{
	border-bottom:1px dotted #333;
}


/********** glossary table **********/

#guide_contents .glossary_tbl dl:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}

#guide_contents .glossary_tbl dl{
	font-size:85%;
	line-height:150%;
	margin-bottom:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	display:box;
	display:-ms-flexbox;
	display:-webkit-flexbox;
	display:-webkit-flex;
	display:flex;
}

#guide_contents .glossary_tbl dl:last-child{
	border-bottom:1px solid #ccc;
}

#guide_contents .glossary_tbl dt{
	width:150px;
	width:30%;
	margin:0;
	padding:5px;
	border:1px solid #ccc;
	border-bottom:none;
	background:#f0e0e0;
	box-sizing:border-box;
}

#guide_contents .glossary_tbl dd{
	width:477px;
	width:70%;
	margin:0;
	padding:5px;
	border:1px solid #ccc;
	border-left:none;
	border-bottom:none;
	background:#fff;
	box-sizing:border-box;
}


/********** copyright **********/

body.guide_top footer.guide_footer{
	margin-top:0px;
	border-top:none;
}

footer.guide_footer{
	border-top:1px solid #ccc;
	margin-bottom:0;
}

div.guide_footer{
	padding:0;
	width:690px;
	color:#999;
}

#game-footer p{
	margin:0;
}


/********** rireki **********/

.rireki{
}

.rireki ul.def{
	padding: 0em;
	margin: 0em;
	list-style: none;
}

#guide_contents .rireki ul.def li{
	list-style: disc;
	padding: 0 2em 0px 0px;
	margin: 0px 1em 5px 3em;
	font-size: 80%;
	line-height: 150%;
}


/********** sp **********/

.guide_common_sp .rireki{
}

.guide_common_sp .rireki ul.def{
	font-size: 90%;
	line-height: 140%;
	margin: 0 30px 1.5em;
}

.guide_common_sp .rireki ul.def li{
	list-style: disc;
	margin-left: 20px;
	margin-bottom: 0.5em;
}


/**************************************** top ****************************************/

body.guide_top #guide_contents:before,
body.guide_top #guide_contents:after{
	display:none;
}

body.guide_top #guide_contents{
	width:665px;
	padding:20px 17px 10px;
	margin-left:5px;
	margin-bottom:0px;
	background:rgba(0,0,0,0.5);
}

body.guide_top .sns_container{
	position:absolute;
	top:-26px;
	right:0px;
	min-width:100px;
}

body.guide_top #guide_contents .guide_article{
	padding-top:0px;
	padding-bottom:0px;
}

body.guide_top #guide_contents .guide_article > h2:first-child{
	display:none;
}


/******************** spotlight ********************/

.guide_common .spotlight{
	overflow:hidden;
	width:665px;
	height:530px;
	margin:0 auto;
	padding:0;
}

.guide_common .spotlight .area_001,
.guide_common .spotlight .area_002,
.guide_common .spotlight .area_003,
.guide_common .spotlight .area_005{
	overflow:hidden;
	margin:0;
	padding:0;
	position:relative;
	transform: skewX(-15deg) translate(10px) ;
	transform-origin: top right;
	-webkit-transform: skewX(-15deg) translate(10px) ;
	-webkit-transform-origin: top right;
}

.guide_common .spotlight .area_001{
	transform: skewX(-15deg) rotate3d(0,0,0,0deg);
	-webkit-transform: skewX(-15deg) rotate3d(0,0,0,0deg);
}


/********** a **********/

.guide_common .spotlight .area_001 a,
.guide_common .spotlight .area_002 a,
.guide_common .spotlight .area_003 a,
.guide_common .spotlight .area_004 a,
.guide_common .spotlight .area_005 a{
	display:block;
	overflow:hidden;
	opacity:1;
	transition:opacity 0.3s linear 0s;
	-webkit-transition:opacity 0.3s linear 0s;
}

.guide_common .spotlight .area_004{
	opacity:1;
	transition:opacity 0.3s linear 0s;
	-webkit-transition:opacity 0.3s linear 0s;
	cursor:pointer;
}

.guide_common .spotlight .area_004 .inner{
	display:block;
	overflow:hidden;
}

.guide_common .spotlight .area_001 a:hover,
.guide_common .spotlight .area_002 a:hover,
.guide_common .spotlight .area_002:hover,
.guide_common .spotlight .area_003 a:hover,
.guide_common .spotlight .area_004 a:hover,
.guide_common .spotlight .area_004:hover,
.guide_common .spotlight .area_005 a:hover{
	opacity:0.6;
	transition:opacity 0.3s linear 0s;
	-webkit-transition:opacity 0.3s linear 0s;
}

.guide_common .spotlight .area_001 a img,
.guide_common .spotlight .area_002 a img,
.guide_common .spotlight .area_002 .inner img,
.guide_common .spotlight .area_003 a img,
.guide_common .spotlight .area_004 a img,
.guide_common .spotlight .area_004 .inner img,
.guide_common .spotlight .area_005 a img{
	transform: skewX(15deg) rotate3d(0,0,0,0deg);
	-webkit-transform: skewX(15deg) rotate3d(0,0,0,0deg);
	transform-origin: top right;
	-webkit-transform-origin: top right;
}


/********** h **********/

.guide_common .spotlight .area_001 a h3,
.guide_common .spotlight .area_002 a h3,
.guide_common .spotlight .area_002 .inner h3,
.guide_common .spotlight .area_003 a h3,
.guide_common .spotlight .area_004 a h3,
.guide_common .spotlight .area_004 .inner h3,
.guide_common .spotlight .area_005 a h3{
	z-index:100;
	position:absolute;
	left:-80px;
	top:-80px;
	padding:10px 200px 10px 50px;
	line-height:120%;
	background:rgba(255,209,98,0.9);
	color:#000;
	font-size:110%;
	min-height:2.4em;

	display:flex;
	align-items: center;
	justify-content: center;

	display:-webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;

	box-shadow:inset 0px 0px 10px 0px #ffa900, 0px 0px 20px 0px #ff6c00;
	transform: skewX(15deg) rotate3d(0,0,1,-20deg);
	transform-origin: top right;
	-webkit-transform: skewX(15deg) rotate3d(0,0,1,-20deg);
	-webkit-transform-origin: top right;
}

.guide_common .spotlight .area_002 a h3,
.guide_common .spotlight .area_002 .inner h3{
	left:-90px;
	top:-70px;
	font-size:90%;
	line-height:120%;
	min-height:1.2em;
}

.guide_common .spotlight .area_003 a h3,
.guide_common .spotlight .area_004 a h3{
	line-height:240%;
}

.guide_common .spotlight .area_005 a h3{
	left:auto;
	top:auto;
	right:5px;
	bottom:30px;
	text-align:right;
	justify-content: flex-end;
	padding:10px 50px 10px 150px;
}

.guide_common .spotlight .area_002 a h3{
	left:-90px;
}

.guide_common .spotlight .area_003 a h3{
	left:-105px;
}


/********* area_001 **********/

.guide_common .spotlight .area_001{
	width:396px;
	height:260px;
}

.guide_common .spotlight .area_001 a img{
	width:600px;
	margin:-90px 0px 0px -40px;
}


/********* area_002 **********/

.guide_common .spotlight .area_002{
	position:relative;
	top:-270px;
	left:396px;
	width:292px;
	height:125px;
}

.guide_common .spotlight .area_002 img{
	width:380px;
	margin:-90px 0px 0px -95px;
}

.guide_common .spotlight .area_002 a{
	overflow:visible;
}


/********* area_003 **********/

.guide_common .spotlight .area_003{
	top:-270px;
	left:360px;
	width:365px;
	height:260px;
}

.guide_common .spotlight .area_003 a img{
	width:380px;
	margin:-105px 0px 0px -95px;
}


/********* area_004 **********/

.guide_common .spotlight .area_004{
	display:inline-block;
	position:relative;
	top:-400px;
	left:0px;
	width:325px;
	height:260px;
}

.guide_common .spotlight .area_004 .temp_inner:before{
	content:" ";
	z-index:300;
	position:absolute;
	left:50%;
	top:50%;
	margin:-32.5px 0px 0px -60px;
	width:100px;
	height:65px;
	background:url(/img/guide/ggxrd/button_ggxrdr_top_stream.png) no-repeat center center;
}

.guide_common .spotlight .area_004 .inner{
	overflow:hidden;
	margin:0 0 0 -10px;
	padding:0;
	position:relative;
	transform: skewX(-15deg) translate(10px) ;
	transform-origin: top right;
	-webkit-transform: skewX(-15deg) translate(10px) ;
	-webkit-transform-origin: top right;
	width:325px;
	height:260px;
}

.guide_common .spotlight .area_004 img{
	width:530px;
	margin:-20px 0px 0px -130px;
}

.guide_common .spotlight .area_004 p{
	z-index:300;
	position:absolute;
	left:0px;
	bottom:0;
	width:240px;
	padding:10px 10px 5px;
	font-size:70%;
	line-height:140%;
	color:#fff;
	text-shadow:
		0px 0px 1px #000, 

		1px 0px 1px #000, 
		-1px 0px 1px #000, 
		0px 1px 1px #000, 
		0px -1px 1px #000, 
		1px 1px 1px #000, 
		1px -1px 1px #000, 
		-1px 1px 1px #000, 
		-1px -1px 1px #000, 

		0px 0px 2px #000, 

		2px 0px 2px #000, 
		0px 2px 2px #000, 
		-2px 0px 2px #000, 
		0px -2px 2px #000, 

		0px 0px 3px #000, 
		0px 0px 4px #000, 
		0px 0px 5px #000, 
		0px 0px 6px #000, 
		0px 0px 7px #000, 
		0px 0px 8px #000, 
		0px 0px 9px #000;
}


/********* area_005 **********/

.guide_common .spotlight .area_005{
	top:-535px;
	left:290px;
	width:400px;
	height:125px;
}

.guide_common .spotlight .area_005 a img{
	width:480px;
	margin:-10px 0px 0px -50px;
}


/****************************** character ******************************/

.guide_common .character{
	overflow:hidden;
	position:relative;
	width:665px;
	min-height:1070px;
	margin:0;
	padding:0;
}

.guide_common .character li{
	overflow:hidden;
	position:absolute;
	width:125px;
	height:125px;
	background:url(/img/guide/ggxrd/bg_ggxrd_top_character.gif) repeat left top;
}

.guide_common .character li img{
	width:225px;
	margin-left:-45px;
}

.guide_common .character li.area_004 img{
	margin-top:-5px;
}

.guide_common .character li.area_006 img{
	margin-left:-60px;
}

.guide_common .character li.area_007 img{
	margin-left:-70px;
}

.guide_common .character li.area_008 img{
	margin-left:-60px;
}

.guide_common .character li.area_013 img{
	margin-top:-10px;
}

.guide_common .character li.area_014 img{
	margin-top:-5px;
}

.guide_common .character li.area_015 img{
	margin-left:-75px;
}

.guide_common .character li.area_016 img{
	margin-top:-10px;
}

.guide_common .character li.area_017 img{
	margin-top:-5px;
}

.guide_common .character li.area_018 img{
	margin-top:-5px;
}

.guide_common .character li.area_019 img{
	margin-top:-20px;
	margin-left:-50px;
}

.guide_common .character li.area_022 img{
	margin-top:-5px;
	margin-left:-60px;
}

.guide_common .character li.area_023 img{
	margin-top:-15px;
	margin-left:-55px;
}


/******************** a ********************/

.guide_common .character li a h3{
	z-index:100;
	position:absolute;
	bottom:0px;
	width:105px;
	height:28px;
	padding:5px 10px;
	font-size:11px;
	line-height:14px;
	text-align:center;
	background:#000;
	color:#ff0;
	display:flex;
	align-items: center;
	justify-content: center;

	padding:1px 10px;
	font-size:10px;
	line-height:13px;
	background:rgba(0,0,0,0.8);
}

.guide_common .character li a{
	display:block;
	overflow:hidden;
	opacity:1;
	transition:opacity 0.3s linear 0s;
	-webkit-transition:opacity 0.3s linear 0s;
}

.guide_common .character li a:hover{
	opacity:0.6;
	transition:opacity 0.3s linear 0s;
	-webkit-transition:opacity 0.3s linear 0s;
}


/******************** new ********************/

.guide_common .character li.area_024,
.guide_common .character li.area_025{
	background:url(/img/guide/ggxrd/rev2/bg_ggxrd_top_character_new.png) repeat left top;
}

.guide_common .character li.area_024 a h3,
.guide_common .character li.area_025 a h3{
	z-index:100;
	position:absolute;
	left:-70px;
	top:-105px;
	bottom:auto;
	width:300px;
	height:1em;
	padding:18px 120px 18px 55px;
	font-size:110%;
	text-align:left;
	line-height:100%;
	background:rgba(255,209,98,0.9);
	color:#000;

	display:block;
	box-shadow:inset 0px 0px 10px 0px #ffa900, 0px 0px 20px 0px #ff6c00;
	transform: rotate3d(0,0,1,-20deg);
	transform-origin: top right;
	-webkit-transform: rotate3d(0,0,1,-20deg);
	-webkit-transform-origin: top right;
}

/*
.guide_common .character li.area_025 a h3{
	left:auto;
	top:auto;
	right:-80px;
	bottom:60px;
	text-align:right;
	padding:18px 120px 18px 55px;
}
*/


/********** 024 **********/

.guide_common .character li.area_024{
	left:0px;
	top:810px;
	width:395px;
	height:260px;
}

.guide_common .character li.area_024 img{
	width:640px;
	margin:-20px 0px 0px -140px;
}


/****************************** Ver2 ******************************/

.guide_common .character.Ver2{
	min-height:1205px;
	min-height:945px;
}


/******************** position ********************/

/***** 1 *****/

.guide_common .character.Ver2 li.area_001{
	left:0px;
	top:0px;
}

.guide_common .character.Ver2 li.area_002{
	left:135px;
	top:0px;
}


/***** 2 *****/

.guide_common .character.Ver2 li.area_003{
	left:0px;
	top:135px;
}

.guide_common .character.Ver2 li.area_004{
	left:135px;
	top:135px;
}


/***** 3 *****/

.guide_common .character.Ver2 li.area_005{
	left:0px;
	top:270px;
}

.guide_common .character.Ver2 li.area_006{
	left:135px;
	top:270px;
}

.guide_common .character.Ver2 li.area_007{
	left:270px;
	top:270px;
}

.guide_common .character.Ver2 li.area_008{
	left:405px;
	top:270px;
}

.guide_common .character.Ver2 li.area_009{
	left:540px;
	top:270px;
}


/***** 4 *****/

.guide_common .character.Ver2 li.area_010{
	left:0px;
	top:405px;
}

.guide_common .character.Ver2 li.area_011{
	left:135px;
	top:405px;
}

.guide_common .character.Ver2 li.area_012{
	left:270px;
	top:405px;
}

.guide_common .character.Ver2 li.area_013{
	left:405px;
	top:405px;
}

.guide_common .character.Ver2 li.area_014{
	left:540px;
	top:405px;
}


/***** 5 *****/

.guide_common .character.Ver2 li.area_015{
	left:0px;
	top:540px;
}

.guide_common .character.Ver2 li.area_016{
	left:135px;
	top:540px;
}

.guide_common .character.Ver2 li.area_017{
	left:270px;
	top:540px;
}

.guide_common .character.Ver2 li.area_018{
	left:405px;
	top:540px;
}

.guide_common .character.Ver2 li.area_019{
	left:540px;
	top:540px;
}


/***** 6 *****/

.guide_common .character.Ver2 li.area_020{
	left:405px;
	top:675px;
}

.guide_common .character.Ver2 li.area_021{
	left:540px;
	top:675px;
}


/***** 7 *****/

.guide_common .character.Ver2 li.area_022{
	left:405px;
	top:810px;
}

.guide_common .character.Ver2 li.area_023{
	left:540px;
	top:810px;
}


/******************** new ********************/


/********** 024 **********/

.guide_common .character.Ver2 li.area_024{
	left:0px;
	top:675px;
	width:395px;
	height:260px;
}

.guide_common .character.Ver2 li.area_024 img{
	width:540px;
	margin:-30px 0px 0px -20px;
}


/********** 025 **********/

.guide_common .character.Ver2 li.area_025{
	display:block;
	left:270px;
	top:0px;
	width:395px;
	height:260px;
}

.guide_common .character.Ver2 li.area_025 img{
	width:530px;
	margin:-30px 0px 0px -45px;
}


/******************** animation ********************/

.guide_common .spotlight li h3,
.guide_common .spotlight li a h3,
.guide_common .character li.area_024 a h3,
.guide_common .character li.area_025 a h3{
	-moz-animation: link 1.5s ease-in-out 0s infinite alternate, light 1.5s ease-in-out 0s infinite alternate, font 1.5s ease-in-out 0s infinite alternate, font_2 1.5s ease-in-out 0s infinite alternate;
	-webkit-animation: link 1.5s ease-in-out 0s infinite alternate, light 1.5s ease-in-out 0s infinite alternate, font 1.5s ease-in-out 0s infinite alternate, font_2 1.5s ease-in-out 0s infinite alternate;
	-o-animation: link 1.5s ease-in-out 0s infinite alternate, light 1.5s ease-in-out 0s infinite alternate, font 1.5s ease-in-out 0s infinite alternate, font_2 1.5s ease-in-out 0s infinite alternate;
	-ms-animation: link 1.5s ease-in-out 0s infinite alternate, light 1.5s ease-in-out 0s infinite alternate, font 1.5s ease-in-out 0s infinite alternate, font_2 1.5s ease-in-out 0s infinite alternate;
}

@-moz-keyframes link{
0%	{background-color:rgba(255,209,98,0.9);}
25%	{background-color:rgba(255,229,118,0.9);}
50%	{background-color:rgba(255,255,158,0.9);}
75%	{background-color:rgba(255,229,118,0.9);}
100%	{background-color:rgba(255,209,98,0.9);}
}
@-webkit-keyframes link{
0%	{background-color:rgba(255,209,98,0.9);}
25%	{background-color:rgba(255,229,118,0.9);}
50%	{background-color:rgba(255,255,158,0.9);}
75%	{background-color:rgba(255,229,118,0.9);}
100%	{background-color:rgba(255,209,98,0.9);}
}
@-o-keyframes link{
0%	{background-color:rgba(255,209,98,0.9);}
25%	{background-color:rgba(255,229,118,0.9);}
50%	{background-color:rgba(255,255,158,0.9);}
75%	{background-color:rgba(255,229,118,0.9);}
100%	{background-color:rgba(255,209,98,0.9);}
}
@-ms-keyframes link{
0%	{background-color:rgba(255,209,98,0.9);}
25%	{background-color:rgba(255,229,118,0.9);}
50%	{background-color:rgba(255,255,158,0.9);}
75%	{background-color:rgba(255,229,118,0.9);}
100%	{background-color:rgba(255,209,98,0.9);}
}

@-moz-keyframes light{
0%	{box-shadow:inset 0px 0px 10px 0px #ffa900, 0px 0px 20px 0px #ff6c00;}
25%	{box-shadow:inset 0px 0px 10px 0px #ffbb00, 0px 0px 20px 0px #ff9900;}
50%	{box-shadow:inset 0px 0px 10px 0px #ffee00, 0px 0px 20px 0px #ffee00;}
75%	{box-shadow:inset 0px 0px 10px 0px #ffbb00, 0px 0px 20px 0px #ff9900;}
100%	{box-shadow:inset 0px 0px 10px 0px #ffa900, 0px 0px 20px 0px #ff6c00;}
}
@-webkit-keyframes light{
0%	{box-shadow:inset 0px 0px 10px 0px #ffa900, 0px 0px 20px 0px #ff6c00;}
25%	{box-shadow:inset 0px 0px 10px 0px #ffbb00, 0px 0px 20px 0px #ff9900;}
50%	{box-shadow:inset 0px 0px 10px 0px #ffee00, 0px 0px 20px 0px #ffee00;}
75%	{box-shadow:inset 0px 0px 10px 0px #ffbb00, 0px 0px 20px 0px #ff9900;}
100%	{box-shadow:inset 0px 0px 10px 0px #ffa900, 0px 0px 20px 0px #ff6c00;}
}
@-o-keyframes light{
0%	{box-shadow:inset 0px 0px 10px 0px #ffa900, 0px 0px 20px 0px #ff6c00;}
25%	{box-shadow:inset 0px 0px 10px 0px #ffbb00, 0px 0px 20px 0px #ff9900;}
50%	{box-shadow:inset 0px 0px 10px 0px #ffee00, 0px 0px 20px 0px #ffee00;}
75%	{box-shadow:inset 0px 0px 10px 0px #ffbb00, 0px 0px 20px 0px #ff9900;}
100%	{box-shadow:inset 0px 0px 10px 0px #ffa900, 0px 0px 20px 0px #ff6c00;}
}
@-ms-keyframes light{
0%	{box-shadow:inset 0px 0px 10px 0px #ffa900, 0px 0px 20px 0px #ff6c00;}
25%	{box-shadow:inset 0px 0px 10px 0px #ffbb00, 0px 0px 20px 0px #ff9900;}
50%	{box-shadow:inset 0px 0px 10px 0px #ffee00, 0px 0px 20px 0px #ffee00;}
75%	{box-shadow:inset 0px 0px 10px 0px #ffbb00, 0px 0px 20px 0px #ff9900;}
100%	{box-shadow:inset 0px 0px 10px 0px #ffa900, 0px 0px 20px 0px #ff6c00;}
}

@-moz-keyframes font{
0%	{color:#000;}
25%	{color:#111;}
50%	{color:#222;}
75%	{color:#111;}
100%	{color:#000;}
}
@-webkit-keyframes font{
0%	{color:#000;}
25%	{color:#111;}
50%	{color:#222;}
75%	{color:#111;}
100%	{color:#000;}
}
@-o-keyframes font{
0%	{color:#000;}
25%	{color:#111;}
50%	{color:#222;}
75%	{color:#111;}
100%	{color:#000;}
}
@-ms-keyframes font{
0%	{color:#000;}
25%	{color:#111;}
50%	{color:#222;}
75%	{color:#111;}
100%	{color:#000;}
}

@-moz-keyframes font_2{
0%	{text-shadow:none;}
25%	{text-shadow:none;}
50%	{text-shadow:0px 0px 10px #ff0;}
75%	{text-shadow:none;}
100%	{text-shadow:none;}
}
@-webkit-keyframes font_2{
0%	{text-shadow:0px 0px 10px #fa9;}
25%	{text-shadow:0px 0px 10px #fc0;}
50%	{text-shadow:0px 0px 10px #ff0;}
75%	{text-shadow:0px 0px 10px #fc0;}
100%	{text-shadow:0px 0px 10px #fa9;}
}
@-o-keyframes font_2{
0%	{text-shadow:none;}
25%	{text-shadow:none;}
50%	{text-shadow:0px 0px 10px #ff0;}
75%	{text-shadow:none;}
100%	{text-shadow:none;}
}
@-ms-keyframes font_2{
0%	{text-shadow:none;}
25%	{text-shadow:none;}
50%	{text-shadow:0px 0px 10px #ff0;}
75%	{text-shadow:none;}
100%	{text-shadow:none;}
}


/******************** h ********************/

body.guide_top #guide_contents h2{
	height:auto;
	margin:0.5em;
	margin-top:1.5em;
	font-size:130%;
	text-indent:25px;
	line-height:20px;
	background:url(/img/guide/ggxrd/bg_ggxrd_top_h2.png) no-repeat left center;
	color:#ff0;
}

body.guide_top #guide_contents h2:first-child{
	margin-top:0.5em;
}

body.guide_top #guide_contents h2:after{
	content:none;
}


/******************** p ********************/

.guide_common .top_information{
	margin:10px 0;
	padding:15px 0 20px;
	background-repeat:no-repeat;
	background-position:center top, center bottom;
	background-image:url(/img/guide/ggxrd/bg_ggxrd_top_textarea.gif), url(/img/guide/ggxrd/bg_ggxrd_top_textarea_bottom.gif);
}

.guide_common .top_information p{
	padding:0 2em;
	font-size:80%;
	line-height:150%;
	color:#eee;
}

.guide_common .top_information p.info_more{
	margin-top:1em;
	text-align:right;
	color:#ff0;
	padding-right:1em;
}

.guide_common .top_information p.info_more a{
	color:#ff0;
}

.guide_common .top_information a{
	color:#eee;
}

#guide_contents .top_information h4,
#fgContents2 .top_information h4{
	margin-top:1.5em;
	height:auto;
	width:auto;
	text-indent:25px;
	line-height:140%;
	background:none;
	color:#ff0;
}

#fgContents2 .top_information h4{
	color:#511;
	font-size:100%;
	text-indent:0px;
	padding:0px 20px;
	overflow: visible;
	white-space: normal;
	text-overflow: ellipsis;
}

#guide_contents .top_information h4:after,
#fgContents2 .top_information h4:after{
	content:none;
}


/******************** dl ul ********************/

#guide_contents .top_information li{
	list-style:disc;
	padding:0 2em 0px 0px;
	margin:0px 1em 5px 3em;
	font-size:80%;
	line-height:150%;
	color:#eee;
}

#guide_contents .top_information dl{
	margin-left:2em;
}

#guide_contents .top_information dl dt{
	display:inline-block;
	font-size:80%;
	line-height:150%;
	color:#eee;
}

#guide_contents .top_information dl dt:after{
	content:"：";
}

#guide_contents .top_information dl dd{
	display:inline-block;
}

#guide_contents .top_information dl li{
	padding:0;
	margin:0;
	display:inline-block;
	list-style:none;
}

#guide_contents .top_information dl li:after{
	content:" /";
}

#guide_contents .top_information dl li:last-child:after{
	content:none;
}


/******************** table ********************/

#guide_contents .top_information table{
	width:615px;
	margin:0 auto;
	font-size:80%;
	line-height:150%;
}

#guide_contents .top_information table th{
	width:130px !important;
	background:rgba(180,0,0,0.5);
	background:rgba(0,180,0,0.3);
}

#guide_contents .top_information table td{
	color:#eee;
	background:rgba(255,255,255,0.1);
	background:rgba(0,255,0,0.1);
}


/******************** article ********************/

body.guide_common .article_container,
body.guide_common .V2_article_container{
	clear:both;
	padding:0px 0px 5px;
	margin:0px 15px 5px;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
}

body.guide_common .guide_article > .article_container,
body.guide_common .guide_article > .V2_article_container{
	border:1px solid #ccc;
	border-radius:6px;
	background:#fff;
	padding:10px;
}

body.guide_common .article_index .article_container:last-of-type,
body.guide_common .article_index .V2_article_container:last-of-type{
	border-bottom:none;
}

body.guide_common #guide_contents .article_container h2,
body.guide_common #guide_contents .V2_article_container h2{
	font-size:100%;
	line-height:150%;
	background-position:6px 12px;
	text-indent:0;
	margin:0 0px 10px;
	padding:10px 15px 10px 30px;
	background-color:rgba(180,0,0,0.3);
	box-shadow:0px 2px 2px 2px rgba(0,0,0,0.5);
}

body.guide_common #guide_contents .article_container h2,
body.guide_common #guide_contents .V2_article_container h2{
	height:auto;
	margin:0 0 0.2em;
	padding:0 0 0 25px;
	font-size:100%;
	line-height:150%;
	background:url(/img/guide/ggxrd/bg_ggxrd_top_h2.png) no-repeat left 2px;
	color:#ff0;
	box-shadow:none;
	text-shadow:none;
}

body.guide_common #guide_contents .article_container h2:first-child,
body.guide_common #guide_contents .V2_article_container h2:first-child{
	margin-top:0.5em;
}

body.guide_common #guide_contents .article_container h2:after,
body.guide_common #guide_contents .V2_article_container h2:after{
	content:none;
}

body.guide_common .article_index .article_container + br,
body.guide_common .article_index .V2_article_container + br,
body.guide_common #guide_contents .article_container .V2_article_tag,
body.guide_common #guide_contents .V2_article_container .V2_article_tag,
body.guide_common #guide_contents .article_container .tag_list,
body.guide_common #guide_contents .V2_article_container .tag_list{
	display:none;
}

body.guide_common #guide_contents .article_container p,
body.guide_common #guide_contents .V2_article_container p{
	font-size:75%;
	line-height:140%;
	margin-left:25px;
}

body.guide_common #guide_contents .article_container span.timestamp,
body.guide_common #guide_contents .V2_article_container span.timestamp{
	display:block;
	font-size:75%;
	line-height:140%;
	text-align:right;
}


/********** top **********/

body.guide_top .top_article .article_container,
body.guide_top .top_article .V2_article_container{
	clear:both;
	padding:0px 0px 5px;
	margin:0px 15px 15px;
	background:rgba(255,255,255,0.1);
	background:url(/img/guide/ggxrd/bg_ggxrd_top_character.gif) repeat left top;
	background:rgba(55,55,55,0.6);
	box-shadow:inset 0px 0px 2px 1px rgba(0,0,0,1), inset 0px 0px 10px 4px rgba(0,0,0,0.1);
	overflow:hidden;
	border:none;
}

body.guide_top #guide_contents .article_container h2,
body.guide_top #guide_contents .V2_article_container h2{
	font-size:100%;
	line-height:150%;
	background-position:6px 12px;
	text-indent:0;
	margin:0 0px 10px;
	padding:10px 15px 10px 30px;
	background-color:rgba(180,0,0,0.3);
	box-shadow:0px 2px 2px 2px rgba(0,0,0,0.5);
	text-shadow: 1px 1px 0px #000000;
}

body.guide_top #guide_contents .article_container h2:first-child,
body.guide_top #guide_contents .V2_article_container h2:first-child{
	margin-top:0;
}

body.guide_top #guide_contents .article_container h2 a,
body.guide_top #guide_contents .V2_article_container h2 a{
	text-decoration:none;
	color:#eee;
}

body.guide_top #guide_contents .article_container h2 a:hover,
body.guide_top #guide_contents .V2_article_container h2 a:hover{
	text-decoration:underline;
}

body.guide_top #guide_contents .article_container p,
body.guide_top #guide_contents .V2_article_container p{
	font-size:70%;
	line-height:150%;
	margin:10px 0;
	padding:0 15px 0px 20px;
}

body.guide_top #guide_contents .article_container .timestamp,
body.guide_top #guide_contents .V2_article_container .timestamp,
body.guide_top #guide_contents .article_container .published_time,
body.guide_top #guide_contents .V2_article_container .published_time{
	font-size:60%;
	color:#999;
	padding-right:10px;
	text-align:right;
	display:block;
}

body.guide_top #guide_contents .article_container strong,
body.guide_top #guide_contents .V2_article_container strong{
	color:#fc0;
}

body.guide_top #guide_contents .article_container .img_right_top,
body.guide_top #guide_contents .V2_article_container .img_right_top{
	width:120px;
	height:90px;
	margin-left:10px;
	margin-right:10px;
}

.oneline_thumb .img_right_top,
.top_article .V2_article_tag,
.top_article .tag_list{
	display:none;
}


/****************************** framedata ******************************/

.table_draggable{
	height:100%;
	width:auto;
}

.LIST_SELECT select{
	margin-bottom:5px;
}


/********** table ***********/

#guide_contents .GGXRD_FRAMEDATA table,
.guide_common_sp .GGXRD_FRAMEDATA table{
//	table-layout:fixed;
	width:100%;
	font-size:75%;
	line-height:1.4;
	text-align:left;
	border:1px solid #ccc;
	border-collapse:collapse;
	background:#fff;

	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
}

#guide_contents .GGXRD_FRAMEDATA th,
#guide_contents .GGXRD_FRAMEDATA td,
.guide_common_sp .GGXRD_FRAMEDATA th,
.guide_common_sp .GGXRD_FRAMEDATA td{
	padding:4px;
	word-break:break-all !important;
	word-wrap:break-word !important;
	border:1px solid #400;
}

#guide_contents .GGXRD_FRAMEDATA td:first-child,
#guide_contents .GGXRD_FRAMEDATA td:first-child,
.guide_common_sp .GGXRD_FRAMEDATA td:first-child,
.guide_common_sp .GGXRD_FRAMEDATA td:first-child{
	font-weight:bold;
}

#guide_contents .GGXRD_FRAMEDATA tr:nth-child(2n) td,
#guide_contents .GGXRD_FRAMEDATA tr:nth-child(2n) td{
	background:#f3f3f3;
}


/********** width **********/

.GGXRD_FRAMEDATA th:nth-child(1){
	width:15%;
}

.GGXRD_FRAMEDATA th:nth-child(12),
.GGXRD_FRAMEDATA th:nth-child(13){
	width:10%;
}

.GGXRD_FRAMEDATA th{
	width:5%;
}


/********** selected **********/

.GGXRD_FRAMEDATA tr:nth-child(2n) td,
.GGXRD_FRAMEDATA tr:nth-child(2n) td{
	background:#f3f3f3 !important;
}

.table-type2_2 tr:nth-child(2n) td,
.table-type2_2 tr:nth-child(2n) td{
	background:#ffeecc !important;
}

.table-type2_3 tr:nth-child(2n) td,
.table-type2_3 tr:nth-child(2n) td{
	background:#ffeeee !important;
}

.table-type2_2 th:nth-child(9),
.table-type2_2 td:nth-child(9),
.table-type2_2 th:nth-child(10),
.table-type2_2 td:nth-child(10),
.table-type2_2 th:nth-child(13),
.table-type2_2 td:nth-child(13),
.table-type2_3 th:nth-child(2),
.table-type2_3 td:nth-child(2),
.table-type2_3 th:nth-child(3),
.table-type2_3 td:nth-child(3),
.table-type2_3 th:nth-child(4),
.table-type2_3 td:nth-child(4),
.table-type2_3 th:nth-child(5),
.table-type2_3 td:nth-child(5),
.table-type2_3 th:nth-child(6),
.table-type2_3 td:nth-child(6),
.table-type2_3 th:nth-child(7),
.table-type2_3 td:nth-child(7),
.table-type2_3 th:nth-child(13),
.table-type2_3 td:nth-child(13){
	display:none !important;
}


/********** hover **********/

#guide_contents .table_draggable tr:hover th,
#guide_contents .table_draggable tr:hover td{
	background:#ffff99 !important;
}

#guide_contents .table_draggable tr:first-child:hover th,
#guide_contents .table_draggable tr:first-child:hover td,
#guide_contents .table_draggable tr:last-child:hover th,
#guide_contents .table_draggable tr:last-child:hover td{
	background:#900 !important;
}


/******************** sp ********************/

.guide_common_sp .table_draggable{
	overflow:hidden;
	overflow-x:scroll;
	width: 100%;
	height:100%;
	background-color: #EFEFEF;

	-webkit-overflow-scrolling: touch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#fgContents2 .maintxt .GGXRD_FRAMEDATA table{
	width:300%;
	max-width:none;
}

#fgContents2 .maintxt .GGXRD_FRAMEDATA.table-type2_3 table{
	width:150%;
}

.guide_common_sp .GGXRD_FRAMEDATA table th,
.guide_common_sp .GGXRD_FRAMEDATA table td{
	padding:5px;
}

.guide_common_sp .LIST_SELECT select{
	font-size:80%;
	margin-bottom:10px;
}


/********** width **********/

.guide_common_sp .GGXRD_FRAMEDATA th:nth-child(1){
	width:15%;
}

.guide_common_sp .GGXRD_FRAMEDATA th:nth-child(12),
.guide_common_sp .GGXRD_FRAMEDATA th:nth-child(13){
	width:15%;
}

.guide_common_sp .GGXRD_FRAMEDATA th{
	width:5%;
}


/****************************** wide ******************************/

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


body.wide.guide_common section.content-body,
body.wide.guide_common #guide_contents{
	width:100%;
}

body.wide.guide_common aside.guide_sidemenu{
	box-sizing:content-box;
}

body.wide.guide_common #guide_contents{
	width:78%;
	-webkit-flex-grow:2;
	flex-grow:2;
}

body.wide.guide_common section.content-body{
	background-image:url(/img/guide/ggxrd/bg_ggxrd_main-content_repeat.png);
	background-repeat:repeat;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

body.wide.guide_common #guide_contents{
	background-image:
		url(/img/guide/ggxrd/bg_ggxrd_inner_left.png),
		url(/img/guide/ggxrd/bg_ggxrd_inner_right.png),
		url(/img/guide/ggxrd/bg_ggxrd_inner_repeat.png);
	background-repeat:repeat-y, repeat-y, repeat;
	background-clip:border-box, border-box, content-box;
	background-position:left, right, center;
	padding:0px 7px;
	margin:20px 10px 0;
}

body.wide.guide_common section.content-body:after{
	width:100%;
	background-image:url(/img/guide/ggxrd/bg_ggxrd_bottom_repeat.png);
	background-repeat:repeat-x;
}

body.wide.guide_common article.guide_article{
	padding: 25px 23px 25px;
}

body.wide.guide_common footer.guide_footer{
	text-align:center;
}

body.wide.guide_common div.guide_footer{
	width:auto;
}


/********** top/bottom **********/

body.wide.guide_common #guide_contents:before{
	width:96%;
	padding:0px 2%;
	margin-left:-2px;
	background-image:
		url(/img/guide/ggxrd/bg_ggxrd_inner_top_left.png),
		url(/img/guide/ggxrd/bg_ggxrd_inner_top_right.png),
		url(/img/guide/ggxrd/bg_ggxrd_inner_top_repeat.png);
	background-repeat:no-repeat, no-repeat, repeat;
	background-clip:border-box, border-box, content-box;
	background-position:left, right, center;
}

body.wide.guide_common #guide_contents:after{
	width:96%;
	padding:0px 2%;
	margin-left:-2px;
	background-image:
		url(/img/guide/ggxrd/bg_ggxrd_inner_bottom_left.png),
		url(/img/guide/ggxrd/bg_ggxrd_inner_bottom_right.png),
		url(/img/guide/ggxrd/bg_ggxrd_inner_bottom_repeat.png);
	background-repeat:no-repeat, no-repeat, repeat;
	background-clip:border-box, border-box, content-box;
	background-position:left, right, center;
	bottom:-13px;
}


/********** h1 **********/

body.wide.guide_common #guide_contents h1{
	width:auto;
	margin:10px 20px 20px;
	background-image:
		url(/img/guide/ggxrd/bg_heading_1_left.png),
		url(/img/guide/ggxrd/bg_heading_1_right.png),
		url(/img/guide/ggxrd/bg_heading_1_repeat.png);
	background-repeat:no-repeat, no-repeat, repeat;
	background-position:left bottom, right bottom, left bottom;
	box-sizing:border-box;
}

body.wide.guide_common #guide_contents h1:after{
	content:none;
}


/********** h2 **********/

body.wide.guide_common #guide_contents h2{
	background-image:
		url(/img/guide/ggxrd/bg_heading_2_left.png),
		url(/img/guide/ggxrd/bg_heading_2_right.png),
		url(/img/guide/ggxrd/bg_heading_2_repeat.png);
	background-repeat:no-repeat, no-repeat, repeat;
	background-position:left top, right top, left top;
}

body.wide.guide_common #guide_contents h2:after{
	display:none;
}


/********** h3 **********/

body.wide.guide_common #guide_contents h4{
	background-image:
		url(/img/guide/ggxrd/bg_heading_3_left.png),
		url(/img/guide/ggxrd/bg_heading_3_right.png),
		url(/img/guide/ggxrd/bg_heading_3_repeat.png);
	background-repeat:no-repeat, no-repeat, repeat;
	background-position:left top, right top, left top;
}

body.wide.guide_common #guide_contents h4:after{
	display:none;
}

body.wide.guide_common #guide_contents .column_block h4{
	background:none;
}


/********** inner **********/

body.wide.guide_common .content-body .finding{
	width:100%;
	background-image:url(/img/guide/ggxrd/bg_ggxrd_topic-path_repeat.png);
	background-repeat:repeat-x;
}

body.wide.guide_common .content-body > .finding p.catname{
	display:none;
}

body.wide.guide_common .sns_container{
	margin-right:25px;
}

}


/****************************** footer ******************************/

#footer,
#footer-inner{
	background:#ffffff;
	box-shadow:none;
}








/**************************************** SP ****************************************/

.guide_common_sp .maintxt{
	position:relative;
	background:#F2F2F2;
}

.top_ad{
	padding:10px 0 0;
	border:none;
	background:#F2F2F2;
}

.top_ad.bottom_ad{
	padding-bottom:20px;
}


/********** common **********/

#fgContents2 .maintxt table,
#fgContents2 .character_img,
#fgContents2 .character_img td,
#fgContents2 .maintxt table.img_center{
	max-width:580px;
	margin-left:auto;
	margin-right:auto;
}

#fgContents2 .character_img td img,
#fgContents2 .maintxt table.img_center img{
	width:100% !important;
}


/********** popup **********/

.guide_common_sp .popup_container .REFERENCE_INNER,
.guide_common_sp .popup_container .LOADING,
.guide_common_sp .popup_container .ERROR{
	font-size:23px;
	line-height:150%;
	padding:20px;
	color:#eee;
	background:#000;
	border-color:#990000;
	background:url(/img/guide/ggxrd/SP_bg_ggxrdr_popup_menu.png) repeat left top rgba(0,0,0,0.8);
}


/********** header **********/

.guide_common_sp #fgContents2 .news_header{
	padding:0px;
	margin-bottom:0px;
	width:640px;
	background:#F2F2F2;
	border:none;
	box-shadow:none;
}

.guide_common_sp .catname_uptime{
	border: none;
	margin: 0 auto;
	padding: 0;
	text-indent: 10px;
	font-size:100%;
	font-weight:bold;
	background: url(/img/guide/ggxrd/bg_ggxrd_topic-path.png) no-repeat center top;
	position: relative;
	height: 50px;
	line-height: 55px;
	color: #ffffff;
	background-size:auto 50px;
}

.guide_common_sp .catname_uptime span + span{
	display:none;
}


/****************************** top ******************************/

.guide_top_sp .spotlight,
.guide_top_sp .top_information,
.guide_top_sp .character{
	padding:0;
	margin:0;
}

.guide_top_sp .top_information p{
	padding:0;
	font-size:100%;
	line-height: 150%;
	color:#444;
}

.guide_top_sp .spotlight img,
.guide_top_sp .top_information img,
.guide_top_sp .character img{
	max-width:600px;
}

/******************** spotlight ********************/

.guide_top_sp .spotlight{
//	text-align:center;
	margin-bottom:1.5em;
	letter-spacing: -.40em;
	width:600px;
	height:513px;
}

.guide_top_sp .spotlight li{
	position:relative;
	overflow:hidden;
	display:inline-block;
	letter-spacing: normal;
	float:left;
}


/********** container **********/

.guide_top_sp .spotlight li.area_001,
.guide_top_sp .spotlight li.area_002{
	width:295px;
	height:295px;
	margin-bottom:9px;
}

.guide_top_sp .spotlight li.area_003,
.guide_top_sp .spotlight li.area_004,
.guide_top_sp .spotlight li.area_005{
	width:194px;
	height:194px;
}

.guide_top_sp .spotlight li.area_001{
	margin-right:9px;
}

.guide_top_sp .spotlight li.area_004{
	margin:0 9px;
}

.guide_top_sp .spotlight .area_004:before{
	content:" ";
	z-index:300;
	position:absolute;
	left:97px;
	top:115px;
	width:100px;
	height:65px;

	left:45px;
	top:10px;
	width:100px;
	height:95px;
	background:url(/img/guide/ggxrd/button_ggxrdr_top_stream.png) no-repeat center center;
	background-size:contain;
}

.SP_MOVIE{
	display:none !important;
}

.guide_top_sp .SP_MOVIE{
	display:block !important;
	position:absolute;
	z-index:400;
	left:0;
	top:0;
	width:194px;
	height:194px;
}


/********** img **********/

.guide_top_sp .spotlight li.area_001 img{
	width:400px;
	max-width:none;
}

.guide_top_sp .spotlight li.area_002 img{
	width:550px;
	margin:-70px 0px 0px -130px;
	max-width:none;
}

.guide_top_sp .spotlight li.area_003 img{
	width:295px;
	max-width:none;
	margin-top:-110px;
	margin-left:-60px;
}

.guide_top_sp .spotlight li.area_004 img{
	width:194px;
	max-width:none;

	width:280px;
	margin-top:-20px;
	margin-left:-50px;
}

.guide_top_sp .spotlight li.area_005 img{
	width:600px;
	margin-left:-320px;
	max-width:none;
}


/********** text **********/

.guide_top_sp .spotlight li h3{
	position:absolute;
	bottom:0px;
	width:100%;
	height:3.8em;
	padding:0 0.3em;
	font-size:0.7em;
	line-height:1.4em;
	background:rgba(0,0,0,0.9);
	background:rgba(0,0,0,1);
	color:#fff;
	box-sizing:border-box;
	text-align:center;

	display:flex;
	align-items: center;
	justify-content: center;

	display:-webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
}

.guide_top_sp .spotlight li p{
	display:none;
}


/********** character **********/

.guide_top_sp .character:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}

.guide_top_sp .character{
//	text-align:center;
	margin-bottom:1.5em;
}

.guide_top_sp .character li{
	position:relative;
	width:194px;
	height:194px;
	overflow:hidden;
	display:inline-block;
	float:left;
	margin-bottom:9px;
}

.guide_top_sp .character li:nth-child(3n-1){
	margin-left:9px;
	margin-right:9px;
}

.guide_top_sp .character li h3{
	position:absolute;
	bottom:0px;
	width:100%;
	height:3em;
	padding:0 0.3em;
	font-size:0.6em;
	line-height:1.2em;
	background:rgba(0,0,0,0.9);
	color:#fff;
	box-sizing:border-box;
	text-align:center;

	display:flex;
	align-items: center;
	justify-content: center;

	display:-webkit-flex;
	-webkit-align-items: center;
	-webkit-justify-content: center;
}

.guide_top_sp .character li img{
	max-width:195px;
}

.guide_top_sp .character li.area_024 img{
	margin-left:15px;
}

.guide_top_sp .character li{
	background:url(/img/guide/ggxrd/bg_ggxrd_top_character.gif) repeat left top;
}

.guide_top_sp .character li.area_024,
.guide_top_sp .character li.area_025{
	background:url(/img/guide/ggxrd/rev2/bg_ggxrd_top_character_new.png) repeat left top;
}


/********** information **********/

.guide_top_sp .top_information{
	margin-bottom:1.5em;
}

.guide_top_sp .top_information:last-child{
	margin-bottom:0;
}

.guide_top_sp .top_information p{
	margin:0 20px;
}

.guide_top_sp .top_information .info_more{
	font-size:80%;
	text-align:right;
	margin:10px 20px 0px 0px;
}


/********** ul **********/

.guide_top_sp .top_information ul,
.guide_top_sp .top_information li{
	padding:0;
	margin:0;
}

.guide_top_sp .top_information > ul{
	font-size:90%;
	line-height:140%;
	margin:0 30px 1.5em;
}

.guide_top_sp .top_information > ul > li{
	list-style:disc;
	margin-left:20px;
	margin-bottom:0.5em;
}


/********** news **********/

.guide_top_sp #fgContents2 .article_container,
.guide_top_sp #fgContents2 .V2_article_container,
.guide_common_sp #fgContents2 .article_container,
.guide_common_sp #fgContents2 .V2_article_container{
	width:auto;
	margin:0 10px;
	box-sizing:border-box;
}

.guide_common_sp #fgContents2 .maintxt > .article_container,
.guide_common_sp #fgContents2 .maintxt > .V2_article_container{
	border:1px solid #ccc;
	background-color:#fff;
	border-radius:6px;
}

.guide_top_sp #fgContents2 .article_container:after,
.guide_top_sp #fgContents2 .V2_article_container:after,
.guide_common_sp #fgContents2 .article_container:after,
.guide_common_sp #fgContents2 .V2_article_container:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}

.guide_top_sp #fgContents2 .article_container h2 a,
.guide_top_sp #fgContents2 .V2_article_container h2 a,
.guide_common_sp #fgContents2 .article_container h2 a,
.guide_common_sp #fgContents2 .V2_article_container h2 a{
	text-decoration:none;
}

.guide_top_sp #fgContents2 .article_container h2:after,
.guide_top_sp #fgContents2 .V2_article_container h2:after,
.guide_common_sp #fgContents2 .article_container h2:after,
.guide_common_sp #fgContents2 .V2_article_container h2:after{
	content:none;
}

.guide_common_sp .article_container .tag_list,
.guide_common_sp .V2_article_container .tag_list,
.guide_common_sp .article_container .V2_article_tag,
.guide_common_sp .V2_article_container .V2_article_tag,
.guide_top_sp .article_container p,
.guide_top_sp .V2_article_container p,
.guide_common_sp .article_container p,
.guide_common_sp .V2_article_container p,
.guide_common_sp #fgContents2 .article_index .article_container + br,
.guide_common_sp #fgContents2 .article_index .V2_article_container + br{
	display:none;
}

.guide_top_sp #fgContents2 .article_container h2,
.guide_top_sp #fgContents2 .V2_article_container h2,
.guide_common_sp #fgContents2 .article_container h2,
.guide_common_sp #fgContents2 .V2_article_container h2{
	overflow:hidden;
	float:right;
	width:340px;
	padding-right:30px;
	height:auto;
	text-indent:0;
	text-align:left;
	font-size:100%;
	line-height:130%;
	background:none;
	text-shadow:none;
}

.guide_top_sp #fgContents2 .article_container.oneline h2,
.guide_top_sp #fgContents2 .V2_article_container.oneline h2,
.guide_common_sp #fgContents2 .article_container.oneline h2,
.guide_common_sp #fgContents2 .V2_article_container.oneline h2{
	float:none;
	width:auto;
}


/********** table **********/

.guide_top_sp #fgContents2 .maintxt table{
	margin:0 20px 1.5em;
	font-size:70%;
	line-height:150%;
	background:#900;
	background:#262;
}

.guide_top_sp #fgContents2 .maintxt table th{
	width:130px !important;
	background:#600;
	background:#141;
	color:#eee;
	padding:10px;
	width:60px;
}

.guide_top_sp #fgContents2 .maintxt table td{
	color:#eee;
	background:#222;
	padding:10px;
}

.guide_top_sp #fgContents2 .maintxt table a{
	color:#fff;
}


/********** dl **********/

.guide_top_sp #fgContents2 .maintxt dl{
	font-size:80%;
	line-height:140%;
	margin:0 20px 0.5em;
}

.guide_top_sp #fgContents2 .maintxt dl dd{
	margin-left:1em;
}

.guide_top_sp #fgContents2 .maintxt dl li{
	display:inline-block;
}

.guide_top_sp #fgContents2 .maintxt dl li:after{
	content:" /";
}

.guide_top_sp #fgContents2 .maintxt dl li:last-child:after{
	content:none;
}


/****************************** article ******************************/

.guide_common_sp .table_skill td .fdata{
	position:static;
	line-height:140%;
	width:170px;
	margin:0 auto;
	padding:5px;
}


/******************** guide menu ********************/

#fgContents1 .guide_menu_2{
}

#fgContents1 .guide_menu_2 h2{
	font-size: 28px;
	line-height: 60px;
	text-align: center;
	text-shadow: -1px -1px 0 #000000;
	color: #ffffff;
	background: -moz-linear-gradient(top, #414655, #0e1322);
	background: -webkit-gradient(linear, left top, left bottom, from(#414655), to(#0e1322));
}

#fgContents1 .guide_menu_2 h4{
	font-size: 28px;
	line-height: 60px;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	background: -moz-linear-gradient(top, #eee, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
}

#fgContents1 .guide_menu_2 ul{
	font-size:26px;
}

#fgContents1 .guide_menu_2 li{
	padding: 20px 20px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #9a9a9a;
	background: url(/image/V3/SP_bg_article_container.png) no-repeat right center transparent;
}

#fgContents1 .guide_menu_2 h4 a,
#fgContents1 .guide_menu_2 li a{
	text-decoration: none;
	color: #000000;
}


/********** table **********/

.guide_common_sp .table_skill{
	border-collapse:collapse;
}


/*********** other **********/

.guide_common_sp .bread_crumb{
	display:none;
}

.guide_common_sp .guide_menu_2{
	display:none;
}

.guide_common_sp div.guide_footer{
	width:100%;
}

.guide_common_sp footer.guide_footer{
	border-top:none;
	background:#F2F2F2;
	padding:20px 0;
}

.guide_common_sp .news_contents + #MEDIANEWS_box{
	margin-top:0;
	box-shadow:none;
	margin-bottom:0;
	display:none;
}

.guide_common_sp footer{
	margin-top:0px;
}

.guide_common_sp .Twitter_header,
.guide_common_sp #TWITTER_frame{
	display:none;
}


/********** temp **********/

.box_1{
	width:auto;
}

.box_3 a{
	background:none;
}

#fgContents2 table span.stick.command img{
	width:auto !important;
}


/****************************** OVERLAY_POPUP ******************************/

#OVERLAY_POPUP{
	z-index:500;
}

#OVERLAY_POPUP .filter_sp,
#OVERLAY_POPUP .filter_open{
	display:none;
	position:fixed;
	top:0;
	width:590px;
	height:100%;
	z-index:500;
	padding:0 25px;
	overflow:hidden;
	overflow-y:scroll;
	background:#eeeeee;
	background:#2C1A1A;
	-webkit-overflow-scrolling:touch;
	background:url(/img/guide/ggxrd/SP_bg_ggxrdr_popup_menu.png) repeat left top rgba(66,0,0,0.7);
}

#OVERLAY_POPUP .filter_sp{
	transform:translate3d(0);
	-moz-transition: all 0.3s ease;
	-moz-transform:translate3d(0,200%,0);
	-webkit-transition: all 0.3s ease;
	-webkit-transform:translate3d(0,200%,0);
}

#OVERLAY_POPUP .filter_open{
	display:block;
	transform:translate3d(0);
	-moz-transition: all 0.3s ease;
	-moz-transform:translate3d(0,0,0);
	-webkit-transition: all 0.3s ease;
	-webkit-transform:translate3d(0,0,0);
}

#OVERLAY_POPUP .filter_block{
	display:block;
}


/********** close **********/

.filter_close,
.filter_close_bg{
	display:none;
}

#OVERLAY_POPUP .filter_close{
	position:relative;
	z-index:500;
	display:block;
	cursor:pointer;
	width:35px;
	height:35px;
	margin:10px 0px 0px auto;
	padding:10px;
	font-size:25px;
	font-weight:bold;
	line-height:35px;
	text-align:center;
	background:#622;
	color:#eee;
	box-shadow:inset 0px 0px 0px 1px #660;
}


/******************** OVERLAY_POPUPFIXED ********************/

#OVERLAY_POPUPFIXED{
	display:block;
}

.guide_fixed_menu{
	display: block;
	z-index: 400;
	position: fixed;
	right: 30px;
	bottom: 100px;
	width: 70px;
	height: 70px;
	line-height:70px;
	background:rgba(99,0,0,0.8);
	background:url(/img/guide/ggxrd/SP_bg_ggxrdr_popup_menu.png) repeat left top rgba(66,0,0,0.7);
	text-align:center;
	color:#fff;
	border-radius:6px;
	border:4px solid #C7BBAC;
	box-shadow:0px 0px 1px 1px rgba(0,0,0,0.8) ,inset 0px 0px 0px 4px rgba(0,0,0,0.8);
	font-family:Arial;
	font-weight:bold;
}

.guide_fixed_menu img{
	width: 60px;
	height: 60px;
	display:block;
	padding:5px;
}