@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2015 SPACE PROJECT
	BUILD : 2015-11-07T00:33:20+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: #fff9eb url(/ateliergh/gakuennetorare/items/gakuennetorare_background_body@fs.png) repeat-x center top;

}
#header {
	height: 100px;
	overflow: visible;
	height: 80px;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_header@fs.png) repeat-x center top;
	border-top: solid 4px #f6b4c0;
}
#headerContainer {
	position: relative;
	width: 1000px;
}
#headerContainer h1 {
	display: none;
}
#headerContainer h2.ateliergh a {
	display: block;
	width: 117px;
	height: 0px;
	padding-top: 27px;
	margin-top: 18px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_logotype_ateliergh@fs.png) no-repeat center top;
}
/*------------------------------------------------------------
	MAIN MENU
------------------------------------------------------------*/
#headerContainer h3.logotype a {
	z-index: 1;
	position: absolute;
	top: 0px;
	display: block;
	width: 220px;
	height: 0px;
	padding-top: 160px;
	margin-top: -50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_logotype@fs.png) no-repeat 0px 0px;
}
#headerContainer h3.logotype a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)"; /* ie8 */
}
#mainMenu {
	z-index: 1;
	position: absolute;
	top: 15px;
	left: 220px;
	width: 640px;
	height: 40px;
	padding: 0px;
}
#mainMenu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #ed7287;
}
#mainMenu li a {
	display: block;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_menu@fs.png) no-repeat 0px 0px;
}
#mainMenu li p {
	display: block;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_menu@fs.png) no-repeat 0px 0px;
}
#mainMenu li.story a {
	width: 130px;
	background-position: 0px 0px;
}
#mainMenu li.story p {
	width: 130px;
	background-position: 0px -40px;
}
#mainMenu li.story a:hover {
	background-position: 0px -40px;
}
#mainMenu li.character a {
	width: 130px;
	background-position: -130px 0px;
}
#mainMenu li.character p {
	width: 130px;
	background-position: -130px -40px;
}
#mainMenu li.character a:hover {
	background-position: -130px -40px;
}
#mainMenu li.gallery a {
	width: 145px;
	background-position: -260px 0px;
}
#mainMenu li.gallery p {
	width: 145px;
	background-position: -260px -40px;
}
#mainMenu li.gallery a:hover {
	background-position: -260px -40px;
}
#mainMenu li.movie a {
	width: 125px;
	background-position: -405px 0px;
}
#mainMenu li.movie p {
	width: 125px;
	background-position: -405px -40px;
}
#mainMenu li.movie a:hover {
	background-position: -405px -40px;
}
#mainMenu li.trial a {
	width: 110px;
	background-position: -530px 0px;
}
#mainMenu li.trial p {
	width: 110px;
	background-position: -530px -40px;
}
#mainMenu li.trial a:hover {
	background-position: -530px -40px;
}
/*------------------------------------------------------------
	INDEX INFOMATIONS
------------------------------------------------------------*/
body.index #contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	height:1050px;
	margin: 0 auto;
	padding: 0;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_index.jpg) no-repeat center 0;
}
body.index #contentsContainer p.release {
	position: absolute;
	left: 50px;
	top: -110px;
	width: 900px;
	height: 0px;
	padding-top: 110px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_release7@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.caption {
	position: absolute;
	left: 10px;
	top: -370px;
	width: 550px;
	height: 0px;
	padding-top: 145px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_caption@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.dlproduct a {
	position: absolute;
	left: 0px;
	top: -300px;
	width: 200px;
	height: 0px;
	padding-top: 200px;
	overflow: hidden;
	line-height: 200%;
	background: url(/speed/infection_ballbuster/items/infection_ballbuster_button_dlproducts@fs.png) no-repeat 0px 0px;
}
body.index #mainInfomation {
	position: absolute;
	overflow: visible;
	bottom: 0px;
	width: 970px;
	padding: 15px;
	min-height: 100px;
	color: #777777;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_mainInfomation@fs.png) no-repeat 0 0;
}
body.index #mainInfomation div h4 {
	padding: 5px 0 4px 0;
	margin-top: 20px;
	margin-bottom: 15px;
	padding-left: 2em;
	font-size: 1.14em;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #ffffff;
	background: #e95770 url(/common/ui/background_contentsHeaderBlack.png) no-repeat 10px center;
}
body.index #mainInfomation div.staff {
	float: left;
	width: 400px;
	padding: 10px;
}
body.index #mainInfomation div.spec {
	float: left;
	width: 530px;
	padding: 10px;
}
body.index #mainInfomation dl {
	padding: 0 5px;
	font-size: 0.92em;
}
body.index #mainInfomation dl dt {
	float: left;
	width: 7em;
	margin-bottom: 5px;
	padding: 0 0 5px 1em;
	border-bottom: 1px solid #cccccc;
}
body.index #mainInfomation dl dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}
body.index #mainInfomation dl dd span.ruby {
	font-size: 0.92em;
}
body.index #mainInfomation dl dd:before {
	content: "：";
	padding-right: 1em;
}
body.index #mainInfomation a.support {
	clear: both;
	display: block;
	text-align: center;
}
body.index #mainInfomation a.support img {
	margin-top: 10px;
}
body.index #mainInfomation dl.history {
	position: absolute;
	left: -4px;
	top: -440px;
	width: 500px;
	color: #1c71ae;
	line-height: 1em;
}
body.index #mainInfomation dl.history dt {
	float: left;
	width: 9em;
	padding: 0 0 3px 0;
	border-width: 0px;
}
body.index #mainInfomation dl.history dd {
	margin-bottom: 3px;
	padding-bottom: 5px;
	border-width: 0px;
}
body.index #mainInfomation dl.history dd:before {
	content: "：";
	padding-right: 0.5em;
}
body.index #mainInfomation p.bannerMovieIdx a {
	position: absolute;
	right: 0px;
	top: -531px;
	width: 300px;
	height: 0px;
	padding-top: 70px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_banner_movie@fs.png) no-repeat 0px 0px;
}
body.index #mainInfomation p.bannerMovieIdx a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)"; /* ie8 */
}
body.index #mainInfomation p.banner {
	clear: both;
	padding: 0;
	margin: 0 0 0 13px;
	text-align: left;
}
body.index #mainInfomation p.banner a:hover img {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)"; /* ie8 */
	cursor: pointer;
}
/*------------------------------------------------------------
	MAIN CONTENTS
------------------------------------------------------------*/
#contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	margin: 0 auto;
	padding: 0px;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_individual.jpg) no-repeat center top;
}
#mainInfomation {
	position: relative;
	width: 970px;
	margin-top: 80px;
	padding: 15px;
	color: #fffcf3;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_main@fs.png) no-repeat 0 0;
}
#mainInfomation:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#contentsContainer p.bannerMovie a {
	position: absolute;
	right: 0px;
	top: -85px;
	width: 300px;
	height: 0px;
	padding-top: 70px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_banner_movie@fs.png) no-repeat 0px 0px;
}
#contentsContainer p.bannerMovie a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)"; /* ie8 */
}
/*------------------------------------------------------------
	STORY
------------------------------------------------------------*/
#mainInfomation > h4 {
	display: block;
	width: 180px;
	height: 0px;
	padding-top: 55px;
	overflow: hidden;
	margin: 0px auto;
	line-height: 200%;
}
#mainInfomation h4.story {
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_headline@fs.png) no-repeat 0px 0px;
}
#mainInfomation #story01 {
	width: 930px;
	height: 0px;
	margin: 20px 0 10px 20px;
	padding-top: 600px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_story.jpg) no-repeat 0px 0px;
}
/*------------------------------------------------------------
	CHARACTER
------------------------------------------------------------*/
#mainInfomation h4.character {
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_headline@fs.png) no-repeat 0px -55px;
}
#mainInfomation #character01 {
	width: 930px;
	height: 0px;
	margin: 10px 0 0 20px;
	padding-top: 400px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_character01.jpg) no-repeat 0px 0px;
}
#mainInfomation #character02 {
	width: 930px;
	height: 0px;
	margin: 20px 0 0 20px;
	padding-top: 400px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_character02r.jpg) no-repeat 0px 0px;
}
#mainInfomation #character03 {
	width: 930px;
	height: 0px;
	margin: 20px 0 0 20px;
	padding-top: 400px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_character03r.jpg) no-repeat 0px 0px;
}
#mainInfomation #character04 {
	width: 930px;
	height: 0px;
	margin: 20px 0 0 20px;
	padding-top: 400px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_character04r.jpg) no-repeat 0px 0px;
}
#mainInfomation #character05 {
	width: 930px;
	height: 0px;
	margin: 20px 0 0 20px;
	padding-top: 400px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_character05.jpg) no-repeat 0px 0px;
}
#mainInfomation #character06 {
	width: 930px;
	height: 0px;
	margin: 20px 0 20px 20px;
	padding-top: 400px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_character06.jpg) no-repeat 0px 0px;
}
/*------------------------------------------------------------
	GALLERY
------------------------------------------------------------*/
#mainInfomation h4.gallery {
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_headline@fs.png) no-repeat 0px -110px;
}
#mainInfomation p.galleryCaption {
	width: 930px;
	height: 0px;
	padding-top: 128px;
	overflow: hidden;
	margin: 20px 0 0px 20px;
	z-index: 1;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_galleryCaption@fs.png) no-repeat 0px 0px;
}
#mainInfomation #gallery {
	position: relative;
	overflow: visible;
	width: 640px;
	height: 480px;
	margin: -50px 0 10px 50px;
	background: url(/common/nivo-slider/loading.gif) no-repeat 50% 50%;
	border: 1px solid #ed677c;
}
#mainInfomation #gallery > img {
	display: none;
}
#gallery div.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
}
#gallery div.nivo-controlNav {
	width: 260px;
	margin-left: 640px;
}
#gallery div.nivo-controlNav a img {
	float: left;
	margin-left: 8px;
	margin-bottom: 7px;
}
#gallery div.nivo-controlNav a.active img {
	opacity: 0.5;
	-ms-filter: "alpha(opacity=50)"; /* ie8 */
}
#gallery div.nivo-controlNav a:hover img {
	opacity: 0.5;
	-ms-filter: "alpha(opacity=50)"; /* ie8 */
	cursor: pointer;
}
/*------------------------------------------------------------
	MOVIE
------------------------------------------------------------*/
#mainInfomation h4.movie {
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_headline@fs.png) no-repeat 0px -165px;
}
#mainInfomation div.movieContents {
	margin: 20px 0 10px 20px;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_movie@fs.png) no-repeat 0 0;
}
#mainInfomation div.movieContents object {
	margin: 40px 0 0 100px;
	border: 2px solid #ed677c;
}
#mainInfomation div.movieDescription {
	width: 970px;
	padding: 0 15px;
	margin-bottom: 20px;
	color: #663300;
}
#mainInfomation div.movieDescription h5 {
	width: 970px;
	height: 0px;
	padding-top: 50px;
	margin-bottom: 10px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_headline_movie@fs.png) no-repeat 0px 0px;
}
#mainInfomation div.movieDescription span.dlButton a {
	position: absolute;
	bottom: 60px;
	right: 140px;
	display: block;
	width: 150px;
	height: 0px;
	margin-top: 20px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_button_download@fs.png) no-repeat 0 0;
}
#mainInfomation div.movieDescription span.dlButton a:hover {
	background-position: 0 -50px;
}
#mainInfomation div.movieDescription dl.fileData {
	margin-left: 35px;
}
#mainInfomation div.movieDescription dt {
	float: left;
	width: 6em;
	margin: 0 0 5px 70px;
	font-size: 0.92em;
}
#mainInfomation div.movieDescription dd {
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 0.92em;
}
#mainInfomation div.movieDescription dd:before {
	content: "：";
}
/*------------------------------------------------------------
	PRIVILEGE
------------------------------------------------------------*/
#mainInfomation h4.privilege {
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_headline@fs.png) no-repeat 0px -440px;
}
#mainInfomation p.privilege {
	margin: 20px 0px 10px 15px;
	line-height: 2em;
	text-align: left;
	text-justify: auto;
}
#mainInfomation p.privilege a img {
	margin-left: 10px;
}
#mainInfomation p.privilege a:hover img {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	cursor: pointer;
}
/*------------------------------------------------------------
	TRIAL
------------------------------------------------------------*/
#mainInfomation h4.trial {
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_headline@fs.png) no-repeat 0px -220px;
}
#mainInfomation div.trialContents {
	position: relative;
	width: 970px;
	padding: 0 15px;
	color: #663300;
}
#mainInfomation p.trialScreen {
	margin: 20px 0 0 4px;
	line-height: 2em;
	text-align: left;
	text-justify: auto;
}
#mainInfomation p.trialScreen img {
	margin: 0 6px 10px 0;
}
#mainInfomation p.trialScreen a:hover img {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	cursor: pointer;
}
#mainInfomation div.trialContents h5.trialHeader {
	width: 970px;
	height: 0px;
	padding-top: 50px;
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_headline_trial@fs.png) no-repeat 0px 0px;
}
#mainInfomation div.trialContents span.dlButton a {
	position: absolute;
	bottom: -10px;
	right: 50px;
	display: block;
	width: 150px;
	height: 0px;
	margin-top: 20px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_button_download@fs.png) no-repeat 0 0;
}
#mainInfomation div.trialContents span.dlButton a:hover {
	background-position: 0 -50px;
}
#mainInfomation div.trialContents dt {
	float: left;
	width: 6em;
	margin: 0 0 5px 70px;
	font-size: 0.92em;
}
#mainInfomation div.trialContents dd {
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 0.92em;
}
#mainInfomation div.trialContents dd:before {
	content: "：";
}
#mainInfomation div.trialDescription {
	position: relative;
	width: 940px;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 0 15px;
	color: #663300;
}
#mainInfomation div.trialDescription ul {
	margin: 10px 0 20px 0;
	padding-left: 100px;
	font-size: 0.88em;
	color: #663300;
}
#mainInfomation div.trialDescription ul li {
	margin-bottom: 10px;
	line-height: 1.5em;
}
#mainInfomation div.trialDescription h6 {
	width: 970px;
	height: 0px;
	padding-top: 35px;
	margin: 10px 0 5px 0 ;
	overflow: hidden;
	line-height: 200%;
}
#mainInfomation div.trialDescription h6.trialInstall {
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_headline_h6_install@fs.png) no-repeat 0px 0px;
}
#mainInfomation div.trialDescription h6.trialUninstall {
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_headline_h6_uninstall@fs.png) no-repeat 0px 0px;
}
#mainInfomation div.trialDescription p {
	padding: 5px 30px 5px 70px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainInfomation div.trialDescription p.trialCaption {
	font-size: 1.17em;
}
/*------------------------------------------------------------
	DL PRODUCTS
------------------------------------------------------------*/
#mainInfomation h4.dlproducts {
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_headline@fs.png) no-repeat 0px -330px;
}
#mainInfomation h5.dlproducts {
	width: 970px;
	height: 0px;
	padding-top: 50px;
	margin: 20px 0 20px 20px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_headline_dlproducts@fs.png) no-repeat 0px 0px;
}
#mainInfomation div.bannerContainer {
	width: 890px;
	padding: 0 40px;
	overflow: visible;
	color: #663300;
}
#mainInfomation div.bannerContainer:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#mainInfomation div.bannerContainer div.div4Columns {
	float: left;
	width: 200px;
	margin: 10px 10px;
}
#mainInfomation div.bannerContainer div.div4Columns p {
	margin: 10px 0;
	padding: 0;
	text-align: center;
}
#mainInfomation div.bannerContainer p {
	margin: 0 0 10px 10px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainInfomation div.bannerContainer hr {
	border-width: 0;
	margin-bottom: 20px;
}
/*------------------------------------------------------------
	FOOTER - WHITE TEXT
------------------------------------------------------------*/
body.index #footer {
	width: 970px;
	padding: 15px;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_mainInfomation@fs.png) no-repeat 0 -1970px;
}
#footer {
	width: 970px;
	padding: 15px;
	background: url(/ateliergh/gakuennetorare/items/gakuennetorare_background_main@fs.png) no-repeat 0 -2970px;	
}
body.exApps #footer ul.footerMenu li.copyrightBrand a {
	background-image: url(/common/ui/background_footer_exApps_gray@fs.png);
	margin: -8px 0 0 -20px;
}
body.index #footer ul.footerMenu li.copyrightBrand a {
	background-image: url(/common/ui/background_footer_exApps_gray@fs.png);
	margin: 2px 0 0 -20px;
}