@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - GENERAL APPLICATIONS
	COPYRIGHT : 1997-2018 SPACE PROJECT
	BUILD : 2018-01-06T15:19:24+09:00
------------------------------------------------------------*/

/*------------------------------------------------------------
	FONT SIZE	12pt 1em (16pt 0.75 em)
	18pt	1.50 em		16pt	1.33 em		15pt	1.25 em
	14pt	1.17 em		11pt	0.92 em		10.5pt	0.88 em
	10pt	0.83 em		9pt		0.75 em

	IMAGE SIZE
	MAIN	285*400		CHARA	150*200
	div1	953			div2	470
	div3	315			div4	233
	img*1	975			img*2	483
	img*3	319			img*4	237
	img*4	188
------------------------------------------------------------*/

/*------------------------------------------------------------
	APPS MAIN INFOMATIONS
------------------------------------------------------------*/
#mainContainer {
	clear: both;
	width: 1000px;
	margin: 30px auto 30px auto;
	padding: 0px;
	text-align: left;
}
#mainContainer:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#infomationContainer {
	float: left;
	width: 780px;
	padding: 15px 10px;
	border: 1px solid #dddddd;
}
#infomationContainer > img {
	float: left;
	border: 1px solid #eeeeee;
}
#infomationContainer .infomations {
	position: relative;
	float: right;
	width: 480px;
	min-height: 400px;
}
#infomationContainer .infomations h3 {
	font-size: 1.25em;
	margin-bottom: 16px;
	padding: 4px 0px 4px 25px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	background: #f9f9f9 url(/common/ui/background_contentsHeader.png) no-repeat 3px center;
	color: #666666;
}
#infomationContainer .infomations h3.small {
	font-size: 1em;
	padding: 6px 0px 5px 25px;
}
#infomationContainer .infomations h3 span.ruby {
	font-size: 0.92em;
	margin-left: 5px;
}
#infomationContainer .infomations h3 span.ruby:before {
	content: "（";
}
#infomationContainer .infomations h3 span.ruby:after {
	content: "）";
}
#infomationContainer .infomations p.proGenre {
	margin-bottom: 10px;
	font-size: 0.83em;
	padding-bottom: 5px;
	border-bottom: 1px solid #eeeeee;
}
#infomationContainer .infomations p.proCaption {
	margin-bottom: 15px;
	font-size: 1.25em;
	line-height: 1.25em;
	padding-left: 10px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#infomationContainer .infomations p.proCaption span.ruby {
	font-size: 0.88em;
}
#infomationContainer .infomations p.proCaption span.ruby:before {
	content: "（";
}
#infomationContainer .infomations p.proCaption span.ruby:after {
	content: "）";
}
#infomationContainer .infomations div.proDescription {
	margin-bottom: 10px;
	border-bottom: 1px solid #eeeeee;
}
#infomationContainer .infomations div.proDescription p {
	font-size: 0.92em;
	line-height: 1.5em;
	padding-left: 10px;
	margin-bottom: 0.75em;
}
#infomationContainer .infomations div.proDescription p.caution {
	color: #cc3333;
}
#infomationContainer .infomations div.proDescription p.highLine {
	line-height: 2em;
	margin-bottom: 1em;
}
#infomationContainer .infomations dl.proStaffList {
	margin-left: 10px;
	padding: 0px 0px 20px 0px;
	font-size: 0.92em;
}
#infomationContainer .infomations dl.topMargin {
	margin-top: 10px;
}
#infomationContainer .infomations dl.proStaffList dt {
	float: left;
	padding-left: 15px;
	background: url(/common/ui/marker_specList.png) no-repeat 6px 3px;
}
#infomationContainer .infomations dl.proStaffList dd {
	float: left;
	margin-right: 1.5em;
}
#infomationContainer .infomations dl.proStaffList dt:after {
	content: "：";
}
#infomationContainer .infomations ul.notes {
	clear: both;
	margin: 10px 0 10px 10px;
	line-height: 1em;
	font-size: 0.92em;
	color: #999999;
	list-style-type: none;
}
#infomationContainer .infomations ul.notes li {
	line-height: 1.5em;
	margin-bottom: 0.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#infomationContainer .infomations h4 {
	font-size: 1.14em;
	margin: 10px 0px 10px 0px;
	padding: 3px 0px 2px 25px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	background: #f9f9f9 url(/common/ui/background_contentsHeader.png) no-repeat 3px center;
	color: #666666;
}
#infomationContainer .infomations h4.small {
	font-size: 1em;
	padding: 6px 0px 5px 25px;
}
#infomationContainer .infomations h4 span.caution {
	font-size: 0.88em;
	margin-left: 10px;
	color: #cc3333;
}
#infomationContainer .infomations dl.proData {
	margin-left: 10px;
	padding-bottom: 20px;
}
#infomationContainer .infomations dl.proDataVertical {
	margin-left: 10px;
	padding-bottom: 5px;
}
#infomationContainer .infomations dl.proData dt, #infomationContainer .infomations dl.proDataVertical dt  {
	float: left;
	padding-left: 15px;
	background: url(/common/ui/marker_specList.png) no-repeat 6px 3px;
}
#infomationContainer .infomations dl.proData dd, #infomationContainer .infomations dl.proDataVertical dd {
	float: left;
	margin-right: 20px;
}
#infomationContainer .infomations dl.proDataVertical dd.vertical {
	float: none;
	margin-right: 20px;
	margin-bottom: 10px;
}
#infomationContainer .infomations dl.proData dt:after, #infomationContainer .infomations dl.proDataVertical dt:after {
	content: "：";
}
#infomationContainer .infomations table.proSpecList {
	clear: both;
	width: 460px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 0px;
	font-size: 0.83em;
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}
#infomationContainer .infomations table.proSpecList th {
	width: 8em;
	padding: 3px 5px 3px 15px;
	text-align: left;
	background: url(/common/ui/marker_specList.png) no-repeat 5px 5px;
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	background-color: #f9f9f9;
}
#infomationContainer .infomations table.proSpecList td {
	padding: 3px 0px 3px 5px;
	line-height: 1.2em;
	text-align: left;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	color: #999999;
}
#infomationContainer .infomations a img.banner {
	margin-left: 10px;
}
#infomationContainer .infomations div.bannerDescription {
	float: right;
	width: 245px;
	margin: 0 5px 0 5px;
}
#infomationContainer .infomations div.bannerDescription p {
	font-size: 0.83em;
	margin-bottom: 0.5em;
}
/*------------------------------------------------------------
	MENU - MAIN
------------------------------------------------------------*/
#menuContainer {
	float: right;
}
#menuMain {
	width: 180px;
	min-height: 60px;
	padding: 0;
	border: 1px solid #dddddd;
}
#menuMain ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
}
#menuMain li {
	border-top: 1px solid #eeeeee;
}
#menuMain li:first-child {
	border-top: none;
}
#menuMain li a,
#menuMain li.menuHeader p {
	display: block;
	padding: 10px 0px 10px 35px;
	color: #999999;
	background: url(/common/ui/background_appMenu@fs.png) no-repeat -600px -9px;
	background-size: 1000px 150px;
}
#menuMain li a:hover {
	color: #cc3333;
	background-position: -600px -59px;

}
#menuMain li.menuHeader p {
	padding: 12px 0px 12px 35px;
	background-position: 0 -107px;
}
#menuMain li.menuHeader a {
	padding: 12px 0px 12px 35px;
	color: #999999;
	background-position: 0 -57px;
}
#menuMain li.menuHeader a:hover {
	color: #e6a300;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#menuMain li a, #menuMain li.menuHeader p {
		background-image: url(/common/ui/background_appMenu@fs@2x.png);
	}
}
/*------------------------------------------------------------
	MENU - SPECIAL PRICE
------------------------------------------------------------*/
#menuSpecialprice {
	width: 180px;
	padding: 0;
	margin-top: 10px;
	border: 1px solid #dddddd;
}
#menuSpecialprice ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
}
#menuSpecialprice li a,
#menuSpecialprice li p {
	display: block;
	padding: 12px 0px 12px 35px;
	color: #999999;
	background: url(/common/ui/background_appMenu@fs.png) no-repeat -200px -6px;
	background-size: 1000px 150px;
}
#menuSpecialprice li a:hover {
	color: #2b98ce;
	background-position: -200px -56px;
}
#menuSpecialprice li p {
	background-position: -200px -107px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#menuSpecialprice li a, #menuSpecialprice li p {
		background-image: url(/common/ui/background_appMenu@fs@2x.png);
	}
}
/*------------------------------------------------------------
	MENU - DL PRODUCTS
------------------------------------------------------------*/
#menuDlproducts {
	width: 180px;
	padding: 0;
	margin-top: 10px;
	border: 1px solid #dddddd;
}
#menuDlproducts ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
}
#menuDlproducts li a,
#menuDlproducts li p {
	display: block;
	padding: 12px 0px 12px 35px;
	color: #999999;
	background: url(/common/ui/background_appMenu@fs.png) no-repeat -400px -6px;
	background-size: 1000px 150px;
}
#menuDlproducts li a:hover {
	color: #50aaab;
	background-position: -400px -56px;
}
#menuDlproducts li p {
	background-position: -400px -107px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#menuDlproducts li a, #menuDlproducts li p {
		background-image: url(/common/ui/background_appMenu@fs@2x.png);
	}
}
/*------------------------------------------------------------
	MENU - SUPPORT
------------------------------------------------------------*/
#menuSupport {
	width: 180px;
	padding: 0;
	margin-top: 10px;
	border: 1px solid #dddddd;
}
#menuSupport ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
}
#menuSupport li a,
#menuSupport li p {
	display: block;
	padding: 12px 0px 12px 35px;
	color: #999999;
	background: url(/common/ui/background_appMenu@fs.png) no-repeat -800px -6px;
	background-size: 1000px 150px;
}
#menuSupport li a:hover {
	color: #cc3333;
	background-position: -800px -56px;
}
#menuSupport li p {
	background-position: -800px -107px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#menuSupport li a, #menuSupport li p {
		background-image: url(/common/ui/background_appMenu@fs@2x.png);
	}
}
/*------------------------------------------------------------
	MENU - ONLINE SHOP
------------------------------------------------------------*/
#menuOnlineshop {
	margin-top: 20px;
}
#menuOnlineshop p a {
	display: block;
	width: 180px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 300%;
	background: url(/common/ui/button_onlineshopLink2@fs.png) no-repeat 0 -40px;
	background-size: 180px 80px;
	border: 1px solid #f3aaa0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 0 10px #dddddd;
	-webkit-box-shadow: 0 0 10px #dddddd;
	-moz-box-shadow: 0 0 10px #dddddd;
}
#menuOnlineshop p a:hover {
	background-position: 0 0;
	border-color: #f3d1a1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#menuOnlineshop p a {
		background-image: url(/common/ui/button_onlineshopLink2@fs@2x.png);
	}
}
/*------------------------------------------------------------
	HEADLINE
------------------------------------------------------------*/
#mainContents h4 {
	display: block;
	width: 1000px;
	height: 0px;
	overflow: hidden;
	margin: 0px auto 10px auto;
	padding: 20px 5px 0px 5px;
	text-align: center;
	line-height: 200%;
	background: url(/common/ui/headline@fs.png) no-repeat 0 0;
	background-size: 1000px 720px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainContents h4 {
		background-image: url(/common/ui/headline@fs@2x.png);
	}
}
#contentsContainer h4#point {
	background-position: 0 -380px;
}
#contentsContainer h4#story {
	background-position: 0 -400px;
}
#contentsContainer h4#system {
	background-position: 0 -420px;
}
#contentsContainer h4#location {
	background-position: 0 -440px;
}
#contentsContainer h4#character {
	background-position: 0 -460px;
}
#contentsContainer h4#mechanic {
	background-position: 0 -480px;
}
#contentsContainer h4#gallery {
	background-position: 0 -500px;
}
#contentsContainer h4#trial {
	background-position: 0 -520px;
}
#contentsContainer h4#download {
	background-position: 0 -540px;
}
#contentsContainer h4#specialprice {
	background-position: 0 -560px;
}
#contentsContainer h4#dlproducts {
	background-position: 0 -580px;
}
#contentsContainer h4#shoplist {
	background-position: 0 -600px;
}
#contentsContainer h4#support {
	background-position: 0 -620px;
}
#contentsContainer h4#faq {
	background-position: 0 -640px;
}
#contentsContainer h4#announcement {
	background-position: 0 -700px;
}
/*------------------------------------------------------------
	SUPECIAL BANNER STYLES
------------------------------------------------------------*/
#contentsContainer div.specialBannerColumn {
	position: relative;
	width: 980px;
	padding: 10px;
	background: #ffffff;
	margin: 0px 0px 30px 5px;
	border: 1px solid #dddddd;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 0 10px #dddddd;
	-webkit-box-shadow: 0 0 10px #dddddd;
	-moz-box-shadow: 0 0 10px #dddddd;
}
#contentsContainer div.specialBannerColumn a:hover img {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	cursor: pointer;
}
/*------------------------------------------------------------
	CONTENTS STYLES
------------------------------------------------------------*/
#contentsContainer div.dataColumn {
	position: relative;
	overflow: hidden;
	width: 980px;
	margin: 0px 0px 40px 5px;
	padding: 15px 10px 10px 10px;
	background: #ffffff url(/common/ui/background_dataColumn.png) repeat-x left bottom;
	border: 1px solid #dddddd;
}
#contentsContainer div.dataColumn:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#contentsContainer div.dataColumn + div.dataColumn {
	margin-top: -25px;
}
#contentsContainer div.dataColumn .caution {
	color: #cc3333;
}
#contentsContainer div.dataColumn div.left {
	float: left;
	position: relative;
	width: 725px;
	min-height: 133px;
}
#contentsContainer div.dataColumn div.right {
	float: right;
	position: relative;
	width: 725px;
	min-height: 133px;
}
#contentsContainer div.dataColumn div.imageContainerLeft {
	position: relative;
	float: left;
	width: 237px;
	min-height: 133px;
	margin: 0;
	padding: 0;
}
#contentsContainer div.dataColumn div.imageContainerRight {
	position: relative;
	float: right;
	width: 240px;
	min-height: 133px;
	margin: 0;
	padding: 0;
}
#contentsContainer div.dataColumn div.right:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#contentsContainer div.dataColumn div.left:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#contentsContainer div.dataColumn div.div2Columns {
	float: left;
	position: relative;
	width: 470px;
	margin: 0 10px 10px 10px;
}
#contentsContainer div.dataColumn div.div2Columns p {
	margin: 0px;
	padding: 5px;
	line-height: 1.25em;
}
#contentsContainer div.dataColumn div.div2Columns p.imageCaption {
	margin: 0 0 15px 0;
	padding: 0px;
	line-height: 1.25em;
	text-align: center;
	font-size: 0.88em;
}
#contentsContainer div.dataColumn div.div2Columns p.imageCaptionCenter {
	margin: 0 0 15px 0;
	padding: 0px;
	line-height: 1.25em;
	text-align: center;
	font-size: 0.88em;
}
#contentsContainer div.dataColumn div.div3Columns {
	float: left;
	width: 315px;
	margin: 5px;
	text-align: center;
}
#contentsContainer div.dataColumn div.div3Columns p {
	margin: 0px;
	padding: 5px;
	line-height: 1.25em;
}
#contentsContainer div.dataColumn div.div3Columns p.imageCaption {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.88em;
	text-align: left;
}
#contentsContainer div.dataColumn div.div3Columns p.imageCaptionCenter {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.88em;
	text-align: center;
}
#contentsContainer div.dataColumn div.div3Columns h5 {
	text-align: left;
}
#contentsContainer div.dataColumn div.div3Columns h5.center {
	text-align: center;
}
#contentsContainer div.dataColumn div.div4Columns {
	float: left;
	width: 237px;
	margin: 0px 8px 10px 0px;
	text-align: center;
}
#contentsContainer div.dataColumn + div.div4Columns {
	margin: 10px 8px 10px 0px;
}
#contentsContainer div.dataColumn div.div4Columns p.header {
	margin-left: 0;
	font-weight: bold;
}
#contentsContainer div.dataColumn div.div4Columns p.header + p {
	margin-left: 1em;
	padding-left: 0;
	font-size: 0.83em;
}
#contentsContainer div.dataColumn div.div4Columns p.headerCenter {
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: center;
}
#contentsContainer div.dataColumn div.div4Columns p.headerCenter + p {
	margin: 0;
	padding: 0;
	font-size: 0.83em;
	text-align: center;
}
#contentsContainer div.dataColumn div.div4Columns p.imageCaption {
	margin: 0;
	padding: 0;
	font-size: 0.83em;
	text-align: left;
}
#contentsContainer div.dataColumn div.div4Columns p.imageCaptionCenter {
	margin: 0;
	padding: 0;
	font-size: 0.83em;
	text-align: center;
}
#contentsContainer div.dataColumn div.div4Columns h5 {
	padding-left: 12px;
}
#contentsContainer div.dataColumn img {
	border: 1px solid #dddddd;
}
#contentsContainer div.dataColumn a:visited img {
	border: 1px solid #dddddd;
}
#contentsContainer div.dataColumn a:hover img {
	opacity: 0.5;
	-ms-filter: "alpha(opacity=50)"; /* ie8 */
	cursor: pointer;
}
#contentsContainer div.dataColumn img.center {
	display: block;
	margin: 0 auto;
}
#contentsContainer div.dataColumn img.topMargin {
	margin-top: 30px;
}
#contentsContainer div.dataColumn > img.left {
	float: left;
	margin-right: 10px;
}
#contentsContainer div.dataColumn img.right {
	float: right;
	margin-left: 10px;
}
#contentsContainer div.dataColumn div.right img.right {
	float: right;
	margin-left: 10px;
}
#contentsContainer div.dataColumn img.div1 {
	margin: 0 1em 15px 1em;
}
#contentsContainer div.dataColumn img.noborder {
	border-width: 0px;
}
#contentsContainer div.dataColumn h5 {
	font-size: 1.25em;
	line-height: 1.2em;
/* 	margin-top: -10px; */
	margin-bottom: 16px;
	padding: 4px 0px 4px 25px;
	color: #666666;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	background: #f9f9f9 url(/common/ui/background_contentsHeader.png) no-repeat 3px center;
}
/*
#contentsContainer div.dataColumn div.characterContainer h5 {
	margin-top: 0px;
}
*/
#contentsContainer div.dataColumn h5.caution {
	color: #666666;
	border-top-color: #e7cdcd;
	border-bottom-color: #e7cdcd;
	background-color: #f9dede;
}
#contentsContainer div.dataColumn h5.small {
	font-size: 1.17em;
	line-height: 1.2em;
}
#contentsContainer div.dataColumn h5 span.small {
	font-size: 0.92em;
	line-height: 1.2em;
}
#contentsContainer div.dataColumn h5 span.smallest {
	font-size: 0.83em;
	line-height: 1.2em;
}
#contentsContainer div.dataColumn h5.smallest {
	font-size: 1em;
	padding: 6px 0px 5px 20px;
}
#contentsContainer div.dataColumn p + h5 {
	margin-top: 20px;
}
#contentsContainer div.dataColumn p + h6 {
	margin-top: 20px;
}
#contentsContainer div.dataColumn div + h5 {
	margin-top: 20px;
}
#contentsContainer div.dataColumn table + h5 {
	margin-top: 30px;
}
#contentsContainer div.dataColumn img + h5 {
	margin-top: 20px;
}
#contentsContainer div.dataColumn img + h5.noMargin {
	margin-top: 0px;
}
#contentsContainer div.dataColumn a + h5.noMargin {
	margin-top: 0px;
}
#contentsContainer div.dataColumn a + h5 {
	margin-top: 20px;
}
#contentsContainer div.dataColumn h5 span.caution {
	font-size: 0.83em;
	margin-left: 10px;
	color: #cc3333;
}
#contentsContainer div.dataColumn h5 span.ruby {
	font-size: 0.83em;
	margin-left: 5px;
}
#contentsContainer div.dataColumn h5 span.ruby:before {
	content: "（";
}
#contentsContainer div.dataColumn h5 span.ruby:after {
	content: "）";
}
#contentsContainer div.dataColumn h6 {
	font-size: 1.15em;
	margin: 15px 0.5em;
	padding-left: 15px;
	background: url(/common/ui/background_contentsHeader6.png) no-repeat 3px center;
}
#contentsContainer div.dataColumn p {
	margin: 0px 2em 15px 2em;
	line-height: 1.25em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#contentsContainer div.dataColumn p br {
	line-height: 1.25em;
}
#contentsContainer div.dataColumn p a {
	color: #cc3333;
}
#contentsContainer div.dataColumn p a:hover {
	border-bottom: 1px solid #cc3333;
}
#contentsContainer div.dataColumn p.center {
	text-align: center;
}
#contentsContainer div.dataColumn p.topMargin {
	margin-top: 2em;
}
#contentsContainer div.dataColumn p.topMarginMiddle {
	margin-top: 1em;
}
#contentsContainer div.dataColumn p.bottomMargin {
	margin-bottom: 3em;
}
#contentsContainer div.dataColumn p.highLine {
	margin-bottom: 15px;
	line-height: 2em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#contentsContainer div.dataColumn p.middleLine {
	margin-bottom: 15px;
	line-height: 1.75em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#contentsContainer div.dataColumn p.small {
	margin: 0px 1em 15px 2em;
	line-height: 1.25em;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 0.92em;
}
#contentsContainer div.dataColumn p.imageCaption {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#contentsContainer div.dataColumn p.imageCaptionSmall {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 0.92em;
}
#contentsContainer div.dataColumn p.imageCaptionSmallLeft {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 0.92em;
}
#contentsContainer div.dataColumn p.imageCaptionMinimum {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 0.83em;
}
#contentsContainer div.dataColumn p.italicCaption {
	margin: 0.5em 2em 1em 1.71em;
	font-size: 1.17em;
	font-style: italic;
	color: #aaaaaa;
}
#contentsContainer div.dataColumn p.italic {
	font-style: italic;
	color: #aaaaaa;
}
#contentsContainer div.dataColumn p.header {
	font-weight: bold;
	margin-bottom: 5px;
}
#contentsContainer div.dataColumn p.header span.headerPostscript {
	font-weight: normal;
	color: #aaaaaa;
}
#contentsContainer div.dataColumn p.header + p {
	font-size: 0.92em;
	padding-left: 1.5em;
}
#contentsContainer div.dataColumn p.noChildHeader {
	font-weight: bold;
	margin-bottom: 15px;
}
#contentsContainer div.dataColumn ul.notes {
	clear: both;
	margin: 0px 2em 20px 4em;
	line-height: 1em;
	font-size: 0.92em;
	color: #999999;
}
#contentsContainer div.dataColumn .notes li.header {
	margin-left: -1.7em;
	font-size: 1.09em;
	color: #888888;
	list-style-type: none;
}
#contentsContainer div.dataColumn ul.notes li {
	line-height: 1.5em;
	margin-bottom: 0.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#contentsContainer div.dataColumn ol.notes {
	margin: 0px 2em 15px 4em;
	line-height: 1em;
	font-size: 0.92em;
	color: #999999;
	list-style-type: decimal;
}
#contentsContainer div.dataColumn ol.notes li {
	line-height: 1.5em;
	margin-bottom: 0.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#contentsContainer div.dataColumn dl.blockTopics {
	margin: 0px 2em 15px 2em;
}
#contentsContainer div.dataColumn dl.blockTopics dt {
	font-weight: bold;
	margin-bottom: 0.5em;
}
#contentsContainer div.dataColumn dl.blockTopics dd {
	margin-bottom: 1em;
	line-height: 1.25em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#contentsContainer div.dataColumn dl.inlineTopics {
	margin: 0px 2em 15px 2em;
}
#contentsContainer div.dataColumn dl.inlineTopics dt {
	float: left;
	font-weight: bold;
	margin-right: 2em;
	margin-bottom: 0.5em;
}
#contentsContainer div.dataColumn dl.inlineTopics dd {
	margin-bottom: 1em;
	line-height: 1.25em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#contentsContainer div.dataColumn dl.dialogue {
	margin: 0px 2em 15px 2em;
}
#contentsContainer div.dataColumn dl.dialogue dt {
	float: left;
	font-weight: bold;
	width: 4em;
	margin-right: 1em;
	margin-bottom: 0.5em;
}
#contentsContainer div.dataColumn dl.dialogue dt.female {
	color: #f47d7d;
}
#contentsContainer div.dataColumn dl.dialogue dt.male {
	color: #6384e9;
}
#contentsContainer div.dataColumn dl.dialogue dt.descriptive {
	width: 5em;
	color: #999999;
}
#contentsContainer div.dataColumn dl.dialogue dd {
	margin-bottom: 1em;
	line-height: 1.25em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#contentsContainer div.dataColumn dl.dialogue dd.dialogue:before {
	content: "「";
}
#contentsContainer div.dataColumn dl.dialogue dd.dialogue:after {
	content: "」";
}
#contentsContainer div.dataColumn dl.dialogue dd.descriptive {
	color: #bbbbbb;
}
#contentsContainer table.noBorder {
	clear: both;
	margin: 0 0 10px 2em;
	padding: 0px;
	font-size: 0.83em;
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0;
	border-width: 0;
}
#contentsContainer table.noBorder th {
	padding: 5px 3em 5px 5px;
	line-height: 1.2em;
	text-align: left;
	border-width: 0;
	font-weight: bold;
}
#contentsContainer table.noBorder td {
	padding: 5px 3em 5px 5px;
	line-height: 1.2em;
	text-align: left;
	border-width: 0;
}
#contentsContainer div.dataColumn hr {
	clear: both;
	margin-bottom: 10px;
	padding-top: 10px;
	border: 0px solid #ffffff;
}
#contentsContainer div.dataColumn hr.solid {
	clear: both;
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #eeeeee;
}
#contentsContainer div.dataColumn hr.dashed {
	clear: both;
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px dashed #cccccc;
}
#contentsContainer div.dataColumn hr.spacer {
	clear: both;
	margin-bottom: 30px;
	padding-top: 10px;
	border: 0px solid #ffffff;
}
#contentsContainer div.dataColumn hr.clearFloat {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0px solid #ffffff;
}
/*------------------------------------------------------------
	CHARACTER STYLES
------------------------------------------------------------*/
#contentsContainer div.characterContainer {
	float: left;
	position: relative;
	width: 480px;
	margin: 0px 5px;
}
#contentsContainer div.characterContainer img {
	border: 1px solid #dddddd;
}
#contentsContainer dl.voice {
	clear: both;
	margin: 10px 0px;
	font-size: 0.92em;
	color: #999999;
}
#contentsContainer dl.voice:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#contentsContainer dl.voice dt {
	float: left;
}
#contentsContainer dl.voice dd {
	float: left;
	margin-right: 2em;
}
#contentsContainer dl.voice dd:before {
	content: "：";
	margin-right: 0.5em;
}
#contentsContainer dl.bodysize {
	clear: both;
	margin-top: 10px;
	margin-bottom: 4px;
	font-size: 0.83em;
	color: #999999;
}
#contentsContainer dl.bodysize:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#contentsContainer dl.bodysize dt {
	float: left;
}
#contentsContainer dl.bodysize dd {
	float: left;
	margin-right: 1em;
}
#contentsContainer dl.bodysize dd:before {
	content: "：";
	margin-right: 0em;
}
#contentsContainer dl.data {
	clear: both;
	margin-top: 15px;
	margin-bottom: 0px;
	font-size: 0.83em;
	color: #999999;
}
#contentsContainer dl.data:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#contentsContainer dl.data dt {
	float: left;
	margin-bottom: 10px;
}
#contentsContainer dl.data dd {
	margin-right: 1em;
	margin-bottom: 10px;
}
#contentsContainer dl.data dt:after {
	content: "：";
	margin-right: 0em;
}
#contentsContainer div.characterContainer p {
	margin: 0.75em 0px 0.75em 0px;
	font-size: 0.92em;
	line-height: 1.33em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#contentsContainer div.characterContainer p.dialogue {
	padding-left: 1em;
    text-indent: -1em;
    font-style: italic;
}
#contentsContainer div.characterContainer p br {
	line-height: 1em;
}
#contentsContainer div.characterContainer p.data {
	margin-top: 10px;
	font-size: 0.83em;
}
#contentsContainer div.characterContainer div.right {
	float: right;
	position: relative;
	width: 300px;
	padding: 0px 10px;
}
#contentsContainer div.characterContainer table.characterVoice {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
#contentsContainer div.characterContainer table.characterVoice td {
	width: 33.3%;
	padding: 4px 0px;
}
#contentsContainer div.characterContainer table.characterVoice td.ratio40 {
	width: 35%;
}
#contentsContainer div.characterContainer table.characterVoice td.ratio50 {
	width: 50%;
}
#contentsContainer div.characterContainer table.characterVoice td.ratio60 {
	width: 65%;
}
#contentsContainer div.characterContainer table.characterVoice td a {
	padding-left: 20px;
	font-size: 0.92em;
	color: #999999;
	background: url(/common/ui/background_characterVoiceCaption.png) no-repeat 0 center;
}
#contentsContainer div.characterContainer table.characterVoice td a:hover {
	color: #cc3333;
}
/*------------------------------------------------------------
	GALLERY STYLES
------------------------------------------------------------*/
#contentsContainer div.dataColumn img {
	margin: 0px 1px 10px 1px;
	border: 1px solid #dddddd;
}
/*------------------------------------------------------------
	TRIAL STYLES
------------------------------------------------------------*/
#contentsContainer div.trialDescription {
	float: left;
	width: 800px;
}
#contentsContainer div.trialData {
	float: right;
	position: relative;
	width: 180px;
	margin-top: 15px;
}
#contentsContainer div.trialData:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#contentsContainer div.trialData p.data {
	margin: 30px 5px 0px 0px;
	font-size: 0.92em;
	line-height: 1em;
	text-align: right;
}
#contentsContainer div.trialData span.trialButton a {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 144px;
	height: 0px;
	overflow: hidden;
	padding-top: 20px;
	line-height: 300%;
	background: url(/common/ui/button_productLink@fs.png) no-repeat -292px -1px;
	background-size: 584px 44px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#contentsContainer div.trialData span.trialButton a:hover {
	background-position: -292px -23px;
	border-color: #316666;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#contentsContainer div.trialData span.trialButton a {
		background-image: url(/common/ui/button_productLink@fs@2x.png);
	}
}
/*------------------------------------------------------------
	DOWNLOAD STYLES
------------------------------------------------------------*/
#contentsContainer div.right p.download {
	margin: 15px 0 10px 10px;
}
#contentsContainer dl.fileData {
	clear: both;
	margin: 0px 0px 0px 10px;
	font-size: 0.92em;
}
#contentsContainer dl.fileData dt {
	float: left;
	width: 6.5em;
	line-height: 1.25em;
}
#contentsContainer dl.fileData dd {
	line-height: 1.25em;
}
#contentsContainer dl.fileData dd:before {
	content: "：";
	margin-right: 0.5em;
}
#contentsContainer dl.staffData {
	clear: both;
	margin: 0px 0px 0px 2em;
	font-size: 0.92em;
}
#contentsContainer dl.staffData dt {
	float: left;
	width: 13em;
	line-height: 1.5em;
}
#contentsContainer dl.staffData dt:before {
	content: "・";
	margin-right: 0.5em;
}
#contentsContainer dl.staffData dd {
	line-height: 1.5em;
}
#contentsContainer dl.staffData dd:before {
	content: "：";
	margin-right: 0.5em;
}
#contentsContainer dl.songData {
	clear: both;
	position: relative;
	margin: 0px 0px 40px 10px;
	font-size: 1em;
}
#contentsContainer dl.songData dt {
	float: left;
}
#contentsContainer dl.songData dd {
	float: left;
	margin-right: 2em;
}
#contentsContainer dl.songData dd:before {
	content: "：";
	margin-right: 0.5em;
}
#contentsContainer span.playButton a,
#contentsContainer span.dlButton a {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 160px;
	width: 144px;
	height: 0px;
	overflow: hidden;
	padding-top: 20px;
	line-height: 200%;
	background: url(/common/ui/button_productLink@fs.png) no-repeat 0 0;
	background-size: 584px 44px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#contentsContainer span.playButton a, #contentsContainer span.dlButton a {
		background-image: url(/common/ui/button_productLink@fs@2x.png);
	}
}
#contentsContainer span.dlButton a {
	background-position: -292px -1px;
	right: 0px;
}
#contentsContainer span.dlButton a:hover {
	background-position: -292px -23px;
	border-color: #316666;
}
#contentsContainer span.playButton a {
	background-position: -438px -1px;
}
#contentsContainer span.playButton a:hover {
	background-position: -438px -23px;
	border-color: #247dab;
}
/*------------------------------------------------------------
	SUPPORT STYLES
------------------------------------------------------------*/
#contentsContainer h5 span.time {
	float: right;
	position: absolute;
	bottom: 2px;
	right: 5px;
	font-size: 0.83em;
	color: #999999;
}
#contentsContainer div.supportDescription {
	float: left;
	width: 800px;
}
#contentsContainer div.supportData {
	float: right;
	position: relative;
	width: 180px;
}
#contentsContainer div.supportData p.data {
	margin: 30px 5px 20px 0px;
	font-size: 0.92em;
	line-height: 1.5em;
	text-align: right;
}
#contentsContainer div.dataColumn ul.question {
	clear: both;
	margin: 0px 2em 20px 2em;
	line-height: 1em;
	font-size: 1em;
	color: #999999;
	list-style-type: disc;
}
#contentsContainer div.dataColumn ul.question li {
	line-height: 1.5em;
	margin-bottom: 0em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#contentsContainer div.supportData span.supportButton a {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 144px;
	height: 0px;
	overflow: hidden;
	padding-top: 20px;
	line-height: 200%;
	background: url(/common/ui/button_productLink@fs.png) no-repeat -292px -1px;
	background-size: 584px 44px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#contentsContainer div.supportData span.supportButton a {
		background-image: url(/common/ui/button_productLink@fs@2x.png);
	}
}
#contentsContainer div.supportData span.supportButton a:hover {
	background-position: -292px -23px;
	border-color: #316666;
}
/*------------------------------------------------------------
	SUPPORT STYLES (Early Products)
------------------------------------------------------------*/
body.earlySupport #contentsContainer div.supportData {
	text-align: right;
}
body.earlySupport #contentsContainer div.supportData span.supportButton a {
	position: absolute;
	top: 160px;
	right: 3px;
	width: 146px;
	height: 0px;
	overflow: hidden;
	padding-top: 20px;
	line-height: 200%;
	background: url(/common/ui/button_productLink@fs.png) no-repeat -292px -1px;
	background-size: 584px 44px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.earlySupport #contentsContainer div.supportData span.supportButton a {
		background-image: url(/common/ui/button_productLink@fs@2x.png);
	}
}
body.earlySupport #contentsContainer div.supportData span.supportButton a:hover {
	background-position: -292px -23px;
	border-color: #316666;
}
/*------------------------------------------------------------
	RETURN TOP
------------------------------------------------------------*/
#contentsContainer div.dataColumn p.returnTop {
	clear: both;
	margin: 0px 5px -4px 0px;
	padding-top: 10px;
	text-align: right;
}
#contentsContainer div.dataColumn p.returnTop a {
	padding-left: 12px;
	font-size: 0.83em;
	background: url(/common/ui/marker_returnTop.png) no-repeat left top;
	color: #999999;
}
#contentsContainer div.dataColumn p.returnTop a:hover {
	color: #cc3333;
	border-bottom-width: 0px;
}
/*------------------------------------------------------------
	SOFTWARE EXPANSION
------------------------------------------------------------*/
#contentsContainer div.dataColumn table.lavendura {
	margin-left: 24px;
	padding: 0px;
	font-size: 0.92em;
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0;
}
#contentsContainer div.dataColumn table.lavendura th {
	width: 14em;
	padding: 3px 5px 3px 0px;
	text-align: left;
}
#contentsContainer div.dataColumn table.lavendura td {
	padding: 3px 0px 3px 5px;
	line-height: 1.2em;
	text-align: left;
}
#contentsContainer dl.metalprincess {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 0.92em;
	color: #999999;
}
#contentsContainer dl.metalprincess:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#contentsContainer dl.metalprincess dt {
	float: left;
	width: 9em;
	margin-bottom: 5px;
}
#contentsContainer dl.metalprincess dd {
	margin-bottom: 5px;
	padding-left: 1em;
    text-indent: -1em;
}
#contentsContainer dl.metalprincess dd:before {
	content: "：";
	margin-right: 0em;
}
#contentsContainer div.dataColumn table.bbq {
	margin: 0 0 20px 0;
	padding: 0px;
	font-size: 0.92em;
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0;
}
#contentsContainer div.dataColumn table.bbq td {
	width: 240px;
	padding: 3px 0px 3px 5px;
	line-height: 1.2em;
	text-align: left;
}
#contentsContainer div.dataColumn table.bbq td:before {
	content: "・";
}
#contentsContainer div.dataColumn p.trhdvdPackages a img {
	margin: 0px 4px 10px 0px;
}
#contentsContainer div.dataColumn p.trhdvdPackages a:hover {
	border: none;
}
/*------------------------------------------------------------
	SP-JANIS REPUBLIC EXPANSION
------------------------------------------------------------*/
body.spjanis-republic #headerContainer h2 a {
	display: block;
	position: absolute;
	right: 5px;
	top: 55px;
	width: 180px;
	height: 0px;
	padding-top: 150px;
	overflow: hidden;
	line-height: 300%;
	margin: 0px;
	border: 1px solid #dddddd;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 0 10px #dddddd;
	-webkit-box-shadow: 0 0 10px #dddddd;
	-moz-box-shadow: 0 0 10px #dddddd;
}
body.spjanis-republic #headerContainer h2 a.specialpack3 {
	background: #ffffff url(/spjanis-republic/specialpack3/items/spjanis-republic3_menu_logotype@fs.png) no-repeat 0 0;
	background-size: 180px 150px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.spjanis-republic #headerContainer h2 a.specialpack3 {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_menu_logotype@fs@2x.png);
	}
}
body.spjanis-republic #infomationContainer .infomations div.proDescription {
	margin-bottom: 20px;
	border-bottom: none;
}
body.spjanis-republic #menuContainer {
	float: right;
	margin-top: 170px;
}