@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2015 SPACE PROJECT
	BUILD : 2015-10-06T06:45:44+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(/hourglass/insainoshima-motionplus/items/insainoshima-motionplus_background_entries.jpg) no-repeat center 0px;
}
body.index {
	background: #000000 url(/hourglass/insainoshima-motionplus/items/insainoshima-motionplus_background_main.jpg) no-repeat center 0px;
}
* p {
	text-align: left;
	text-justify: none;
}
#header {
	height: 50px;
	overflow: visible;
	border-top: solid 0px #000000;
}
#headerContainer {
	position: relative;
	overflow: visible;
}
#headerContainer h1 {
	display: none;
}
body.index {
	background: #000000;
}
/*------------------------------------------------------------
	MAIN MENU
------------------------------------------------------------*/
#headerContainer h3.logotype a {
	z-index: 1;
	position: absolute;
	top: -15px;
	left: 0px;
	display: block;
	width: 300px;
	height: 0px;
	padding-top: 175px;
	margin-top: -30px;
	overflow: hidden;
	line-height: 200%;
	background: url(/hourglass/insainoshima-motionplus/items/insainoshima-motionplus_logotype.png) no-repeat 0px 0px;
}
#headerContainer h3.logotype a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
}
/*------------------------------------------------------------
	INDEX INFOMATIONS
------------------------------------------------------------*/
body.index {
	background: #000000 url(/hourglass/insainoshima-motionplus/items/insainoshima-motionplus_background_main.jpg) no-repeat center 0px;
}
body.index #contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	height: 1200px;
	margin: 0px auto;
	padding: 0px;
}
body.index #contentsContainer p.release {
	position: absolute;
	right: 0px;
	top: -145px;
	width: 415px;
	height: 0px;
	padding-top: 150px;
	overflow: hidden;
	line-height: 200%;
	background: url(/hourglass/insainoshima-motionplus/items/insainoshima-motionplus_release3.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.caption {
	position: absolute;
	left: 0px;
	top: -660px;
	width: 460px;
	height: 0px;
	padding-top: 163px;
	overflow: hidden;
	line-height: 200%;
	background: url(/hourglass/insainoshima-motionplus/items/insainoshima-motionplus_caption.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.linkMovie a {
	position: absolute;
	right: 10px;
	top: -400px;
	width: 230px;
	height: 0px;
	padding-top: 230px;
	overflow: hidden;
	line-height: 200%;
	background: url(/hourglass/insainoshima-motionplus/items/insainoshima-motionplus_button_movie.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.linkMovie a:hover {
	background-position: -230px 0;
}
body.index #contentsContainer #event01 {
	position: absolute;
	left: 10px;
	top: -470px;
	border: 2px solid #8e0000;
}
body.index #contentsContainer #event02 {
	position: absolute;
	left: 10px;
	top: -230px;
	border: 2px solid #8e0000;
}

body.index #mainInfomation {
	position: absolute;
	overflow: visible;
	bottom: 0px;
	width: 970px;
	min-height: 150px;
	padding: 15px;
	line-height: 200%;
	color: #ffffff;
	background: url(/hourglass/insainoshima/items/insainoshima_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;
	background: #8e0000 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 .emphasize {
	color: #d90000;
}
body.index #mainInfomation div dl dt {
	float: left;
	width: 7em;
	margin-bottom: 5px;
	padding: 0 0 5px 1em;
	border-bottom: 1px solid #540005;
}
body.index #mainInfomation div dl dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #540005;
}
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: 660px;
	top: -40px;
	width: 350px;
	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 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=80)";
	cursor: pointer;
}
/*------------------------------------------------------------
	MAIN CONTENTS
------------------------------------------------------------*/
#contentsContainer {
	overflow: visible;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#mainInfomation {
	position: relative;
	overflow: visible;
	width: 970px;
	margin-top: 170px;
	min-height: 550px;
	padding: 15px;
	color: #222222;
	background: url(/hourglass/insainoshima/items/insainoshima_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;
}
/*------------------------------------------------------------
	DEMO MOVIE
------------------------------------------------------------*/
#movieContainer {
	display: none;
}
#movie {
	width: 800px;
	height: 730px;
	overflow: visible;
	background: #111111;
	padding: 15px;
}
#movie h4 {
	display: inline-block;
	float: left;
	width: 175px;
	height: 0px;
	margin-top: 10px;
	padding-top: 120px;
	overflow: hidden;
	line-height: 200%;
	background: url(/hourglass/insainoshima-motionplus/items/insainoshima-motionplus_headline_movie.png) no-repeat 0px 0px;
}
#movie div.movieDescription {
	float: right;
	position: relative;
	width: 600px;
	height: 110px;
	margin-top: 20px;
	padding: 0;
	color: #ffffff;
}
#movie div.movieDescription span.dlButton a {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 150px;
	height: 0px;
	margin-top: 20px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 200%;
	background: url(/hourglass/insainoshima/items/insainoshima_button_downloadLink.png) no-repeat 0 0;
}
#movie div.movieDescription span.dlButton a:hover {
	background-position: 0 -40px;
}
#movie div.movieDescription dt {
	float: left;
	width: 6em;
	margin: 0 0 5px 70px;
	font-size: 0.92em;
}
#movie div.movieDescription dd {
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 0.92em;
}
#movie div.movieDescription dd:before {
	content: "：";
}
/*------------------------------------------------------------
	DL PRODUCTS
------------------------------------------------------------*/
#mainInfomation h4.dlproducts {
	width: 200px;
	height: 0px;
	margin-top: -50px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 80px;
	overflow: hidden;
	line-height: 200%;
	background: url(/hourglass/insainoshima/items/insainoshima_headline.png) no-repeat 0px -560px;
}
#mainInfomation h5.dlproducts {
	width: 970px;
	height: 0px;
	padding-top: 50px;
	margin: 0px 0 20px 20px;
	overflow: hidden;
	line-height: 200%;
	background: url(/hourglass/insainoshima-motionplus/items/insainoshima-motionolus_headline_dlproducts.png) no-repeat 0px 0px;
}
#mainInfomation div.bannerContainer {
	width: 890px;
	padding: 0 40px;
	overflow: visible;
	color: #ffffff;
}
#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(/hourglass/insainoshima/items/insainoshima_background_mainInfomation.png) no-repeat 0px -1985px;	
}
#footer {
	width: 970px;
	padding: 15px;
	background: url(/hourglass/insainoshima/items/insainoshima_background_mainInfomation.png) no-repeat 0px -1970px;	
}
body.exApps #footer ul.footerMenu li.copyrightBrand a {
	margin: -2px 0 0 -20px;
}
body.index #footer ul.footerMenu li.copyrightBrand a {
	margin: -15px 0 0 -20px;
}