@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2017 SPACE PROJECT
	BUILD : 2017-05-20T01:58:01+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/cleopatra/items/cleopatra_background_article.jpg) no-repeat center top;
}
body.index {
	text-align: left;
	background: #000000 url(/ateliergh/cleopatra/items/cleopatra_background_index.jpg) no-repeat center top;
}
* p {
	text-align: left;
	text-justify: none;
}
#header {
	width: 1000px;
	margin: 20px auto 0 auto;
	padding: 0px;
	height: 70px;
	overflow: visible;
	border-top: solid 0px #000000;
	background: url(/ateliergh/cleopatra/items/cleopatra_background_header.png) repeat 0 0;
	border-radius: 15px;
	box-shadow: 0px 0px 10px #570000;
}
#headerContainer {
	position: relative;
	overflow: visible;
}
#headerContainer h1 {
	display: none;
}
#headerContainer h2.ateliergh a {
	z-index: 999;
	position: absolute;
	top: 18px;
	right: 0px;
	display: block;
	width: 148px;
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/cleopatra/items/cleopatra_menu2@fs.png) no-repeat -732px 0px;
	background-size: 855px 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/cleopatra/items/cleopatra_menu2@fs@2x.png);
	}
}
#headerContainer h2.ateliergh a:hover {
	background-position: -732px -50px;
}
/*------------------------------------------------------------
	MAIN MENU
------------------------------------------------------------*/
#headerContainer h3.logotype a {
	z-index: 999;
	position: absolute;
	top: -10px;
	left: -5px;
	display: block;
	width: 220px;
	height: 0px;
	padding-top: 100px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/cleopatra/items/cleopatra_logotype_header@fs.png) no-repeat 0px 0px;
	background-size: 220px 100px;
}
@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/cleopatra/items/cleopatra_logotype_header@fs@2x.png);
	}
}
#headerContainer h3.logotype a:hover {
	opacity: 0.8;
}
#mainMenu {
	z-index: 200;
	position: absolute;
	top: 10px;
	left: 220px;
	width: 660px;
	height: 40px;
	padding: 0px;
}
#mainMenu li {
	float: left;
	list-style: none;
	margin: 0 0px 0 0px;
	padding: 0px;
	padding-right: 0px;
	opacity: 1;
}
#mainMenu li a,
#mainMenu li p {
	display: block;
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/cleopatra/items/cleopatra_menu2@fs.png) no-repeat 0px 0px;
	background-size: 855px 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/cleopatra/items/cleopatra_menu2@fs@2x.png);
	}
}
#mainMenu li.story {
	width: 122px;
}
#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: 126px;
}
#mainMenu li.character a {
	background-position: -122px 0px;
}
#mainMenu li.character p {
	background-position: -122px -50px;
}
#mainMenu li.character a:hover {
	background-position: -122px -50px;
}
#mainMenu li.location {
	width: 100px;
}
#mainMenu li.location a {
	background-position: -248px 0px;
}
#mainMenu li.location p {
	background-position: -248px -50px;
}
#mainMenu li.location a:hover {
	background-position: -248px -50px;
}
#mainMenu li.gallery {
	width: 132px;
}
#mainMenu li.gallery a {
	background-position: -348px 0px;
}
#mainMenu li.gallery p {
	background-position: -348px -50px;
}
#mainMenu li.gallery a:hover {
	background-position: -348px -50px;
}
#mainMenu li.movie {
	width: 132px;
}
#mainMenu li.movie a {
	background-position: -480px 0px;
}
#mainMenu li.movie p {
	background-position: -480px -50px;
}
#mainMenu li.movie a:hover {
	background-position: -480px -50px;
}
#mainMenu li.trial {
	width: 120px;
}
#mainMenu li.trial a {
	background-position: -612px 0px;
}
#mainMenu li.trial p {
	background-position: -612px -50px;
}
#mainMenu li.trial a:hover {
	background-position: -612px -50px;
}
/*------------------------------------------------------------
	INDEX INFOMATIONS
------------------------------------------------------------*/
body.index #contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	height: 1000px;
	margin: 0px auto;
	padding: 0;
}
body.index #contentsContainer #caption {
	z-index: 10;
	position: absolute;
	top: 60px;
	left: -5px;
	width: 610px;
	height: 0px;
	padding-top: 210px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/cleopatra/items/cleopatra_caption@fs.png) no-repeat 0px 0px;
	background-size: 610px 210px;
}
@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/cleopatra/items/cleopatra_caption@fs@2x.png);
	}
}
body.index #contentsContainer #release {
	z-index: 10;
	position: absolute;
	top: 390px;
	left: 0px;
	width: 530px;
	height: 0px;
	padding-top: 400px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/cleopatra/items/cleopatra_release2@fs.png) no-repeat 0px 0px;
	background-size: 530px 400px;
}
@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/cleopatra/items/cleopatra_release2@fs@2x.png);
	}
}
body.index #privilege {
	z-index: 100;
	position: absolute;
	overflow: visible;
	right: 0px;
	bottom: 315px;
	width: 440px;
	height: 180px;
	background: url(/ateliergh/cleopatra/items/cleopatra_background_maininfomation.png) repeat 0 0;
	border-radius: 15px;
	box-shadow: 0px 0px 20px #570000;
	border: 2px solid #ffffff;
}
body.index #privilege p {
	position: absolute;
	bottom: 5px;
	left: 0px;
	width: 440px;
	height: 0px;
	padding-top: 300px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/cleopatra/items/cleopatra_privilege@fs.png) no-repeat 0px 0px;
	background-size: 440px 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #privilege p {
		background-image: url(/ateliergh/cleopatra/items/cleopatra_privilege@fs@2x.png);
	}
}
body.index #privilege a {
	position: absolute;
	left: 45px;
	bottom: 20px;
	border: 2px solid #930000;
}
body.index #privilege a:hover {
	opacity: 0.8;
}
body.index #dmmLink {
	z-index: 100;
	position: absolute;
	overflow: visible;
	right: 0px;
	bottom: 220px;
	width: 440px;
	height: 74px;
	background: url(/ateliergh/cleopatra/items/cleopatra_background_maininfomation.png) repeat 0 0;
	border-radius: 15px;
	box-shadow: 0px 0px 20px #570000;
	border: 2px solid #ffffff;
}
body.index #dmmLink p {
	position: absolute;
	top: 2px;
	left: 10px;
	width: 200px;
	height: 0px;
	padding-top: 70px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/cleopatra/items/cleopatra_dmmLink2@fs.png) no-repeat 0px 0px;
	background-size: 200px 70px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #dmmLink p {
		background-image: url(/ateliergh/cleopatra/items/cleopatra_dmmLink2@fs@2x.png);
	}
}
body.index #dmmLink a {
	position: absolute;
	top: 15px;
	right: 20px;
	border: 2px solid #930000;
}
body.index #dmmLink a:hover {
	opacity: 0.8;
}
body.index #mainInfomation {
	z-index: 100;
	position: absolute;
	overflow: visible;
	bottom: 0px;
	width: 990px;
	min-height: 190px;
	padding: 5px;
	line-height: 300%;
	color: #ffa4a4;
	background: url(/ateliergh/cleopatra/items/cleopatra_background_maininfomation.png) repeat 0 0;
	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: #700a0a url(/common/ui/background_contentsHeaderBlack.png) no-repeat 10px center;
	border-radius: 10px;
	opacity: 0.7;
}
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 #bd4d4d;
}
body.index #mainInfomation div.staff dl dt {
	width: 6em;
}
body.index #mainInfomation div.staff dl dt.lineBreak {
	width: 8em;
}
body.index #mainInfomation div dl dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #bd4d4d;
}
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;
}
/*------------------------------------------------------------
	MAIN CONTENTS
------------------------------------------------------------*/
#contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	margin: 0px auto;
	padding: 0;
}
#mainInfomation {
	position: relative;
	overflow: visible;
	width: 1000px;
	margin-top: 240px;
	min-height: 500px;
	padding: 0 0 20px 0;
	color: #611206;
	background: url(/ateliergh/cleopatra/items/cleopatra_background_maininfomation_article@fs.png) repeat 0 0;
	border-radius: 15px;
	box-shadow: 0px 0px 15px #570000;
}
#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: relative;
	display: block;
	top: -76px;
	left: 0px;
	width: 400px;
	height: 0;
	padding-top: 120px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/cleopatra/items/cleopatra_headline2@fs.png) no-repeat 0px 0px;
	background-size: 400px 1080px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation h4 {
		background-image: url(/ateliergh/cleopatra/items/cleopatra_headline2@fs@2x.png);
	}
}
/*------------------------------------------------------------
	STORY
------------------------------------------------------------*/
#mainInfomation #headlineStory {
	background-position: 0px 0px;
}
#mainInfomation #story {
	position: relative;
	width: 920px;
	height: 0;
	margin: -70px 40px 10px 40px;
	padding-top: 500px;
	overflow: hidden;
	line-height: 500%;
	background: url(/ateliergh/cleopatra/items/cleopatra_story@fs.png) no-repeat 0px 0px;
	background-size: 920px 500px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #story {
		background-image: url(/ateliergh/cleopatra/items/cleopatra_story@fs@2x.png);
	}
}
/*------------------------------------------------------------
	CHARACTER
------------------------------------------------------------*/
#mainInfomation h4#headlineCharacter {
	background-position: 0px -120px;
}
#mainInfomation #characterContainer {
	position: relative;
	width: 920px;
	margin: -70px auto 0 auto;
}
#mainInfomation div.characterContents {
	position: relative;
	width: 920px;
	float: left;
}
#mainInfomation #character01 {
	position: relative;
	width: 920px;
	height: 0;
	padding-top: 510px;
	overflow: hidden;
	line-height: 500%;
	background: url(/ateliergh/cleopatra/items/cleopatra_character01c@fs.png) no-repeat 0px 0px;
	background-size: 920px 510px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #character01 {
		background-image: url(/ateliergh/cleopatra/items/cleopatra_character01c@fs@2x.png);
	}
}
#mainInfomation #character02 {
	position: relative;
	width: 920px;
	height: 0;
	padding-top: 230px;
	margin-top: 20px;
	overflow: hidden;
	line-height: 500%;
	background: url(/ateliergh/cleopatra/items/cleopatra_character02@fs.png) no-repeat 0px 0px;
	background-size: 920px 230px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #character02 {
		background-image: url(/ateliergh/cleopatra/items/cleopatra_character02@fs@2x.png);
	}
}
#voicePlayer input {
	z-index: 100;
	position: absolute;
	top: 60px;
	left: 240px;
	width: 285px;
	height: 0;
	padding-top: 120px;
	overflow: hidden;
	line-height: 500%;
	border: 0px;
	background: url(/ateliergh/cleopatra/items/cleopatra_character01_voice@fs.png) no-repeat 0px 0px;
	background-size: 285px 240px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#voicePlayer input {
		background-image: url(/ateliergh/cleopatra/items/cleopatra_character01_voice@fs@2x.png);
	}
}
#voicePlayer input#buttonPlay {
	background-position: 0 0px;
}
#voicePlayer input#buttonPause {
	background-position: 0 -120px;
}
#voicePlayer input:hover {
	opacity: 0.8;
}
/*------------------------------------------------------------
	LOCATION
------------------------------------------------------------*/
#mainInfomation h4#headlineLocation {
	background-position: 0px -240px;
}
/*------------------------------------------------------------
	GALLERY
------------------------------------------------------------*/
#mainInfomation h4#headlineGallery {
	background-position: 0px -360px;
}
#mainInfomation #galleryCaption {
	position: relative;
	width: 800px;
	height: 0;
	margin: -40px auto 0 auto;
	padding-top: 60px;
	overflow: hidden;
	line-height: 500%;
	background: url(/ateliergh/cleopatra/items/cleopatra_gallery_caption@fs.png) no-repeat 0px 0px;
	background-size: 800px 60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #galleryCaption {
		background-image: url(/ateliergh/cleopatra/items/cleopatra_gallery_caption@fs@2x.png);
	}
}
#mainInfomation #galleryContainer {
	overflow: visible;
	width: 800px;
	height: 450px;
	margin: 0px 0 10px 100px;
	background: url(/common/nivo-slider/loading.gif) no-repeat 50% 50%;
	border: 2px solid #ad1b20;
	border-radius: 10px;
	box-shadow: 0px 0px 20px #750000;
}
#mainInfomation #galleryContainer > img {
	display: none;
}
#galleryContainer div.nivo-slice {
	display: block;
	position: absolute;
	z-index: 1;
	height: 100%;
	margin-top: -460px;
	border-radius: 9px;
}
#galleryContainer div.nivo-controlNav {
	width: 820px;
	overflow: visible;
	margin-top: 460px;
	margin-left: 0px;
}
#galleryContainer div.nivo-controlNav a img {
	float: left;
	margin: 0px 7px 20px 0;
	border: 2px solid #ad1b20;
	z-index: 10;
	border-radius: 10px;
	box-shadow: 0px 0px 20px #750000;
}
#galleryContainer div.nivo-controlNav a.active img {
	opacity: 0.8;
	border-color: #ffffff;
}
#galleryContainer div.nivo-controlNav a:hover img {
	opacity: 0.8;
	border-color: #ffffff;
	cursor: pointer;
}
/*------------------------------------------------------------
	MOVIE
------------------------------------------------------------*/
#mainInfomation h4#headlineMovie {
	background-position: 0px -480px;
}
#mainInfomation #movieContents,
#mainInfomation #movieDescription {
	position: relative;
	width: 800px;
	margin: 0 auto;
	overflow: visible;
}
#mainInfomation #movieContents {
	margin-top: -30px;
}
#mainInfomation #movieContents #promotionVideo {
	border: 2px solid #ad1b20;
	box-shadow: 0px 0px 20px #750000;
}
#mainInfomation #movieDescription h5#movieHeader {
	position: relative;
	width: 800px;
	height: 0px;
	padding-top: 50px;
	margin-bottom: 10px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/cleopatra/items/cleopatra_headline_movie@fs.png) no-repeat 0 0;
	background-size: 800px 50px;
}
@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/cleopatra/items/cleopatra_headline_movie@fs@2x.png);
	}
}
#mainInfomation #movieDescription dl {
	margin-left: 10px;
	color: #ffffff;
}
#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: 60px;
	right: 0px;
	width: 200px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 300%;
	background: #eb00ac url(/ateliergh/cleopatra/items/cleopatra_button_download@fs.png) no-repeat 0 0;
	background-size: 200px 80px;
	border: 2px solid #ffffff;
	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/cleopatra/items/cleopatra_button_download@fs@2x.png);
	}
}
#mainInfomation #movieDescription #buttonDownload a:hover {
	background-color: #ffffff;
	background-position: 0 -40px;
}
/*------------------------------------------------------------
	TRIAL
------------------------------------------------------------*/
#mainInfomation h4#headlineTrial {
	background-position: 0px -600px;
}
#mainInfomation div.trialContents {
	position: relative;
	width: 920px;
	margin: -40px auto 0px auto;
}
#mainInfomation ul.trialScreen {
	position: relative;
	list-style: none;
}
#mainInfomation ul.trialScreen li {
	float: left;
	margin-bottom: 15px;
}
#mainInfomation ul.trialScreen li:nth-child(even) {
	margin-left: 16px;
}
#mainInfomation ul.trialScreen li a img {
	border: 1px solid #850005;
	border-radius: 10px;
}
#mainInfomation ul.trialScreen li a:hover img {
	opacity: 0.8;
	cursor: pointer;
}
#mainInfomation div.trialDescription {
	position: relative;
	width: 920px;
	color: #ffffff;
	margin: 0 auto 20px auto;
}
#mainInfomation div.trialDescription h5#trialHeader {
	width: 920px;
	height: 0px;
	padding-top: 50px;
	margin-top: 0px;
	line-height: 300%;
	overflow: hidden;
	background: url(/ateliergh/cleopatra/items/cleopatra_headline_trial@fs.png) no-repeat 0px 0px;
	background-size: 920px 50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation div.trialDescription h5#trialHeader01 {
		background-image: url(/ateliergh/cleopatra/items/cleopatra_headline_trial@fs@2x.png);
	}
}
#mainInfomation div.trialDescription span.dlButton a {
	display: block;
	position: absolute;
	top: 60px;
	right: 0px;
	width: 200px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 300%;
	background: #eb00ac url(/ateliergh/cleopatra/items/cleopatra_button_download@fs.png) no-repeat 0 0;
	background-size: 200px 80px;
	border: 2px solid #ffffff;
	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/cleopatra/items/cleopatra_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: 100px;
	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/cleopatra/items/cleopatra_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/cleopatra/items/cleopatra_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 -720px;
}
/*------------------------------------------------------------
	PRIVILEGE
------------------------------------------------------------*/
#mainInfomation h4#headlinePrivilege {
	background-position: 0px -840px;
}
/*------------------------------------------------------------
	DL PRODUCTS
------------------------------------------------------------*/
#mainInfomation h4#headlineDlproducts {
	background-position: 0px -960px;
}
/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
#footer {
	width: 970px;
	padding: 15px;
}
/*
body.exApps #footer ul.footerMenu li.speed a {
    width: 400px;
	background: url(/speed/gokukano/items/gokukano_footer_copyright@fs.png) no-repeat 0 0;
	background-size: 400px 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.exApps #footer ul.footerMenu li.speed a {
		background-image: url(/speed/gokukano/items/gokukano_footer_copyright@fs@2x.png);
	}
}
*/