@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2017 SPACE PROJECT
	BUILD : 2017-02-06T01:14:25+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;
	margin-bottom: 20px;
	background-color: #000000;
}
body.trial {
	background: #000000 url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_background_subEntries.jpg) no-repeat center top;
}
#header {
	height: 50px;
	overflow: visible;
	border-color: #000000;
}
#headerContainer {
	z-index: 100;
	position: relative;
	overflow: visible;
}
#headerContainer h2.ateliergh a {
	position: relative;
	display: block;
	float: right;
	width: 130px;
	height: 0px;
	padding-top: 30px;
	margin-top: -5px;
	margin-right: 10px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_ateliergh_logotype@fs.png) no-repeat 0px 0px;
}
#headerContainer h3.logotype a {
	position: absolute;
	top: -40px;
	left: 5px;
	display: block;
	width: 324px;
	height: 0px;
	padding-top: 103px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_logotype@fs.png) no-repeat 0px 0px;
}
#headerContainer h3.logotype a:hover {
	opacity: 0.8;
}
#mainMenu {
	z-index: 200;
	position: absolute;
	top: -20px;
	left: 330px;
	width: 520px;
}
#mainMenu ul {
	list-style: none;
}
#mainMenu ul li {
	float: left;
	display: block;
	width: 250px;
	height: 60px;
	background-color: #a24d61;
	margin-left: 10px;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}
#mainMenu ul li:hover {
	background-color: #f75878;	
}
#mainMenu ul li a {
	display: block;
	width: 250px;
	height: 0px;
	padding-top: 45px;
	overflow: hidden;
	line-height: 200%;
	margin-top: 15px;
}
#mainMenu ul li.story a {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_menu@fs.png) no-repeat 0px 0px;	
}
#mainMenu ul li.story2 a {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_menu@fs.png) no-repeat 0px -45px;	
}
#mainMenu ul li.story3 a {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_menu@fs.png) no-repeat 0px -90px;	
}
#headerContainer h1,
body.index #headerContainer h3 {
	display: none;
}
body.index #mainMenu {
	display: none;
}
body.story #mainMenu ul li.story {
	display: none;
}
body.story2 #mainMenu ul li.story2 {
	display: none;
}
body.story3 #mainMenu ul li.story3 {
	display: none;
}
/*------------------------------------------------------------
	ANIMATION SETUP
------------------------------------------------------------*/
#mainMenu ul li {
	margin-top: -65px;	
}
/*------------------------------------------------------------
	MAIN VISUAL
------------------------------------------------------------*/
#contentsContainer {
	position: relative;
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 0 10px;
}
#mainVisual {
	position: relative;
	height: 1030px;
}
#mainVisual ul {
	list-style: none;
}
#mainVisual ul li {
	float: left;
	display: block;
	width: 320px;
	height: 0px;
	overflow: hidden;
	padding-top: 650px;
	line-height: 300%;
	margin-left: 10px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
#mainVisual ul li:first-child {
	margin-left: 0;
}
#mainVisual01 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_mainVisual01.jpg) no-repeat 0 0;
}
#mainVisual02 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_mainVisual02.jpg) no-repeat 0 0;
}
#mainVisual03 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_mainVisual03.jpg) no-repeat 0 0;
}
#mainCaption {
	position: absolute;
	top: 460px;
	display: block;
	width: 980px;
	height: 0px;
	overflow: hidden;
	padding-top: 550px;
	line-height: 300%;
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_mainCaption@fs.png) no-repeat 0 0;
}
/*------------------------------------------------------------
	BANNER
------------------------------------------------------------*/
#linkBannerContainer {
	height: 410px;
	background-color: #a24d61;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
}
#linkBannerContainer h4 {
	display: block;
	width: 955px;
	height: 0px;
	overflow: hidden;
	padding-top: 60px;
	line-height: 300%;
	margin-left: 15px;
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_linkCaption@fs.png) no-repeat 0 5px;
}
#linkBannerContainer ul {
	list-style: none;
}
#linkBannerContainer ul li a {
	display: block;
	width: 950px;
	height: 0px;
	overflow: hidden;
	padding-top: 95px;
	line-height: 300%;
	margin-left: 15px;
	margin-top: 15px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#linkBanner01 a {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_mainBanner@fs.png) no-repeat 0 0;
}
#linkBanner02 a {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_mainBanner@fs.png) no-repeat 0 -190px;
}
#linkBanner03 a {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_mainBanner@fs.png) no-repeat 0 -380px;
}
#linkBanner01 a:hover {
	background-position: 0 -95px;	
}
#linkBanner02 a:hover {
	background-position: 0 -285px;	
}
#linkBanner03 a:hover {
	background-position: 0 -475px;	
}
/*------------------------------------------------------------
	TRIAL BANNER
------------------------------------------------------------*/
#trialBannerContainer {
	margin-top: 20px;
	margin-bottom: 40px;
	padding: 20px 15px;
	background-color: #a24d61;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
}
#trialBanner a {
	display: block;
	width: 950px;
	height: 0px;
	overflow: hidden;
	padding-top: 95px;
	line-height: 300%;
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_mainBanner_trial@fs.png) no-repeat 0 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#trialBanner a:hover {
	background-position: 0 -95px;
}
/*------------------------------------------------------------
	RELEASE
------------------------------------------------------------*/
#releaseContainer a {
	display: block;
	width: 980px;
	margin-bottom: 20px;
	height: 0px;
	overflow: hidden;
	padding-top: 200px;
	line-height: 300%;
	background: #4e76a3 url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_releaseDLProducts2@fs.png) no-repeat 0 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#releaseContainer a:hover {
	background-color: #375d88;
}
/*------------------------------------------------------------
	ONLINESHOP
------------------------------------------------------------*/
#onlineshopContainer {
	margin-bottom: 20px;
	padding: 20px 15px;
	background-color: #4e76a3;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
}
#onlineshopBanner a {
	display: block;
	width: 944px;
	height: 0px;
	overflow: hidden;
	padding-top: 80px;
	line-height: 300%;
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_banner_onlineshop.jpg) no-repeat 0 0;
	border: 3px solid #ffffff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#onlineshopBanner a:hover {
	border-color: #fc5979;
}
/*------------------------------------------------------------
	PRIVILEGE
------------------------------------------------------------*/
#privilegeContainer {
	padding: 10px 15px;
	background-color: #4e76a3;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
}
#privilegeContainer h4 {
	width: 950px;
	height: 0px;
	overflow: hidden;
	padding-top: 40px;
	line-height: 300%;
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_privilege_headline@fs.png) no-repeat 0 0;
}
#privilegeContainer ul {
	margin-top: 10px;
	margin-left: 2px;
	list-style: none;
}
#privilegeContainer ul li {
	float: left;
	width: 129px;
	margin-left: 7px;
}
#privilegeContainer ul li:first-child {
	margin-left: 0;
}
#privilegeContainer ul li a img {
	border: 2px solid #ffffff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
}
#privilegeContainer ul li a[href] img:hover {
	border-color: #f75878;
}
#privilegeContainer ul li a.shopLink {
	display: block;
	width: 129px;
	height: 0px;
	overflow: hidden;
	padding-top: 30px;
	line-height: 300%;
	margin-top: 10px;
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_privilege_shopLink3.png) no-repeat 0 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
}
#privilegeContainer ul li#privilegeSofmap a {
	background-position: 0 0;
}
#privilegeContainer ul li#privilegeSofmap a:hover {
	background-position: -129px 0;
}
#privilegeContainer ul li#privilegeTrader a {
	background-position: 0 -30px;
}
#privilegeContainer ul li#privilegeTrader a:hover {
	background-position: -129px -30px;
}
#privilegeContainer ul li#privilegeGetchu a {
	background-position: 0 -60px;
}
#privilegeContainer ul li#privilegeGetchu a:hover {
	background-position: -129px -60px;
}
#privilegeContainer ul li#privilegeComroad a {
	background-position: 0 -90px;
}
#privilegeContainer ul li#privilegeComroad a:hover {
	background-position: -129px -90px;
}
#privilegeContainer ul li#privilegeGoodwill a {
	background-position: 0 -120px;
}
#privilegeContainer ul li#privilegeGoodwill a:hover {
	background-position: -129px -120px;
}
#privilegeContainer ul li#privilegeMarigold a {
	background-position: 0 -150px;
}
#privilegeContainer ul li#privilegeMarigold a:hover {
	background-position: -129px -150px;
}
#privilegeContainer ul li#privilegeAmazon a {
	background-position: 0 -180px;
}
#privilegeContainer ul li#privilegeAmazon a:hover {
	background-position: -129px -180px;
}
/*------------------------------------------------------------
	INDEX - MAIN INFOMATION
------------------------------------------------------------*/
body.index #mainInfomation {
	clear: both;
	position: relative;
	overflow: visible;
	width: 960px;
	padding: 10px 10px;
	margin-top: 30px;
	color: #666666;
	background: #eeeeee;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
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: 0px solid #ffffff;
	background: #a24d61 url(/common/ui/background_contentsHeaderBlack.png) no-repeat 10px center;
}
body.index #mainInfomation div.staff {
	float: left;
	width: 510px;
	padding: 5px;
}
body.index #mainInfomation div.spec {
	float: left;
	width: 430px;
	padding: 5px;
}
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 #a24d61;
}
body.index #mainInfomation div.staff dl dt {
	width: 6em;
}
body.index #mainInfomation div.staff dl dt.lineBreak {
	width: 8em;
}
body.index #mainInfomation div.staff dl dt .hide {
	color: #eeeeee;
}
body.index #mainInfomation div dl dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #a24d61;
}
body.index #mainInfomation div dl dd.lineBreak {
	text-indent: -2em;
}
body.index #mainInfomation div dl dd span.ruby {
	font-size: 0.92em;
}
body.index #mainInfomation div dl dd:before {
	content: "：";
	padding-right: 1em;
}
/*------------------------------------------------------------
	STORY - COMMON
------------------------------------------------------------*/
body[class*="story"] #contentsContainer {
	position: relative;
	width: 1000px;
	padding: 0;
	height: 1400px;
}
body[class*="story"] #mainInfomation {
	z-index: 10;
	clear: both;
	position: absolute;
	top: -54px;
	width: 980px;
	height: 1460px;
	padding: 0 10px;
	border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
}
body.story #mainInfomation {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_background3_01.jpg) no-repeat 0 0;
}
body.story2 #mainInfomation {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_background3_02.jpg) no-repeat 0 0;
}
body.story3 #mainInfomation {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_background3_03.jpg) no-repeat 0 0;
}
#dataContainer {
	position: absolute;
	top: 410px;
	right: 25px;
	width: 500px;
}
body.story3 #dataContainer {
	left: 15px;
}
body[class*="story"] #heroineData {
	z-index: 10;
	position: absolute;
	width: 500px;
	height: 0px;
	padding-top: 285px;
	overflow: hidden;
	line-height: 300%;
}
body.story #heroineData {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_heroine01cv@fs.png) no-repeat 0 0;
}
body.story2 #heroineData {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_heroine02cv@fs.png) no-repeat 0 0;
}
body.story3 #heroineData {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_heroine03cv@fs.png) no-repeat 0 0;
}
#eventContainer {
	display: block;
	position: absolute;
	top: 290px;
	left: 15px;
	list-style: none;
}
#eventContainer li {
	margin-bottom: 20px;
}
#eventContainer a {
	display: block;
	width: 470px;
	height: 0px;
	padding-top: 130px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_eventThumbnail.jpg) no-repeat 0 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 0 10px #222222;
	-webkit-box-shadow: 0 0 10px #222222;
	-moz-box-shadow: 0 0 10px #222222;
}
#eventContainer #eventLink01 {
	background-position: 0px 0px;
}
#eventContainer #eventLink01:hover {
	background-position: -470px 0px;
}
#eventContainer #eventLink02 {
	background-position: 0px -130px;
}
#eventContainer #eventLink02:hover {
	background-position: -470px -130px;
}
#eventContainer #eventLink03 {
	background-position: 0px -260px;
}
#eventContainer #eventLink03:hover {
	background-position: -470px -260px;
}
#eventContainer #eventLink04 {
	background-position: 0px -390px;
}
#eventContainer #eventLink04:hover {
	background-position: -470px -390px;
}
#eventContainer #eventLink05 {
	background-position: 0px -520px;
}
#eventContainer #eventLink05:hover {
	background-position: -470px -520px;
}
#eventContainer #eventLink06 {
	background-position: 0px -650px;
}
#eventContainer #eventLink06:hover {
	background-position: -470px -650px;
}
#eventContainer #eventLink07 {
	background-position: 0px -780px;
}
#eventContainer #eventLink07:hover {
	background-position: -470px -780px;
}
#eventContainer #eventLink08 {
	background-position: 0px -910px;
}
#eventContainer #eventLink08:hover {
	background-position: -470px -910px;
}
#eventContainer #eventLink09 {
	background-position: 0px -1040px;
}
#eventContainer #eventLink09:hover {
	background-position: -470px -1040px;
}
#eventContainer #eventLink10 {
	background-position: 0px -1170px;
}
#eventContainer #eventLink10:hover {
	background-position: -470px -1170px;
}
#eventContainer #eventLink11 {
	background-position: 0px -1300px;
}
#eventContainer #eventLink11:hover {
	background-position: -470px -1300px;
}
#eventContainer #eventLink12 {
	background-position: 0px -1430px;
}
#eventContainer #eventLink12:hover {
	background-position: -470px -1430px;
}
#eventContainer a[id*="movieLink"] {
	display: block;
	width: 466px;
	height: 0px;
	padding-top: 100px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_button_introductionMovie@fs.png) no-repeat 0 0;
	border: 2px solid #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 0 10px #222222;
	-webkit-box-shadow: 0 0 10px #222222;
	-moz-box-shadow: 0 0 10px #222222;
}
#eventContainer #movieLink01 {
	background-position: 0px -100px;
}
#eventContainer #movieLink01:hover {
	border-color: #ff5576;
	background-position: 0px 0px;
}
#eventContainer #movieLink02 {
	background-position: 0px -300px;
}
#eventContainer #movieLink02:hover {
	border-color: #ff5576;
	background-position: 0px -200px;
}
#eventContainer #movieLink03 {
	background-position: 0px -500px;
}
#eventContainer #movieLink03:hover {
	border-color: #ff5576;
	background-position: 0px -400px;
}
/*------------------------------------------------------------
	ANIMATION
------------------------------------------------------------*/
body.index #contentsContainer {
	opacity: 1;
}
body[class*="story"] #contentsContainer {
	opacity: 0;
}
/*------------------------------------------------------------
	STORY - EVENT
------------------------------------------------------------*/
#eventList {
	display: none;
}
#introductionMovie {
	width: 800px;
/* 	height: 450px; */
	overflow: hidden;
}
div.eventContainer {
	width: 800px;
	background: #000000;
	padding-top: 390px;
}
#event01 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_eventImage01.jpg) no-repeat 0 0;
}
#event02 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_eventImage02.jpg) no-repeat 0 0;
}
#event03 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_eventImage03.jpg) no-repeat 0 0;
}
#event04 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_eventImage04.jpg) no-repeat 0 0;
}
#event05 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_eventImage05.jpg) no-repeat 0 0;
}
#event06 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_eventImage06.jpg) no-repeat 0 0;
}
#event07 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_eventImage07.jpg) no-repeat 0 0;
}
#event08 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_eventImage08.jpg) no-repeat 0 0;
}
#event09 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_eventImage09.jpg) no-repeat 0 0;
}
#event10 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_eventImage10.jpg) no-repeat 0 0;
}
#event11 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_eventImage11.jpg) no-repeat 0 0;
}
#event12 {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_eventImage12.jpg) no-repeat 0 0;
}
div.eventContainer h5 {
	width: 800px;
	height: 0px;
	padding-top: 60px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_eventHeader@fs.png) no-repeat 0 0;
}
#event01 h5 {
	background-position: 0 0;
}
#event02 h5 {
	background-position: 0 -60px;
}
#event03 h5 {
	background-position: 0 -120px;
}
#event04 h5 {
	background-position: 0 -180px;
}
#event05 h5 {
	background-position: 0 -240px;
}
#event06 h5 {
	background-position: 0 -300px;
}
#event07 h5 {
	background-position: 0 -360px;
}
#event08 h5 {
	background-position: 0 -420px;
}
#event09 h5 {
	background-position: 0 -480px;
}
#event10 h5 {
	background-position: 0 -540px;
}
#event11 h5 {
	background-position: 0 -600px;
}
#event12 h5 {
	background-position: 0 -660px;
}
div.eventContainer table {
	font-size: 1.17em;
	margin: 10px 0 10px 20px;
}
div.eventContainer table th,
div.eventContainer table td {
	padding: 5px;
	line-height: 1.2em;
	color: #aaaaaa;
}
div.eventContainer table td {
	padding-left: 1em;
	text-indent: -1em;	
}
div.eventContainer table td.stageDirections {
	font-style: italic;
	padding-left: 5px;
	text-indent: 0em;	
}
div.eventContainer table th.male,
div.eventContainer table th.male + td {
	color: #8296d6;
}
div.eventContainer table th.female,
div.eventContainer table th.female + td {
	color: #d784ae;
}
body.story div.eventContainer table th,
body.story2 div.eventContainer table th {
	width: 3em;
}
body.story3 div.eventContainer table th {
	width: 6em;
}
/*------------------------------------------------------------
	TRIAL
------------------------------------------------------------*/
body.trial #mainInfomation {
	clear: both;
	position: relative;
	overflow: visible;
	width: 940px;
	padding: 20px;
	margin-top: 160px;
	color: #666666;
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_background_mainInfomation.png) repeat-x 0 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
body.trial #mainInfomation h4 {
	display: block;
	width: 500px;
	height: 0px;
	padding-top: 60px;
	overflow: hidden;
	line-height: 300%;
	margin: -40px 0 10px 0;
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_headline@fs.png) no-repeat 0 0;
}
#trialScreen {
	list-style: none;
	margin-bottom: 10px;
}
#trialScreen li {
	float: left;
	margin: 6px 4px;
}
#trialScreen li a img {
	border: 2px solid #ffffff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#trialScreen li a img:hover {
	border-color: #ff5576;
	opacity: 0.8;
}
#mainInfomation div.trialDescription {
	clear: both;
	position: relative;
	width: 940px;
	padding-bottom: 20px;
	color: #ffffff;
}
#mainInfomation div.trialDescription h5 {
	width: 932px;
	height: 0px;
	padding-top: 40px;
	margin-left: 4px;
	margin-bottom: 20px;
	overflow: hidden;
	line-height: 300%;
	background: #dd3559 url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_headline_trial.png) no-repeat center top;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
#mainInfomation div.trialDescription span.dlButton a {
	position: absolute;
	top: 60px;
	right: 20px;
	display: block;
	width: 146px;
	height: 0px;
	margin-top: 20px;
	padding-top: 35px;
	overflow: hidden;
	line-height: 300%;
	background: #ffffff url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_button_download.png) no-repeat center -35px;
	border: 2px solid #dd3559;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#mainInfomation div.trialDescription span.dlButton a:hover {
	background-color: #dd3559;
	background-position: 0 0px;
	border-color: #ffffff;
}
#mainInfomation div.trialDescription dl {
	position: absolute;
	top: 130px;
	right: 15px;
	width: 12.5em;
}
#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: 80px;
	font-size: 0.88em;
}
#mainInfomation div.trialDescription ul li {
	margin-bottom: 10px;
	line-height: 1.5em;
}
#mainInfomation div.trialDescription h6 {
	width: 600px;
	height: 0px;
	padding-top: 35px;
	margin: 10px 0 5px 0 ;
	overflow: hidden;
	line-height: 300%;
}
#mainInfomation div.trialDescription h6.trialInstall {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_headline_trial_install.png) no-repeat 0px 0px;
}
#mainInfomation div.trialDescription h6.trialUninstall {
	background: url(/ateliergh/narikirigokkoasobi/items/narikirigokkoasobi_headline_trial_uninstall.png) no-repeat 0px 0px;
}
#mainInfomation div.trialDescription p {
	padding: 5px 30px 5px 60px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainInfomation div.trialDescription p.trialCaption {
	font-size: 1.17em;
}

/*------------------------------------------------------------
	FOOTER - WHITE TEXT
------------------------------------------------------------*/
#footer {
	width: 980px;
	margin: 0 auto;
	height: 10px;
	padding: 10px;
}