/*
 * Xbox 360 X blood CSS file
 * @author  conure
 * @version 05/02/2012
 */
/* -----------------------------------------------
 * =Reset
 * ----------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }

ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; border:0; font-size:100%; text-decoration: none; background:transparent; }

img { vertical-align: bottom; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */

/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:active { outline: none; }
/*a:focus { outline: thin dotted; }*/

a, a:active, a:visited { color:#6bf; }
a:hover { color:#f80; }


/* -----------------------------------------------
 * =Layout
 * ----------------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font: normal 12px/20px 'Meiryo','メイリオ','ＭＳ Ｐゴシック','Lucida Sans Unicode',Arial,Verdana,sans-serif;
	color: #fff;
	background: #000;
}
body.mac {
	font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka',Arial,Verdana,sans-serif;
}
#header-wrap, #wrap, #footer-wrap { width: 100%; }
#wrap {
	position: relative;
	background: #a50000 url(/i/bg_container.png) center top repeat-y;
}

#container {
	position: relative;
	width: 960px;
	min-height: 560px;
	margin: 0 auto;
	padding: 0 20px;
	background: url(/i/bg_container_top.jpg) center top no-repeat;
	overflow: hidden;
}
#home #container {
	height: 560px;
	background: url(/i/bg_container_home2.jpg) center top no-repeat;
}

#home-content {
	position: static;
	width:940px;
	min-height: 560px;
	padding: 0 10px;
	z-index: 0;
}
#information-content,
#intro-content,
#blc-content,
#character-content,
#character #content,
#system-content,
#download-content,
#movie-content,
#contest-content, 
#special-content,
#monster-book #content {
	position: relative;
	width: 960px;
	min-height: 500px;
	padding: 36px 0 20px;
	background: url(/i/information/bg_content_info.png) left 84px no-repeat;
	z-index: 0;
}
#intro-content {
	min-height: 504px;
	background: url(/i/introduction/bg_content_introduction.png) left 84px no-repeat;
}
#keyword #intro-content {
	height: 524px;
	padding-bottom:0;
	background: url(/i/introduction/bg_content_keyword.png) left 84px no-repeat;
}
#blc-content {
	height: 580px;
	padding: 0;
	background: url(/i/introduction/bg_content_blc.png) left 84px no-repeat;
}
#character-content,
#character #content {
	background: url(/i/character/bg_content_character.png) left 84px no-repeat;
	height: 524px;
	padding-bottom: 0;
}
#character #content {
	height: 560px;
	padding: 0;
}
#system-content,
#monster-book #content {
	padding-bottom: 0;
	background-image: none;
}
#system #content {
	position: relative;
	width: 960px;
	height: 496px;
	z-index:10;
	overflow: hidden;
}
#system #content-wrap {
	position:absolute;
	top:0;
	left:0;
	width: 960px;
}
#download-content { background: url(/i/download/bg_content_dl.png) left 100px no-repeat; }
#movie-content { background: url(/i/movies/bg_content_movie.png) left 104px no-repeat; }
#contest-content { background: url(/i/contest/bg_content_cntst.png) left 104px no-repeat; }
#special-content { background: url(/i/special/bg_special.png) left 104px no-repeat; }

/* =Header & Footer
 * ----------------------------------------------- */
header, footer {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}
header { padding: 4px 0; }
footer { padding: 20px 0 30px; }
footer p {
	font-size: 10px;
	line-height: 15px;
	margin: 0;
}

header img#portal-logo { float: left; }
header .header-link { float: right; }
header .header-link li {
	display: inline-block;
	margin-left: 20px;
	padding: 6px 0 6px 18px;
	background: url(/i/list_mark_black.png) left center no-repeat;
}
header .header-link a, header .header-link a:active, header .header-link a:visited { color: #fff; }
header .header-link a:hover { color: #ccc; }

#footer-rcol { float: right; width: 220px; }
#footer-rcol img { margin-bottom: 16px; }

#footer-lcol { float: left; width: 640px; }
#footer-platform-info {
	margin-bottom: 28px;
	overflow: hidden;
}
#footer-platform-info img, .ci-img {
	float: left;
	margin-right: 20px;
}
#footer-platform-info p {
	margin: 8px 0;
	padding-left: 240px;
}
#footer-copyright { overflow: hidden; }
p.user-support-text { padding-left: 240px; }
p.copyright-text {
	clear: left;
	padding-top: 20px;
}
/* Share Items */
#social-media-block {
	width: 72px;
	margin: 0 0 10px auto;
	overflow: hidden;
}
a.share-item {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 12px;
	background:url(/i/misc/share_icon.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}
a.facebook-icon { background-position: left top; }
a.facebook-icon:hover { background-position: left bottom; }
a.twitter-icon { background-position: right top; }
a.twitter-icon:hover { background-position: right bottom; }

/* -----------------------------------------------
 * =Nav
 * ----------------------------------------------- */
nav { position: relative; width:960px; height:48px; z-index: 20; }
#home nav,
#bloodcode nav,#character nav {
	position: absolute;
	left:20px;
	top:496px;
}
#bloodcode nav,#character nav {
	left:20px;
	top:36px;
}

nav li {
	float:left;
	width:94px;
	height:48px;
}
nav li#gotohome,
nav li#gotomnst { width:104px; }
nav li a {
	display: block;
	width:100%;
	height:100%;
	background:url(/i/nav05112012.png) no-repeat; /* 05/02/2012 更新 */
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
}
/* 20 Dec.update */
nav li#gotohome a { background-position: left top; }
nav li#gotohome a:hover { background-position: left center; }
nav li#gotohome a.current { background-position: left bottom; cursor: default; }
nav li#gotoinfo a { background-position: -104px top; }
nav li#gotoinfo a:hover { background-position: -104px center; }
nav li#gotoinfo a.current { background-position: -104px bottom; cursor: default; }
nav li#gotointro a { background-position: -198px top; }
nav li#gotointro a:hover { background-position: -198px center; }
nav li#gotointro a.current { background-position: -198px bottom; cursor: default; }
nav li#gotoch a { background-position: -292px top; }
nav li#gotoch a:hover { background-position: -292px center; }
nav li#gotoch a.current { background-position: -292px bottom; cursor: default; }
nav li#gotosys a { background-position: -386px top; }
nav li#gotosys a:hover { background-position: -386px center; }
nav li#gotosys a.current { background-position: -386px bottom; cursor: default; }
nav li#gotomovie a { background-position: -480px top; }
nav li#gotomovie a:hover { background-position: -480px center; }
nav li#gotomovie a.current { background-position: -480px bottom; cursor: default; }
nav li#gotodl a { background-position: -574px top; }
nav li#gotodl a:hover { background-position: -574px center; }
nav li#gotodl a.current { background-position: -574px bottom; cursor: default; }
nav li#gotocontest a { background-position: -668px top; }
nav li#gotocontest a:hover { background-position: -668px center; }
nav li#gotocontest a.current { background-position: -668px bottom; cursor: default; }
nav li#gotosp a { background-position: -762px top; }
nav li#gotosp a:hover { background-position: -762px center; }
nav li#gotosp a.current { background-position: -762px bottom; cursor: default; }
nav li#gotomnst a { background-position: -856px top; }
nav li#gotomnst a:hover { background-position: -856px center; }
nav li#gotomnst a.current { background-position: -856px bottom; cursor: default; }

/* =Subnav
 * ----------------------------------------------- */
#sub-nav {}
#download #sub-nav,
#special #sub-nav,
#comic #sub-nav,
#purchase-bonus #sub-nav,
#theme-songs #sub-nav,
#cv #sub-nav,
#collabo #sub-nav {
	margin: 23px 0 20px 170px;
}
#special #sub-nav2.inner-cntnt {
	margin: 11px 0 17px;
}

#sub-nav li,
#sub-nav2 li {
	display: inline;
	margin-right: 12px;
	padding: 4px 12px;
	line-height: 1;
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.no-rgba #sub-nav li,
.no-rgba #sub-nav2 li { background: url(/i/blk75.png); }
#sub-nav li a, #sub-nav2 li a { color:#999; outline: none; }
#sub-nav li a:hover, #sub-nav2 li a:hover { color: #0095cd; }
#sub-nav li a.selected, #sub-nav2 li a.selected { color: #fff; cursor: default; font-weight: bold; }
#sub-nav li a.selected:before, #sub-nav2 li a.selected:before { content: "▼"; }
#sub-nav li a.selected:hover, #sub-nav2 li a.selected:hover { color:#fff; }

/* -----------------------------------------------
 * =Heading
 * ----------------------------------------------- */





/* -----------------------------------------------
 * =Text
 * ----------------------------------------------- */
.clear { clear: both; }
.left-side { float: left; }
.right-side { float: right; }
.extrnal-link {
	width: 220px;
	margin: 4px 0 20px auto;
	padding: 6px 0;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.75);
}
.no-rgba .extrnal-link { background: url(/i/blk75.png); }
#spec .extrnal-link {margin-bottom:0;}
.extrnal-link a { color: #fff; outline: none; }
.extrnal-link a:hover { color: #f66; }
.campaign-table td .extrnal-link a { color: #fff; }
.campaign-table td .extrnal-link a:hover { color: #f66; }
#bloodcode .extrnal-link {
	clear:both;
	width: 300px;
	margin: 78px 0 0 auto;
	padding: 3px 0 5px;
	font-size: 10px;
	line-height: 1;
	background-color: rgba(48, 0, 0, 0.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#bloodcode .extrnal-link li {
	display: inline;
	margin: 0 1em;
}
#system #sys02-3 .extrnal-link { margin: 0 auto 8px 0; width: 140px; }
#special .extrnal-link {
	width: 288px;
	margin: 4px 0;
}
#special .txt-col .extrnal-link { width: 160px; margin-top: 12px; }
#special #sw-campaign .extrnal-link,
#contest .cmpgn-detail .extrnal-link { margin: 4px auto 4px auto; }
#special #twico96-list .extrnal-link { width:252px; }
#theme-songs #scarletwings .main-col .extrnal-link {
	margin-top: 44px;
}
#theme-songs .sub-col .extrnal-link { margin: 4px auto 20px 0; }
#character-txt .extrnal-link { margin: 8px 0 20px 0; width: 160px; }

.hiddenelements { position: absolute; left: -9999px; }

.mb20 { margin-bottom: 20px; }
.notes {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.txtshdw { text-shadow: 0 1px 1px #500; }
#home .txtshdw { text-shadow: 0 1px 1px #1f0000; }

.uppercase { text-transform: uppercase; }

.w300 { width: 300px; }
.w340 { width: 340px; }
.w380 { width: 380px; }
.w620 { width: 620px; }
.w780 { width: 780px; }

.main-col, .sub-col { float: left }
.info-block section.main-col { float: right; width: 460px; }
.info-block article.sub-col { float: left; width: 300px; }
#sys02-4 .sub-col { float: right; margin-right: 40px; }
#sys04-2 .sub-col { float: right; }
#sys05-2 .sub-col { float: right; }
#column div.main-col { float: left; width: 380px; }
#column div.sub-col { float: right; width: 380px; }
#purchase-bonus section .main-col { float: right; width: 540px; }
#purchase-bonus section .sub-col { width: 220px; }
#theme-songs section .main-col { width: 460px; }
#theme-songs section .sub-col { float: right; width: 300px; }
#cv section .main-col { float: right; width: 460px; margin-bottom: 20px; }
#cv section .sub-col { float: left; width: 300px; margin-bottom:20px; }

.notice-list { padding-left: 1em; text-indent: -1em; }
.notice-list span { color: #999; }

a#prev-btn,
a#next-btn {
	display: block;
	position: absolute;
	width: 32px;
	height: 54px;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
	background: url(/i/cat_nav.png) no-repeat;
	z-index: 60;
}
a#prev-btn { background-position: 0 0; }
a#prev-btn:hover { background-position: 0 -54px; }
a#next-btn { background-position: -32px 0; }
a#next-btn:hover { background-position: -32px -54px; }
#character a#prev-btn,
#keyword a#prev-btn { left: 0; top:253px }
#bloodcode a#prev-btn,
#system a#prev-btn { left: 0; top:263px }
#character a#next-btn,
#keyword a#next-btn,
#system a#next-btn { right: 0; top:253px }
#bloodcode a#next-btn { right: 0; top:263px }

a#cat-top-btn {
	display: block;
	position: absolute;
	width: 54px;
	height: 28px;
	margin: 0 auto;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
	background: url(/i/cat_nav.png) no-repeat;
	z-index: 60;
}
a#cat-top-btn { background-position: right top; }
a#cat-top-btn:hover { background-position: right bottom; }
#character a#cat-top-btn,
#keyword a#cat-top-btn,
#bloodcode a#cat-top-btn { left: 453px; bottom: 0; }
#system a#cat-top-btn { left: 463px; bottom: 0; }

/* -----------------------------------------------
 * =Page
 * ----------------------------------------------- */
/* =Home
 * ----------------------------------------------- */
#home-image0, #home-image1, #home-image2, #home-image3, #home-image4 { position: absolute; left: 292px; top: 140px; z-index: 5; } /*xblood*/
#home-image1 { left: 310px; top: 30px; z-index: 4; } /*水無瀬シズナ*/
#home-image2 { left: 20px; top: 240px; z-index: 3; } /*飾り*/
#home-image3 { left: 540px; top: 34px; z-index: 2; } /*佐伯空人*/
#home-image4 { left: 124px;  top: 0px; z-index: 1; } /*日々野規子*/
/*#logo { position: absolute; left: 578px; top: 176px; z-index: 5; }*/
#logo, #release-day, #main-copy { position: absolute; }
#logo { left: 610px; top: 254px; z-index: 7; }
#release-day { left: 540px; top: 20px; z-index: 8; }
#release-day { left: 580px; }
#main-copy { left: 20px; top: 24px; z-index: 9; }
#release-info-block {
	position: absolute;
	left: 530px;
	top: 444px;
	width:440px;
	z-index: 10;
}
#release-info-block.two-banners { /* two banners */
	left: 680px;
	width:290px;
}
/*#release-info-block h1 { margin-bottom: 8px; }*/
#release-banner li { float: left; margin-left: 10px; }
#release-banner li:first-child { margin-left: 0; }
#whats-new {
	position:absolute;
	top: 280px;
	left: 30px;
	width: 240px;
	height: 216px;
	overflow: hidden;
	z-index: 11;
}
#whats-new .news-list {
	width: 220px;
	/*height: 216px;*/
	height: 156px; /*216-60px*/
	margin-bottom: 8px;
	overflow: auto;
}
#whats-new .news-list.full-height { height: 216px; }
#whats-new .news-list dt { font-weight: bold; color: #f90; }
#whats-new .news-list dd {
	margin-bottom: 6px;
	padding-bottom: 6px;
	line-height: 15px;
	border-bottom: #666 dotted 1px;
}

/* =Information
 * ----------------------------------------------- */
.info-block {
	width: 780px;
	margin: 20px 0 20px 160px;
	overflow: hidden;
}
.info-block h1 {
	margin-bottom: 4px;
	border-bottom: #f66 dotted 1px;
}
.info-block article.sub-col img { margin: 4px 0; }
.info-block article.sub-col p { font-size: 10px; line-height: 14px; }

#spec-list {
	width: 640px;
	margin-bottom: 16px;
	padding-right: 140px;
	overflow: hidden;
	background: url(/i/information/package_xblr.jpg) right top no-repeat;
}
#spec-list dt, #spec-list dd {
	float: left;
	margin-bottom: 8px;
	padding: 6px 0;
}
#spec-list dt {
	width: 80px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.75);
}
.no-rgba #spec-list dt {
	background: url(/i/blk75.png);
}
#spec-list dd {
	width: 208px;
	margin-right: 20px;
	margin-left: 12px;
}
#spec-list dd.two-line-list {
	line-height: 14px;
	padding: 2px 0;
}

.amazon-link {
	width: 220px;
	margin: 4px 0 4px auto;
}
#spec .amazon-link {
	margin-bottom: 10px;
}

.music-info-list {}
#theme-songs #extrafixx .music-info-list { margin-bottom: 28px; }
.music-info-list dt {
	margin: 20px 0 10px;
	padding-bottom: 9px;
	border-bottom: #f66 dotted 1px;
}
/*#theme-songs .music-info-list dt { margin-top: 12px; }*/
#theme-songs .music-info-list dt { margin: 8px 0 10px; }
.music-info-list dd {}

/* =Introduction
 * ----------------------------------------------- */
#column {
	position: relative;
	width: 780px;
	/*height:;*/
	margin: 20px 0 0 170px;
	z-index: 5
}
#column h1 {
	margin-bottom: 24px;
}
#keyword #column article {
	clear: both;
	overflow: hidden;
	margin-bottom: 8px;
}
#column .main-col h2 {
	margin-bottom: 4px;
	border-bottom: #f66 dotted 1px;
}
/*#column p {
	margin-bottom: 24px;
}*/

#intro-list {
	/*margin-top: 24px;*/
}
#intro-list li.first-list {
	margin-left: 0;
}
#intro-list li.second-line-first-list {
	margin-left: 100px;
}
#intro-list li {
	float: left;
	width: 180px;
	height: 112px;
	margin: 24px 0 0 20px;
}
#intro-list li a img {
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: .5;
	opacity: .5;
}
#intro-list li a:hover img {
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 1;
	opacity: 1;
}
#blc-list {
	position: relative;
	width: 560px;
	height: 186px;
	background: url(/i/introduction/blc_list_title.png) left top no-repeat;
	overflow: hidden;
}
#blc-list li { position: absolute; width: 90px; height: 104px; }
#blc-list li#blc01 { left: 40px; top: 0px; }
#blc-list li#blc02 { left: 133px; top: 0px; }
#blc-list li#blc03 { left: 226px; top: 0px; }
#blc-list li#blc04 { left: 319px; top: 0px; }
#blc-list li#blc05 { left: 412px; top: 0px; }
#blc-list li#blc06 { left: 86px; top: 81px; }
#blc-list li#blc07 { left: 179px; top: 81px; }
#blc-list li#blc08 { left: 272px; top: 81px; }
#blc-list li#blc09 { left: 365px; top: 81px; }
#blc-list li#blc10 { left: 458px; top: 81px; }
#blc-list li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(/i/introduction/blc_lists.png) no-repeat;
	overflow: hidden; outline: none;
	text-indent: -9999px;
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: .7;
	opacity: .7;
}
#blc-list li a:hover { -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; opacity: 1; }
#blc-list li#blc01 a { background-position: left top; }
#blc-list li#blc02 a { background-position: -90px top; }
#blc-list li#blc03 a { background-position: -180px top; }
#blc-list li#blc04 a { background-position: -270px top; }
#blc-list li#blc05 a { background-position: -360px top; }
#blc-list li#blc06 a { background-position: -450px top; }
#blc-list li#blc07 a { background-position: -540px top; }
#blc-list li#blc08 a { background-position: -630px top; }
#blc-list li#blc09 a { background-position: -720px top; }
#blc-list li#blc10 a { background-position: -810px top; }

.background-img {
	position: absolute;
	z-index: 1;
}
.xth .background-img { left: 350px; top: 84px; }
.coderize .background-img { left: 455px; top: 24px; }
.bloodcode .background-img { left: 310px; top: 64px; }
.abyss .background-img { left: 310px; top: 64px; }
.xpd .background-img { left: 324px; top: 114px; }
.newep .background-img { left: 390px; top: 64px; }

/* =Bloodcode */
#blc-txt {
	position: absolute;
	width: 780px;
	left: 170px;
	top: 444px;
	overflow: hidden;
	z-index: 10;
}
#blc-txt h1 {
	float: left;
	width: 220px;
	height: 72px;
	margin: 0;
}
#blc-txt p {
	float: right;
	width: 516px;
	height: 60px;
	padding: 6px 12px;
	background-color: rgba(0, 0, 0, 0.75);
}
.no-rgba #blc-txt p { background: url(/i/blk75.png); }

.blc-img1, .blc-img2 { position: absolute; z-index: 1; }
.blc-img2 { z-index: 1; }
.fighter .blc-img1 { left: 509px; top: 0px; }
.fighter .blc-img2 { left: 150px; top: 0px; }
.magician .blc-img1 { left: 114px; top: 39px; }
.magician .blc-img2 { left: 463px; top: 88px; }
.priest .blc-img1 { left: 391px; top: 117px; }
.priest .blc-img2 { left: 88px; top: 0px; }
.academian .blc-img1 { left: 80px; top: 88px; }
.academian .blc-img2 { left: 462px; top: 40px; }
.archer .blc-img1 { left: 517px; top: 86px; }
.archer .blc-img2 { left: 121px; top: 76px; }
.samurai .blc-img1 { left: 130px; top: 74px; }
.samurai .blc-img2 { left: 533px; top: 49px; }
.knight .blc-img1 { left: 492px; top: 0px; }
.knight .blc-img2 { left: 257px; top: 79px; }
.ninjya .blc-img1 { left: 461px; top: 89px; }
.ninjya .blc-img2 { left: 106px; top: 78px; }
.monk .blc-img1 { left: 110px; top: 0px; }
.monk .blc-img2 { left: 515px; top: 96px; }
.tamer .blc-img1 { left: 52px; top: 0px; }
.tamer .blc-img2 { left: 363px; top: 190px; }

/* =Character
 * ----------------------------------------------- */
#chracter-list {
	margin: 0 0 0 170px;
	width: 780px;
	height: 476px;
	overflow: hidden;
}
#chracter-list li {
	float: left;
	width: 78px;
	height: 476px;
}
#chracter-list li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
	background: url(/i/character/character_list.png) no-repeat;
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: .5;
	opacity: .5;
}
#chracter-list li a:hover {
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	opacity: 1;
}
#chracter-list li#akito a { background-position: left top; }
#chracter-list li#kaito a { background-position: -78px top; }
#chracter-list li#noriko a { background-position: -156px top; }
#chracter-list li#shizuna a { background-position: -234px top; }
#chracter-list li#sakuraba a { background-position: -312px top; }
#chracter-list li#hikaru a { background-position: -390px top; }
#chracter-list li#amou a { background-position: -468px top; }
#chracter-list li#fuwa a { background-position: -546px top; }
#chracter-list li#mao a { background-position: -624px top; }
#chracter-list li#alice a { background-position: -702px top; }

#character-txt {
	position: absolute;
	display: none;
	left: 170px;
	top: 184px;
	width: 300px;
	z-index: 19;
}
#character-txt h1 { margin-bottom: 4px; }
p.ch-data { margin-bottom: 20px; }
p.ch-detail { width: 288px; }
p.cv-name {
	width: 160px;
	margin-top: 10px;
	padding: 6px 0;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, .75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.no-rgba  p.cv-name { background: url(/i/blk75.png); }

.back-img,
.front-img { position: absolute; z-index: 3; }

.akito .back-img { left: 195px; top: 80px; }
.akito .front-img { left: 170px; top: 84px; }
.kaito .back-img { left: 442px; top: 80px; }
.kaito .front-img { left: 330px; top: 84px; }
.noriko .back-img { left: 406px; top: 80px; }
.noriko .front-img { left: 318px; top: 84px; }
.shizuna .back-img { left: 410px; top: 80px; }
.shizuna .front-img { left: 316px; top: 84px; }
.sakuraba .back-img { left: 384px; top: 80px; }
.sakuraba .front-img { left: 306px; top: 84px; }
.hikaru .back-img { left: 466px; top: 80px; }
.hikaru .front-img { left: 340px; top: 104px; }
.amou .back-img { left: 403px; top: 80px; }
.amou .front-img { left: 310px; top: 104px; }
.fuwa .back-img { left: 366px; top: 80px; }
.fuwa .front-img { left: 280px; top: 104px; }
.mao .back-img { left: 445px; top: 80px; }
.mao .front-img { left: 340px; top: 84px; }
.alice .back-img { left: 115px; top: 80px; }
.alice .front-img { left: 100px; top: 84px; }

/* =System
 * ----------------------------------------------- */
#sys01, #sys02, #sys03, #sys04, #sys05 {
	position: relative;
	height: 496px;
	z-index: 16;
}
#sys02 { width: 3840px; }
#sys03, #sys04 { width: 2880px; }
#sys05 { width: 1920px; }
#sys01-1,
#sys02-1, #sys02-2, #sys02-3, #sys02-4,
#sys03-1, #sys03-2, #sys03-3,
#sys04-1, #sys04-2, #sys04-3,
#sys05-1, #sys05-2, #sys05-3 {
	position: relative;
	float: left;
	padding: 61px 0 0 170px;
	width: 790px;
	height: 435px;
}
#sys01-1 { background: url(/i/system/bg_sys01.png) no-repeat; }
#sys02-1, #sys02-2, #sys02-3, #sys02-4 { background: url(/i/system/bg_sys02.png) no-repeat; }
#sys03-1, #sys03-2, #sys03-3 { background: url(/i/system/bg_sys03.png) no-repeat; }
#sys04-1, #sys04-2, #sys04-3 { background: url(/i/system/bg_sys04.png) no-repeat; }
#sys05-1, #sys05-2, #sys05-3 { background: url(/i/system/bg_sys05.png) no-repeat; }

#system-nav {
	position: absolute;
	top: 100px;
	left: 170px;
	padding: 4px 0;
	line-height:1;
	z-index: 30;
	background: url(/i/system/bg_system_nav.png) no-repeat;
}
#system-nav li {
	display: inline-block;
	width: 96px;
	text-align: center;
} 
#system-nav li a {
	color: #fff;
	outline: none;
} 
#system-nav li a:hover {
	color: #f80;
} 

#system h1 { margin-bottom: 24px; }
#system #sys05-2 h1 { margin-bottom: 8px; }
#system h2 {
	margin-bottom: 4px;
	border-bottom: #f66 dotted 1px;
}

#system p { margin-bottom: 20px; }
#system #sys02-1 p, #system #sys02-2 p, #system #sys02-3 p, #system #sys02-4 p { width: 380px; }

#sys1list, #sys22list, #sys41list, #sys51list, #collaboss-list { width: 790px; }
#sys22list { margin-top: 60px; }
#sys41list { margin-top: 40px; }
#sys51list { margin-top: 140px; }
#collaboss-list { margin: 63px 0 36px; }
#sys1list li, #sys22list li, #sys41list li, #sys51list li, #collaboss-list li {
	float: left;
	width: 178px;
	height: 110px;
	margin-left: 20px;
	background: #fff;
	border: #fff solid 1px;
}
#sys22list li, #sys41list li, #sys51list li, #collaboss-list li {
	width: 113px;
	height: 62px;
	margin-left: 18px;
	background: #fff;
	border: #000 solid 1px;
}
#sys1list li:first-child, #sys22list li:first-child, #sys41list li:first-child, #sys51list li:first-child, #collaboss-list li:first-child { margin-left: 0; }
#sys1list li a, #sys22list li a, #sys41list li a, #sys51list li a, #collaboss-list li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(/i/system/system01_list.png) no-repeat;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
}
#sys22list li a { background-image: url(/i/system/system_02-2_list.png); }
#sys41list li a { background-image: url(/i/system/system_04-1_list.png); }
#sys51list li a { background-image: url(/i/system/system_05-1_list.png); }
#collaboss-list li a { background-image: url(/i/special/ss/collabo_ss_list.png); }
#sys1list li a:hover, #sys22list li a:hover, #sys41list li a:hover, #sys51list li a:hover, #collaboss-list li a:hover {
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: .5;
	opacity: .5;
}
#sys1list li#icon2 a { background-position: 0 -110px; }
#sys1list li#icon3 a { background-position: 0 -220px; }
#sys1list li#icon4 a { background-position: 0 -330px; }
#sys22list li#icon2 a, #sys41list li#icon2 a, #sys51list li#icon2 a, #collaboss-list li#icon2 a { background-position: 0 -62px; }
#sys22list li#icon3 a, #sys41list li#icon3 a, #sys51list li#icon3 a, #collaboss-list li#icon3 a { background-position: 0 -124px; }
#sys22list li#icon4 a, #sys41list li#icon4 a, #sys51list li#icon4 a, #collaboss-list li#icon4 a { background-position: 0 -186px; }
#sys22list li#icon5 a, #sys41list li#icon5 a, #sys51list li#icon5 a, #collaboss-list li#icon5 a { background-position: 0 -248px; }
#sys22list li#icon6 a, #sys41list li#icon6 a, #sys51list li#icon6 a, #collaboss-list li#icon6 a { background-position: 0 -310px; }

#sys21list li {
	float: left;
	margin-right: 20px;
	padding: 1em;
	background-color: rgba(0,0,0,.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.no-rgba #sys21list li { background: url(/i/blk75.png); }
#sys21list li a { color: #fff; }
#sys21list li a:hover { color: #0095cd; }
#sys24list li {
	margin-bottom: 4px;
	cursor: pointer;
}
#sys24list li:hover img {
	-ms-filter: "alpha(opacity=75)";
	-moz-opacity: .75;
	opacity: .75;
}
#sys02-1 .background-img, #sys02-2 .background-img, #sys02-3 .background-img,
#sys03-1 .background-img, #sys03-2 .background-img, #sys03-3 .background-img,
#sys04-1 .background-img, #sys05-1 .background-img {
	right: 0;
	top: 0;
	z-index: -5;
}
#sys03-1 .background-img, #sys03-3 .background-img, #sys04-1 .background-img { top: 40px; }
#sys03-2 .background-img { top: 100px; }
#sys05-1 .background-img { top: 32px; }
#sys02-3 .pos1 { right:0; top:40px; }
#sys02-3 .pos2 { right:0; top:260px; z-index: 30; }
#sys04-2 .pos3 { margin-top: -33px; z-index: -5; }
#sys05-2 .pos4 { margin-top: -20px; z-index: -5; }

/* -----------------------------------------------
 * =Movies
 * ----------------------------------------------- */
#mv-list-container {
	width: 780px;
	margin: 20px 0 0 170px;
}
#mv-list {
	list-style: none;
}
#mv-list {
	width: 780px;
	overflow: hidden;
}
#mv-list li {
	float: left;
	width: 240px;
	margin-right: 30px;
	margin-bottom: 28px;
}
#mv-list li#mv01 {
	margin-right: 0;
}
#mv-list li a {
	display: block;
	width: 240px;
	height: 144px;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
}
#mv-list li#mv01 a { background: url(/i/movies/movie_icon.png) left top no-repeat; }
#mv-list li#mv02 a { background: url(/i/movies/movie_icon2.png) left top no-repeat; }
#mv-list li#mv03 a { background: url(/i/movies/movie_icon3.png) left top no-repeat; }
#mv-list li#mv04 a { background: url(/i/movies/movie_icon4.png) left top no-repeat; }
#mv-list li#mv01 a:hover,
#mv-list li#mv02 a:hover,
#mv-list li#mv03 a:hover,
#mv-list li#mv04 a:hover { background-position: left bottom; }
#mv-list li span {
	display: block;
	width: 240px;
	height: 36px;
	margin: 8px 0 0;
	padding: 2px 0;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	text-transform: uppercase;
	background-color: rgba(0,0,0,.75);
}
.no-rgba #mv-list li span { background: url(/i/blk75.png); }

/* -----------------------------------------------
 * =Download
 * ----------------------------------------------- */
#download #content-area {
	position: relative;
	margin: 0 0 0 170px;
	width: 780px;
	height: 472px;
	overflow: hidden;
}
#section-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 1560px;
	height: 472px;
	overflow: hidden;
}
#content-twitter,
#content-wp {
	float: left;
	width: 780px;
	height: 472px;
}

#download #content-area h1 {
	margin-bottom: 28px;
	border-bottom: #f66 dotted 1px;
}

#tw-list,
#wp-list {
	list-style: none;
	overflow: hidden;
}
#tw-list li,
#wp-list li {
	float: left;
	position: relative;
	margin-left: 20px;
}
#wp-list li { margin-left: 30px; margin-bottom: 28px; }
#tw-list li.left-first, #wp-list li.left-first { margin-left: 0; }
#tw-list li img,
#wp-list li img {
	padding: 10px;
	background-color: rgba(0,0,0,.5);
}
.no-rgba #tw-list li img, .no-rgba #wp-list li img { background:transparent url(/i/blk75.png); }
#tw-list li span,
#wp-list li span {
	display: block;
	margin-top: 7px;
	width: 100%;
	height: 20px;
	font-size: 10px;
	line-height: 2;
}
#wp-list li span {
	margin-top: 2px;
}
#tw-list li span a strong {
	color:#0095CC;
	font-weight: bold;
}
a.n-anchor, a.l-anchor, a.r-anchor {
	display: block;
	padding: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	background-color: rgba(0,0,0,.75);
}
.no-rgba a.n-anchor, .no-rgba a.l-anchor, .no-rgba a.r-anchor { background: url(/i/blk75.png); }
a.l-anchor, a.r-anchor {
	float: left;
	width: 115px;
}
a.r-anchor { margin-left: 10px; }
a:hover.n-anchor, a:hover.l-anchor, a:hover.r-anchor {
	color: #0095cd;
}

#tw-list li img.newmark,
#wp-list li img.newmark {
	position: absolute;
	top:0;
	right:0;
	padding: 12px;
	background-color: transparent;
}
.no-rgba #tw-list li img.newmark, .no-rgba #wp-list li img.newmark {
	background: trancparent;
	background-image: none;
}

/* -----------------------------------------------
 * =Contest
 * ----------------------------------------------- */
#contest #content {
	position: relative;
	margin: 20px 0 20px 170px;
	width: 780px;
}
#contest #content h1 {
	margin-bottom: 24px;
}

/* 参加賞ダウンロード
 * ----------------------------------------------- */
#dl-comment {
	margin: 28px 0 8px;
	padding: 60px 56px;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: rgba(0,0,0,.5);
	overflow: hidden;
}
.no-rgba #dl-comment { background: url(/i/blk75.png); }
#dl-comment p {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.667;
}
.dlbutton input {
	padding: 17px 35px;
	font-family: 'メイリオ',Meiryo,'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Lucida Sans Unicode',Arial,Verdana,sans-serif;
	font-size: 18px;
	line-height:1;
	color: #fff;
	border: solid 2px #f00;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #000;
	cursor: pointer;
}
.dlbutton input:hover,
.dlbutton input:active {
	border-color: #999;
	background: #f30;
}

/* 結果発表
 * ----------------------------------------------- */
.award #content { position:relative; }
.award #content header {
	width: 740px;
	height: 332px;
	margin-bottom: 48px;
	padding: 16px;
	background:#FFF url(/i/contest/bg_contest_award.jpg) right top no-repeat;
	border:4px solid #d96f23;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.award #content header h1 { margin-bottom: 20px; }
.award #content header p { margin-bottom: 24px; color: #111; }
.award #content header li {
	display: inline;
	margin-right: 20px;
	width: 240px;
	height: 52px;
	background: #fff;
}
.award #content header li a:hover img {
	-ms-filter: "alpha(opacity=75)";
	-moz-opacity: .75;
	opacity: .75;
}
.award-col {
	position: relative;
	width: 740px;
	margin-bottom: 48px;
	padding: 20px 16px 4px;
	background-color:#eee;
	border-width: 20px 4px 4px;
	border-style: solid;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
#prize1 {
	border-color:#f30;
}
#prize2 {
	border-color:#05f;
}
#prize3 {
	border-color:#f90;
}
#prize4 {
	border-color:#ff60c0;
}
#contest #content .award-col h1 {
	position: absolute;
	left: 16px;
	top: -40px;
	z-index: 200;
}
.prizewinner-col {
	position: relative;
}
#prize2 .prizewinner-col { display:inline-block; margin: 0 34px 32px; }
#prize3 .prizewinner-col { display:inline-block; margin: 0 12px 32px; }
.award-col .prizewinner-col img.thumb {
	border:1px solid #999;
}
#prize1 img.thumb,
#prize4 img.thumb,
#prize1 .prizewinner-col div,
#prize4 .prizewinner-col div {
	display: inline-block;
	margin: 0 0 32px 20px;
}

.prizewinner-col ul {
	margin-top: 8px;
	width: 300px;
}
#prize3 .prizewinner-col ul {
	width: 220px;
}
.prizewinner-col ul li {
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	color: #111;
	text-align: center;
	margin-bottom: 8px;
	padding: 7px;
	background-color: #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.prizewinner-col ul li small {
	font-size: 12px;
}
.prizewinner-col p {
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	width: 300px;
	padding: 16px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#prize1 .prizewinner-col p {
	background-color:#f30;
	padding: 20px 0;
}
#prize2 .prizewinner-col p {
	background-color:#05f;
}
#prize3 .prizewinner-col p {
	background-color:#f90;
	width: 220px;
}
#prize4 .prizewinner-col p {
	background-color:#ff60c0;
	padding: 20px 0;
}
.prizewinner-col p a { color: #fff; }
.prizewinner-col p a:hover { color: #69f; }

/* 詳細 */
#winners-profile {
	position: relative;
	padding: 40px 30px 20px;
	width: 800px;
	min-height: 600px;
	overflow: hidden;
	background-color:#efefef;
}
#winners-profile header {
	position: absolute;
	left: 40px;
	top:8px;
	z-index: 600;
}
#prize-image, #prize-texts {
	float: left;
	margin-right: 18px;
	margin-bottom: 8px;
	width: 542px;
	height: 512px;
}
#prize-texts {
	float: left;
	margin-right: 0;
	width: 240px;
	color: #333;
}
#prize-image img { border: #ccc solid 1px; }
#prize-texts ul {}
#prize-texts ul li { margin-bottom: 8px; }
#prize-texts ul li.names,
#prize-texts ul li h2 {
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 8px;
	padding: .25em .5em;
	background-color:#e6e0cf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#prize-texts ul li.names small { font-size: 12px; font-weight: normal; }
#prize-texts ul li ul,
#prize-texts ul li li { margin-bottom: 4px; }
#prize-texts ul li li span { display: inline-block; width: 6em; }
#prize-texts ul li p { margin: 0; line-height: 1.4; }
.prize-comment {
	clear: both;
	padding: 12px;
	color: #333;
	background-color:#e6e0cf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.prize-comment h1 { font-size: 14px; line-height: 2em; }
.prize-comment p { margin: 0; }

/* -----------------------------------------------
 * =Special
 * ----------------------------------------------- */
#special #content,
#comic #content,
#purchase-bonus #content,
#theme-songs #content,
#cv #content,
#collabo #content {
	position: relative;
	margin: 0 0 0 170px;
	width: 780px;
}
#comic #content {
	height: 430px;
	overflow: hidden;
}
#purchase-bonus #content,
#theme-songs #content,
#cv #content,
#collabo #content {
	min-height: 430px;
}
#collabo #content { background:url(/i/special/bg_collabo.png) right top no-repeat; }

#comic #content h1,
#purchase-bonus #content h1,
#theme-songs #content h1,
#cv #content h1,
#collabo #content h1 { margin-bottom: 22px; }
#theme-songs #content .sub-col h1 { margin-bottom: 8px; }

/* キャンペーン
 * ----------------------------------------------- */
.campaign-content {
	position: relative;
	min-height: 440px;
	margin-bottom: 20px;
}
#twico96-campaign header {
	margin-bottom:28px;
	padding:20px;
	width:740px;
	height:292px;
	background:url(/i/special/tw96_main.jpg) no-repeat;
}

#mrms10part {
	position: absolute;
	top: 190px;
	left: 400px;
}
#banner-cmpgn-txt {
	margin: 8px 0 24px;
	width: 460px;
	height: 108px;
	padding:32px 30px 12px 290px;
	background: url(/i/special/bg_txt_of_banner_campaign.png) no-repeat;
}
#sw-cmpgn-txt, #twico96-txt {
	margin: 8px 0 24px;
	padding: 8px 24px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(0,0,0,.5);
}
#contest-content #sw-cmpgn-txt { padding: 24px 40px; }
.no-rgba #sw-cmpgn-txt, .no-rgba #twico96-txt { background: url(/i/blk75.png); }
#sw-campaign #encntx-dl {
	margin: 24px 0;
	padding: 24px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(0,0,0,.75);
}
.no-rgba #sw-campaign #encntx-dl { background: url(/i/blk75.png); }
#sw-campaign #encntx-dl h2 {
	margin-bottom: 8px;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
}
#sw-campaign #encntx-dl p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
	text-align: center;
}
#encntxGet {
	text-align: center;
}
input#encntxGetPass {
	font-size: 16px;
	padding: .25em;
	border: solid 1px #999;
}
input#encntxGetPass:focus { border-color: #36f; }
input#encntxGet-button {
	font-size: 16px;
	font-weight: bold;
	padding: .25em 2em;
	background: #eee;
	color: #333;
	border: solid 1px #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
input#encntxGet-button:hover { background: #B0281A; color: #fff; }

#mrms10-cmpgn-txt {
	margin: 6px 0 24px;
	width: 780px;
	height: 240px;
	background: url(/i/special/bg_txt_of_mrms10_campaign.png) left bottom no-repeat;
	overflow: hidden;
}
.txt-col {
	float: left;
	width: 360px;
	height: 175px;
	padding: 40px 10px 25px 170px;
	background: url(/i/special/bg_txt_of_mrms10_campaign2.png) left bottom no-repeat;
}
.img-col {
	float: right;
	width: 220px;
	margin: 28px 10px 0 0;
}
.caption-txt { font-size:10px; line-height: 1.5; margin-top: 12px; }
#banner-cmpgn-txt .cmpgn-txt,
#sw-cmpgn-txt .cmpgn-txt {
	margin: 2px 0 0;
	font-size: 18px;
	line-height: 1.5;
}
#mrms10-cmpgn-txt .cmpgn-txt { color: #111; }

/* twitter icon presents */
dl#twico96-list { margin-bottom:28px; overflow:hidden; }
dl#twico96-list dt, dl#twico96-list dd { float:left; }
dl#twico96-list dt {
	margin:0 16px 0 0;
	padding:28px 0;
	width:112px;
	height:56px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:28px;
	background:url(/i/special/tw96_bg_date.png) no-repeat;
}
dl#twico96-list dt#num2 { margin-left:20px; }
dl#twico96-list dd { width:252px; }

.campaign-table {
	width: 100%;
	margin: 0 auto 20px;
}
.campaign-table caption {
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	margin: 4px 0 8px;
}
.campaign-table th, .campaign-table td {
	padding: .75em 2em;
	border: #d20 solid 1px;
	color: #1f0000;
	background-color: rgba(256,256,256,.5);
}
.campaign-table th {
	color: #fff;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	background-color: rgba(0,0,0,.75);
}
.no-rgba .campaign-table td { background: url(/i/white50.png); }
.no-rgba .campaign-table th { background: url(/i/blk75.png); }
.campaign-table td.no-line-right { border-right-width: 0; }
.campaign-table td.no-line-left { border-left-width: 0; padding-left: 0; }

.campaign-table td ol { margin-left: 2em; }
.campaign-table td ul.campaign-table-list { margin-left: 1.5em; }
.campaign-table td ul.campaign-table-list li { list-style: disc; }
.campaign-table td ol ul {
	margin-left: 2em;
	list-style: disc;
}
.campaign-table td a { color: #036; }
.campaign-table td a:hover { color: #f10; }

.form-and-mail-links {
	overflow: hidden;
}
.form-link, .form-link-sp {
	width: 380px;
	padding: 27px 0;
	overflow: hidden;
}
.form-link-sp { padding: 0; }
.form-link li,
.form-link-sp li {
	float: left;
	width: 380px;
	height: 80px;
}
.form-link-sp li {
	float: none;
	height: 57px;
	margin-bottom: 20px;
}
.form-link li a,
.form-link-sp li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	line-height: 80px;
	text-align: center;
	background-color: rgba(0,0,0,.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#sw-campaign .form-link li a {
	padding: 8px 0px;
	height: 64px;
	font-size: 24px;
	line-height: 32px;
}
.form-link-sp li a { line-height: 57px; }
.form-link li a:hover, .form-link-sp li a:hover { color: #f30; }
.no-rgba .form-link li a { background: url(/i/white50.png); }
.mobile-block {
	width: 360px;
	padding: 9px;
	border: #d20 solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.mobile-block img {
	float: left;
	margin-right: 20px;
}
.mobile-block .notes {
	font-size: 10px;
	line-height: 1.5;
}

/* 4コマ漫画
 * ----------------------------------------------- */
#purchase-bonus #content section {
	margin-bottom: 32px;
	overflow: hidden;
}
#purchase-bonus #content section h1,
#purchase-bonus #content h2 {
	margin-bottom: 28px;
	border-bottom: #f66 dotted 1px;
}
#comic-list {
	margin: 23px 0 20px;
	overflow: hidden;
}
#comic-list li {
	float: left;
	margin: 0 20px 28px 0;
	width: 140px;
	list-style: none;
	font-size: 10px;
	line-height: 1;
	color: #fff;
	text-align:center
}
#comic-list li a {}
#comic-list li span.com-icon,
#comic-list li a span.com-icon {
	display: block;
	position: relative;
	margin-bottom: 5px;
	width: 140px;
	height: 95px;
	background: url(/i/special/comics/comic_thmb.png) right top;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}
#comic-list li a span#comn01 { background-position: left top; }
#comic-list li a span#comn02 { background-position: -140px top; }
#comic-list li a span#comn03 { background-position: -280px top; }
#comic-list li a span#comn04 { background-position: -420px top; }
#comic-list li a span#comn05 { background-position: -560px top; }
#comic-list li a:hover span#comn01 { background-position: left bottom; }
#comic-list li a:hover span#comn02 { background-position: -140px bottom; }
#comic-list li a:hover span#comn03 { background-position: -280px bottom; }
#comic-list li a:hover span#comn04 { background-position: -420px bottom; }
#comic-list li a:hover span#comn05 { background-position: -560px bottom; }
#comic-list li a span.com-icon img.newmark { position: absolute; left: 3px; top: 3px; }
#comic-list li span.com-title,
#comic-list li a span.com-title {
	display: block;
	padding: 11px 0;
	width: 140px;
	height: 10px;
	background-color: rgba(0,0,0,.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.no-rgba #comic-list li span.com-title, .no-rgba #comic-list li a span.com-title { background: url(/i/blk75.png); }


/* 先着購入特典
 * ----------------------------------------------- */

/* 購入ガイド
 * ----------------------------------------------- */
#shop-list-wrap {
	position:relative;
	width: 780px;
	min-height: 430px;
	margin: 25px 0 20px;
	background: rgba(0,0,0,.75);
}
.no-rgba #shop-list-wrap { background: url(/i/blk75.png); }
.shop-list {
	position:relative;
	padding: 20px 0 0 20px;
}
.shop-list li {
	position: relative;
	float: left;
	width: 170px;
	height: 52px;
	margin: 0 20px 32px 0;
}
.shop-list li a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
}
.shop-list li a img.shopicon {
	background: #fff;
}
.shop-list li a:hover img.shopicon { -ms-filter: "alpha(opacity=50)"; -moz-opacity: .5; opacity: .5; }
.shop-list li a span.shopname {
	display: inline-block;
	width: 84px;
	height: 35px;
	margin-left: 6px;
	padding-top: 17px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.5;
	
}
.shop-list li.with-privilege a span.shopname {
	height: 52px;
	padding-top: 0;
}
.shop-list li a span.shopname img {
	margin-bottom: 3px;
}
.privilege-image {
	display: none;
	position: absolute;
	left:-20px;
	top:-98px;
	width: 170px;
	height: 72px;
	padding: 10px 0 18px;
	background: url(/i/special/bonus_chip_bg.png) no-repeat;
}

/* OP ED テーマ
 * ----------------------------------------------- */
#scarletwings, #lazygung {
	position: relative;
	overflow: hidden;
	margin-bottom: 28px;
}
#scarletwings { margin-bottom: 48px; }

article#lazy { margin: 8px 0 4px; overflow: hidden; }
article#lazy p { font-size: 10px; line-height: 1.5; }
img.cdjacket { margin-bottom: 4px; }
img.lazy-photo { float: left; margin-right: 20px;}

ol.music-list {
	margin: 20px 0 24px;
	padding-left: 2em;
}

/* 声優紹介
 * ----------------------------------------------- */
#cv article.sub-col img { margin: 4px 0; }
#cv article.sub-col p { font-size: 10px; line-height: 14px; }
#cv article.sub-col dl { margin: 14px 0; font-size: 10px; line-height: 14px; }
#cv article.sub-col dt { font-weight: bold; }
#cv article.sub-col dd { padding-left: 7em; margin-top: -14px; }

#cv .main-col p { margin-bottom: 20px; }

#recording, #ustream { float: left; width: 220px; }
#ustream { float: right; }
#recording img, #ustream img { margin-bottom: 4px; }

.voice-block {
	width: 52px;
	height: 52px;
	margin: 20px 0;
	padding: 24px 24px 4px 384px;
}
#mess1st { background: url(/i/special/bg_message_of_ayano1.png) no-repeat; }
#mess2nd { background: url(/i/special/bg_message_of_ayano2.png) no-repeat; }

/* コラボ紹介
 * ----------------------------------------------- */
#soku-wrap, #shinobi-wrap {
	width: 380px;
	float: left;
	margin: 36px 20px 20px 0;
	overflow: hidden;
}
#shinobi-wrap { margin-right: 0; }
#collabo #content article h1 {
	margin: 0 0 8px 0;
	border-bottom: #f66 dotted 1px;
}
#collabo #content article p {
	margin: 8px 0 28px;
}
.collabo-img-list {
	overflow: hidden;
	list-style: none;
	font-size: 10px;
	line-height: 1.5;
}
.collabo-img-list li {
	float:left;
	width: 110px;
	margin: 0 0 20px 20px;
}
#soku-wrap .collabo-img-list li { width: 180px; }
.collabo-img-list li:first-child { margin-left: 0; }
.collabo-img-list li img { margin-bottom: 8px; }
.collabo-img-list li span {
	display: block;
	clear: left;
}
ul.cpr { font-size: 10px; line-height: 1.2; text-align: right; }

/* -----------------------------------------------
 * =Monsters
 * ----------------------------------------------- */
#monster-book #content-area {
	position: relative;
	min-height: 472px;
	margin:20px 0 80px;
	overflow: hidden;
}
#monster-book #content-area h1 { margin:0 0 25px 50px; }
#monster-book #content-area h1 + p { margin:0 0 13px 50px; }

#mnst-book-link { width:888px; min-height:400px; margin: 0 auto; background:url(/css/images/loading3.gif) center center no-repeat; }
#mnst-book-link li {
	width:116px;
	height:116px;
	margin:10px 14px;
	display:inline-block;
	background-color:#000;
	border:#fff solid 2px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}
#mnst-book-link li a {
	opacity:.5;
	-ms-filter:"alpha(opacity=50)";
    transition: opacity 0.5s linear 0s;
    -webkit-transition: opacity 0.5s linear 0s;
    -moz-transition: opacity 0.5s linear 0s;
    -o-transition: opacity 0.5s linear 0s;
}
#mnst-book-link li a:hover { opacity:1; -ms-filter:"alpha(opacity=100)"; }
#mnst-book-link li img {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}


/* -----------------------------------------------
 * =Audio
 * ----------------------------------------------- */
#audio-block {
	right: 24px;
	position: absolute;
	top: 10px;
	z-index:100;
}
#volume {
	right: 24px;
	position: absolute;
	top: 10px;
	opacity: 0.8;
}
#volume a {
	background: transparent url(/i/misc/sound_icons.png) no-repeat;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}
#volume.all a { background-position: 0 0; }
#volume.some a { background-position: -30px 0; }
#volume.none a { background-position: -60px 0; }
/* special */
#volume1, #volume2, #audio-block1, #audio-block2 {
	position: relative;
	width: 52px;
	height: 52px;
}
#volume1 a, #volume2 a {
	background: transparent url(/i/misc/playerbutton.png) no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}
#volume1.play a, #volume2.play a { background-position: -52px 0; }
#volume1.stop a, #volume2.stop a { background-position: 0 0; }

/* -----------------------------------------------
 * =Tipsy ToolTips
 * ----------------------------------------------- */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; -ms-filter: "alpha(opacity=80)"; background-repeat: no-repeat; }
  .tipsy-inner { border-radius:5px; padding: 2px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-north { background-image: url(../images/tipsy/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(../images/tipsy/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(../images/tipsy/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(../images/tipsy/tipsy-west.gif); background-position: left center; }

/* -----------------------------------------------
 * =Non-semantic Helper Classes
 * ----------------------------------------------- */
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }