/*
-----------------------------------------------
GXTH Base Layout Style Sheet
Author:  Conure
Version: 15 Oct. 2011
-----------------------------------------------
RESET
LAYOUT
	GlobalHeader
	Content
	Footer
	Clear, Hidden, and for Accessibility
COLORLING
	Links
	ClassColor
NAVI
HEADINGS STYLE
TEXT STYLE
PAGE STYLE
	Home
	Info
	Intro
	System
	Support
	Special
----------------------------------------------- */

/* --------------------------------------------
   =RESET
----------------------------------------------- */
html {
	color:#222;
	background:#7f1317;
	}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td {
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
th,td {
	vertical-align:top;
	font-weight:normal;
	}
fieldset,img {border:0;}
img, object {vertical-align:bottom;}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
	}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}
q:before,q:after {content:'';}
a {text-decoration:none;}
abbr,acronym {border:0; font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

/* --------------------------------------------
   =LAYOUT
----------------------------------------------- */
body {
	background:#1e1e1e;
	font:10px/1 'Lucida Grande','Trebuchet MS','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',Geneva,Arial,Verdana,sans-serif;
	/*font:10px/1 'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;*/
	color:#222;
}
/* Opera 9
;;body {
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-selif;
	} */

#ghwrap,#f-wrap {
	clear:both;
	width:100%;
	color:#fff;
	}
#ghwrap {
	background-color:#000;
	}
#f-wrap {
	background:#7f1317 url(/xth/lib/i/bg_footer.gif) left top repeat-x;
	padding:1em 0 2em; /* T:10px B:20px RL:0 */
	}
#globalheader,#footer {
	width:94em;
	min-width:940px;
	margin:0 auto;
	}
#globalheader {
	width:73em;
	min-width:730px;
	min-height:7em; /* h:70px */
	padding-right:210px;
}

#container {
	clear:both;
	position:relative;
	min-height:30em;
	width:94em;
	min-width:940px;
	margin:0 auto;
	padding:8em 2em 2em; /* 20px */
	}

/* =GlobalHeader
----------------------------------------------- */
/*  =Global  */
ul#corp-link {
	float:left;
	margin:5px 0;
}
.mb8 {
	margin-bottom:8px;
}
/*
#ci {
	float:left;
	display:block;
	height:32px;
	width:154px;
	margin:.4em 0;
	background:url(/xth/lib/i/ci_color.gif) no-repeat;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
	}
#link2blog {
	float:left;
	display:block;
	height:30px;
	width:180px;
	margin:5px 0 0 5px;
	outline:none;
	overflow:hidden;
}
*/
#gxthTopBanner { float:left; margin:0 0 0 30px; }
/* =Content
----------------------------------------------- */
#content {
	position:relative;
	}
#infoheader,#introheader,#sysheader,#spheader,#dlheader,#supportheader,#campaignheader {
	position:relative;
	min-height:3em; /* 30px */
	margin-bottom:1em;
	padding:0;
	}
#supportheader {
	margin-bottom:2em;
	}

#main,
#main2,
#main3 {
	position:relative;
	min-height:10em;
	width:94em;
	min-width:940px;
	background:url(/xth/lib/i/bg_main.gif) repeat-y;
}
#system #main2,
#system #main3 {
	height:4em;
	min-height:40px;
	width:91em;
	min-width:910px;
	padding:0 1em 0 2em;
	background:url(/xth/lib/i/bg_commic_link_div.png) left center no-repeat;
}

#info .col1 #main,
#campaign .col1 #main {
	width:67.9em;
	min-width:679px;
	padding:1em 1px 0 2em;
	background:url(/xth/lib/i/bg_main_w700.gif) repeat-y;
}
#campaign .col1 #main {
	width:66em;
	min-width:660px;
	padding:1em 2em;
}
#special #main {
	padding-top:1em;
}
#download #main {
	background:url(/xth/lib/i/bg_main_3col.gif) repeat-y;
}
#maincap-top,#maincap-bottom,
#maincap-top2,#maincap-bottom2,
#maincap-top3,#maincap-bottom3 {
	clear:both;
	height:1em;
	width:100%;
	min-height:10px;
	font-size:.1em;
	line-height:1;
	background:url(/xth/lib/i/bg_maintop.gif) no-repeat;
}
#maincap-bottom,
#maincap-bottom2,
#maincap-bottom3 {
	margin-bottom:10px;
	background:url(/xth/lib/i/bg_mainbottom.gif) no-repeat;
}
#info .col1 #maincap-top,
#campaign .col1 #maincap-top {
	background:url(/xth/lib/i/bg_maintop_w700.gif) no-repeat;
}
#info .col1 #maincap-bottom,
#campaign .col1 #maincap-bottom {
	background:url(/xth/lib/i/bg_mainbottom_w700.gif) no-repeat;
}
#download #maincap-bottom {
	background:url(/xth/lib/i/bg_main_3col_bottom.gif) no-repeat;
}

.bannercol {
	clear:both;
	position:relative;
	margin-bottom:3em; /* 30px */
}
.twocolumn {
	clear:both;
	position:relative;
}
.grid3col { overflow:hidden; }
.grid4col {}
.grid6col {}
#info .grid6col {
	border-top:#999 solid 1px;
}
#info #main2 .grid6col {
	border-top-width:0;
}
.col,.col1,.col2,.col3,.col4 {
	float:left;
	width:22em; /* 220px */
}
#game-banner-area .col {
	width:30em;
	min-width:300px;
	margin-right:2em;
}
.twocolumn .col1 {
	width:70em;
	min-width:700px;
}
.twocolumn .col2 {
	float:right;
}
.grid3col .col {
	width:292px;
	padding-left:2em;
}
.grid4col .col {
	width:210px;
	padding-left:2em;
}
.grid6col .col {
	width:135px;
	padding:1em 1em 0;
}
#info .grid6col .col {
	margin-bottom:-0.9em;
	border-right:#999 solid 1px;
}
#info #main2 .grid6col .col {
	margin:-0.9em 0;
	padding-top:1em;
}
#intro #main .col,
#system #main .col {
	width:28.7em;
	margin-left:2em;
	padding:2em 0 1em; 
}
.doublecol {
	width:59.4em;
	min-width:594px;
}
#download #main .col {
	width:30em;
	min-width:300px;
	margin-right:2em;
}
#download #main .gx1sp, #download #main .gx2sp, #download #main .gx3sp {
	background:url(/xth/lib/i/gx1_start_patch.gif) no-repeat;
}
#download #main .gx2sp {
	background:url(/xth/lib/i/gx2_start_patch.gif) no-repeat;
}
#download #main .gx3sp {
	background:url(/xth/lib/i/gx3_start_patch.gif) no-repeat;
}
#download .twocolumn .col1 .col {
	margin-right:2em;
	padding-bottom:2em;
}
#game-banner-area .lastcol,
#download #main .lastcol,
#download .twocolumn .col1 .lastcol {
	margin-right:0;
}

/* =Footer
----------------------------------------------- */
#footerlinks,#adarea {
	margin-bottom:2em; /* 20px */
	}
#footerlinks p {
	float:left;
	}
#adarea .bnnr-half {
	float:left;
	margin-right:.2em; /* 2px */
	}
#adarea img {
	margin-left:1px;
	}
p.copyright {
	line-height:1.5;
	}

#footerlinks ul.wrap {
	width:940px;
	padding-bottom:1em;
}
#footerlinks li.wrap {
	float:left;
	width:140px;
	padding-left:2em;
}
#footerlinks li.f-info {
	padding-left:0;
}
#footerlinks h3 {
	font-size:1.2em;
	line-height:1.5;
	margin-bottom:.5em;
	padding:0 1em;
	border:#f60;
	border-style:dotted solid;
	border-width:1px 0 1px 4px;
}
.f-link li {
	list-style:circle;
	margin:0 0 .5em 2em;
}
#shares-list {
	width:120px;
	margin:0 auto 1.6em;
}
#shares-list li {
	float:left;
	margin:0 10px;
}
.twlogblock {
	float: left;
	width: 440px;
	min-height: 173px;
	margin: 0 20px 20px 0;
	padding:9px;
	border: #f60 solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.twright {margin-right: 0;}
.twlogblock h3 {
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: .75em;
	padding: .2em .5em;
	background: #f60;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* =Clear, Hidden, and for Accessibility
----------------------------------------------- */
.clear {
	clear:both;
	}
.hiddenelements {
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
	}
#globalheader:after,
#footerlinks:after,
#adarea:after,
#infoheader:after,#introheader:after,#sysheader:after,#spheader:after,#dlheader:after,#supportheader:after,
#main:after,#main2:after,
.bannercol:after,.twocolumn:after,
.review-block:after, .review-hide-block:after,
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}


/* --------------------------------------------
   =COLORLING
----------------------------------------------- */
/* =Links
----------------------------------------------- */
a {
	color:#9cf;
	text-decoration:none;
	}
a:hover,a:focus,a:active {
	color:#f55;
	}

#globalheader a, #footer a {
	color:#fff;
	}
#globalheader a:hover, #globalheader a:focus,
#footer a:hover, #footer a:focus {
	color:#f55;
	}

/* =ClassColor
----------------------------------------------- */

/* --------------------------------------------
   =NAVI
----------------------------------------------- */
#nav {
	position:absolute;
	top:3em;
	}
/*** ESSENTIAL STYLES ***/
#nav ul {
	font-size:1.2em;
	line-height:1.0;
	}
#nav ul ul {
	position:absolute;
	top:-999em;
	width:12em; /* left offset of submenus need to match (see below) */
	font-size:1em;
	line-height:1.0;
	}
#nav ul ul li {
	width:11em;
	}
#nav ul li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
	}
#nav ul li {
	float:left;
	position:relative;
	}
#nav ul a {
	display:block;
	position:relative;
	}
#nav ul li:hover ul,
#nav ul li.sfHover ul {
	left:0;
	top:40px; /* match top ul list item height */
	z-index:99;
	}
#nav ul li:hover li ul,
#nav ul li.sfHover li ul {
	top:-999em;
	}
#nav ul li li:hover ul,
#nav ul li li.sfHover ul {
	left:12em; /* match ul width */
	top:0;
	}
#nav ul li li:hover li ul,
#nav ul li li.sfHover li ul {
	top:-999em;
	}
#nav ul li li li:hover ul,
#nav ul li li li.sfHover ul {
	left:12em; /* match ul width */
	top:0;
	}
/*** DESIGN SKIN ***/
#nav ul {
	float:			left;
	margin-bottom:	1em;
}
#nav ul li.gotohome {
	height:40px;
	width:220px;
	}
#nav ul li.gotoinfo,
#nav ul li.gotointro,
#nav ul li.gotosys,
#nav ul li.gotosp,
#nav ul li.gotodl,
#nav ul li.gotoreview,
#nav ul li.gotosupport {
	height:40px;
	width:144px;
	}
/*
#nav ul li.fansite {
	height:40px;
	width:102px;
	}
 */
#nav ul li.gotohome a,
#nav ul li.gotoinfo a,
#nav ul li.gotointro a,
#nav ul li.gotosys a,
#nav ul li.gotosp a,
#nav ul li.gotodl a,
#nav ul li.gotoreview a,
#nav ul li.gotosupport a,
#nav ul li.fansite a {
	display:block;
	height:100%;
	width:100%;
	background:url(/xth/lib/i/nav.png) no-repeat;
	outline:none;
	overflow:hidden;
	text-indent:-9999px;
	}
#nav ul li.gotoinfo a {
	background-position:-220px 0;
	}
#nav ul li.gotointro a {
	background-position:-364px 0;
	}
#nav ul li.gotosys a {
	background-position:-508px 0;
	}
#nav ul li.gotoreview a {
	background-position:-652px 0;
	}
/*
#nav ul li.gotosp a {
	background-position:-529px 0;
	}
#nav ul li.gotosupport a {
	background-position:-735px 0;
	}
#nav ul li.fansite a {
	background-position:-838px 0;
	}
 */
#nav ul li.gotodl a {
	background-position:-796px 0;
	}

#nav ul li.gotohome a:hover {
	background-position:0 -40px;
	}
#nav ul li.gotoinfo a:hover {
	background-position:-220px -40px;
	}
#nav ul li.gotointro a:hover {
	background-position:-364px -40px;
	}
#nav ul li.gotosys a:hover {
	background-position:-508px -40px;
	}
/*
#nav ul li.gotosp a:hover {
	background-position:-529px -40px;
	}
#nav ul li.gotosupport a:hover {
	background-position:-735px -40px;
	}
#nav ul li.fansite a:hover {
	background-position:-838px -40px;
	}
 */
#nav ul li.gotoreview a:hover {
	background-position:-652px -40px;
	}
#nav ul li.gotodl a:hover {
	background-position:-796px -40px;
	}


#nav ul li.gotoinfo li a,
#nav ul li.gotointro li a,
#nav ul li.gotosys li a,
#nav ul li.gotosp li a,
#nav ul li.gotoreview li a,
#nav ul li.gotodl li a {
	background-color:#000;
	border-left:1px solid #333;
	border-top:1px solid #444;
	background-image:none;
	text-indent:0;
	padding:.5em;
	width:11em;
	}
#nav ul a {
	color:#ccc;
	}
#nav ul a:hover {
	color:#f55;
	}
#nav ul li:hover, #nav ul li.sfHover,
#nav ul a:focus, #nav ul a:hover, #nav ul a:active
#nav ul li.gotoinfo li a:focus, #nav ul li.gotoinfo li a:hover,
#nav ul li.gotointro li a:focus, #nav ul li.gotointro li a:hover,
#nav ul li.gotosys li a:focus, #nav ul li.gotosys li a:hover,
#nav ul li.gotosp li a:focus, #nav ul li.gotosp li a:hover,
#nav ul li.gotoreview li a:focus, #nav ul li.gotoreview li a:hover,
#nav ul li.gotodl li a:focus, #nav ul li.gotodl li a:hover {
	background:#333;
	outline:0;
	}

/* --------------------------------------------
   =HEADINGS STYLE
----------------------------------------------- */

h1 a.replaced, h2 a.replaced {
	display:block;
	float:left;
	height:3em; /* 30px */
	width:35em; /* 350px */
	background:transparent url(/xth/lib/i/h2_replaced.png) no-repeat;
	overflow:hidden;
	outline:none;
	text-indent:-9999px;
}
#info h2 a.replaced {
	width:24em;
	background-position:0 0;
}
#intro h2 a.replaced {
	background-position:0 -30px;
}
#system h2 a.replaced {
	width:22em;
	background-position:0 -60px;
}
#special h1 a.replaced {
	width:28em;
	background-position:0 -90px;
}
#download h1 a.replaced {
	width:16em;
	background-position:0 -120px;
}
#support h1 a.replaced {
	width:12em;
	background-position:0 -150px;
}
#campaign h2 a.replaced {
	width:16em;
	background-position:0 -90px;
}
#review h2 a.replaced {
	width:12em;
	background-position:0 -180px;
}

.product-text h1 {
	margin-bottom:10px;
	font-size:1.6em;
	line-height:1.5;
	font-weight:bold;
}
.product-text h2 {
	margin-bottom:.5em;
	font-size:1.2em;
	line-height:1.5;
	font-weight:bold;
	border-bottom:#999 dotted 1px;
}
#campaign h1,
h1#campaign-h1 {
	height:2.6em;
	width:25.6em;
	min-height:26px;
	min-width:256px;
	margin-bottom:2em;
	background:url(/xth/lib/i/campaign/campaign_h1.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.grid3col h2 {
	margin-bottom:.5em;
	font-size:1.6em;
	line-height:1.2;
	font-weight:bold;
}
#info .grid6col .col h2 {
	font-size:1.2em;
	line-height:1.5;
	font-weight:bold;
}
#intro #main .col h2 {
	margin-bottom:.5em;
	font-size:1.6em;
	line-height:1.5;
	font-weight:bold;
}
#system #main .col h2,
#system #main2 h2,
#system #main3 h2 {
	font-size:2em;
	line-height:1.5;
	font-weight:bold;
}
#system #main2 h2,
#system #main3 h2 {
	float:left;
	line-height:2;
}

#gx1-trial-h2, #gx2-trial-h2, #gx3-trial-h2 {
	height:21em;
	width:30em;
	margin-bottom:2em;
	text-indent:-9999px;
	background:url(/xth/lib/i/gx1_trial_dl.jpg) no-repeat;
}
#gx2-trial-h2 {
	background:url(/xth/lib/i/gx2_trial_dl.jpg) no-repeat;
}
#gx3-trial-h2 {
	background:url(/xth/lib/i/gx3_trial_dl.jpg) no-repeat;
}
#download #main .gx1sp h2, #download #main .gx2sp h2, #download #main .gx3sp h2 {
	padding:18px 10px 10px 60px;
	font-size:1.6em;
	line-height:1.25;
	font-weight:bold;
}

.heading-bar {
	margin-bottom:.833em; /* 10px */
	padding-left:1em;
	font-size:1.2em; /* 12px */
	line-height:30px;
	font-weight:bold;
	color:#222;
	background:transparent url(/xth/lib/i/bg_bar.png) left top no-repeat;
}
.heading-bar span {
	display:block;
	background:transparent url(/xth/lib/i/bg_bar.png) right top no-repeat;
}

.heading-bar-with-list {
	margin-bottom:1.666em; /* 20px */
	padding-left:1em;
	font-size:1.2em; /* 12px */
	line-height:30px;
	color:#222;
	background:transparent url(/xth/lib/i/bg_bar.png) left top no-repeat;
}
.heading-bar-with-list h1,.heading-bar-with-list h2 {
	float:left;
	font-weight:bold;
}

.head-copy {
	font-size:1.6em;
	line-height:1.5; /* 24px */
	margin-bottom:19px;
	padding:8px 0 18px;
	color:#fff;
	font-weight:bold;
	border-bottom:#ccc solid 1px;
}

.exp-shop h3,.other-shop h3 {
	margin-bottom:1em;
	font-size:1.6em;
	line-height:1.5;
	font-weight:bold;
	color:#fff;
}
#download #main .col h3 {
	margin:10px 10px .25em;
	font-size:1.2em;
	line-height:1.5;
	font-weight:bold;
}

h4 {
	font-size:1.2em;
	line-height:1.5;
	font-weight:bold;
}
.exp-shop h4,
.other-shop h4 {
	margin:1em 0;
	color:#fff;
}
.exp-shop h4.border-bottom,
.other-shop h4 {
	margin-bottom:1.5em;
	padding-bottom:.5em;
	font-weight:normal;
	border-bottom:#ccc dotted 1px;
}
.exp-shop h4.border-bottom {
	font-weight:bold;
	font-size:1.4em;
	color:#fc0;
}

/* --------------------------------------------
   =TEXT STYLE
----------------------------------------------- */
p { line-height:1.5; }
.exp-shop p,.other-shop p, p.fff-text {
	margin-bottom:1em;
	font-size:1.2em;
	line-height:1.5;
	color:#fff;
}
.col p {
	font-size:1.2em;
}
.product-text p {
	margin-bottom:1em;
	font-size:1.2em;
}
#supportheader p {
	float:right;
	width:760px;
	font-size:1.2em;
	line-height:1.5;
	color:#fff;
}
.marginbottom1em { margin-bottom:1em; }

.banner {}
.bannercol .banner {
	float:left;
	margin-right:2em;
}
.bannercol .bannerR {
	margin-right:0;
}
.col2 .banner {
	margin-bottom:1em;
}
em { color:#f55; }

#download .twocolumn .col1 .col img {
	margin-bottom:1em;
}

.normal li {
	list-style:disc;
	margin-left:2em;
}
ol.normal li {
	list-style:decimal;
}
ul.links {
	float:right;
	}
ul.links li {
	display:inline;
	}
#globalheader ul.links {
	margin:26px 0 11px; /* TB:11px */
	}
#globalheader ul.links li {
	margin-left:1.5em;
	font-size:1.2em;
	line-height:1.5; /* 18px */
	}
#globalheader ul.links li a {
	padding-left:1.5em;
	background:url(/xth/lib/i/bg_links_bk.gif) left -13px no-repeat;
	}
#globalheader ul.links li a:hover {
	background-position:left -53px;
	}
#globalheader ul.links li#link-to-shop {
	padding-right:1.5em;
	background:url(/xth/lib/i/bg_shop_linklist.gif) right top no-repeat;
	}
#globalheader ul.links li#link-to-shop a {
	padding-left:2em;
	background:url(/xth/lib/i/bg_shop_linklist.gif) left top no-repeat;
	}
#globalheader ul.links li#link-to-shop a:hover {
	background-position:left top;
	}

#globalheader ul.links li#swfcontent {
	margin:0;
	padding:0;
	background:none;
	}


#footer ul.links {
	border-left:#ccc solid 1px;
	}
#footer ul.links li {
	line-height:1.5;
	margin-left:1em;
	padding-right:1em;
	border-right:#ccc solid 1px;
	}
.links-list {
	font-size:1.2em;
	line-height:1.5;
	margin:.5em 0;
}
.links-list li a {
	padding-right:1em;
	color:#39f;
	background:url(/xth/lib/i/bg_linklist.gif) right center no-repeat;
}
.links-list li.price {
	font-size:1.333em;
	line-height:1.5;
}

#intro #main .col ul li {
	font-size:1.2em;
	line-height:1.2;
	margin:0 0 .25em 1.5em;
	list-style:disc;
}

ul#info-nav, ul#dl-nav {
	float:right;
	margin:1.2em 0 0 0; /* T:9px */
	}
ul#info-nav li,ul#dl-nav li {
	display:inline;
	margin-left:2.8em;
	font-size:1.2em;
	line-height:1.5; /* 18px */	
}
#info ul#info-nav li {
	margin-left:1.8em;
}
#system ul#info-nav li {
	margin-left:.5em;
}
ul#info-nav li a, ul#dl-nav li a {
	padding-left:1.2em;
	color:#ccc;
}
ul#info-nav li a.current, ul#dl-nav li a.current {
	font-weight:bold;
	color:#fff;
	background:url(/xth/lib/i/bg_links_bk.gif) left -12px no-repeat;
}
ul#info-nav li a:hover,ul#info-nav li a.current:hover, ul#dl-nav li a:hover,ul#dl-nav li a.current:hover {
	color:#f55;
}

.heading-bar-with-list ul {
	float:right;
	width:551px;
	background:transparent url(/xth/lib/i/bg_bar.png) right top no-repeat;
}
.heading-bar-with-list ul li {
	float:left;
	height:30px;
	width:160px;
}
.heading-bar-with-list ul li a {
	display:block;
	height:100%;
	width:158px;
	color:#222;
	text-align:center;
	background:transparent url(/xth/lib/i/bg_bar.png) center top no-repeat;
	border-right:#666 solid 1px;
	border-left:#ddd solid 1px;
	outline:none;
	overflow:hidden;
}
.heading-bar-with-list ul li a.current {
	width:160px;
	cursor:default;
	background:transparent url(/xth/lib/i/bg_bar.png) center bottom no-repeat;
	border-right-width:0;
	border-left-width:0;
}
.heading-bar-with-list ul li a:hover {
	color:#f55;
}
#support .heading-bar-with-list ul li {
	width:130px;
}
#support .heading-bar-with-list ul li a {
	width:128px;
}
#support .heading-bar-with-list ul li a.current {
	width:130px;
}
ul.downloadbutton {}

#download .col ul.downloadbutton {
margin:0 1em;
}
#download .twocolumn .col1 .col ul.downloadbutton {
margin:0;
}
ul.downloadbutton li {
	clear:left;
	font-size:1.2em;
	line-height:2;
	margin-bottom:.5em;
}
#intro #main .col ul.downloadbutton li {
	font-size:1.2em;
	line-height:2;
	margin:1em 0 .5em;
	list-style:none;
}
ul.downloadbutton li a {
	display:block;
	height:100%;
	background:url(/xth/lib/i/bg_download_btn_right.gif) right top no-repeat;
	overflow:hidden;
	outline:none;
}
#download .twocolumn .col1 .col ul.downloadbutton li a {
	background:url(/xth/lib/i/bg_download_btn_right_bk.gif) right top no-repeat;
}
ul.downloadbutton li a strong {
	display:block;
	float:left;
	height:100%;
	width:9em;
	margin-right:.5em;
	text-indent:-9999px;
	background:url(/xth/lib/i/bg_download_btn_left.gif) left top no-repeat;
	cursor:pointer;
}
#download .twocolumn .col1 .col ul.downloadbutton li a strong {
	background:url(/xth/lib/i/bg_download_btn_left_bk.gif) left top no-repeat;
}
ul.downloadbutton li a i {
	font-style:normal;
	color:#39f;
}

ul.btn-single {
	
}
#col-monster ul.btn-single,
#gx1-head ul.btn-single,
#gx2-head ul.btn-single,
#gx3-head ul.btn-single {
	width:22em;
	margin-top:1em;
}
#col-chara ul.btn-single {
	width:22em;
	margin-left:2em;
	margin-bottom:2em;
}
ul.btn-single li {
	clear:left;
	font-size:1.2em;
	line-height:2;
	margin-bottom:.5em;
	padding-left:1.5em;
	background:url(/xth/lib/i/bg_btn.gif) left top no-repeat;
}
#intro #main .col ul.btn-single li {
	line-height:2;
	margin:1em 0 .5em;
	padding-left:1.5em;
	list-style:none;
	background:url(/xth/lib/i/bg_btn_wht.gif) left top no-repeat;
}
#system ul.btn-single li {
	background:url(/xth/lib/i/bg_btn_wht.gif) left top no-repeat;
}
#campaign ul.btn-single li {
	font-size:1em;
	line-height:2;
	width:14em;
	margin-top:.5em;
	background-image:url(/xth/lib/i/bg_btn_ef.gif);
}
#review-col ul.btn-single li,
#thnks-col ul.btn-single li,
.shopguide ul.btn-single li {
	background-image:url(/xth/lib/i/bg_btn_1e.gif);
}
ul.btn-single li a {
	display:block;
	height:100%;
	padding-right:1.5em;
	background:url(/xth/lib/i/bg_btn.gif) right top no-repeat;
	overflow:hidden;
	outline:none;
	color:#222;
}
#intro #main .col ul.btn-single li a,
#system ul.btn-single li a {
	background:url(/xth/lib/i/bg_btn_wht.gif) right top no-repeat;
}
#campaign ul.btn-single li a {
	background-image:url(/xth/lib/i/bg_btn_ef.gif);
}
#review-col ul.btn-single li a,
#thnks-col ul.btn-single li a,
.shopguide ul.btn-single li a {
	width:12em;
	background-image:url(/xth/lib/i/bg_btn_1e.gif);
}
.shopguide ul.btn-single li a {
	width:9em;
}
ul.btn-single li a:hover {
	color:#f60;
}

ul.btn-double {}
#col-code ul.btn-double {
	margin-top:1em;
	width:38em;
}
#gx1-head ul.btn-double,
#gx2-head ul.btn-double,
#gx3-head ul.btn-double {
	margin-top:1em;
	width:30em;
}
ul.btn-double li {
	float:left;
	font-size:1.2em;
	line-height:2;
	margin-bottom:.5em;
}
ul.btn-double li a {
	display:block;
	height:100%;
	width:100%;
	padding:0 1.5em;
	overflow:hidden;
	outline:none;
	color:#222;
}
#gx1-head ul.btn-double li a,
#gx2-head ul.btn-double li a,
#gx3-head ul.btn-double li a {
	padding:0 1em;
}
ul.btn-double li a:hover {
	color:#f60;
}
ul.btn-double li a#left {
	background:url(/xth/lib/i/bg_btn.gif) left top no-repeat;
}
ul.btn-double li a#right {
	background:url(/xth/lib/i/bg_btn.gif) right top no-repeat;
	border-left:#999 solid 1px;
}

.product-text ol {
	font-size:1.2em;
	line-height:1.5;
	}
.product-text ol li {
	margin-left:2em;
	list-style-type:decimal;
	}
#download #main .gx1sp ol,
#download #main .gx2sp ol,
#download #main .gx3sp ol {
	margin:0 1em 1em;
}
#download #main .gx1sp ol li,
#download #main .gx2sp ol li,
#download #main .gx3sp ol li {
	margin:0 0 .5em 2em;
	font-size:1.2em;
	line-height:1.25;
	list-style-type:decimal;
}
.other-shop ul {
}
.other-shop ul li {
	margin-bottom:1em;
	padding-top:10px;
	font-size:1.2em; /* 12px */
	line-height:2; /* 18px */
	background:url(/xth/lib/i/bg_othershop_list.png) left top no-repeat;
}
.other-shop ul li a {
	display:block;
	width:100%;
	height:100%;
	padding:0 10px 10px;
	background:url(/xth/lib/i/bg_othershop_list.png) left bottom no-repeat;
	color:#333;
}
.other-shop ul li a:hover {
	color:#f55;
}
.exp-shop dl,.other-shop dl {
	margin-bottom:.5em;
}
.exp-shop dt,.other-shop dt,.exp-shop dd,.other-shop dd {
	font-size:1.2em;
	line-height:1.5;
	color:#fff;
}
.exp-shop dd,.other-shop dd {
	margin-bottom:.5em;
	padding-left:1em;
}
#intro #main .col dl {
	margin-top:1em;
}
#intro #main .col dt,#intro #main .col dd {
	font-size:1em;
	line-height:1.5;
	margin:0 0 .25em;
}
#intro #main .col dd {
	margin-left:1em;
}
#intro #main .col .dsclmr-text {
	color:#333;
}

table.table-data, table.price-table {
	margin-bottom:.5em;
	font-size:1.2em;
	line-height:1.5;
	color:#fff;
}
table.table-data th,table.table-data td {
	padding:.5em;
	border:#ccc dotted;
	border-width:1px 0;
}
table.table-data th {
	text-align:right;
	padding-right:14px;
}
table.price-table th,table.price-table td {
	padding:.25em;
	border:#999 dotted;
	border-width:1px 0;
}
table.price-table th {
	border:#ccc solid;
	border-width:1px 0;
}
.no-wrap {
	white-space:nowrap;
}

.float-left {
	float:left;
}
.float-right {
	float:right;
}
img.float-left {
	margin-right:2em;
}
img.float-right {
	margin-left:2em;
}
p img.float-left {
	margin-right:1em;
}

.uppercase {
	text-transform:uppercase;
}
.no-text-transform {
	text-transform:none;
}

/*** ICONS ***/
.xthicon, .cricon, .cbicon, .chicon, .campaignicon {
	display:block;
	height:36px;
	width:36px;
	background:url(/xth/lib/i/series_icons.jpg) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	}
.xthicon {
	background-position:0 0;
	}
.cricon {
	background-position:-72px 0;
	}
.cbicon {
	background-position:-144px 0;
	}
.chicon {
	background-position:-216px 0;
	}
.campaignicon {
	background-position:288px 0;
	}
.dsclmr-text {
	padding-left:1em;
	text-indent:-1em;
	color:#ccc;
}
span.dsclmr-text {
	display:block;
}
.product-text .dsclmr-text {
	color:#f33;
}

/* --------------------------------------------
   =PAGE STYLE
----------------------------------------------- */
/* =Home
----------------------------------------------- */
/* Blanding-Area */
#blanding {
	width:940px;
	margin:1em 0;
	overflow:hidden;
}
#gallery {
	float:right;
	width:700px;
	overflow:hidden;
}
#slides {
	width:700px;
	height:280px;
	overflow:hidden;
}
.slide{
	float:left;
}
#menu {
	height:45px;
	width:698px;
	/* CSS3 Rounded Corners */
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	border:#111 solid;
	border-width:0 1px 1px;
	background:#333 url(/xth/lib/i/home/panel.jpg) center bottom no-repeat;
	text-align:center;
}
#menu ul{
	margin:0px;
	padding:0px;
}
#menu li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	height:45px;
	overflow:hidden;
}
#menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(/xth/lib/i/home/pic_bg.png) repeat;
}
#menu li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(/xth/lib/i/home/active_bg.png) no-repeat;
}
#menu li.act a{
	cursor:default;
}
#menu .fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(/xth/lib/i/home/divider.png) no-repeat center right;
}
#menu li a{
	display:block;
	background:url(/xth/lib/i/home/divider.png) no-repeat right;
	height:45px;
}
#menu a img{
	border:none;
}

#new-content-block {
	float:left;
	width:220px;
}
#new-content-block h2 {
	padding:6px 0;
	font-size:12px;
	line-height:1.5;
	color:#efefef;
	text-align:center;
	text-transform:uppercase;
	background:url(/xth/lib/i/home/bg_newcontent_head.png) no-repeat;
}
#new-content-block ul {
	padding:4px 9px 9px;
	/* CSS3 Rounded Corners */
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	border:#111 solid;
	border-width:0 1px 1px;
	background:#333;
}
#new-content-block li {
	height:90px;
	width:200px;
	margin-top:3px;
	font-size:12px;
	line-height:1.2;
	border-bottom:#999 dotted 1px;
}
#new-content-block li a {
	display:block;
	padding:45px 0 0 50px;
	height:45px;
	width:150px;
	outline:none;
	overflow:hidden;
}
#new-content-block li a#newlist01 { background:url(/xth/lib/i/home/blanding_li_01.jpg) no-repeat; }
#new-content-block li a#newlist02 { background:url(/xth/lib/i/home/blanding_li_02.jpg) no-repeat; }
#new-content-block li a#newlist03 { background:url(/xth/lib/i/home/blanding_li_03.jpg) no-repeat; }
#new-content-block li a#newlist04 { background:url(/xth/lib/i/home/blanding_li_04.jpg) no-repeat; }
#new-content-block li a#newlist05 { background:url(/xth/lib/i/home/blanding_li_05.jpg) no-repeat; }

#game-banner-area {
	margin-bottom:2em;
	overflow:hidden;
}
#ch-banner, #cb-banner, #cr-banner {
	float:left;
	height:140px;
	width:292px;
	padding:0 4px;
	margin-right:20px;
	overflow:hidden;
}
#ch-banner { background:url(/xth/lib/i/home/banner_ch_plus.jpg) no-repeat; margin-right:0; }
#cb-banner { background:url(/xth/lib/i/home/banner_cb.jpg) no-repeat; }
#cr-banner { background:url(/xth/lib/i/home/banner_cr2.jpg) no-repeat; }
#ch-banner a.banner-link, #cb-banner a.banner-link, #cr-banner a.banner-link {
	display:block;
	width:292px;
	height:57px;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
}
#ch-banner .banner-link-btn, #cb-banner .banner-link-btn, #cr-banner .banner-link-btn {
}
#ch-banner li.view-movie, #cb-banner li.view-movie, #cr-banner li.view-movie,
#ch-banner li.trial-dl, #cb-banner li.trial-dl, #cr-banner li.trial-dl {
	float:left;
}
#ch-banner li.view-movie a, #cb-banner li.view-movie a, #cr-banner li.view-movie a,
#ch-banner li.trial-dl a, #cb-banner li.trial-dl a, #cr-banner li.trial-dl a {
	display:block;
	height:76px;
	width:146px;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
	background:url(/xth/lib/i/home/btn_home_view_and_dl.png) no-repeat;
}
#ch-banner li.view-movie a, #cb-banner li.view-movie a, #cr-banner li.view-movie a { background-position:left top; }
#ch-banner li.trial-dl a, #cb-banner li.trial-dl a, #cr-banner li.trial-dl a { background-position:right top; }
#ch-banner li.view-movie a:hover, #cb-banner li.view-movie a:hover, #cr-banner li.view-movie a:hover { background-position:left bottom; }
#ch-banner li.trial-dl a:hover, #cb-banner li.trial-dl a:hover, #cr-banner li.trial-dl a:hover { background-position:right bottom; }

#home-banner-area img {
	float:left;
	margin-right:2em;
}
#home-banner-area img.lastbanner {
	margin-right:0;
}

#headline-list {
	margin-bottom:2em;
	background:url(/xth/lib/i/bg_headline.png) left bottom no-repeat;
}
#headline-list dl {
	font-size:1.2em;
	line-height:30px;
	background:url(/xth/lib/i/bg_headline_cap.png) left top no-repeat;
}
#headline-list dl dt {
	float:left;
	display:block;
	width:240px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
#headline-list dl dd {
	padding-left:2em;
}
#headline-list dl dd a {
	color:#222;
}
#headline-list dl dd a:hover {
	color:#f33;
}

#home-notice {
	margin-bottom:1em;
	padding:.8em;
	border:#7f1317 solid 2px;
}
#home-notice h2 {
	margin-bottom:.5em;
	font-size:1.6em;
	line-height:1.5;
	color:#fff;
}
#home-notice p {
	font-size:1.2em;
	line-height:1.5;
	color:#fff;
}

/* =Info
----------------------------------------------- */
.ch-pack, .cb-pack, .cr-pack, .ch-reboot-pack ,.xth-123-pack {
	height:13em;
	width:292px;
	min-height:130px;
	margin-bottom:1em;
	padding:6em 0 0 2em;
	background:url(/xth/lib/i/gx1_dl_3col.png) no-repeat;
}
.cb-pack {
	background:url(/xth/lib/i/gx2_dl_3col.png) no-repeat;
}
.cr-pack {
	background:url(/xth/lib/i/gx3_package_3col.png) no-repeat;
	margin-bottom:1.5em;
}
.ch-reboot-pack {
	background:url(/xth/lib/i/gx1_reboot_package_3col.png) no-repeat;
	margin-bottom:1.5em;
}
.xth-123-pack {
	background: url(/xth/lib/i/gx123_package_3col.png) no-repeat;
	margin-bottom:1.5em;
}
p.prdctctgry {
	clear: both;
	height: 32px;
	margin: 1em 0 .5em 2em;
	background: url(/xth/lib/i/products_headings.png) no-repeat;
	text-indent: -9999px;
}
p#packages { background-position:left top; }
p#downloadspacs { background-position:left bottom;}

.product-text {
	float:left;
	width:36em;
	min-width:360px;
}

.headline-list {
	font-size:1.2em;
	line-height:1.5;
	color:#fff;
	border-bottom:1px dotted #ccc;
}
.headline-list li {
	padding:.75em 0 1em;
	border-top:1px dotted #ccc;
}
.headline-list .xthicon,.headline-list .cricon,.headline-list .chicon,.headline-list .cbicon,.headline-list .campaignicon {
	margin-left:24px;
}
.headline-list li .hltitle,
.headline-list li .hldate,
.headline-list li .hlmore,
.headline-list li .hltext {
	display:block;
	padding-left:80px;
}
.headline-list li .hltitle {
	margin-top:-3em;
}
.headline-list li .hldate {
	color:#bbb;
	font-weight:bold;
}
.headline-list li .hlmore {
	text-align:right;
}
.headline-list li .hlmore a {
	padding-right:1.5em;
	text-transform:capitalize;
	background:transparent url(/xth/lib/i/bg_links_bk.gif) right -92px no-repeat;
}
.headline-list li .hltext {
	margin-top:1em;
}

#ch-spech-list {
	margin:0 0 2em 8em;
}
#ch-spech-list li {
	float:left;
	margin-right:.5em;
	padding:.5em 1em;
	font-size:1.2em;
	line-height:1.5;
	background:#333;
}
#ch-spech-list li a {
	outline:none;
}
#ch-spech-list li a:hover {
}
#ch-spech-list li.ch-current {
	background:#ccc;
}
#ch-spech-list li.ch-current a {
	color:#222;
	cursor:default;
}

#cr-spec-data,#ch-spec-data,#cb-spec-data {
	clear:both;
}
#cr-spec-data .cricon,#ch-spec-data .chicon,#cb-spec-data .cbicon {
	float:left;
	margin-left:24px;
}
#cr-spec-data table.table-data,#ch-spec-data table.table-data,#cb-spec-data table.table-data {
	float:right;
	width:620px;
}

.exp-shop {
	/*float:left;
	width:46em;*/
}
.other-shop {
	float:right;
	width:22em;
}

/***** review *****/
.review-block,
.review-hide-block {
	margin-top:1em;
	padding:.9em 1.9em 1.2em; /* t:9px rl:19px b:0px */
	border:#ea9696 solid 1px;
	background:#f5cdcd url(/xth/lib/i/bg_review_col.png) left top repeat-y;
}
.review-block h3,
.review-hide-block h3 {
	min-height:40px;
	padding:0 0 0 70px;
	font-size:1.4em;
	line-height:1.5;
	background:url(/xth/lib/i/icon_review.png) left top no-repeat;
}
.review-text-block {
	clear:both;
	margin:-18px 0 0;
	padding:.9em 0 0;
}
.review-hide-block .review-text-block {
	float:left;
	height:1.5em;
	width:52em;
	overflow:hidden;
}

.review-retext-block {
	margin:1em 0 0;
	padding:.9em;
	border:#ea9696 solid 1px;
	background:#f4f3f3 url(/xth/lib/i/bg_review_re_col.png) left top repeat-y;
}
.review-text-block p,
.review-retext-block h4,
.review-retext-block p {
	font-size:1.2em;
	line-height:1.5;
}
.review-text-block p {
	padding-left:70px;
}
.review-retext-block h4 {
	float:left;
	width:7em;
	min-width:84px;
	padding-top:3em;
	text-align:center;
	background:url(/xth/lib/i/icon_review_re.png) center top no-repeat;
}
.review-retext-block p {
	float:right;
	min-height:40px;
	padding-left:0;
	width:45em;
}
ul.review-more {
	float:right;
	margin-top:1em;
}
.review-hide-block ul.review-more {
	margin-top:-.8em;
}
ul.review-more li {
	height:1.5em;
	width:10em;
	min-height:18px;
	min-width:120px;
	font-size:1.2em;
	line-height:1.5;
}
ul.review-more li a {
	display:block;
	height:100%;
	width:100%;
	background:transparent url(/xth/lib/i/review_toggle_button.png) left top no-repeat;
	overflow:hidden;
	outline:none;
	text-indent:-9999px;
}
.review-block ul.review-more li {
	height:18px;
	width:18px;
	min-width:18px;
}
.review-block ul.review-more li a {
	background:transparent url(/xth/lib/i/review_toggle_button.png) right bottom no-repeat;
}

.review-pre,
.review-pre-last {
	margin-bottom:.5em;
	font-size:1.2em;
	line-height:1.5;
	color:#fff;
}
.review-pre-last {
	margin-bottom:2em;
}

/***** trialguide *****/
#trlg-head {
	margin-bottom:1em;
	padding:0 0 0 22em;
	height:18em;
	width:48em;
	background:url(/xth/lib/i/trlg_bg01.jpg) left top no-repeat;
}
#trlg-head h1 {
	margin:0 0 1em 2em;
	height:3em;
	width:46em;
	background:url(/xth/lib/i/trlg_heading_replaced.png) left top no-repeat;
	text-indent:-9999px;
}
#trlg-h2-1,
#trlg-h2-2,
#trlg-h2-3 {
	margin-left:-8em;
	height:6em;
	width:40em;
	background:url(/xth/lib/i/trlg_heading.png) left top no-repeat;
	text-indent:-9999px;
}
#trlg-h2-2 {
	background-position:left center;
}
#trlg-h2-3 {
	background-position:left bottom;
}
#trlg-head-text-top,
#trlg-head-text-bottom {
	height:1em;
	width:48em;
	background:url(/xth/lib/i/trlg_serif_top.gif) right top no-repeat;
}
#trlg-head-text-bottom {
	background-image:url(/xth/lib/i/trlg_serif_bottom.gif);
}
#trlg-head-text-middle {
	padding:0 1em 0 3em;
	width:44em;
	background:#fff url(/xth/lib/i/trlg_serif_middle.gif) left center no-repeat;
}
.flow-block {
	margin-bottom:2em;
	padding-left:8em;
	width:62em;
}
.trlg-left-col,
.trlg-right-col {
	float:left;
	width:30em;
}
.trlg-right-col {
	float:right;
}

#trlg-head-text-middle p {
	font-size:1.2em;
	line-height:1.5;
}
#trlg-head-text-middle p strong {
	font-size:1.2em;
	color:#c30;
}

.flow-block p {
	margin-bottom:1em;
	font-size:1.2em;
	line-height:1.5;
	color:#fff;
}
p.trlg-caution {
	clear:both;
	margin-top:1em;
	padding:1em;
	background:#171717;
}

#trlg-dl {
	margin-bottom:1.5em;
}
#trlg-dl li#trlg-dl-ch,
#trlg-dl li#trlg-dl-cr {
	float:left;
	margin-right:2em;
	height:7.2em;
	width:14em;
}
#trlg-dl li#trlg-dl-cr {
	margin-right:0;
}
#trlg-dl li#trlg-dl-ch a,
#trlg-dl li#trlg-dl-cr a {
	display:block;
	height:100%;
	width:100%;
	background:url(/xth/lib/i/trlg_dlbtn.png) left top no-repeat;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
}
#trlg-dl li#trlg-dl-cr a {
	background-position:right top;
}
#trlg-dl li#trlg-dl-ch a:hover {
	background-position:left bottom;
}
#trlg-dl li#trlg-dl-cr a:hover {
	background-position:right bottom;
}
.flow-block p.instwzrd-txt {
	margin-bottom:30px;
}
.instwzrd-txt .float-left {
	margin-right:20px;
}

/* =Intro
----------------------------------------------- */
/** Introduction
 *  
 */
#intro_wrap {
	width: 940px;
	
}
.intro_content {
	position: relative;
	width: 940px;
	height: 300px;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-shadow: 0 1px 1px #000000;
}
#intro_col {
	background: url(/xth/lib/i/introduction/intro_img00.jpg) no-repeat;
}
#intro_col p {
	width: 360px;
	font-size: 16px;
	line-height: 1.5;
	padding-top: 164px;
	padding-left: 560px;
}
#xth_col {
	background: url(/xth/lib/i/introduction/intro_img01.jpg) no-repeat;
}
#xth_col p {
	width: 360px;
	margin-bottom: 18px;
	padding-left: 20px;
}
#xth_col p.first-paragraph {
	padding-top: 100px;
}
#cordrize_col {
	background: url(/xth/lib/i/introduction/intro_img02.jpg) no-repeat;
	
}
#cordrize_col p {
	width: 440px;
	margin-bottom: 18px;
	padding-top: 108px;
	padding-left: 480px;
}
#cordrize_col .btn-double {
	font-size: 10px;
	padding-left: 480px;
	text-shadow: 0 1px 0 #ffffff;
}
#monster_col {
	background: url(/xth/lib/i/introduction/intro_img03.jpg) no-repeat;
}
#monster_col p {
	width: 360px;
	margin-bottom: 18px;
	padding-top: 90px;
	padding-left: 20px;
}
#monster_col .btn-single {
	width: 220px;
	font-size: 10px;
	padding-left: 20px;
	text-shadow: 0 1px 0 #ffffff;
}
#cpo_col {
	background: url(/xth/lib/i/introduction/intro_img04.jpg) no-repeat;
}
#cpo_col h4 {
	width: 360px;
	padding-left: 560px;
}
#cpo_col h4.first-headding {
	padding-top: 54px;
}
#cpo_col p {
	width: 360px;
	margin-bottom: 18px;
	padding-left: 560px;
}
#characters_col {}
#character_list {
	width: 940px;
	height: 300px
	overflow: hidden;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#character_list li {
	float: left;
}
#character_list li a {
	display: block;
	width: 78px;
	height: 300px;
	background: #fff url(/xth/lib/i/introduction/intro_img05.jpg) no-repeat;
	text-indent: -9999px;
	outline: none;
	overflow: hidden;
}
#character_list li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
#character_list li a#alice {
	width: 79px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
#character_list li a#kaito {
	width: 79px;
	background-position: -79px 0;
}
#character_list li a#noriko {
	background-position: -158px 0;
}
#character_list li a#hikaru {
	background-position: -236px 0;
}
#character_list li a#akito {
	background-position: -314px 0;
}
#character_list li a#fuwa {
	background-position: -392px 0;
}
#character_list li a#utena {
	background-position: -470px 0;
}
#character_list li a#kanzaki {
	background-position: -548px 0;
}
#character_list li a#takuma {
	background-position: -626px 0;
}
#character_list li a#hikita {
	background-position: -704px 0;
}
#character_list li a#mifune {
	width: 79px;
	background-position: -782px 0;
}
#character_list li a#mahsa {
	width: 79px;
	background-position: -861px 0;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
#ch_movie_btn_area {
	position: absolute;
	top: 260px;
	height: 40px;
	width: 940px;
	background: url(/lib/i/black75.png);
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	overflow: hidden;
}
#ch_movie_btn_area .btn-single {
	font-size: 10px;
	width: 220px;
	margin:8px auto;
	text-shadow: 0 1px 0 #ffffff;
}

.character-block {
	position: relative;
	width:640px;
	height:480px;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	z-index: 1;
}
.character-block h3 {
	padding-top:240px;
	padding-left:340px;
	width:280px;
	z-index: 10;
}
.character-block p {
	width: 280px;
	margin-top:.5em;
	padding-left:340px;
	z-index: 20;
}
.character-block p .profile,
.character-block p .profile-text {
	display: block;
	margin-top:.5em;
}
.character-block img#chimg {
	position: absolute;
	left:0;
	top:0;
	width:640px;
	height:480px;
	z-index: -1;
}

#intro_col_control{
	text-align: center;
	padding-bottom: 20px;
	height: 40px;
	font-size:12px;
	line-height:1.5;
	background: url(/xth/lib/i/introduction/list_shadow.png) bottom center no-repeat;
}
#intro_col_control li {
	display: inline-block;
	height: 18px;
	margin: 11px 12px;
}
#intro_col_control li.current_list {
	height: 16px;
	margin: 11px 0;
	padding: 0 11px;
	background-color: #666;
	border: #999 solid 1px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
#intro_col_control li a { color: #fff; }
#intro_col_control li a:hover { color: #f66; }

#xth123pack-head {
	position:relative;
	height:110px;
	width:513px;
	margin-bottom: 20px;
	padding:110px 0 20px 427px;
	background: url(/xth/lib/i/introduction/bg_123pack111020.jpg) no-repeat;
}
#xth123pack-head p {
	font-size: 1.2em;
	line-height: 1.5;
}
#xth123pack-head p#righttext {
	position:absolute;
	left:787px;
	top:110px;
}
#xth123pack-head ul.links-list {
	position:absolute;
	left:787px;
	top:168px;
}

#gx1-head {
	height:27em;
	width:30em;
	padding:19em 8em 0 56em;
	background:url(/xth/lib/i/introduction/bg_intro_gx1_1009.jpg) no-repeat;
}
#gx2-head {
	height:37em;
	width:30em;
	padding:9em 8em 0 56em;
	background:url(/xth/lib/i/introduction/bg_intro_gx2.jpg) no-repeat;
}
#gx3-head {
	height:27em;
	width:30em;
	padding:29em 8em 0 56em;
	background:url(/xth/lib/i/introduction/bg_intro_gx3.jpg) no-repeat;
}
#gx1-head p,#gx2-head p,#gx3-head p {
	font-size:1.2em;
	line-height:1.5;
	color:#fff;
}

/* for plus */
h2.pulus-replaced-heading {
	width:287px;
	height:72px;
	background:url(/xth/lib/i/introduction/bg_gx1_plus_intro_heading.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
h2#pulus-h2-0 {
	height:313px;
	background-position:left top;
	position:relative;
}
h2#pulus-h2-1 {
	background-position:left -313px;
	position:relative;
	z-index:99;
	margin-bottom:-11px!important;
}
h2#pulus-h2-2 {
	background-position:left bottom;
	position:relative;
	z-index:99;
	margin-bottom:-11px!important;
}
/* for Reboot */
h2#reboot-h2-1 {
	float:left;
	width:372px;
	height:72px;
	background:url(/xth/lib/i/introduction/bg_gx1_reboot_intro_heading.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
#reboot-package {
	float:right;
}
h2#pulus-h2-3 {
	background-position:left bottom;
	margin-bottom:0!important;
}

/* for CB */
h2.cb-replaced-heading {
	width:287px;
	height:72px;
	background:url(/xth/lib/i/introduction/bg_gx2_intro_heading.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
h2#cb-h2-1 {
	background-position:left top;
	position:relative;
	z-index:99;
	margin-bottom:-12px!important;
}
h2#cb-h2-2 {
	background-position:left -72px;
	position:relative;
	z-index:99;
	margin-bottom:-12px!important;
}
h2#cb-h2-3 {
	background-position:left -144px;
	height:234px;
	margin-bottom:12px;
}
h2#cb-h2-4 {
	background-position:left -378px;
	height:54px;
	margin-bottom:6px;
}

/* for CR */
h2.cr-replaced-heading {
	width:287px;
	height:72px;
	background:url(/xth/lib/i/introduction/bg_gx3_intro_heading.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
h2#cr-h2-1 {
	background-position:left top;
	position:relative;
	z-index:99;
	margin-bottom:-12px!important;
}
h2#cr-h2-2 {
	background-position:left -72px;
	margin-bottom:12px;
}
h2#cr-h2-3 {
	background-position:left -144px;
	position:relative;
	z-index:99;
	margin-bottom:-12px!important;
}
h2#cr-h2-4 {
	background-position:left -216px;
	height:275px;
	margin-bottom:12px;
}
h2#cr-h2-5 {
	background-position:left -491px;
	height:36px;
	margin-bottom:12px;
}
h2#cr-h2-6 {
	background-position:left -527px;
	position:relative;
	z-index:99;
	margin-bottom:-12px!important;
}

img.capture-shot {
	margin-bottom:1em;
}

dl.data-cnv-list dt, dl.data-cnv-list dd {
	font-size:1.2em!important;
	line-height:1.5;
}

#promolist {
	width:940px;
	height:60px;
	background: #fff;
	overflow: hidden;
}
#promolist li.promo {
	float: left;
}
#promolist li.promo a:hover img {
	filter: Alpha(opacity=65);
	opacity: .65;
}

/* =System
----------------------------------------------- */
#sys-character-making {
	width:94em;
	padding:23em 0 2em;
	background:url(/xth/lib/i/system/bg_character_making.jpg) left top no-repeat;
	border-bottom:#ccc solid 1px;
}
#hack-and-slash {
	height:25em;
	width:94em;
	background:url(/xth/lib/i/system/bg_hack_and_slash.jpg) left top no-repeat;
}
#collection {
	height:25em;
	width:94em;
	background:url(/xth/lib/i/system/bg_collection.jpg) left top no-repeat;
}
#events {
	width:94em;
	padding:27em 0 2em;
	background:url(/xth/lib/i/system/bg_event.jpg) left top no-repeat;
}
#sys-character-making p,
#events p {
	font-size:1.8em;
	line-height:1.5;
	text-align:center;
}

#cm-left-col {
	float:left;
	width:30em;
	margin:4.8em 0 1em 2em;
}
#cm-right-col {
	float:right;
	width:54em;
	margin:1em 4em 1em 0;
}
#cm-right-col h2 {
	font-size:1.2em;
	line-height:1.5;
}
#collection-left-col {
	float:left;
	width:60.4em;
	margin:1em 0 1em 2em;
}
#collection-right-col {
	float:right;
	width:27.4em;
	margin:1em 2em 1em 0;
}
#collection-left-col h2,
#collection-right-col h2 {
	font-size:2em;
	line-height:1.5;
	font-weight:bold;
}
#collection-left-col p,
#collection-right-col p {
	font-size:1.2em;
	line-height:1.5;
	margin-bottom:.5em;
}
.left-col {
	float:left;
	width:28em;
	margin-top:8.4em;
}
.right-col {
	float:right;
	width:31em;
	margin-top:2.6em;
}
.right-col h3 {
	font-size:1.2em;
	line-height:1.5;
}

ul#event-ss-list {
	width:840px;
	margin:10px auto 40px;
}
ul#event-ss-list li {
	float:left;
	height:45px;
	width:60px;
	margin-right:10px;
}
ul#event-ss-list li a {
	display:block;
	overflow:hidden;
	outline:none;
	margin:0;
	padding:0;
}
ul#event-ss-list li a img {
	margin:0;
	padding:0;
}
ul#event-ss-list li.last {
	margin-right:0em;
}

ul#link-to-commic,
ul#link-to-blog {
	float:right;
}
ul#link-to-commic li,
ul#link-to-blog li {
	height:4em;
	width:45em;
	min-height:40px;
	min-width:450px;
}
ul#link-to-commic li a,
ul#link-to-blog li a {
	display:block;
	height:100%;
	width:450px;
	background:url(/xth/lib/i/bg_commic_link.png) left top no-repeat;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
}
ul#link-to-blog li a {
	background-image:url(/xth/lib/i/bg_blog_link.png);
}
ul#link-to-commic li a:hover {
	background-position:left bottom;
}

/* =Special
----------------------------------------------- */
#commictitle {
	float:left;
	height:36.5em;
	width:44em;
	margin-right:2em;
	background:url(/xth/lib/i/commic_title_bg.gif) no-repeat;
}
.thumb {
	float:left;
	margin:0 2em 2em 0;
}

/* =Support
----------------------------------------------- */
#pr-qa, #ch-qa, #cb-qa, #cr-qa {
	font-size:1.2em;
	line-height:1.5;
	color:#fff;
	margin-bottom:1em;
	border-top:#ccc dotted 1px;
}
#pr-qa h3.question, #ch-qa h3.question, #cb-qa h3.question, #cr-qa h3.question {
	padding:1em 1em 1em 80px;
	border-bottom:#ccc dotted 1px;
	cursor:pointer;
}
#pr-qa h3.question em, #ch-qa h3.question em, #cb-qa h3.question em, #cr-qa h3.question em {
	float:left;
	display:block;
	width:4em;
	margin-left:-60px;
	text-align:center;
	font-weight:bold;
}
#pr-qa .answer, #ch-qa .answer, #cb-qa .answer, #cr-qa .answer {
	clear:left;
	padding:1em 1em 1em 80px;
	border-bottom:#ccc dotted 1px;
}
#pr-qa .answer ol li, #ch-qa .answer ol li, #cb-qa .answer ol li, #cr-qa .answer ol li {
	list-style-type:decimal;
	margin-left:2em;
}
#pr-qa .answer ul li, #ch-qa .answer ul li, #cb-qa .answer ul li, #cr-qa .answer ul li {
	list-style-type:disc;
	margin-left:2em;
}

/* =Campaign
----------------------------------------------- */
#campaign-attention-block {
}
#campaign-outline-block,
#banner-area-block {
	width:62em;
	min-width:620px;
	padding:20px 19px 10px;
	border:solid #9a9a9a;
	border-width:0 1px 0;
	background:#efefef;
}
#campaign-bottom-cap {
	display:block;
	height:10px;
	width:660px;
	background:url(/xth/lib/i/campaign/campaign_sprite.png) left bottom no-repeat;
}

#campaign-attention-block h3 {
	font-size:1.8em;
	line-height:1.2;
	font-weight:bold;
	margin-bottom:0.666em;
}

#campaign-attention-block p {
	font-size:1.2em;
	line-height:1.5;
}


#campaign-prize-list {
	float:left;
	width:29em;
	min-width:290px;
	padding-right:1em;
}
#campaign-prize-list li {
	float:left;
	margin:0 1em 1em 0;
	height:10em;
	min-height:100px;
}
#tab-list {
	border-bottom:1px solid #9a9a9a;
}
#tab-list li {
	float:left;
	font-size:1.2em;
	line-height:1;
}
#tab-list li a {
	display:block;
	padding-right:24px;
	background:url(/xth/lib/i/campaign/campaign_sprite.png) right -40px no-repeat;
	color:#111;
}
#tab-list li a:hover {
	color:#f55;
}
#tab-list li a span {
	display:block;
	padding:6px 0 6px 24px;
	background:url(/xth/lib/i/campaign/campaign_sprite.png) left -40px no-repeat;
}
#tab-list li a.current-tab {
	margin-bottom:-1px;
	cursor:default;
	background:url(/xth/lib/i/campaign/campaign_sprite.png) right top no-repeat;
}
#tab-list li a.current-tab span {
	padding-bottom:7px;
	background:url(/xth/lib/i/campaign/campaign_sprite.png) left top no-repeat;
}

#campaign-outline-block table {
	font-size:1.2em;
	line-height:1.5;
}
#campaign-outline-block table.campaign-data-table th,
#campaign-outline-block table.campaign-data-table td {
	padding:.5em 1em;
	border:dotted #9a9a9a;
	border-width:1px 0;
}
#campaign-outline-block table.campaign-data-table th { text-align:right; }
#campaign-outline-block table.campaign-data-table td h4 {
	font-size:1em;
	line-height:1.5;
}

#campaign-outline-block td table {
	font-size:1em;
	line-height:1.5;
}
#campaign-outline-block table.campaign-data-table td th,
#campaign-outline-block table.campaign-data-table td td {
	padding:.25em 1em;
	border-width:0;
}

h3.pulldown {
	font-size:1.6em;
	margin-bottom:1em;
	padding:.5em 1em .5em 1.5em;
	font-weight:bold;
	border:1px solid #9a9a9a;
	cursor:pointer;
	background:#ccc url(/xth/lib/i/bg_links_review_open.gif) .5em -5px no-repeat;
}

#banner-area-block p,
#banner-area-block li {
	font-size:1.2em;
	line-height:1.5;
}
#banner-area-block li {
	line-height:1.2;
}
#banner-area-block p,
#banner-area-block ul {
	margin-bottom:1em;
}
.campaign-banner-list {
	font-size:1.2em;
	line-height:1.5;
	margin-bottom:1.5em;
}
.campaign-banner-list dt a {
	display:block;
	margin:.3em 0 1em;
	padding:.1em 1em;
	background:#666;
}

.wsp dt, .vb dt, .fb dt, .sb dt, .ams dt {
	float:left;
	width:160px;
	margin-right:10px;
}
.vb dt {
	width:120px;
	margin-right:4px;
}
.fb dt {
	width:468px;
}
.sb dt {
	width:125px;
}
.ams dt {
	width:200px;
	margin-right:6px;
}
/* 貼付け用タグ */
span.banner-tag {
	display:block;
	padding:1em;
	font:1.2em/2 "Courier New", Courier, monospace;
	color:#222;
}