/*
-----------------------------------------------
XBL BASE LAYOUT Style Sheet
Author:  Conure
Version: 10 Mar. 2011
-----------------------------------------------
RESET
LAYOUT
	CONTAINER
	ELEMENTS
COLORLING
	LINKS
	CLASS COLORS
NAV
HEADINGS STYLE
TEXT STYLE
	COMMON
	GLOBAL HEADER & FOOTER
HOME
INFO
STORY
CHARACTERS
SYSTEM
SCREENSHOTS
DOWNLOAD
	TWITTER DOWNLOAD
	TRIAL DOWNLOAD
	SOUKU DOWNLOAD
CAMPAIGN
PRODUCTS
SUPPORT
----------------------------------------------- */
/* --------------------------------------------
   =RESET
----------------------------------------------- */
html { background:#000; }
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; outline:none; }
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:#000;
	font: 10px/1 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック','Lucida Sans Unicode',Arial,Verdana,sans-serif;
	color: #333333;
}

/* =CONTAINER */
#global-container, #container, #footer-container, #footer-shares {
	clear:both;
	position:relative;
	width:100%;
}
#global-container, #footer-container {
	background-color:#000;
}
#container {
	background:#fff url(/xbl/lib/i/bg_content.jpg) center top no-repeat;
}
#home #container {
	background:#fff url(/xbl/lib/i/bg_home.jpg) center top no-repeat;
}
#footer-shares {
	padding:1em 0;
	background-color:#333;
	overflow:hidden;
}

#global, #content, #xbox-copyright, #footer {
	margin:0 auto;
	width:960px;
	overflow:hidden;
}
#global {
	height:70px;
}
#content {
	position:relative;
	width:980px;
	min-height:500px;
	overflow:hidden;
}

#footer {
	clear:both;
	padding:1.6em 0;
}

/* =ELEMENTS */
/*  Clear, Hidden, and for Accessibility  */
.hiddenelements {
	position:absolute;
	left:-9999px;
	width:0px;
	overflow:hidden;
}
.clear { clear:both; }

/* --------------------------------------------
   =COLORLING
----------------------------------------------- */
/*  =LINKS  */
a { color:#00a; }
a:hover { color:#f30; }
a:focus, a:active { color:#000; }

/*  =CLASS COLORS  */

/* --------------------------------------------
   =NAV
----------------------------------------------- */
#nav {
	position:absolute;
	width:940px;
	height:35px;
	padding:0 20px;
	left:0;
	top:465px;
	overflow:hidden;
	background:url(/xbl/lib/i/nav.png) no-repeat;
	z-index:30;
}
#links #nav {
	position:relative;
	margin:0 auto 10px;
	padding:0 20px;
	top:0;
}
#nav ul {
	position:relative;
	height:35px;
}
#nav ul li {
	float:left;
}
#nav ul li a {
	display:block;
	width:60px;
	height:35px;
	background:url(/xbl/lib/i/nav.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
}
#nav ul li a.current {
	cursor:default;
}
#nav ul li#gotohome a {
	background-position:-25px -35px;
}
#nav ul li#gotohome a:hover {
	background-position:-25px -70px;
}
#nav ul li#gotohome a.current {
	background-position:-25px -105px;
}
#nav ul li#gotoinfo a {
	width:127px;
	background-position:-85px -35px;
}
#nav ul li#gotoinfo a:hover {
	background-position:-85px -70px;
}
#nav ul li#gotoinfo a.current {
	background-position:-85px -105px;
}
#nav ul li#gotostory a {
	width:77px;
	background-position:-212px -35px;
}
#nav ul li#gotostory a:hover {
	background-position:-212px -70px;
}
#nav ul li#gotostory a.current {
	background-position:-212px -105px;
}
#nav ul li#gotocharacters a {
	width:76px;
	background-position:-289px -35px;
}
#nav ul li#gotocharacters a:hover {
	background-position:-289px -70px;
}
#nav ul li#gotocharacters a.current {
	background-position:-289px -105px;
}
#nav ul li#gotosystem a,
#nav ul li#gotosystemnew a {
	width:65px;
	background-position:-365px -35px;
}
#nav ul li#gotosystemnew a {
	background-position:-365px -175px;
}
#nav ul li#gotosystem a:hover {
	background-position:-365px -70px;
}
#nav ul li#gotosystemnew a:hover {
	background-position:-365px -210px;
}
#nav ul li#gotosystem a.current,
#nav ul li#gotosystemnew a.current {
	background-position:-365px -105px;
}
#nav ul li#gotoss a {
	width:123px;
	background-position:-430px -35px;
}
#nav ul li#gotoss a:hover {
	background-position:-430px -70px;
}
#nav ul li#gotossnew a {
	width:123px;
	background-position:-430px -175px;
}
#nav ul li#gotossnew a:hover {
	background-position:-430px -210px;
}
#nav ul li#gotoss a.current,
#nav ul li#gotossnew a.current {
	background-position:-430px -105px;
}
#nav ul li#gotodownload a {
	width:92px;
	background-position:-553px -35px;
}
#nav ul li#gotodownload a:hover {
	background-position:-553px -70px;
}
#nav ul li#gotodownloadnew a {
	width:92px;
	background-position:-553px -175px;
}
#nav ul li#gotodownloadnew a:hover {
	background-position:-553px -210px;
}
#nav ul li#gotodownload a.current,
#nav ul li#gotodownloadnew a.current {
	background-position:-553px -105px;
}
#nav ul li#gotocampaign a {
	width:91px;
	background-position:-645px -35px;
}
#nav ul li#gotocampaign a:hover {
	background-position:-645px -70px;
}
#nav ul li#gotocampaignnew a {
	width:91px;
	background-position:-645px -175px;
}
#nav ul li#gotocampaignnew a:hover {
	background-position:-645px -210px;
}
#nav ul li#gotocampaign a.current,
#nav ul li#gotocampaignnew a.current {
	background-position:-645px -105px;
}
#nav ul li#gotoproducts a,
#nav ul li#gotoproductsnew a {
	width:71px;
	background-position:-736px -35px;
}
#nav ul li#gotoproductsnew a {
	background-position:-736px -175px;
}
#nav ul li#gotoproducts a:hover {
	background-position:-736px -70px;
}
#nav ul li#gotoproductsnew a:hover {
	background-position:-736px -210px;
}
#nav ul li#gotoproducts a.current,
#nav ul li#gotoproductsnew a.current {
	background-position:-736px -105px;
}
#nav ul li#gotosupport a,
#nav ul li#gotosupportnew a {
	width:63px;
	background-position:-807px -35px;
}
#nav ul li#gotosupportnew a {
	background-position:-807px -175px;
}
#nav ul li#gotosupport a:hover {
	background-position:-807px -70px;
}
#nav ul li#gotosupportnew a:hover {
	background-position:-807px -210px;
}
#nav ul li#gotosupport a.current,
#nav ul li#gotosupportnew a.current {
	background-position:-807px -105px;
}
#nav ul li#gotolinks a,
#nav ul li#gotolinksnew a {
	width:80px;
	background-position:-876px -35px;
}
#nav ul li#gotolinksnew a {
	background-position:-876px -175px;
}
#nav ul li#gotolinks a:hover {
	background-position:-876px -70px;
}
#nav ul li#gotolinksnew a:hover {
	background-position:-876px -210px;
}
#nav ul li#gotolinks a.current,
#nav ul li#gotolinksnew a.current {
	background-position:-876px -105px;
}

/* --------------------------------------------
   =HEADINGS STYLE
----------------------------------------------- */
h1 {
	position:absolute;
	left:260px;
	top:39px;
}
h2 {
	font-size:1.6em;
	font-weight:bold;
	line-height:1;
	padding:.4em 0;
	margin-bottom:6px;
	border-bottom:#999 dotted 1px;
}
h3,h4 {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:.5em;
}
#logo {
	position:absolute;
	width:225px;
	height:96px;
	top:2px;
	left:20px;
}
#home #logo {
	width:470px;
	height:200px;
	left:500px;
	top:270px;
	z-index:10;
}

/* --------------------------------------------
   =TEXT STYLE
----------------------------------------------- */
/* =COMMON */
#leftcolumn, #rightcolumn {
	position:absolute;
	width:380px;
	height:336px;
	left:100px;
	top:111px;
	overflow:hidden;
}
#rightcolumn { left:500px; }
#campaign #leftcolumn {
	width:400px;
	left:80px;
}
#campaign #rightcolumn {
	height:372px;
	top:75px;
}
#soundtrack #leftcolumn {
	height:340px;
	top:109px;
}
#trialdownload #rightcolumn,
#soundtrack #rightcolumn {
	width:356px;
	height:312px;
	padding:12px;
	background:url(/xbl/lib/i/information/bg_col.png) no-repeat;
}
#twdownload #leftcolumn, #twdownload #rightcolumn {
	/*width:460px;*/
	height:336px;
	/*left:20px;*/
}
#twdownload #rightcolumn { left:500px; }
#trialdownload #leftcolumn { background:url(/xbl/lib/i/download/bg_trial_dl_left.jpg) no-repeat; }
#soukudownload #leftcolumn { top:129px; }
#soukudownload #rightcolumn { top:126px; }
#calendar #rightcolumn { background:url(/xbl/lib/i/products/calendars.png) left bottom no-repeat; }
#windows_text {
	position:absolute;
	width:138px;
	height:41px;
	top:19px;
	left:822px;
}
/* =GLOBAL HEADER & FOOTER */
ul#corp-link {
	float:left;
	margin:5px 0;
}
ul#corp-link .mb8 {
	margin-bottom:8px;
}
#globalLink {
	float:right;
	margin-top:26px;
	margin-right:220px;
}
#gxthTopBanner { float:left; margin:0 0 0 30px; }
#globalLink li {
	display:inline;
	font-size:1.2em;
	line-height:1.5;
	margin-left:1.5em;
}
#globalLink li a {
	color:#fff;
	padding-left:1.5em;
	background:transparent url('/sor360/lib/i/bg_global_link.png') left center no-repeat;
}
#globalLink li a:hover { color:#f60; }
#globalLink li a:focus, #globalLink li a:active { color:#999; }

#shares-list {
	/*height:;*/
	width:960px;
	margin:0 auto;
	/*padding:;*/
	color:#ddd;
}
#shares-list li {
	float:left;
}
#shares-list li#share-left {
	width:320px;
	line-height:1.2;
}
#shares-list li#share-center {
	width:320px;
}
#shares-list li#share-center ul {
	/*float:none;
	display:inline-block;*/
	width: 120px;
	margin:0 auto;
}
#shares-list li#share-right {
	text-align:right;
	width:320px;
}
#shares-list li#share-right ul {
	border-right:#999 solid 1px;
}
#shares-list li#share-right li {
	float:none;
	display:inline-block;
	padding:0.7em 1em;
	border-left:#999 solid 1px;
}

#shares-list a, #footer a { color:#fff; }
#shares-list a:hover, #footer a:hover { color:#f60; }
#footer p { float:left; color:#eee; line-height:1.5; }

#footer-banner {
	clear:both;
	margin-bottom:1.6em;
}
#view-pv {
	position:absolute;
	left:0;
	top:109px;
}
#view-pv li a {
	display:block;
	width:40px;
	height:210px;
	overflow:hidden;
	outline:none;
	text-indent:-9999px;
	background:url(/xbl/lib/i/tab_movie.png) no-repeat;
}
#view-pv li a:hover {
	background-position:right top;
}

#twlogarea {
	clear: both;
	width: 940px;
	margin:0 auto;
	padding: 10px 0 0;
	overflow: hidden;
}
.twlogblock {
	float: left;
	width: 440px;
	margin: 0 20px 0 0;
	padding:9px;
	background-color: #fafafa;
	border: #666 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: #c33;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* --------------------------------------------
   =HOME
----------------------------------------------- */
#mainimage {
	position:absolute;
	width:860px;
	height:380px;
	left:0;
	top:120px;
}
#soundplayer {
	position:absolute;
	width:60px;
	height:18px;
	top:473px;
	left:900px;
	z-index:30;
}
#release-day {
	position:absolute;
	top:105px;
	left:660px;
}
#release-day2 {
	position:absolute;
	top:95px;
	left:660px;
}
#topic01 {
	position:absolute;
	/*top:21px;*/
	top:57px;
	left:20px;
}
#topic02 {
	position:absolute;
	top:57px;
	left:340px;
}
#topic-ust-schedule {
	position:absolute;
	top:375px;
	left:20px;
}
#topic-ust-schedule a {
	display:block;
	padding:21px 10px 9px 145px;
	width:145px;
	height:24px;
	font-size:16px;
	line-height:1.5;
	font-weight:bold;
	color:#fff;
	background:url(/xbl/lib/i/topic_ust_schedule.png) no-repeat;
}
a#gotoTMSB {
	display:block;
	position:absolute;
	left:20px;
	top:417px;
	width:172px;
	height:44px;
	background:url(/xbl/lib/i/linktoTM.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
}
a#gotoTMSB:hover {
	background-position:left bottom;
}
a#gotoXTHRC {
	display:block;
	position:absolute;
	left:220px;
	top:417px;
	width:172px;
	height:44px;
	background:url(/xbl/lib/i/linktoRC.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
}
a#gotoXTHRC:hover {
	background-position:left bottom;
}
#topic-sp {
	position:absolute;
	left:820px;
	top:129px;
}
#topic-sp a {
	display:block;
	width:140px;
	height:140px;
	overflow:hidden;
	outline:none;
	text-indent:-9999px;
	background:url(/xbl/lib/i/topic_sp_dl.png) left top no-repeat;
}
#topic-sp a:hover {
	background-position:left bottom;
}
#sp-dl, #pp-dl, #data-dl {
	position:absolute;
	/* 二つ*/
	left:740px;
	/* 三つ
	left:655px; */
	top:123px;
	width:105px;
	height:105px;
	overflow:hidden;
}
/* 2011.01.23
#pp-dl { left:760px; }
 */
#data-dl { left:865px; }
#sp-dl a, #pp-dl a, #data-dl a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	outline:none;
	text-indent:-9999px;
	background:url(/xbl/lib/i/topic_sp_dl3.png) left top no-repeat;
}
#pp-dl a {
	background:url(/xbl/lib/i/topic_pp_dl.png) left top no-repeat;
}
#data-dl a {
	background:url(/xbl/lib/i/topic_data_dl.png) left top no-repeat;
}
#sp-dl a:hover, #pp-dl a:hover, #data-dl a:hover { background-position:left bottom; }

#information-block {
	position:absolute;
	/*left:20px;*/
	left:580px;
	top:435px;
	width:302px;
	height:18px;
	padding:3px 6px 3px 72px;
	font-size:12px;
	line-height:1.5;
	background:url(/xbl/lib/i/bg_infomation.png) left top no-repeat;
	z-index:60;
}
#information-block a {
	color:#fff;
	text-decoration:underline;
}
#information-block a:hover { color:#0cf; }

#pp-dl-txt {
	padding:1em;
	font-size:1.2em;
	line-height:1.5;
}
#pp-dl-txt p,
#pp-dl-txt dl {
	margin-bottom:1em;
}
#pp-dl-txt dd {
	margin-left:1em;
}
#pp-dl-txt dd span {
	display:block;
	padding-left:1em;
	text-indent:-1em;
}
#pp-dl-txt ul li {
	width:220px;
	height:30px;
	margin:0 auto;
}
#pp-dl-txt ul li a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	outline:none;
	text-indent:-9999px;
	background:url(/xbl/lib/i/download/pp_dl_button.png) no-repeat;
}
#pp-dl-txt ul li a:hover {
	background-position:left bottom;
}

/* --------------------------------------------
   =INFO
----------------------------------------------- */
#prdct-info,#prdct-spec {
	position:absolute;
	width:356px;
	height:312px;
	padding:12px;
	left:20px;
	top:111px;
	background:url(/xbl/lib/i/information/bg_col.png) no-repeat;
	font-size:1.2em;
	line-height:1.5;
}
#prdct-spec {
	width:540px;
	height:336px;
	padding:0;
	left:420px;
	background:none;
}
#prdct-info p { margin-bottom:1.5em; }

.spec-table th,.spec-table td {
	font-size:10px;
	line-height:1.2;
	padding:.5em;
	border-bottom:#999 dotted 1px;
	background:url(/xbl/lib/i/half_white.png);
}
.spec-table th {
	white-space:nowrap;
}
.spec-table td span {
	display:block;
	padding-left:1em;
	text-indent:-1em;
}
/* --------------------------------------------
   =STORY
----------------------------------------------- */
#stry-read-copy,#stry-img01,#stry-img02,#stry-img03,
#stry-txt1,#stry-txt2,#stry-txt3,#stry-txt4 {
	position:absolute;
	left:260px;
	top:93px;
}
#stry-img01 {
	left:20px;
	top:111px;
}
#stry-img02 {
	left:124px;
	top:219px;
}
#stry-img03 {
	left:650px;
	top:201px;
}
#stry-txt1 {
	left:192px;
	top:183px;
}
#stry-txt2 {
	left:325px;
	top:237px;
}
#stry-txt3 {
	left:352px;
	top:309px;
}
#stry-txt4 {
	left:240px;
	top:363px;
}
/* --------------------------------------------
   =CHARACTERS
----------------------------------------------- */
/*
#select-characters {
	position:absolute;
	width:680px;
	height:360px;
	overflow:hidden;
	left:150px;
	top:87px;
}
#select-characters li {
	float:left;
	width:140px;
	height:180px;
	margin-right:40px;
}
#select-characters li#gotoch04, #select-characters li#gotoch08 { margin-right:0; }
#select-characters li a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
	background:url(/xbl/lib/i/character/select_character.png) no-repeat;
}
#select-characters li#gotoch01 a { background-position:left top; }
#select-characters li#gotoch01 a:hover { background-position:-560px top; }
#select-characters li#gotoch02 a { background-position:-140px top; }
#select-characters li#gotoch02 a:hover { background-position:-700px top; }
#select-characters li#gotoch03 a { background-position:-280px top; }
#select-characters li#gotoch03 a:hover { background-position:-840px top; }
#select-characters li#gotoch04 a { background-position:-420px top; }
#select-characters li#gotoch04 a:hover { background-position:-980px top; }
#select-characters li#gotoch05 a { background-position:left bottom; }
#select-characters li#gotoch05 a:hover { background-position:-560px bottom; }
#select-characters li#gotoch06 a { background-position:-140px bottom; }
#select-characters li#gotoch06 a:hover { background-position:-700px bottom; }
#select-characters li#gotoch07 a { background-position:-280px bottom; }
#select-characters li#gotoch07 a:hover { background-position:-840px bottom; }
#select-characters li#gotoch08 a { background-position:-420px bottom; }
#select-characters li#gotoch08 a:hover { background-position:-980px bottom; }
*/
#select-characters {
	position:absolute;
	width:960px;
	height:351px;
	overflow:hidden;
	left:20px;
	top:111px;
}
#select-characters li {
	float:left;
	width:140px;
	height:102px;
	margin:0 20px 15px 0;
	background:#fff;
}
#select-characters li a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
	background:url(/xbl/lib/i/character/select_character2.png) no-repeat;
}
#select-characters li a:hover {
	filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}
#select-characters li#gotoch01 a { background-position:left top; }
#select-characters li#gotoch02 a { background-position:-140px top; }
#select-characters li#gotoch03 a { background-position:-280px top; }
#select-characters li#gotoch04 a { background-position:-420px top; }
#select-characters li#gotoch05 a { background-position:-560px top; }
#select-characters li#gotoch06 a { background-position:-700px top; }
#select-characters li#gotoch07 a { background-position:-840px top; }
#select-characters li#gotoch08 a { background-position:-980px top; }
#select-characters li#gotoch09 a { background-position:-1120px top; }
#select-characters li#gotoch10 a { background-position:-1260px top; }
#select-characters li#gotoch11 a { background-position:-1400px top; }
#select-characters li#gotoch12 a { background-position:-1540px top; }
#select-characters li#gotoch13 a { background-position:-1680px top; }
#select-characters li#gotoch14 a { background-position:-1820px top; }

/* =They by Them */
#prev-and-next {}
#prev-and-next li#prev-page,#prev-and-next li#next-page {
	position:absolute;
	width:42px;
	height:42px;
	left:20px;
	top:204px;
}
#prev-and-next li#next-page {
	left:918px;
}
#prev-and-next li#prev-page a, #prev-and-next li#next-page a {
	display:block;
	width:100%;
	height:100%;
	background:url(/xbl/lib/i/character/prev_next.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
}
#prev-and-next li#prev-page a { background-position:left top; }
#prev-and-next li#prev-page a:hover { background-position:left bottom; }
#prev-and-next li#next-page a { background-position:right top; }
#prev-and-next li#next-page a:hover { background-position:right bottom; }

#chr-txt {
	position:absolute;
	left:136px;
	top:165px;
	width:24em;
}
#character02 #chr-txt { left:240px; }
#character04 #chr-txt { left:180px; }
#character05 #chr-txt { left:180px; }
#character06 #chr-txt { left:112px; }
#character09 #chr-txt { width:22em; }
#character10 #chr-txt { width:29em; }
#character11 #chr-txt { left:180px; width:25em; }
#character12 #chr-txt { left:180px; width:28em; }
#character13 #chr-txt { left:180px; width:26em; }
#character14 #chr-txt { left:180px; width:32em; }

#chr-txt p {
	font-size:1.2em;
	line-height:1.5;
	margin:1em 0;
}
#chr-b01, #chr-b02, #chr-b03, #chr-b04,
#chr-b05, #chr-b06, #chr-b07, #chr-b08,
#chr-b09, #chr-b10, #chr-b11, #chr-b12,
#chr-b13, #chr-b14 {
	position:absolute;
	left:360px;
	top:0;
}
#chr-b02 { left:490px; }
#chr-b03 { left:348px; }
#chr-b04 { left:450px; }
#chr-b05 { left:400px; }
#chr-b06 { left:298px; }
#chr-b07 { left:430px; }
#chr-b08 { left:455px; }
#chr-b09 { left:370px; top:15px; }
#chr-b10 { left:480px; top:39px; }
#chr-b11 { left:480px; top:57px; }
#chr-b12 { left:443px; top:39px; }
#chr-b13 { left:447px; top:15px; }
#chr-b14 { left:480px; top:39px; }
/* --------------------------------------------
   =SYSTEM
----------------------------------------------- */
#h1-sys002 { top:24px; }
#h-sys01,
#h-sys001,
#h-sys0032 {
	position:absolute;
	left:227px;
	top:93px;
	border:none;
}
#h-sys001 { left:100px; top:177px; }
#h-sys0032 { left:100px; top:255px; z-index:20; }
#sys-txt001 {
	position:absolute;
	text-align:center;
	font-size:1.2em;
	line-height:1.5;
	left:180px;
	top:90px;
	width:620px;
}
#sys-txt01 {
	position:absolute;
	text-align:center;
	font-size:1.2em;
	line-height:1.5;
	left:180px;
	top:129px;
	width:620px;
}
#system03 #sys-txt01 {
	top:93px;
}
#sys-txt02, #sys-txt03,
#sys-txt04, #sys-txt05, #sys-txt06 {
	position:absolute;
	font-size:1.2em;
	line-height:1.5;
	left:100px;
	top:93px;
	width:380px;
}
#sys-txt03 {
	left:340px;
	top:309px;
	width:540px;
}
#sys-txt04 {
	top:309px;
	width:300px;
}
#sys-txt05 {
	top:183px;
}
#sys-txt06 {
	top:183px;
	left:500px;
}
#sys-txt02 h2, #sys-txt03 h2,
#sys-txt04 h2, #sys-txt05 h2, #sys-txt06 h2 {
	border:none;
	padding:0;
	margin-bottom:9px;
}
#sys-txt05 p, #sys-txt06 p {
	margin-bottom:21px;
}
#sys-ss001,
#sys-ss002,
#sys-ss003,
#sys-ss0032 {
	position:absolute;
	left:100px;
	top:213px;
}
#sys-ss002 {
	top:183px;
	width:800px;
	overflow:hidden;
}
#sys-ss002 li {
	float:left;
	width:380px;
	height:213px;
	margin-right:20px;
	overflow:hidden;
	outline:none;
	text-indent:-9999px;
}
/*#sys-ss002 li a {
	display:block;
	width:100%;
	height:100%;
}*/
#sys-ss002 li#adv-mode { background:url(/xbl/lib/i/system/sys_ss00_021.png) no-repeat; }
/*#sys-ss002 li#adv-mode a:hover { background-position:left top; }*/
#sys-ss002 li#btl-mode { background:url(/xbl/lib/i/system/sys_ss00_022.png) no-repeat; }
/*#sys-ss002 li#btl-mode a:hover { background-position:left top; }*/
#sys-ss003 { left:500px; top:81px; }
#sys-ss0032 { left:180px; top:273px; }
#sys-ss001 li a:hover,
#sys-ss003 li a:hover,
#sys-ss0032 li a:hover,
.sys-ss004 li a:hover {
	filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}
#sys-txt0041, #sys-txt0042,
#sys-txt0051, #sys-txt0052, #sys-txt0053 {
	position:absolute;
	left:100px;
	top:93px;
	width:380px;
	font-size:1.2em;
	line-height:1.5;
}
#sys-txt0041 h2, #sys-txt0042 h2,
#sys-txt0051 h2, #sys-txt0052 h2, #sys-txt0053 h2 {
	padding-bottom:0;
	margin-bottom:12px;
	border:none;
}
#sys-txt0041 p, #sys-txt0042 p,
#sys-txt0051 p, #sys-txt0052 p, #sys-txt0053 p {
	margin-top:1em;
}
#sys-txt0042 { left:500px; }
#sys-txt0051 { top:146px; width:300px; }
#sys-txt0052 { left:420px; top:146px; width:220px; }
#sys-txt0053 { left:660px; top:146px; width:220px; }

#sys-ss01, #sys-ss02, #sys-ss03, #sys-ss04 {
	position:absolute;
	left:500px;
	top:96px;
}
#sys-ss02 {
	left:100px;
	top:309px;
}
#sys-ss03 {
	left:420px;
	top:309px;
}
#sys-ss04 {
	top:93px;
}
#sys-ss03 li {
	float:left;
	margin-right:20px;
}
#sys-content {
	position:absolute;
	width:960px;
	left:20px;
	top:255px;
}
#sys-content li {
	float:left;
	width:172px;
	height:138px;
	margin-right:20px;
}
#sys-content li a:hover {
	-moz-opacity:0.7;
	opacity:0.7;
}
#blc-list {
	position:absolute;
	left:532px;
	top:93px;
	width:360px;
}
#blc-list li {
	float:left;
	width:60px;
	height:60px;
	margin:0 12px 10px 0;
}
#blc-list li a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	outline:none;
	text-indent:-9999px;
	background:url(/xbl/lib/i/system/icon_blc.jpg) no-repeat;
}
#blc-list li#blc-1 a { background-position:left top; }
#blc-list li#blc-1 a:hover { background-position:left bottom; }
#blc-list li#blc-2 a { background-position:-60px top; }
#blc-list li#blc-2 a:hover { background-position:-60px bottom; }
#blc-list li#blc-3 a { background-position:-120px top; }
#blc-list li#blc-3 a:hover { background-position:-120px bottom; }
#blc-list li#blc-4 a { background-position:-180px top; }
#blc-list li#blc-4 a:hover { background-position:-180px bottom; }
#blc-list li#blc-5 a { background-position:-240px top; }
#blc-list li#blc-5 a:hover { background-position:-240px bottom; }
#blc-list li#blc-6 a { background-position:-300px top; }
#blc-list li#blc-6 a:hover { background-position:-300px bottom; }
#blc-list li#blc-7 a { background-position:-360px top; }
#blc-list li#blc-7 a:hover { background-position:-360px bottom; }
#blc-list li#blc-8 a { background-position:-420px top; }
#blc-list li#blc-8 a:hover { background-position:-420px bottom; }
#blc-list li#blc-9 a { background-position:-480px top; }
#blc-list li#blc-9 a:hover { background-position:-480px bottom; }
#blc-list li#blc-10 a { background-position:-540px top; }
#blc-list li#blc-10 a:hover { background-position:-540px bottom; }
#blc-list li#blc-11 a { background-position:-600px top; }
#blc-list li#blc-11 a:hover { background-position:-600px bottom; }
#blc-list li#blc-12 a { background-position:-660px top; }
#blc-list li#blc-12 a:hover { background-position:-660px bottom; }
#blc-list li#blc-13 a { background-position:-720px top; }
#blc-list li#blc-13 a:hover { background-position:-720px bottom; }

/* --------------------------------------------
   =SCREENSHOTS
----------------------------------------------- */
#ss-block {
	position:absolute;
	width:800px;
	left:100px;
	top:111px;
}
#ss-block ol {
	width:800px;
	overflow:hidden;
}
#ss-block li {
	float:left;
	width:80px;
	height:60px;
	padding:1px;
	margin:0 18px 18px 0;
	background:#fff;
}
#ss-block li a {
	-moz-opacity:0.7;
	opacity:0.7;
}
#ss-block li a:hover {
	-moz-opacity:1;
	opacity:1;
}
/* --------------------------------------------
   =DOWNLOAD
----------------------------------------------- */
#download-content {
	position:absolute;
	width:960px;
	left:0px;
	top:111px;
}
#download-content li {
	float:left;
	width:220px;
	margin-left:20px;
	margin-bottom:24px;
	font-size:1.2em;
	line-height:1.5;
	font-weight:bold;
}
/*#download #download-content li {
	width:172px;
}*/
#download-content li.last {  }

/* TWITTER DOWNLOAD */
.twitter-icon-list { overflow:hidden; }
.twitter-icon-list dt {
	clear:left;
	font-size:1.4em;
	line-height:1;
	font-weight:bold;
	margin-bottom:.75em;
	padding:.5em;
	background:#fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.twitter-icon-list dd {
	overflow:hidden;
	margin-bottom:1.5em;
}
.twitter-icon-list dd li {
	float:left;
	margin:0 7px 0 0;
}

/* TRIAL DOWNLOAD */
.trial-desc-text {
	font-size:1.2em;
	line-height:1.5;
	margin:69px 0 21px 160px;
}

/* DIGITAL DATA DL */
.dldatatable {
	font-size:1.2em;
	margin-top:.5em;
	color:#eee;
	border:#e13e46 2px solid;
	background:#000;
}
.dldatatable th,
.dldatatable td {
	padding:.25em;
	vertical-align:middle;
}
.dldatatable th {
	text-align:right;
}
.dldatatable .upper { padding-top:1em; }
.dldatatable .bottom { padding-bottom:1em; }
.dldatatable input[type = "text"] {
	border:#333 1px solid;
	padding:.25em;
	width:90px;
}

/* SOUKU DOWNLOAD */
#soukudownload #leftcolumn p,
#soukudownload #rightcolumn p {
	font-size: 12px;
	line-height: 1.5;
	margin-bottom:1.5em;
}
#soukudownload #leftcolumn p {
	margin-top:.25em;
	text-align: right;
}
#soukudownload #rightcolumn p.notice_txt {
	padding-left: 1em;
	text-indent: -1em;
}

/* --------------------------------------------
   =CAMPAIGN
----------------------------------------------- */
#h-campaign01 {
	width:380px;
	height:30px;
	margin:0 0 21px 20px;
	padding:0;
	background:url(/xbl/lib/i/campaign/campaign_sprit.png) no-repeat;
	border:none;
	text-indent:-9999px;
}
#h-campaign02 {
	margin-bottom:18px;
	padding:0;
	border:none;
}
#campaign-description {
	margin-bottom:1.8em;
	overflow:hidden;
}
#campaign-description p {
	float:right;
	width:240px;
	font-size:1.2em;
	line-height:1.5;
}
#campaign-prize-list {
	float:left;
	width:157px;
	height:162px;
	background:url(/xbl/lib/i/campaign/campaign_sprit.png) left -30px no-repeat;
	text-indent:-9999px;
}
.campaign-subscription-block {
	clear:both;
	width:380px;
	height:54px;
	margin:0 0 0 auto;
	padding:18px 0 0;
	background:url(/xbl/lib/i/information/bg_col.png) no-repeat;
	text-align:center;
}
#soukudownload .campaign-subscription-block {
	height:45px;
	padding:27px 0 0;
}
.campaign-subscription-block p {
	margin-bottom:.8em;
}
#soundtrack .campaign-subscription-block p,
#calendar .campaign-subscription-block p {
	font-size:1.2em;
	margin-bottom:.5em;
}
.campaign-subscription-block ul {
	width:220px;
	height:30px;
	margin:0 auto;
	text-align:left;
}
#soukudownload .campaign-subscription-block ul {
	width:260px;
}
.campaign-subscription-block ul li {
	width:100%;
	height:100%;
}
.campaign-subscription-block ul li a {
	display:block;
	width:100%;
	height:100%;
	background:url(/xbl/lib/i/campaign/campaign_sprit.png) left -192px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}
.campaign-subscription-block ul li a:hover {
	background-position:left -222px;
}
.campaign-subscription-block ul li a.trial {
	background:url(/xbl/lib/i/campaign/trialCampaignButton.png) left top no-repeat;
}
.campaign-subscription-block ul li a.trial:hover {
	background-position:left bottom;
}
.campaign-subscription-block ul li a.debug {
	background:url(/xbl/lib/i/support/gotosupportbutton.png) left top no-repeat;
}
.campaign-subscription-block ul li a.debug:hover {
	background-position:left bottom;
}
.campaign-subscription-block ul li a.sp {
	background:url(/xbl/lib/i/support/gotoDlSiteButton2.png) left top no-repeat;
}
.campaign-subscription-block ul li a.sp:hover {
	background-position:left bottom;
}
.campaign-subscription-block ul li a.shop {
	background:url(/xbl/lib/i/products/gotoshop.png) left top no-repeat;
}
.campaign-subscription-block ul li a.shop:hover {
	background-position:left bottom;
}
#trialdownload .campaign-subscription-block ul li a {
	background:url(/xbl/lib/i/download/gotoDlSiteButton.png) left top no-repeat;
}
#trialdownload .campaign-subscription-block ul li a:hover {
	background-position:left bottom;
}
#soukudownload .campaign-subscription-block ul li a {
	background:url(/xbl/lib/i/download/souku_dl_btn.png) left top no-repeat;
}
#soukudownload .campaign-subscription-block ul li a:hover {
	background-position:left bottom;
}
.campaign-subscription-bottom-block {
	width:380px;
	height:12px;
	margin:0 0 0 auto;
	background:url(/xbl/lib/i/information/bg_col.png) left bottom no-repeat;
}
#campaign-info-block {
	width:356px;
	height:312px;
	overflow:auto;
}
#trialdownload #campaign-info-block {
	height:250px;
}
#campaign-info { margin-bottom:1em;}
#campaign-info td, #campaign-info th {
	padding:.5em .25em;
	line-height:1.2;
	border:#ccc dotted;
	border-width:1px 0;
}
#campaign-info th {
	white-space:nowrap;
}
.campaign-notes dt, .campaign-notes dd {
	line-height:1.5;
}
.campaign-notes dd {
	padding:0 1em;
}

/* --------------------------------------------
   =PRODUCTS
----------------------------------------------- */
#datadl-txt {
	font-size:1.2em;
	line-height:1.5;
	padding-left:160px;
	height:237px;
	background:url(/xbl/lib/i/products/datadl.png) no-repeat;
}
#datadl-txt span {
	display:block;
	font-size:.833em;
	line-height:1.5;
	padding-left:1em;
	text-indent:-1em;
}

/* --------------------------------------------
   =SUPPORT
----------------------------------------------- */
#h-support01, #h-support02 {
	margin-bottom:3px;
	padding:0;
	border:none;
}