@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2015 SPACE PROJECT
	BUILD : 2015-11-07T00:22:49+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: #00001c url(/ateliergh/puresaints/items/puresaints_background_body.jpg) no-repeat center top;
}
* p {
	text-align: left;
	text-justify: none;
}
#header {
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	overflow: visible;
	border-top: solid 0px #00001c;
}
#headerContainer {
	position: relative;
}
#headerContainer h1 {
	display: none;
}
#headerContainer h2.ateliergh a {
	display: block;
	width: 115px;
	height: 0px;
	padding-top: 27px;
	margin-top: 3px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_header_logotype_ateliergh@fs.png) no-repeat 0px 0px;
}
body #headerContainer p.caption {
	position: absolute;
	left: 400px;
	top: 0px;
	width: 470px;
	height: 0px;
	padding-top: 25px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_header_caption@fs.png) no-repeat 0px 0px;
}
/*------------------------------------------------------------
	MAIN MENU
------------------------------------------------------------*/
#headerContainer h3.logotype a {
	z-index: 1;
	position: absolute;
	top: 20px;
	left: 5px;
	display: block;
	width: 330px;
	height: 0px;
	padding-top: 130px;
	margin-top: -50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_header_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: 42px;
	left: 370px;
	width: 650px;
	height: 60px;
	padding: 0px;
}
#mainMenu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#mainMenu li a {
	display: block;
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_header_menu@fs.png) no-repeat 0px 0px;
}
#mainMenu li p {
	display: block;
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_header_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 -50px;
}
#mainMenu li.story a:hover {
	background-position: 0px -50px;
}
#mainMenu li.character a {
	width: 130px;
	background-position: -130px 0px;
}
#mainMenu li.character p {
	width: 130px;
	background-position: -130px -50px;
}
#mainMenu li.character a:hover {
	background-position: -130px -50px;
}
#mainMenu li.gallery a {
	width: 130px;
	background-position: -260px 0px;
}
#mainMenu li.gallery p {
	width: 130px;
	background-position: -260px -50px;
}
#mainMenu li.gallery a:hover {
	background-position: -260px -50px;
}
#mainMenu li.download a {
	width: 130px;
	background-position: -390px 0px;
}
#mainMenu li.download p {
	width: 130px;
	background-position: -390px -50px;
}
#mainMenu li.download a:hover {
	background-position: -390px -50px;
}
#mainMenu li.trial a {
	width: 130px;
	background-position: -520px 0px;
}
#mainMenu li.trial p {
	width: 130px;
	background-position: -520px -50px;
}
#mainMenu li.trial a:hover {
	background-position: -520px -50px;
}
/*------------------------------------------------------------
	INDEX INFOMATIONS
------------------------------------------------------------*/
body.index {
	background: #00001c;
}
body.index #header {
	background: url(/ateliergh/puresaints/items/puresaints_background_main2.jpg) no-repeat center 0px;
}
body.index #contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	height: 1050px;
	margin: 0 auto;
	padding: 0;
	background: url(/ateliergh/puresaints/items/puresaints_background_main2.jpg) no-repeat center -100px;
}
body.index #contentsContainer p.release {
	position: absolute;
	left: 190px;
	top: -110px;
	width: 800px;
	height: 0px;
	padding-top: 110px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_background_release5@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.caption {
	position: absolute;
	left: 100px;
	top: -320px;
	width: 800px;
	height: 0px;
	padding-top: 150px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_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(/ateliergh/infection_ballbuster/items/infection_ballbuster_button_dlproducts.png) no-repeat 0px 0px;
}
*/
body.index #mainInfomation {
	position: absolute;
	overflow: visible;
	bottom: 0px;
	width: 970px;
	min-height: 150px;
	padding: 15px;
	line-height: 200%;
	background: url(/common/ui_apps/background_mainInfomation.png) no-repeat 0 0;
}
body.index #mainInfomation h4 {
	padding: 7px 0 5px 0;
	margin-bottom: 15px;
	padding-left: 2em;
	font-size: 1.14em;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #ffffff;
	background: #353559 url(/common/ui/background_contentsHeaderBlack.png) no-repeat 10px center;
}
body.index #mainInfomation div.staff {
	float: left;
	width: 490px;
	padding: 10px;
}
body.index #mainInfomation div.spec {
	float: left;
	width: 440px;
	padding: 10px;
}
body.index #mainInfomation div dl {
	padding: 0 5px;
	font-size: 0.92em;
}
body.index #mainInfomation div dl dt {
	float: left;
	width: 6.5em;
	margin-bottom: 5px;
	padding: 0 0 5px 0.5em;
}
body.index #mainInfomation div dl.proStaffList dt {
	width: 5.5em;
}
body.index #mainInfomation div dl dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #514670;
}
body.index #mainInfomation div dl dd span.ruby {
	font-size: 0.92em;
}
body.index #mainInfomation div dl dd span.subTitle {
	font-size: 0.92em;
	margin-left: 2.2em;
}
body.index #mainInfomation div dl dd:before {
	content: "：";
	padding-right: 0.5em;
}
/*
body.index #contentsContainer p.btn_movie a {
	position: absolute;
	right: 0px;
	top: -700px;
	width: 200px;
	height: 0px;
	padding-top: 200px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/infection_ballbuster/items/infection_ballbuster_button_movie.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.btn_movie a:hover {
	opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	cursor: pointer;
}
body.index #contentsContainer p.btn_trial a {
	position: absolute;
	right: 0px;
	top: -700px;
	width: 200px;
	height: 0px;
	padding-top: 200px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/infection_ballbuster/items/infection_ballbuster_button_trial.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.btn_trial a:hover {
	opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	cursor: pointer;
}
body.index #contentsContainer p.btn_support a {
	position: absolute;
	right: 0px;
	top: -590px;
	width: 200px;
	height: 0px;
	padding-top: 200px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/infection_ballbuster/items/infection_ballbuster_button_support.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.btn_support a:hover {
	opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	cursor: pointer;
}
*/
body.index #contentsContainer p.history {
	position: absolute;
	left: 250px;
	top: -590px;
	color: #ffffff;
	line-height: 1.5em;
}
body.index #mainInfomation dl.history {
	position: absolute;
	left: 250px;
	top: -680px;
	width: 500px;
	color: #ffffff;
	line-height: 1em;
}
body.index #mainInfomation dl.history dt {
	float: left;
	width: 9em;
	padding: 0 0 3px 0;
}
body.index #mainInfomation dl.history dd {
	margin-bottom: 3px;
	padding-bottom: 5px;
}
body.index #mainInfomation dl.history dd:before {
	content: "：";
	padding-right: 0.5em;
}
body.index #mainInfomation a.support {
	clear: both;
	display: block;
	text-align: center;
}
body.index #mainInfomation a.support img {
	margin-top: 10px;
}
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.5;
	-ms-filter: "alpha(opacity=50)";
	cursor: pointer;
}
/*------------------------------------------------------------
	MAIN CONTENTS
------------------------------------------------------------*/
#contentsContainer {
	overflow: visible;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#mainInfomation {
	position: relative;
	overflow: visible;
	width: 970px;
	margin-top: 80px;
	min-height: 550px;
	padding: 15px;
	color: #222222;
	background: url(/common/ui_apps/background_mainInfomation@fs.png) no-repeat 0 0;
}
#mainInfomation:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#mainInfomation hr {
	width: 940px;
	border-bottom: 1px solid #b20000;
	margin: 20px 15px;
}
/*------------------------------------------------------------
	STORY
------------------------------------------------------------*/
#mainInfomation h4.story {
	width: 200px;
	height: 0px;
	margin-top: -30px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_headline@fs.png) no-repeat 0px 0px;
}
#mainInfomation #story {
	position: relative;
	width: 930px;
	height: 0px;
	margin: 20px 0 10px 20px;
	padding-top: 400px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_story.jpg) no-repeat 0px 0px;
	border: 2px solid #ffffff;
}
#mainInfomation #point01 {
	position: relative;
	width: 930px;
	height: 0px;
	margin: 20px 0 10px 20px;
	padding-top: 260px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_point01.jpg) no-repeat 0px 0px;
	border: 2px solid #ffffff;
}
#mainInfomation #point02 {
	position: relative;
	width: 930px;
	height: 0px;
	margin: 20px 0 10px 20px;
	padding-top: 260px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_point02.jpg) no-repeat 0px 0px;
	border: 2px solid #ffffff;
}
/*
#mainInfomation span.screenshot01 {
	display: block;
	width: 1000px;
	position: absolute;
	left: 26px;
	bottom: 10px;
	z-index: 10;
}
#mainInfomation span.screenshot02 {
	display: block;
	width: 1000px;
	position: absolute;
	left: 26px;
	bottom: 10px;
	z-index: 10;
}
#mainInfomation span.screenshot01 img {
	margin: 0 9px 10px 0;
	border: 1px solid #b20000;
}
#mainInfomation span.screenshot02 img {
	margin: 0 4px 10px 0;
	border: 1px solid #b20000;
}
#mainInfomation span a:hover img {
	opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	cursor: pointer;
}
*/
/*------------------------------------------------------------
	CHARACTER
------------------------------------------------------------*/
#mainInfomation h4.character {
	width: 200px;
	height: 0px;
	margin-top: -30px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_headline@fs.png) no-repeat 0px -50px;
}
#mainInfomation div.characterDescription {
	float: left;
	width: 455px;
	height: 0px;
	margin: 0px 0px 18px 18px;
	padding-top: 400px;
	overflow: hidden;
	line-height: 200%;
	color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 0 6px #999999;
	-webkit-box-shadow: 0 0 6px #999999;
	-moz-box-shadow: 0 0 6px #999999;
}
#mainInfomation #character01 {
	background: url(/ateliergh/puresaints/items/puresaints_character01.jpg) no-repeat 0px 0px;
}
#mainInfomation #character02 {
	background: url(/ateliergh/puresaints/items/puresaints_character02.jpg) no-repeat 0px 0px;
}
#mainInfomation #character03 {
	background: url(/ateliergh/puresaints/items/puresaints_character03.jpg) no-repeat 0px 0px;
}
#mainInfomation #character04 {
	background: url(/ateliergh/puresaints/items/puresaints_character04.jpg) no-repeat 0px 0px;
}
#mainInfomation #character05 {
	background: url(/ateliergh/puresaints/items/puresaints_character05.jpg) no-repeat 0px 0px;
}
#mainInfomation #character06 {
	background: url(/ateliergh/puresaints/items/puresaints_character06.jpg) no-repeat 0px 0px;
}
/*------------------------------------------------------------
	GALLERY
------------------------------------------------------------*/
#mainInfomation h4.gallery {
	width: 200px;
	height: 0px;
	margin-top: -30px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_headline@fs.png) no-repeat 0px -100px;
}
#mainInfomation #gallery {
	position: relative;
	overflow: visible;
	width: 640px;
	height: 480px;
	margin: 0px 0 10px 18px;
	background: url(/common/nivo-slider/loading.gif) no-repeat 50% 50%;
	border: 2px solid #ffffff;
}
#mainInfomation #gallery > img {
	display: none;
}
#gallery div.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%;
}
#gallery div.nivo-controlNav {
	width: 290px;
	margin-left: 643px;
}
#gallery div.nivo-controlNav a img {
	float: left;
	margin-left: 6px;
	margin-bottom: 5px;
}
#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;
}
/*------------------------------------------------------------
	DOWNLOAD
------------------------------------------------------------*/
#mainInfomation h4.movie {
	width: 200px;
	height: 0px;
	margin-top: -30px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_headline@fs.png) no-repeat 0px -150px;
}
#mainInfomation div.downloadContents {
	margin: 34px 0 10px 85px;
}
#mainInfomation div.downloadContents object {
	margin-bottom: 10px;
/* 	border: 1px solid #ffffff; */
	box-shadow: 0 0 10px #999999;
	-webkit-box-shadow: 0 0 10px #999999;
	-moz-box-shadow: 0 0 10px #999999;
}
#mainInfomation div.downloadContents img {
	margin-bottom: 20px;
	border: 2px solid #ffffff;
	box-shadow: 0 0 10px #999999;
	-webkit-box-shadow: 0 0 10px #999999;
	-moz-box-shadow: 0 0 10px #999999;
}
#mainInfomation div.downloadDescription {
	width: 970px;
	padding: 0 15px;
	color: #353559;
}
#mainInfomation div.bottomMargin {
	margin-bottom: -30px;
}
#mainInfomation div.downloadDescription h5 {
	width: 970px;
	height: 0px;
	padding-top: 50px;
	margin-bottom: 20px;
	overflow: hidden;
	line-height: 200%;
}
#mainInfomation div.downloadDescription h5.headlineDemoMovie {
	background: url(/ateliergh/puresaints/items/puresaints_headline_demomovie@fs.png) no-repeat 0px 0px;
}
#mainInfomation div.downloadDescription h5.headlineOpeningTheme {
	background: url(/ateliergh/puresaints/items/puresaints_headline_openingtheme@fs.png) no-repeat 0px 0px;
}
#mainInfomation div.downloadDescription h5.headlineEndingTheme {
	background: url(/ateliergh/puresaints/items/puresaints_headline_endingtheme@fs.png) no-repeat 0px 0px;
}
#mainInfomation div.downloadDescription > span.dlButton a {
	position: absolute;
	bottom: 50px;
	right: 70px;
	display: block;
	width: 150px;
	height: 0px;
	margin-top: 20px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_button_downloadLink@fs.png) no-repeat 0 0;
}
#mainInfomation div.downloadDescription > span.dlButton a:hover {
	background-position: 0 -40px;
}
#mainInfomation div.downloadDescription div.buttonContainer {
	position: relative;
	bottom: 110px;
	right: -730px;
}
#mainInfomation div.downloadDescription div.buttonContainer span.playButton a {
	display: block;
	width: 150px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_button_playback@fs.png) no-repeat 0 0;
}
#mainInfomation div.downloadDescription div.buttonContainer span.playButton a:hover {
	background-position: 0 -40px;
}
#mainInfomation div.downloadDescription div.buttonContainer span.dlButton a {
	display: block;
	width: 150px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_button_downloadLink@fs.png) no-repeat 0 0;
}
#mainInfomation div.downloadDescription div.buttonContainer span.dlButton a:hover {
	background-position: 0 -40px;
}
#mainInfomation div.downloadDescription dl {
	clear: both;
	margin-top: -10px;
	margin-bottom: 10px;
}
#mainInfomation div.downloadDescription dt {
	float: left;
	width: 6em;
	margin: 0px 0px 5px 70px;
	font-size: 0.92em;
}
#mainInfomation div.downloadDescription dd {
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 0.92em;
}
#mainInfomation div.downloadDescription dd:before {
	content: "：";
}
#mainInfomation div.downloadDescription dl.songData {
	margin-left: 40px;
}
#mainInfomation div.downloadDescription dl.songData dt {
	width: auto;
	margin: 0px 0px 20px 30px;
}
#mainInfomation div.downloadDescription dl.songData dd {
	float: left;
}
#mainInfomation div.downloadDescription dl.songData dd:before {
	margin-right: 0.5em;
}
/*------------------------------------------------------------
	DOWNLOAD - SWICH CONTAINER
------------------------------------------------------------*/
#mainInfomation ul.downloadMenu {
	width: 410px;
	height: 50px;
	margin: -70px auto 0px auto;
}
#mainInfomation ul.downloadMenu li {
	float: left;
	display: block;
	list-style: none;
}
#mainInfomation ul.downloadMenu li.demoMovie a {
	display: block;
	width: 205px;
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_button_download@fs.png) no-repeat 0px 0px;
}
#mainInfomation ul.downloadMenu li.demoMovie a.active {
	background-position: 0px -50px;
}
#mainInfomation ul.downloadMenu li.demoMovie a:hover {
	background-position: 0px -50px;
}
#mainInfomation ul.downloadMenu li.themeSong a {
	display: block;
	width: 205px;
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_button_download@fs.png) no-repeat -205px 0px;
}
#mainInfomation ul.downloadMenu li.themeSong a.active {
	background-position: -205px -50px;
}
#mainInfomation ul.downloadMenu li.themeSong a:hover {
	background-position: -205px -50px;
}
#mainInfomation div.downloadContainer {
	position: relative;
	display: none; /* Switch Container */
}
#mainInfomation #container1 {
	display: block; /* Switch Container */
}
/*------------------------------------------------------------
	TRIAL
------------------------------------------------------------*/
#mainInfomation h4.trial {
	width: 200px;
	height: 0px;
	margin-top: -30px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_headline@fs.png) no-repeat 0px -200px;
}
#mainInfomation div.trialContents p.caption01 {
	width: 900px;
	height: 0px;
	padding-top: 50px;
	margin: 5px 24px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_background_caption_trial01@fs.png) no-repeat 0px 0px;
}
#mainInfomation div.trialContents p.caption02 {
	width: 900px;
	height: 0px;
	padding-top: 50px;
	margin: 5px 24px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_background_caption_trial02@fs.png) no-repeat 0px 0px;
}
#mainInfomation div.trialContents span.screenshot {
	display: block;
	width: 920px;
	margin-left: 27px;
	z-index: 10;
}
#mainInfomation div.trialContents span.screenshot img {
	margin: 0px 8px 12px 0;
	border: 1px solid #ffffff;
}
#mainInfomation div.trialContents span.screenshot a:hover img {
	opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	cursor: pointer;
}
#mainInfomation div.trialDescription {
	position: relative;
	width: 940px;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 0 15px;
	color: #353559;
}
#mainInfomation div.trialDescription h5 {
	width: 970px;
	height: 0px;
	padding-top: 50px;
	margin-bottom: 20px;
	overflow: hidden;
	line-height: 200%;
}
#mainInfomation div.trialDescription h5.headlineTrial01 {
	background: url(/ateliergh/puresaints/items/puresaints_headline_trial01@fs.png) no-repeat 0px 0px;
}
#mainInfomation div.trialDescription h5.headlineTrial02 {
	background: url(/ateliergh/puresaints/items/puresaints_headline_trial02@fs.png) no-repeat 0px 0px;
}
#mainInfomation div.trialDescription span.dlButton a {
	position: absolute;
	bottom: 0px;
	right: 30px;
	display: block;
	width: 150px;
	height: 0px;
	margin-top: 20px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_button_downloadLink@fs.png) no-repeat 0 0;
}
#mainInfomation div.trialDescription span.dlButton a:hover {
	background-position: 0 -40px;
}
#mainInfomation div.trialDescription dl {
	margin-top: -10px;
	margin-bottom: 10px;
}
#mainInfomation div.trialDescription dt {
	float: left;
	width: 6em;
	margin: 0 0 5px 70px;
	font-size: 0.92em;
}
#mainInfomation div.trialDescription dd {
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 0.92em;
}
#mainInfomation div.trialDescription dd:before {
	content: "：";
}
#mainInfomation div.trialDescription ul {
	margin: 20px 0;
	padding-left: 70px;
	font-size: 0.88em;
	color: #4a476c;
}
#mainInfomation div.trialDescription ul li {
	margin-bottom: 10px;
}
#mainInfomation div.trialDescription h6 {
	width: 970px;
	height: 0px;
	padding-top: 35px;
	margin: 30px 0 5px 0 ;
	overflow: hidden;
	line-height: 200%;
}
#mainInfomation div.trialDescription h6.install {
	background: url(/ateliergh/puresaints/items/puresaints_headline_trial_install@fs.png) no-repeat 0px 0px;
}
#mainInfomation div.trialDescription h6.uninstall {
	background: url(/ateliergh/puresaints/items/puresaints_headline_trial_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;
}
/*------------------------------------------------------------
	TRIAL - SWICH CONTAINER
------------------------------------------------------------*/
#mainInfomation ul.trialMenu {
	width: 410px;
	height: 50px;
	margin: -70px auto 0px auto;
}
#mainInfomation ul.trialMenu li {
	float: left;
	display: block;
	list-style: none;
}
#mainInfomation ul.trialMenu li.trial01 a {
	display: block;
	width: 205px;
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_button_trial@fs.png) no-repeat 0px 0px;
}
#mainInfomation ul.trialMenu li.trial01 a.active {
	background-position: 0px -50px;
}
#mainInfomation ul.trialMenu li.trial01 a:hover {
	background-position: 0px -50px;
}
#mainInfomation ul.trialMenu li.trial02 a {
	display: block;
	width: 205px;
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_button_trial@fs.png) no-repeat -205px 0px;
}
#mainInfomation ul.trialMenu li.trial02 a.active {
	background-position: -205px -50px;
}
#mainInfomation ul.trialMenu li.trial02 a:hover {
	background-position: -205px -50px;
}
#mainInfomation div.downloadContainer {
	position: relative;
	display: none; /* Switch Container */
}
#mainInfomation #container1 {
	display: block; /* Switch Container */
}
/*------------------------------------------------------------
	DL PRODUCTS
------------------------------------------------------------*/
#mainInfomation h4.dlproducts {
	width: 200px;
	height: 0px;
	margin-top: -30px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_headline@fs.png) no-repeat 0px -250px;
}
#mainInfomation h5.dlproducts {
	width: 970px;
	height: 0px;
	padding-top: 50px;
	margin: 20px 0 20px 20px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ateliergh/puresaints/items/puresaints_headline_dlproducts@fs.png) no-repeat 0px 0px;
}
#mainInfomation div.bannerContainer {
	width: 890px;
	padding: 0 40px;
	overflow: visible;
	color: #353559;
}
#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(/common/ui_apps/background_mainInfomation@fs.png) no-repeat 0px -1985px;	
}
#footer {
	width: 970px;
	padding: 15px;
	background: url(/common/ui_apps/background_mainInfomation@fs.png) no-repeat 0px -1985px;	
}
/*------------------------------------------------------------
	EX APPS FOOTER
------------------------------------------------------------*/
body.exApps #footer ul.footerMenu li.copyright a {
	display: none;
}
body.exApps #footer ul.footerMenu li.copyrightBrand a {
	display: block;
	width: 400px;
	height: 0px;
	overflow: hidden;
	padding-top: 20px;
	line-height: 200%;
	margin: -15px 0 0 -20px;
	background: url(/common/ui/background_footer_exApps@fs.png) no-repeat 0px 0px;
}
body.exApps #footer ul.footerMenu li.ateliergh a {
	background: url(/common/ui/background_footer_ateliergh-snowflake@fs.png) no-repeat 0 0;
}