@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2018 SPACE PROJECT
	BUILD : 2018-01-06T17:17:38+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: #9c6db0 url(/airrip/platinumteruru/items/platinumteruru_background_article.jpg) repeat-x center top;
}
* p {
	text-align: left;
	text-justify: none;
}
#header {
	height: 60px;
	overflow: visible;
	border-top: solid 0px #000000;
	margin-top: -15px;
	background: url(/airrip/platinumteruru/items/platinumteruru_background_header.png) repeat 0px 0px;
}
#headerContainer {
	position: relative;
	overflow: visible;
}
#headerContainer h1 {
	display: none;
}
#headerContainer h2.airrip a {
	z-index: 100;
	display: block;
	width: 70px;
	height: 0px;
	padding-top: 40px;
	margin-top: 10px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_airrip_logotype.png) no-repeat 0px 0px;
}
/*------------------------------------------------------------
	MAIN MENU
------------------------------------------------------------*/
#headerContainer h3.logotype a {
	position: absolute;
	top: -50px;
	left: 0px;
	display: block;
	width: 300px;
	height: 0px;
	padding-top: 150px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_logotype@fs.png) no-repeat 0px 0px;
}
#headerContainer h3.logotype a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
}
#mainMenu {
	z-index: 200;
	position: absolute;
	overflow: visible;
	top: 10px;
	left: 270px;
	width: 660px;
	height: 50px;
	padding: 0px;
}
#mainMenu li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	padding: 0px;
	padding-right: 0px;
}
body.index #mainMenu li {
	margin: 0 5px 0 0;
}
#mainMenu li a {
	display: block;
	height: 0px;
	padding-top: 60px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_menu@fs.png) no-repeat 0px 0px;
}
#mainMenu li p {
	display: block;
	height: 0px;
	padding-top: 60px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_menu@fs.png) no-repeat 0px 0px;
}
#mainMenu li.story {
	width: 122px;
}
#mainMenu li.story a {
	background-position: 0px -0px;
}
#mainMenu li.story p {
	background-position: 0px -60px;
}
#mainMenu li.story a:hover {
	background-position: 0px -60px;
}
#mainMenu li.character {
	width: 132px;
}
#mainMenu li.character a {
	background-position: -122px 0px;
}
#mainMenu li.character p {
	background-position: -122px -60px;
}
#mainMenu li.character a:hover {
	background-position: -122px -60px;
}
#mainMenu li.gallery {
	width: 127px;
}
#mainMenu li.gallery a {
	background-position: -254px 0px;
}
#mainMenu li.gallery p {
	background-position: -254px -60px;
}
#mainMenu li.gallery a:hover {
	background-position: -254px -60px;
}
#mainMenu li.movie {
	width: 122px;
}
#mainMenu li.movie a {
	background-position: -381px 0px;
}
#mainMenu li.movie p {
	background-position: -381px -60px;
}
#mainMenu li.movie a:hover {
	background-position: -381px -60px;
}
#mainMenu li.trial {
	width: 117px;
}
#mainMenu li.trial a {
	background-position: -503px 0px;
}
#mainMenu li.trial p {
	background-position: -503px -60px;
}
#mainMenu li.trial a:hover {
	background-position: -503px -60px;
}
/*------------------------------------------------------------
	INDEX INFOMATIONS
------------------------------------------------------------*/
body.index {
	background: url(/airrip/platinumteruru/items/platinumteruru_background_index_small.jpg) repeat-x center top;
}
body.index #contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	height: 1070px;
	margin: 0px auto;
	padding: 0;
}
body.index #contentsContainer #caption {
	z-index: 10;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 670px;
	height: 0px;
	padding-top: 580px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_caption_logotype2@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer #release {
	z-index: 10;
	position: absolute;
	top: 660px;
	right: 10px;
	width: 620px;
	height: 0px;
	padding-top: 100px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_release3@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer #masterup {
	z-index: 10;
	position: absolute;
	top: 630px;
	left: 0px;
	width: 460px;
	height: 0px;
	padding-top: 130px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_masterup@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer #voicePlayer {
	z-index: 500;
	position: absolute;
	top: 500px;
	right: 10px;
	width: 400px;
	height: 150px;
	background: url(/airrip/platinumteruru/items/platinumteruru_background_voice@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer #voicePlayer .playerButton {
	position: absolute;
	top: 16px;
	left: 20px;
	width: 85px;
	height: 0px;
	padding-top: 85px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_button_voice@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer #voicePlayer #buttonPlay {
	background-position: 0px 0px;
}
body.index #contentsContainer #voicePlayer #buttonPlay:hover {
	background-position: -85px 0px;
	cursor: pointer;
}
body.index #contentsContainer #voicePlayer #buttonPause {
	background-position: -170px 0px;
}
body.index #contentsContainer #voicePlayer #buttonPause:hover {
	background-position: -255px 0px;
	cursor: pointer;
}
body.index #mainInfomation {
	z-index: 100;
	position: absolute;
	overflow: visible;
	bottom: 0px;
	width: 970px;
	min-height: 150px;
	padding: 15px;
	line-height: 300%;
	color: #ab1965;
	background: url(/airrip/platinumteruru/items/platinumteruru_background_mainInfomation_index.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: 0px solid #ffffff;
	background: #ee4097 url(/common/ui/background_contentsHeaderBlack.png) no-repeat 10px center;
}
body.index #mainInfomation div.staff {
	float: left;
	width: 465px;
	padding: 10px;
}
body.index #mainInfomation div.spec {
	float: left;
	width: 465px;
	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 #ab1965;
}
body.index #mainInfomation div.staff dl dt {
	width: 14em;
}
body.index #mainInfomation div.staff dl dt.lineBreak {
	width: 13em;
}
body.index #mainInfomation div dl dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ab1965;
}
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;
}
body.index #mainInfomation dl.history {
	position: absolute;
	left: 760px;
	top: -40px;
	width: 250px;
	color: #ffffff;
	line-height: 1em;
}
body.index #mainInfomation dl.history dt {
	float: left;
	width: 10em;
	padding: 0 0 3px 0;
}
body.index #mainInfomation dl.history dd {
	margin-bottom: 3px;
	padding-bottom: 5px;
}
body.index #mainInfomation dl.history dt:after {
	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;
}
/*------------------------------------------------------------
	BANNER
------------------------------------------------------------*/
body.index #mainInfomation #bannerContainer {
	clear: both;
	padding: 0;
	margin: 0px 0 0 13px;
}
body.index #mainInfomation #bannerContainer p a {
	float: left;
	width: 460px;
	height: 0px;
	margin-top: 10px;
	padding-top: 80px;
	overflow: hidden;
	line-height: 300%;
	border: 2px solid #ffffff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0 0 6px #e61784;
	-webkit-box-shadow: 0 0 6px #e61784;
	-moz-box-shadow: 0 0 6px #e61784;
}
body.index #mainInfomation #bannerContainer p a:hover {
	border-color: #e61784;
}
body.index #mainInfomation #bannerContainer p a:nth-child(n) {
	margin-right: 14px;
}
#bannerOnlineshop a {
	background: url(/airrip/platinumteruru/items/platinumteruru_banner_onlineshop2.jpg) no-repeat 0 0;
}
#bannerDlproducts a {
	background: url(/airrip/platinumteruru/items/platinumteruru_banner_dlproducts3.jpg) no-repeat 0 0;
}
/*------------------------------------------------------------
	MAIN CONTENTS
------------------------------------------------------------*/
#contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	margin: 10px auto 0 auto;
	padding: 0;
}
body.index #contentsContainer {
	background: none;
}
#mainInfomation {
	position: relative;
	overflow: visible;
	width: 970px;
	margin-top: 160px;
	min-height: 500px;
	padding: 15px;
	color: #222222;
	background: url(/airrip/platinumteruru/items/platinumteruru_background_mainInfomation.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: 230px;
	height: 0px;
	margin: -80px 0 -30px 0;
	padding-top: 150px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_headline@fs.png) no-repeat 0px 0px;
}
#mainInfomation #storyBackground {
	width: 930px;
	margin: 0 0 0px 20px;
	list-style: none;
}
#mainInfomation #storyBackground li {
	float: left;
	margin: 0 5px;
}
#mainInfomation #storyBackground li img {
	border: 2px solid #ffffff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0 0 6px #e61784;
	-webkit-box-shadow: 0 0 6px #e61784;
	-moz-box-shadow: 0 0 6px #e61784;
}
#mainInfomation #storyBackground li a:hover {
	opacity: 0.7;
}
#mainInfomation #story {
	position: relative;
	width: 930px;
	height: 0px;
	margin: 0px 0 10px 20px;
	padding-top: 300px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_story@fs.png) no-repeat 0px 0px;
	z-index: 1;
}
/*------------------------------------------------------------
	CHARACTER
------------------------------------------------------------*/
#mainInfomation h4.character {
	z-index: 100;
	width: 240px;
	height: 0px;
	margin: -80px 0 -30px 0;
	padding-top: 150px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_headline@fs.png) no-repeat -230px 0px;
}
#mainInfomation div.characterDescription {
	position: relative;
	z-index: 10;
	float: left;
	width: 455px;
	height: 0px;
	margin: 0px 0px 18px 16px;
	padding-top: 450px;
	overflow: hidden;
	line-height: 300%;
	color: #ffffff;
	border: 3px solid #ffffff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 0 6px #e61784;
	-webkit-box-shadow: 0 0 6px #e61784;
	-moz-box-shadow: 0 0 6px #e61784;
}
#mainInfomation #character01 {
	background: url(/airrip/platinumteruru/items/platinumteruru_character01.jpg) no-repeat 0px 0px;
}
#mainInfomation #character02 {
	background: url(/airrip/platinumteruru/items/platinumteruru_character02.jpg) no-repeat 0px 0px;
}
#mainInfomation #character03 {
	background: url(/airrip/platinumteruru/items/platinumteruru_character03.jpg) no-repeat 0px 0px;
}
#mainInfomation #character04 {
	background: url(/airrip/platinumteruru/items/platinumteruru_character04.jpg) no-repeat 0px 0px;
}
/*------------------------------------------------------------
	GALLERY
------------------------------------------------------------*/
#mainInfomation h4.gallery {
	width: 230px;
	height: 0px;
	margin: -80px 0 -30px 0;
	padding-top: 150px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_headline@fs.png) no-repeat -470px 0px;
}
#mainInfomation #gallery {
	position: relative;
	overflow: visible;
	width: 800px;
	height: 450px;
	margin: 20px 0 10px 85px;
	background: url(/common/nivo-slider/loading.gif) no-repeat 50% 50%;
	border: 2px solid #ee4097;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0 0 6px #e61784;
	-webkit-box-shadow: 0 0 6px #e61784;
	-moz-box-shadow: 0 0 6px #e61784;
}
#mainInfomation #gallery > img {
	display: none;
}
#gallery div.nivo-slice {
	display: block;
	position: absolute;
	z-index: 1;
	height: 100%;
	margin-top: -460px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#gallery div.nivo-controlNav {
	width: 820px;
	overflow: visible;
	margin-top: 460px;
	margin-left: -1px;
}
#gallery div.nivo-controlNav a img {
	float: left;
	margin: 0px 8px 10px 0;
	border: 2px solid #ffffff;
	z-index: 10;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 0 6px #e61784;
	-webkit-box-shadow: 0 0 6px #e61784;
	-moz-box-shadow: 0 0 6px #e61784;
}
#gallery div.nivo-controlNav a.active img {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	border: 2px solid #ee4097;
}
#gallery div.nivo-controlNav a:hover img {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	cursor: pointer;
	border: 2px solid #ee4097;
}
/*------------------------------------------------------------
	MOVIE
------------------------------------------------------------*/
#mainInfomation h4.movie {
	width: 220px;
	height: 0px;
	margin: -80px 0 -30px 0;
	padding-top: 150px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_headline@fs.png) no-repeat -700px 0px;
}
#mainInfomation div.movieContents {
	margin: 10px 0 10px 83px;
}
#mainInfomation div.movieContents video,
#mainInfomation div.movieContents object {
	border: 2px solid #ee4097;
	box-shadow: 0 0 6px #e61784;
	-webkit-box-shadow: 0 0 6px #e61784;
	-moz-box-shadow: 0 0 6px #e61784;
}
#mainInfomation div.movieDescription {
	position: relative;
	width: 804px;
	padding: 0 15px;
	margin-left: 70px;
	color: #ffffff;
}
#mainInfomation div.movieDescription h5 {
	width: 804px;
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 300%;
	margin-bottom: 20px;
}
#mainInfomation div.movieDescription h5.movieHeader {
	background: url(/ateliergh/8m/items/8m_headline_promotionVideo.png) no-repeat 0px 0px;
}
#mainInfomation div.movieDescription span.dlButton a {
	position: absolute;
	bottom: 0px;
	right: 30px;
	display: block;
	width: 150px;
	height: 0px;
	margin-top: 20px;
	padding-top: 35px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/8m/items/8m_button_download.png) no-repeat 0 -35px;
}
#mainInfomation div.movieDescription span.dlButton a:hover {
	background-position: 0 0;
}
#mainInfomation div.movieDescription dt {
	float: left;
	width: 6em;
	margin: 0 0 5px 30px;
	font-size: 0.92em;
}
#mainInfomation div.movieDescription dd {
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 0.92em;
}
#mainInfomation div.movieDescription dd:before {
	content: "：";
}
/*------------------------------------------------------------
	TRIAL
------------------------------------------------------------*/
#mainInfomation h4.trial {
	width: 200px;
	height: 0px;
	margin: -80px 0 -30px 0;
	padding-top: 150px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_headline@fs.png) no-repeat -920px 0px;
}
/*------------------------------------------------------------
	PRIVILEGE
------------------------------------------------------------*/
#mainInfomation h4.privilege {
	width: 250px;
	height: 0px;
	margin: -80px 0 -30px 0;
	padding-top: 150px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_headline@fs.png) no-repeat -1350px 0px;
}
/*------------------------------------------------------------
	DL PRODUCTS
------------------------------------------------------------*/
#mainInfomation h4.dlproducts {
	width: 270px;
	height: 0px;
	margin: -80px 0 -30px 0;
	padding-top: 150px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_headline@fs.png) no-repeat -1600px 0px;
}
#mainInfomation h5.dlproducts {
	width: 970px;
	height: 0px;
	padding-top: 0px;
	margin: 0px 0 20px 20px;
	overflow: hidden;
	line-height: 200%;
	background: url(/speed/lovexhate/items/lovexhate_headline_dlproducts.png) no-repeat 0px 0px;
}
#mainInfomation div.bannerContainer {
	width: 890px;
	padding: 0 40px;
	overflow: visible;
	color: #ab1965;
}
#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;
}

/*------------------------------------------------------------
	SUPPORT
------------------------------------------------------------*/
#mainInfomation h4.support {
	width: 230px;
	height: 0px;
	margin: -80px 0 -30px 0;
	padding-top: 150px;
	overflow: hidden;
	line-height: 300%;
	background: url(/airrip/platinumteruru/items/platinumteruru_headline@fs.png) no-repeat -1120px 0px;
}
/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
body.index #footer {
	width: 970px;
	padding: 15px;
	background: url(/airrip/platinumteruru/items/platinumteruru_background_mainInfomation_index.png) no-repeat 0px -1985px;	
}
#footer {
	width: 970px;
	padding: 15px;
	background: url(/airrip/platinumteruru/items/platinumteruru_background_mainInfomation.png) no-repeat 0px -2470px;	
}
body.exApps #footer ul.footerMenu li.copyrightBrand a {
	margin: 0px 0 0 -20px;
}
body.index #footer ul.footerMenu li.copyrightBrand a {
	margin: -15px 0 0 -20px;
}