@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2018 SPACE PROJECT
	BUILD : 2018-02-24T04:05:27+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

	DEFAULT COLOR : #ff1b24
------------------------------------------------------------*/

/*------------------------------------------------------------
	HEADER STYLES
------------------------------------------------------------*/
body {
	text-align: left;
	background: #000000 url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_background_article.jpg) no-repeat center top;
}
body.index {
	text-align: left;
	background: #000000 no-repeat center top;
	background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_background_index2.jpg);
}
body.character {
	text-align: left;
	background: #000000 no-repeat center top;
	background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_background_article_character.jpg);
}
* p {
	text-align: left;
	text-justify: none;
}
#header {
	z-index: 999;
	position: relative;
	width: 1000px;
	margin: -15px auto 0 auto;
	padding: 0;
	height: 100px;
	overflow: visible;
	border-top: solid 0px #000000;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_background_solid60.png) repeat 0 0;
	border-radius: 15px;
}
#headerContainer {
	position: relative;
	overflow: visible;
}
#headerContainer h1 {
	display: none;
}
#headerContainer h2.ateliergh a {
	z-index: 100;
	position: absolute;
	top: 28px;
	right: 10px;
	display: block;
	width: 125px;
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_menu@fs.png) no-repeat -675px 0px;
	background-size: 800px 100px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#headerContainer h2.ateliergh a {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_menu@fs@2x.png);
	}
}
#headerContainer h2.ateliergh a:hover {
	background-position: -675px -50px;
}
/*------------------------------------------------------------
	MAIN MENU
------------------------------------------------------------*/
#headerContainer h3.logotype a {
	position: absolute;
	top: -6px;
	left: 0px;
	display: block;
	width: 170px;
	height: 0px;
	padding-top: 106px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_header_logotype@fs.png) no-repeat 0px 0px;
	background-size: 340px 106px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#headerContainer h3.logotype a {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_header_logotype@fs@2x.png);
	}
}
#headerContainer h3.logotype a[href]:hover {
	background-position: -170px 0px;
}
#mainMenu {
	z-index: 50;
	position: absolute;
	top: 20px;
	left: 190px;
	width: 810px;
	height: 40px;
	padding: 6px 0 10px 10px;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
}
#mainMenu li {
	float: left;
	list-style: none;
	margin: 0 10px 0 0px;
	padding: 0px;
	opacity: 1;
}
#mainMenu li a,
#mainMenu li p {
	display: block;
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_menu@fs.png) no-repeat 0px 0px;
	background-size: 800px 100px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainMenu li a, #mainMenu li p {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_menu@fs@2x.png);
	}
}
#mainMenu li.story {
	width: 135px;
}
#mainMenu li.story a {
	background-position: 0px 0px;
}
#mainMenu li.story p {
	background-position: 0px -50px;
}
#mainMenu li.story a:hover {
	background-position: 0px -50px;
}
#mainMenu li.character {
	width: 135px;
}
#mainMenu li.character a {
	background-position: -135px 0px;
}
#mainMenu li.character p {
	background-position: -135px -50px;
}
#mainMenu li.character a:hover {
	background-position: -135px -50px;
}
#mainMenu li.gallery {
	width: 145px;
}
#mainMenu li.gallery a {
	background-position: -270px 0px;
}
#mainMenu li.gallery p {
	background-position: -270px -50px;
}
#mainMenu li.gallery a:hover {
	background-position: -270px -50px;
}
#mainMenu li.movie {
	width: 135px;
}
#mainMenu li.movie a {
	background-position: -415px 0px;
}
#mainMenu li.movie p {
	background-position: -415px -50px;
}
#mainMenu li.movie a:hover {
	background-position: -415px -50px;
}
#mainMenu li.trial {
	width: 125px;
}
#mainMenu li.trial a {
	background-position: -540px 0px;
}
#mainMenu li.trial p {
	background-position: -540px -50px;
}
#mainMenu li.trial a:hover {
	background-position: -540px -50px;
}
/*------------------------------------------------------------
	TEASER
------------------------------------------------------------*/
#teaserWrapper {
	z-index: 1000;
	display: none;
	opacity: 1;
	position: fixed;
	top: 0;
	left: 0;
	background: #000000;
}
#teaserWrapper:hover {
	cursor: pointer;
}
#teaserContainer {
	position: relative;
	width: 600px;
	height: 600px;
	margin: 100px auto 0 auto;
}
#teaserCaption {
	position: relative;
	width: 600px;
	height: 0px;
	padding-top: 600px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_teaserCaption@fs.png) no-repeat 0px 0px;
	background-size: 600px 600px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#teaserCaption {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_teaserCaption@fs@2x.png);
	}
}
#teaserContainer {
	opacity: 0;
}
/*------------------------------------------------------------
	INDEX INFOMATIONS
------------------------------------------------------------*/
body.index #contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	height: 1365px;
	margin: 0px auto;
	padding: 0;
}
body.index #captionContainer {
	z-index: 10;
	position: absolute;
	top: 500px;
	width: 1000px;
	height: 240px;
}
body.index #contentsContainer #caption {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 120px;
	height: 0px;
	padding-top: 730px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_caption@fs.png) no-repeat 0px 0px;
	background-size: 120px 730px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #contentsContainer #caption {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_caption@fs@2x.png);
	}
}
body.index #contentsContainer #release {
	z-index: 20;
	position: absolute;
	top: 700px;
	left: 0px;
	width: 1000px;
	height: 0px;
	padding-top: 350px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_release2@fs.png) no-repeat 0px 0px;
	background-size: 1000px 350px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #contentsContainer #release {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_release2@fs@2x.png);
	}
}
body.index #mainInfomation {
	z-index: 10;
	position: absolute;
	overflow: visible;
	bottom: 0px;
	width: 990px;
	min-height: 190px;
	padding: 5px;
	margin-bottom: 0px;
	line-height: 300%;
	color: #ff1b24;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_background_solid40.png) repeat 0 0;
	background-size: 1000px 500px;
}
body.index #mainInfomation h5 {
	padding: 7px 0 5px 0;
	margin-bottom: 15px;
	padding-left: 2em;
	font-size: 1.14em;
	font-weight: bold;
	color: #ffffff;
	border: 0px solid #ffffff;
	background: #ae1419 url(/common/ui/background_contentsHeaderBlack.png) no-repeat 10px center;
}
body.index #mainInfomation div.staff {
	float: left;
	width: 520px;
	padding: 10px;
}
body.index #mainInfomation div.spec {
	float: left;
	width: 430px;
	padding: 10px;
}
body.index #mainInfomation div dl {
	padding: 0 5px;
	font-size: 0.92em;
}
body.index #mainInfomation div dl dt {
	float: left;
	width: 7em;
	margin-bottom: 5px;
	padding: 0 0 5px 1em;
	border-bottom: 1px solid #ae1419;
}
body.index #mainInfomation div.staff dl dt {
	width: 14em;
}
body.index #mainInfomation div.staff dl dt.lineBreak {
	width: 16em;
}
body.index #mainInfomation div dl dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ae1419;
}
body.index #mainInfomation div dl dd.lineBreak {
	text-indent: -2em;
}
body.index #mainInfomation div dl dd small,
body.index #mainInfomation div dl dd span.ruby {
	font-size: 0.92em;
}
body.index #mainInfomation div dl dd:before {
	content: "：";
	padding-right: 1em;
}
/*------------------------------------------------------------
	INDEX - PRIVILEGE
------------------------------------------------------------*/
body.index #privilegeContainer {
	z-index: 100;
	position: absolute;
	top: 700px;
	left: 10px;
	width: 390px;
	height: 190px;
	padding: 0px;
}
body.index #privilegeContainer #privilegeImage {
	display: block;
	width: 390px;
	height: 0px;
	padding-top: 190px;
	margin: 0;
	overflow: hidden;
	line-height: 300%;
	color: #000000;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_privilege@fs.png) no-repeat 0 0;
	background-size: 390px 190px;	
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #privilegeContainer #privilegeImage {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_privilege@fs@2x.png);
	}
}
body.index #privilegeContainer a img {
	position: absolute;
	top: 138px;
	right: 32px;
}
body.index #privilegeContainer a img:hover {
	cursor: pointer;
	opacity: 0.8;
}
/*------------------------------------------------------------
	INDEX - DMM
------------------------------------------------------------*/
/*
body.index #dmmContainer {
	z-index: 100;
	position: absolute;
	top: 820px;
	left: 10px;
	width: 390px;
	height: 80px;
	padding: 0px;
}
body.index #dmmContainer #dmmLink a {
	display: block;
	width: 390px;
	height: 0px;
	padding-top: 66px;
	margin: 0;
	overflow: hidden;
	line-height: 300%;
	color: #000000;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_banner_dmm@fs.png) no-repeat 0 0;
	background-size: 390px 66px;
	border-radius: 10px;
	border: 2px solid #fa2230;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #privilegeContainer #privilegeImage {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_banner_dmm@fs@2x.png);
	}
}
body.index #dmmContainer #dmmLink a:hover {
	border-color: #ffffff;
}
*/
/*------------------------------------------------------------
	INDEX - BANNER
------------------------------------------------------------*/
body.index #bannerContainer {
	position: absolute;
	top: 1057px;
	width: 950px;
	height: 70px;
	padding: 15px 25px 20px 25px;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_background_solid40.png) repeat 0 0;
}
body.index #bannerContainer ul {
	list-style: none;
}
body.index #bannerContainer ul li {
	float: left;
}
body.index #bannerContainer ul li:nth-child(odd) {
	margin-right: 20px;
}
body.index #bannerContainer li a {
	display: block;
	width: 460px;
	height: 0px;
	padding-top: 70px;
	margin: 0;
	overflow: hidden;
	line-height: 300%;
	color: #000000;
	background: no-repeat 0 0;
	background-size: 460px 70px;
	border: 2px solid #fa2230;
	border-radius: 10px;
	box-shadow: 0 0 10px #000000;
}
body.index #bannerContainer li a:hover {
	border-color: #ffffff;
}
body.index #bannerContainer li#bannerOfficial a {
	background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_banner_official2@fs.png);
}
body.index #bannerContainer li#bannerDmm2 a {
	background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_banner_dmm2@fs.png);
}
body.index #bannerContainer li#bannerOnlineshop a {
	background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_banner_onlineshop2@fs.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #bannerContainer li#bannerOfficial a {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_banner_official2@fs@2x.png);
	}
	body.index #bannerContainer li#bannerDmm2 a {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_banner_dmm2@fs@2x.png);
	}
	body.index #bannerContainer li#bannerOnlineshop a {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_banner_onlineshop2@fs@2x.png);
	}
}
body.index #contentsContainer #flyerLink a,
body.index #contentsContainer #comicLink a {
	display: block;
	position: absolute;
	width: 200px;
	height: 0px;
	padding-top: 200px;
	overflow: hidden;
	line-height: 300%;
	background: no-repeat 0px 0px;
	background-size: 200px 200px;
	opacity: 1;
}
body.index #contentsContainer #flyerLink a {
	top: 20px;
	left: 0px;
	background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_idxButton01@fs.png);
}
body.index #contentsContainer #comicLink a {
	top: 240px;
	left: 0px;
	background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_idxButton02@fs.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #contentsContainer #flyerLink a {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_idxButton01@fs@2x.png);
	}
	body.index #contentsContainer #comicLink a {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_idxButton02@fs@2x.png);
	}
}
body.index #contentsContainer #flyerLink a:hover,
body.index #contentsContainer #comicLink a:hover {
	cursor: pointer;
	opacity: 0.8;
}
/*------------------------------------------------------------
	MAIN CONTENTS
------------------------------------------------------------*/
#contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	margin: 0px auto;
	padding: 0;
}
#mainInfomation {
	position: relative;
	overflow: visible;
	width: 1000px;
	margin-top: 200px;
	min-height: 500px;
	padding: 20px 0 10px 0;
	color: #000000;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_background_solid40.png) repeat 0 0;
}
#mainInfomation:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#mainInfomation p {
	padding: 0;
	margin: 0;
}
#mainInfomation hr {
	width: 940px;
	border-bottom: 1px solid #b20000;
	margin: 20px 15px;
}
#mainInfomation h4 {
	position: absolute;
	display: block;
	top: -100px;
	left: 5px;
	width: 520px;
	height: 0px;
	margin: 0 0 -25px 0;
	padding: 100px 0 0 0;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_headline@fs.png) no-repeat 0px 0px;
	background-size: 520px 900px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation h4 {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_headline@fs@2x.png);
	}
}
/*------------------------------------------------------------
	STORY
------------------------------------------------------------*/
#mainInfomation #headlineStory {
	background-position: 0px 0px;
}
#mainInfomation #storyContainer {
	position: relative;
	width: 960px;
	margin: 5px auto;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_story_background.jpg) no-repeat 0 bottom;
}
#mainInfomation #storyCaption {
	z-index: 20;
	position: relative;
	display: block;
	width: 960px;
	height: 0px;
	margin: -15px auto 15px auto;
	padding-top: 80px;
	overflow: hidden;
	color: #000000;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_story_caption@fs.png) no-repeat 0px 0px;
	background-size: 960px 80px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #storyCaption {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_story_caption@fs@2x.png);
	}
}
#mainInfomation #storyContainer #storyText {
	position: relative;
	display: block;
	width: 960px;
	height: 0px;
	padding-top: 500px;
	margin-bottom: 25px;
	overflow: hidden;
	text-align: 
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_story_text@fs.png) no-repeat 0px 0px;
	background-size: 960px 500px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #storyContainer #storyText {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_story_text@fs@2x.png);
	}
}
/*------------------------------------------------------------
	CHARACTER
------------------------------------------------------------*/
#mainInfomation h4#headlineCharacter {
	background-position: 0px -100px;
}
#mainInfomation #characterContainer {
	position: relative;
	width: 960px;
	margin: 0 auto 0px auto;
	padding: 0 0 20px 0;
	color: #5d0226;
}
#characterContainer div.characterContents {
	width: 960px;
	height: 250px;
	margin-bottom: 20px;
}
#characterContainer #character01 {
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_character_background01@fs.png) no-repeat 0 0;
}
#characterContainer #character02 {
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_character_background02@fs.png) no-repeat 0 0;
}
#characterContainer #character03 {
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_character_background03@fs.png) no-repeat 0 0;
}
#characterContainer #character01 h5 {
	position: absolute;
	top: -290px;
	right: -30px;
	width: 520px;
	height: 0px;
	padding-top: 840px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_character01@fs.png) no-repeat 0 0;
	background-size: 520px 840px;
	color: #d11b27;
}
#characterContainer #character02 h5 {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 240px;
	height: 0px;
	padding-top: 750px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_character02@fs.png) no-repeat 0 0;
	background-size: 240px 750px;
}
#characterContainer #character03 h5 {
	display: none;
}
#characterContainer #character01 p {
	z-index: 100;
	position: relative;
	width: 960px;
	height: 0px;
	padding-top: 250px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_character_text01@fs.png) no-repeat 0 0;
	background-size: 960px 250px;
}
#characterContainer #character02 p {
	z-index: 100;
	position: relative;
	width: 960px;
	height: 0px;
	padding-top: 250px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_character_text02@fs.png) no-repeat 0 0;
	background-size: 960px 250px;
}
#characterContainer #character03 p {
	z-index: 100;
	position: relative;
	width: 960px;
	height: 0px;
	padding-top: 250px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_character_text03@fs.png) no-repeat 0 0;
	background-size: 960px 250px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#characterContainer #character01 p {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_character_text01@fs@2x.png);
	}
	#characterContainer #character02 p {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_character_text02@fs@2x.png);
	}
	#characterContainer #character03 p {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_character_text03@fs@2x.png);
	}
}
/*------------------------------------------------------------
	GALLERY
------------------------------------------------------------*/
#mainInfomation h4#headlineGallery {
	background-position: 0px -200px;
}
#mainInfomation #galleryCaption {
	z-index: 100;
	position: relative;
	width: 960px;
	height: 0;
	margin: 0px auto 10px auto;
	padding-top: 100px;
	overflow: hidden;
	line-height: 500%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_gallery_caption@fs.png) no-repeat 0px 0px;
	background-size: 960px 100px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #galleryCaption {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_gallery_caption@fs@2x.png);
	}
}
#mainInfomation #galleryContainer {
	overflow: visible;
	width: 800px;
	height: 450px;
	margin: 0px auto;
	background: url(/common/nivo-slider/loading.gif) no-repeat 50% 50%;
	border: 2px solid #ff1b24;
}
#mainInfomation #galleryContainer > img {
	display: none;
}
#galleryContainer div.nivo-slice {
	display: block;
	position: absolute;
	z-index: 1;
	height: 100%;
	margin-top: -460px;
}
#galleryContainer div.nivo-controlNav {
	width: 820px;
	overflow: visible;
	margin-top: 460px;
	margin-left: -1px;
}
#galleryContainer div.nivo-controlNav a img {
	float: left;
	margin: 4px 8px 20px 0;
	border: 2px solid #ff1b24;
	z-index: 10;
	opacity: 0.8;
}
#galleryContainer div.nivo-controlNav a.active img {
	opacity: 1;
	border-color: #ffffff;
}
#galleryContainer div.nivo-controlNav a:hover img {
	opacity: 1;
	border-color: #ffffff;
	cursor: pointer;
}
/*------------------------------------------------------------
	DOWNLOAD - MOVIE
------------------------------------------------------------*/
#mainInfomation h4#headlineMovie {
	background-position: 0px -300px;
}
/*------------------------------------------------------------
	DOWNLOAD - TRIAL
------------------------------------------------------------*/
#mainInfomation h4#headlineTrial {
	background-position: 0px -400px;
}
#mainInfomation div.trialContents {
	position: relative;
	width: 920px;
	margin: 0px auto 0px auto;
}
#mainInfomation ul.trialScreen {
	position: relative;
	list-style: none;
}
#mainInfomation ul.trialScreen li {
	float: left;
	margin-bottom: 15px;
	margin-left: 7px;
}
#mainInfomation ul.trialScreen li:nth-child(3n+1) {
	margin-left: 0px;
}
#mainInfomation ul.trialScreen li a img {
	border: 2px solid #ff1b24;
	opacity: 0.85;
}
#mainInfomation ul.trialScreen li a:hover img {
	opacity: 1;
	border-color: #ffffff;
	cursor: pointer;
}
#mainInfomation div.trialDescription {
	position: relative;
	width: 920px;
	margin: 0 auto 20px auto;
	color: #ff1b24;
}
#mainInfomation div.trialDescription h5#trialHeader {
	width: 920px;
	height: 0px;
	padding-top: 40px;
	margin-top: 0px;
	line-height: 300%;
	overflow: hidden;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_headline_trial@fs.png) no-repeat 0px 0px;
	background-size: 920px 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation div.trialDescription h5#trialHeader {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_headline_trial@fs@2x.png);
	}
}
#mainInfomation div.trialDescription span.dlButton a {
	display: block;
	position: absolute;
	top: 70px;
	right: 0px;
	width: 200px;
	height: 0px;
	padding-top: 35px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_button_download@fs.png) no-repeat 0 -35px;
	background-size: 200px 70px;
	border-radius: 10px;
	border: 2px solid #ff1b24;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation div.trialDescription span.dlButton a {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_button_download@fs@2x.png);
	}
}
#mainInfomation div.trialDescription span.dlButton a:hover {
	background-position: 0 0px;
	border-color: #ffffff;
}
#mainInfomation div.trialDescription dl {
	position: absolute;
	top: 120px;
	right: 0px;
	width: 16.2em;
}
#mainInfomation div.trialDescription dt {
	float: left;
	width: 4em;
	font-size: 0.92em;
}
#mainInfomation div.trialDescription dd {
	margin-bottom: 5px;
	font-size: 0.92em;
}
#mainInfomation div.trialDescription dd:before {
	content: "：";
	padding: 0 5px;
}
#mainInfomation div.trialDescription ul {
	margin: 10px 0 20px 0;
	padding-left: 40px;
	font-size: 0.88em;
}
#mainInfomation div.trialDescription ul li {
	margin-bottom: 10px;
	line-height: 1.5em;
}
#mainInfomation div.trialDescription h6 {
	width: 300px;
	height: 0px;
	padding-top: 30px;
	margin: 15px 0 5px 10px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_headline_trial_h6@fs.png) no-repeat;
	background-size: 300px 60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation div.trialDescription h6 {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_headline_trial_h6@fs@2x.png);
	}
}
#mainInfomation div.trialDescription h6.trialInstall {
	background-position: 0 0;
}
#mainInfomation div.trialDescription h6.trialUninstall {
	background-position: 0 -30px;
}
#mainInfomation div.trialDescription p {
	padding: 5px 0px 5px 20px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainInfomation div.trialDescription p#trialText {
	width: 660px;
}
#mainInfomation div.trialDescription p.trialCaption {
	font-size: 1.17em;
}
/*------------------------------------------------------------
	SUPPORT
------------------------------------------------------------*/
#mainInfomation h4#headlineSupport {
	background-position: 0px -500px;
}
/*------------------------------------------------------------
	PRIVILEGE
------------------------------------------------------------*/
#mainInfomation h4#headlinePrivilege {
	background-position: 0px -600px;
}
/*------------------------------------------------------------
	DL PRODUCTS
------------------------------------------------------------*/
#mainInfomation h4#headlineDlproducts {
	background-position: 0px -700px;
}
/*------------------------------------------------------------
	ANDROID
------------------------------------------------------------*/
#mainInfomation h4#headlineAndroid {
	background-position: 0px -800px;
}
/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
#footer {
	width: 970px;
	padding: 10px 15px;
	border-top: 1px solid #ab0f15;
}
body.exApps #footer ul.footerMenu li.ateliergh a {
    width: 260px;
	background: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_footer_copyright@fs.png) no-repeat 0 0;
	background-size: 260px 20px;
	opacity: 0.7;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.exApps #footer ul.footerMenu li.ateliergh a {
		background-image: url(/ateliergh/oneechanhakushizashikou/items/oneechanhakushizashikou_footer_copyright@fs@2x.png);
	}
}