@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2018 SPACE PROJECT
	BUILD : 2018-01-06T15:35: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;
	margin-bottom: 20px;
	background: #F9F7F0 url(/ciel/fault-sa/items/fault-sa_background_sub.jpg) no-repeat center top;
}
* p {
	text-align: left;
	text-justify: none;
}
body #header {
	border-top: solid 0px #F9F7F0;
}
#headerContainer {
	position: relative;
	overflow: visible;
}
#headerContainer h1 {
	display: none;
}
#headerContainer h2.ciel a {
	position: relative;
	display: block;
	float: right;
	width: 76px;
	height: 0px;
	padding-top: 44px;
	margin-top: 0px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ciel/fault-sa/items/fault-sa_logotype_ciel.png) no-repeat 0px 0px;
}
/*------------------------------------------------------------
	MAIN MENU
------------------------------------------------------------*/
#headerContainer h3.logotype a {
	z-index: 10;
	position: absolute;
	top: -50px;
	left: 0px;
	display: block;
	width: 300px;
	height: 0px;
	padding-top: 130px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ciel/fault-sa/items/fault-sa_logotype.png) no-repeat 0px 0px;
}
#headerContainer h3.logotype a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
}
/*------------------------------------------------------------
	INDEX INFOMATIONS
------------------------------------------------------------*/
body.index {
	background-image: url(/ciel/fault-sa/items/fault-sa_background_main4.jpg);
}
body.index #header {
	z-index: 100;
	height: 0px;
	overflow: visible;
	border-top: solid 0px #F9F7F0;
	background: none;
}
body.index #contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	height: 1350px;
	margin: 0 auto 0 auto;
	padding: 0;
}
body.index #contentsContainer p.release {
	position: absolute;
	left: 600px;
	top: -400px;
	width: 390px;
	height: 0px;
	padding-top: 130px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ciel/fault-sa/items/fault-sa_background_release3@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.caption {
	display: none;
/*
	position: absolute;
	right: 0px;
	top: -750px;
	width: 1000px;
	height: 0px;
	padding-top: 230px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ciel/fault-sa/items/fault-sa_background_caption.png) no-repeat 0px 0px;
*/
}
body.index #contentsContainer p.bannerOnlineshop a {
	position: absolute;
	left: 520px;
	top: -270px;
	width: 470px;
	height: 0px;
	padding-top: 90px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ciel/fault-sa/items/fault-sa_banner_onlineshop2@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.bannerMovie a {
	position: absolute;
	left: 520px;
	top: -180px;
	width: 470px;
	height: 0px;
	padding-top: 90px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ciel/fault-sa/items/fault-sa_banner_movie2@fs.png) no-repeat 0px 0px;
}

body.index #contentsContainer p.bannerSupport a {
	position: absolute;
	left: 520px;
	top: -90px;
	width: 470px;
	height: 0px;
	padding-top: 90px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ciel/fault-sa/items/fault-sa_banner_support3@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.bannerOnlineshop a:hover,
body.index #contentsContainer p.bannerMovie a:hover,
body.index #contentsContainer p.bannerSupport a:hover {
	opacity: 0.85;
}
body.index #contentsContainer p.box {
	position: absolute;
	left: 8px;
	top: -320px;
	width: 500px;
	height: 0px;
	padding-top: 315px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ciel/fault-sa/items/fault-sa_background_box3.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.box span.button_pillow a {
	position: absolute;
	left: 10px;
	bottom: 3px;
	width: 210px;
	height: 0px;
	padding-top: 210px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ciel/fault-sa/items/fault-sa_button_pillow2.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.box span.button_pillow a:hover {
	background-position: 0 -210px;
}
body.index #mainInfomation {
	position: absolute;
	overflow: visible;
	bottom: 0px;
	width: 970px;
	min-height: 150px;
	padding: 15px;
	line-height: 200%;
	background: url(/ciel/fault-sa/items/fault-sa_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: #f27a00 url(/common/ui/background_contentsHeaderBlack.png) no-repeat 10px center;
}
body.index #mainInfomation div.staff {
	float: left;
	width: 430px;
	padding: 10px;
}
body.index #mainInfomation div.spec {
	float: left;
	width: 500px;
	padding: 10px;
}
body.index #mainInfomation div.attention {
	clear: both;
	width: 950px;
	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;
}
body.index #mainInfomation div.staff dl dt {
	width: 14em;
}
body.index #mainInfomation div dl dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
}
body.index #mainInfomation div dl dd span.caution {
	font-size: 0.9em;
	margin-left: 2em;
}
body.index #mainInfomation div dl dd span.ruby {
	font-size: 0.92em;
}
body.index #mainInfomation div dl dd span.ruby:before {
	content: "（";
}
body.index #mainInfomation div dl dd span.ruby:after {
	content: "）";
}
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: 1em;
}
body.index #mainInfomation div ul {
	margin-left: 30px;
}
body.index #mainInfomation div ul li {
	margin-bottom: 5px;
}

body.index #mainInfomation dl.history {
	position: absolute;
	left: 273px;
	top: -720px;
	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.8;
	-ms-filter: "alpha(opacity=80)";
	cursor: pointer;
}
/*------------------------------------------------------------
	MAIN CONTENTS
------------------------------------------------------------*/
#contentsContainer {
	overflow: visible;
	width: 1000px;
	margin: 240px auto 0 auto;
	padding: 0;	
}
#mainInfomation {
	position: relative;
	overflow: visible;
	width: 970px;
	margin-top: 120px;
	min-height: 550px;
	padding: 15px;
	color: #444444;
	background: url(/ciel/fault-sa/items/fault-sa_background_mainInfomation.png) no-repeat 0 0;
}
#mainInfomation:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/*------------------------------------------------------------
	SUPPORT
------------------------------------------------------------*/
#mainInfomation h4.support {
	position: absolute;
	top: -80px;
	left: 20px;
	width: 235px;
	height: 0px;
	padding-top: 84px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ciel/fault-s/items/fault-s_headline.png) no-repeat 0px -420px;
}
#mainInfomation div.supportContents {
	position: relative;
	width: 970px;
	color: #0060b0;
}
#mainInfomation div.supportContents h5.headlineSupport {
	width: 970px;
	height: 0px;
	padding-top: 50px;
	margin: 40px 0 20px 20px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ciel/fault-sa/items/fault-sa_headline_support.png) no-repeat 0px 0px;
}
#mainInfomation div.supportContents span.dlButton a {
	position: absolute;
	top: 43px;
	right: 40px;
	display: block;
	width: 150px;
	height: 0px;
	margin-top: 20px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 200%;
	background: url(/ciel/fault-s/items/fault-s_button_downloadLink.png) no-repeat 0 0;
}
#mainInfomation div.supportContents span.dlButton a:hover {
	background-position: 0 -40px;
}
#mainInfomation div.supportContents dt {
	float: left;
	width: 6em;
	margin: 0 0 5px 70px;
	font-size: 0.92em;
}
#mainInfomation div.supportContents dd {
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 0.92em;
}
#mainInfomation div.supportContents dd:before {
	content: "：";
}
#mainInfomation div.supportDescription {
	position: relative;
	width: 940px;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 0 15px;
	color: #0060b0;
}
#mainInfomation div.supportDescription .notes {
	margin: 25px 0;
	padding-left: 70px;
	font-size: 0.88em;
}
#mainInfomation div.supportDescription .notes li {
	margin-bottom: 10px;
}
#mainInfomation div.supportDescription h6 {
	width: 970px;
	height: 0px;
	padding-top: 35px;
	margin: 30px 0 5px 0 ;
	overflow: hidden;
	line-height: 200%;
}
#mainInfomation div.supportDescription h6.caution {
	background: url(/ciel/fault-s/items/fault-s_headline_caution.png) no-repeat 0px 0px;
}
#mainInfomation div.supportDescription h6.correct {
	background: url(/ciel/fault-s/items/fault-s_headline_correct.png) no-repeat 0px 0px;
}
#mainInfomation div.supportDescription h6.process {
	background: url(/ciel/fault-s/items/fault-s_headline_process.png) no-repeat 0px 0px;
}
#mainInfomation div.supportDescription p {
	padding: 5px 30px 5px 70px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainInfomation div.supportDescription p.caution {
	color: #f34444;
}
#mainInfomation div.supportDescription li.header {
	margin-bottom: 15px;
	margin-left: -2em;
	font-size: 1.09em;
	list-style-type: none;
	color: #f34444;
}
/*------------------------------------------------------------
	FOOTER - WHITE TEXT
------------------------------------------------------------*/
#footer {
	width: 970px;
	height: 10px;
	padding: 15px;
	background: url(/ciel/fault-sa/items/fault-sa_background_mainInfomation.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.png) no-repeat 0px 0px;
}
body.exApps #footer ul.footerMenu li.ciel a {
	background: url(/common/ui/background_footer_ciel-tony-rpm.png) no-repeat 0 -20px;
}
body.index #footer ul.footerMenu li.ciel a {
	background: url(/common/ui/background_footer_ciel-tony-rpm.png) no-repeat 0 0;
}