@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2017 SPACE PROJECT
	BUILD : 2017-12-18T05:57:35+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
------------------------------------------------------------*/

/*------------------------------------------------------------
	HEADER STYLES
------------------------------------------------------------*/
body {
	text-align: left;
	background: #000000 url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_background_article.jpg) no-repeat center top;
}
body.character {
	background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_background_article2.jpg);
}
body.gallery {
	background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_background_article3.jpg);
}
body.index {
	text-align: left;
	background: #000000 no-repeat center top;
	background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_background_index.jpg);
}
* p {
	text-align: left;
	text-justify: none;
}
#header {
	z-index: 999;
	position: relative;
	width: 1000px;
	margin: 0px auto 0 auto;
	padding: 0;
	height: 70px;
	overflow: visible;
	border-top: solid 0px #000000;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_background_solid40.png) repeat 0 0;
	border-radius: 15px;
}
#headerContainer {
	position: relative;
	overflow: visible;
}
#headerContainer h1 {
	display: none;
}
#headerContainer h2.ateliergh a {
	position: absolute;
	top: 16px;
	right: 20px;
	display: block;
	width: 130px;
	height: 0px;
	padding-top: 60px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_menu@fs.png) no-repeat -670px 0px;
	background-size: 800px 120px;
}
@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/kyonyushojonopet/items/kyonyushojonopet_menu@fs@2x.png);
	}
}
#headerContainer h2.ateliergh a:hover {
	background-position: -670px -60px;
}
/*------------------------------------------------------------
	MAIN MENU
------------------------------------------------------------*/
#headerContainer h3.logotype a {
	z-index: 999;
	position: absolute;
	top: 5px;
	left: 10px;
	display: block;
	width: 180px;
	height: 0px;
	padding-top: 125px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_header_logotype@fs.png) no-repeat 0px 0px;
	background-size: 180px 125px;
	opacity: 0.85;
}
@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/kyonyushojonopet/items/kyonyushojonopet_header_logotype@fs@2x.png);
	}
}
#headerContainer h3.logotype a:hover {
	opacity: 1;
}
#mainMenu {
	z-index: 200;
	position: absolute;
	top: 8px;
	left: 190px;
	width: 670px;
	height: 40px;
	padding: 0px;
}
#mainMenu li {
	float: left;
	list-style: none;
	margin: 0 0px 0 0px;
	padding: 0px;
	opacity: 1;
}
#mainMenu li a,
#mainMenu li p {
	display: block;
	height: 0px;
	padding-top: 60px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_menu@fs.png) no-repeat 0px 0px;
	background-size: 800px 120px;
}
@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/kyonyushojonopet/items/kyonyushojonopet_menu@fs@2x.png);
	}
}
#mainMenu li.story {
	width: 130px;
}
#mainMenu li.story a {
	background-position: 0px 0px;
}
#mainMenu li.story p {
	background-position: 0px -60px;
}
#mainMenu li.story a:hover {
	background-position: 0px -60px;
}
#mainMenu li.character {
	width: 134px;
}
#mainMenu li.character a {
	background-position: -130px 0px;
}
#mainMenu li.character p {
	background-position: -130px -60px;
}
#mainMenu li.character a:hover {
	background-position: -130px -60px;
}
#mainMenu li.gallery {
	width: 146px;
}
#mainMenu li.gallery a {
	background-position: -264px 0px;
}
#mainMenu li.gallery p {
	background-position: -264px -60px;
}
#mainMenu li.gallery a:hover {
	background-position: -264px -60px;
}
#mainMenu li.movie {
	width: 134px;
}
#mainMenu li.movie a {
	background-position: -410px 0px;
}
#mainMenu li.movie p {
	background-position: -410px -60px;
}
#mainMenu li.movie a:hover {
	background-position: -410px -60px;
}
#mainMenu li.trial {
	width: 126px;
}
#mainMenu li.trial a {
	background-position: -544px 0px;
}
#mainMenu li.trial p {
	background-position: -544px -60px;
}
#mainMenu li.trial a:hover {
	background-position: -544px -60px;
}
/*------------------------------------------------------------
	INDEX INFOMATIONS
------------------------------------------------------------*/
body.index #contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	height: 1200px;
	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: 650px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_caption@fs.png) no-repeat 0px 0px;
	background-size: 120px 650px;
}
@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/kyonyushojonopet/items/kyonyushojonopet_caption@fs@2x.png);
	}
}
body.index #contentsContainer #release {
	z-index: 20;
	position: absolute;
	top: 550px;
	left: 0px;
	width: 1000px;
	height: 0px;
	padding-top: 320px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_release@fs.png) no-repeat 0px 0px;
	background-size: 1000px 320px;
}
@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/kyonyushojonopet/items/kyonyushojonopet_release@fs@2x.png);
	}
}
body.index #mainInfomation {
	z-index: 10;
	position: absolute;
	overflow: visible;
	bottom: 0px;
	width: 990px;
	min-height: 190px;
	padding: 5px;
	line-height: 300%;
	color: #f9b5d1;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_background_solid40.png) repeat 0 0;
	background-size: 1000px 500px;
	border-radius: 15px;
}
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: #b80950 url(/common/ui/background_contentsHeaderBlack.png) no-repeat 10px center;
	border-radius: 30px;
}
body.index #mainInfomation div.staff {
	float: left;
	width: 500px;
	padding: 10px;
}
body.index #mainInfomation div.spec {
	float: left;
	width: 450px;
	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 #934f6a;
}
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 #934f6a;
}
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;
}
body.index #contentsContainer #flyerLink a {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 240px;
	height: 0px;
	padding-top: 240px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_flyer_link@fs.png) no-repeat 0px 0px;
	background-size: 240px 240px;
	opacity: 1;
}
@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/kyonyushojonopet/items/kyonyushojonopet_flyer_link@fs@2x.png);
	}
}
body.index #contentsContainer #flyerLink a:hover {
	cursor: pointer;
	opacity: 0.9;
}
/*------------------------------------------------------------
	INDEX - BANNER
------------------------------------------------------------*/
body.index #bannerContainer {
	position: absolute;
	top: 880px;
	width: 950px;
	height: 70px;
	padding: 15px 25px 20px 25px;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_background_solid40.png) repeat 0 0;
	border-radius: 15px;
}
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 #e9045e;
	border-radius: 10px;
	box-shadow: 0 0 10px #333333;
}
body.index #bannerContainer li a:hover {
	border-color: #ffffff;
}
body.index #bannerContainer li#bannerDlproducts a {
	background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_banner_dmm2@fs.png);
}
body.index #bannerContainer li#bannerOfficial a {
	background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_banner_official@fs.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #bannerContainer li#bannerDlproducts a {
		background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_banner_dmm2@fs@2x.png);
	}
	body.index #bannerContainer li#bannerOfficial a {
		background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_banner_official@fs@2x.png);
	}
}
/*
body.index #bannerContainer2 {
	z-index: 100;
	position: absolute;
	right: 10px;
	top: 800px;
	width: 460px;
	height: 80px;
}
body.index #bannerContainer2 ul {
	list-style: none;
}
body.index #bannerContainer2 ul li {
	float: left;
}
body.index #bannerContainer2 ul li:nth-child(odd) {
	margin-right: 20px;
}
body.index #bannerContainer2 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 #e9045e;
	border-radius: 10px;
	box-shadow: 0 0 10px #333333;
}
body.index #bannerContainer2 li a:hover {
	border-color: #ffffff;
}
body.index #bannerContainer2 li#bannerOfficial a {
	background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_banner_official@fs.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #bannerContainer2 li#bannerOfficial a {
		background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_banner_official@fs@2x.png);
	}
}
*/
/*------------------------------------------------------------
	MAIN CONTENTS
------------------------------------------------------------*/
#contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	margin: 0px auto;
	padding: 0;
}
#mainInfomation {
	position: relative;
	overflow: visible;
	width: 1000px;
	margin-top: 300px;
	min-height: 500px;
	padding: 20px 0 10px 0;
	color: #90917a;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_background_solid40.png) repeat 0 0;
	border-radius: 15px;
}
#mainInfomation:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#mainInfomation hr {
	width: 940px;
	border-bottom: 1px solid #b20000;
	margin: 20px 15px;
}
#mainInfomation h4 {
	position: absolute;
	display: block;
	top: -130px;
	left: -10px;
	width: 660px;
	height: 0px;
	margin: 0 0 -25px 0;
	padding: 95px 0 0 0;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_headline@fs.png) no-repeat 0px 0px;
	background-size: 330px 855px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation h4 {
		background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_headline@fs@2x.png);
	}
}
/*------------------------------------------------------------
	STORY
------------------------------------------------------------*/
#mainInfomation #headlineStory {
	background-position: 0px 0px;
}
#mainInfomation #storyCaption {
	z-index: 20;
	position: relative;
	display: block;
	width: 920px;
	height: 0px;
	margin: -10px auto 10px auto;
	padding-top: 60px;
	overflow: hidden;
	color: #000000;
	line-height: 300%;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_story_caption@fs.png) no-repeat 0px 0px;
	background-size: 920px 60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #storyCaption {
		background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_story_caption@fs@2x.png);
	}
}
#mainInfomation #storyContainer {
	position: relative;
	width: 920px;
	margin: 5px auto;
}
#mainInfomation #storyContainer #storyText {
	position: relative;
	display: block;
	width: 920px;
	height: 0px;
	padding-top: 440px;
	margin-bottom: 25px;
	overflow: hidden;
	text-align: 
	line-height: 300%;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_story_text@fs.png) no-repeat 0px 0px;
	background-size: 920px 440px;
	border-radius: 10px;
}
@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/kyonyushojonopet/items/kyonyushojonopet_story_text@fs@2x.png);
	}
}
#mainInfomation #storyContainer #locationList {
	position: absolute;
	top: 100px;
	right: -10px;
	width: 315px;
	height: 610px;
	list-style: none;
}
#mainInfomation #storyContainer #locationList li a {
	display: block;
	width: 320px;
	height: 0px;
	margin-top: 10px;
	padding-top: 180px;
	overflow: hidden;
	line-height: 100%;
	background: no-repeat 0px 0px;
	background-size: 320px 180px;
	box-shadow: 0 0 10px #777777;
}
#mainInfomation #storyContainer #locationList li a:hover {
	opacity: 0.8;
}
#mainInfomation #storyContainer #locationList #location01 a {
	margin-left: 5px;
	background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_location01_thumbnail.jpg);
	transform: rotateZ(-5deg);
}
#mainInfomation #storyContainer #locationList #location02 a {
	margin-top: 10px;
	background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_location02_thumbnail.jpg);
	transform: rotateZ(5deg);
}
/*------------------------------------------------------------
	CHARACTER
------------------------------------------------------------*/
#mainInfomation h4#headlineCharacter {
	background-position: 0px -95px;
}
#mainInfomation #characterContainer {
	position: relative;
	width: 970px;
	margin: 0 auto;
	padding-bottom: 30px;
	color: #5d0226;
}
#characterContainer #character01 {
	z-index: 0;
	width: 970px;
	height: 310px;
	margin-top: 20px;
	position: relative;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_character01r@fs.png) no-repeat 0 0px;
	background-size: 970px 310px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#characterContainer #character01 {
		background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_character01r@fs@2x.png);
			}
}
#characterContainer #character02 {
	z-index: 0;
	width: 970px;
	height: 0px;
	padding-top: 310px;
	margin-top: 30px;
	overflow: hidden;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_character02@fs.png) no-repeat 0 0px;
	background-size: 970px 310px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#characterContainer #character02 {
		background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_character02@fs@2x.png);
			}
}
#characterContainer h5 {
	display: none;
}
#characterContainer #character01 p {
	z-index: 100;
	position: absolute;
	top: -70px;
	left: 10px;
	width: 270px;
	height: 0px;
	padding-top: 780px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_character@fs.png) no-repeat 0 0;
	background-size: 270px 780px;
}
@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/kyonyushojonopet/items/kyonyushojonopet_character@fs@2x.png);
			}
}
/*------------------------------------------------------------
	GALLERY
------------------------------------------------------------*/
#mainInfomation h4#headlineGallery {
	background-position: 0px -190px;
}
#mainInfomation #galleryCaption {
	z-index: 100;
	position: relative;
	width: 900px;
	height: 0;
	margin: 0px auto 10px auto;
	padding-top: 85px;
	overflow: hidden;
	line-height: 500%;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_gallery_caption@fs.png) no-repeat 0px 0px;
	background-size: 900px 85px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #galleryCaption {
		background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_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 #e9045e;
	border-radius: 10px;
}
#mainInfomation #galleryContainer > img {
	display: none;
}
#galleryContainer div.nivo-slice {
	display: block;
	position: absolute;
	z-index: 1;
	height: 100%;
	margin-top: -460px;
	border-radius: 10px;
}
#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 #e9045e;
	z-index: 10;
	border-radius: 10px;
	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 -285px;
}
#mainInfomation #movieContents,
#mainInfomation #movieDescription {
	position: relative;
	width: 800px;
	margin: 10px auto;
	overflow: visible;
}
#mainInfomation #movieDescription {
	margin-bottom: 30px;
}
#mainInfomation #movieContents #promotionVideo {
	border: 2px solid #e9045e;
	border-radius: 10px;
}

#mainInfomation #movieDescription h5#movieHeader {
	position: relative;
	width: 800px;
	height: 0px;
	padding-top: 50px;
	margin-bottom: 20px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_movie_caption@fs.png) no-repeat 0 0;
	background-size: 800px 50px;
	border-radius: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #movieDescription h5#movieHeader {
		background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_movie_caption@fs@2x.png);
	}
}
#mainInfomation #movieDescription dl {
	margin-left: 10px;
	color: #f9b5d1;
}
#mainInfomation #movieDescription dt {
	float: left;
	width: 6em;
	margin: 0 0 5px 0px;
	font-size: 0.92em;
}
#mainInfomation #movieDescription dd {
	margin-left: 20px;
	margin-bottom: 5px;
	font-size: 0.92em;
}
#mainInfomation #movieDescription dd:before {
	content: "：　";
}
#mainInfomation #movieDescription #buttonDownload a {
	display: block;
	position: absolute;
	top: 70px;
	right: 0px;
	width: 200px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 300%;
	background: #e9045e url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_button_download@fs.png) no-repeat 0 0;
	background-size: 200px 80px;
	border-radius: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #movieDescription #buttonDownload a {
		background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_button_download@fs@2x.png);
	}
}
#mainInfomation #movieDescription #buttonDownload a:hover {
	background-color: #ffffff;
	background-position: 0 -40px;
}
/*------------------------------------------------------------
	DOWNLOAD - TRIAL
------------------------------------------------------------*/
#mainInfomation h4#headlineTrial {
	background-position: 0px -380px;
}
#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 #e9045e;
	border-radius: 10px;
	opacity: 0.85;
}
#mainInfomation ul.trialScreen li a:hover img {
	opacity: 1;
	border-color: #d24a77;
	box-shadow: 0px 0px 20px #d24a77;
	cursor: pointer;
}
#mainInfomation div.trialDescription {
	position: relative;
	width: 920px;
	margin: 0 auto 30px auto;
	color: #f9b5d1;
}
#mainInfomation div.trialDescription p {
	width: 680px;
	line-height: 150%;
}
#mainInfomation div.trialDescription h5#trialHeader {
	width: 920px;
	height: 0px;
	padding-top: 50px;
	margin-top: 0px;
	line-height: 300%;
	overflow: hidden;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_trial_caption@fs.png) no-repeat 0px 0px;
	background-size: 920px 50px;
	border-radius: 20px;
}
@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/kyonyushojonopet/items/kyonyushojonopet_trial_caption@fs@2x.png);
	}
}
#mainInfomation div.trialDescription span.dlButton a {
	display: block;
	position: absolute;
	top: 70px;
	right: 0px;
	width: 200px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 300%;
	background: #e9045e url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_button_download@fs.png) no-repeat 0 0;
	background-size: 200px 80px;
	border-radius: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #movieDescription #buttonDownload a {
		background-image: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_button_download@fs@2x.png);
	}
}
#mainInfomation div.trialDescription span.dlButton a:hover {
	background-color: #ffffff;
	background-position: 0 -40px;
}
#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: 2em;
	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 0px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_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/kyonyushojonopet/items/kyonyushojonopet_trial_h6@fs@2x.png);
	}
}
#mainInfomation div.trialDescription h6.trialInstall {
	background-position: 0 0;
}
#mainInfomation div.trialDescription h6.trialUninstall {
	background-position: 0 -30px;
}
/*------------------------------------------------------------
	SUPPORT
------------------------------------------------------------*/
#mainInfomation h4#headlineSupport {
	background-position: 0px -475px;
}
/*------------------------------------------------------------
	PRIVILEGE
------------------------------------------------------------*/
#mainInfomation h4#headlinePrivilege {
	background-position: 0px -570px;
}
/*------------------------------------------------------------
	DL PRODUCTS
------------------------------------------------------------*/
#mainInfomation h4#headlineDlproducts {
	background-position: 0px -665px;
}
/*------------------------------------------------------------
	ANDROID
------------------------------------------------------------*/
#mainInfomation h4#headlineAndroid {
	background-position: 0px -760px;
}
/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
#footer {
	width: 970px;
	padding: 10px 15px;
}
body.exApps #footer ul.footerMenu li.ateliergh a {
    width: 260px;
	background: url(/ateliergh/kyonyushojonopet/items/kyonyushojonopet_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/kyonyushojonopet/items/kyonyushojonopet_footer_copyright@fs@2x.png);
	}
}