@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2018 SPACE PROJECT
	BUILD : 2018-01-06T15:41:42+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;
}
#header {
	height: 50px;
	overflow: visible;
	border-width: 0;
}
#headerContainer {
	position: relative;
	overflow: visible;
}
#headerContainer h1,
#headerContainer h3 {
	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/tony-chronicles/items/tony-chronicles_logotype_ciel.png) no-repeat 0px 0px;
}
/*------------------------------------------------------------
	MAIN VISUAL
------------------------------------------------------------*/
#contentsContainer {
	position: relative;
	width: 984px;
	margin: 0 auto 0 auto;
	padding: 0;	
}
#mainVisual {
	position: relative;
	height: 920px;
	margin-left: 2px;
}
#mainVisual ul {
	list-style: none;
}
#mainVisual ul li {
	float: left;
	display: block;
	width: 155px;
	height: 0px;
	overflow: hidden;
	padding-top: 550px;
	line-height: 300%;
	margin-left: 10px;
}
#mainVisual ul li:first-child {
	margin-left: 0;
}
#mainVisualMitama {
	background: url(/ciel/tony-chronicles/items/tony-chronicles_mainvisual_mitama.jpg) no-repeat 0 0;
}
#mainVisualSoranoiro {
	background: url(/ciel/tony-chronicles/items/tony-chronicles_mainvisual_soranoiro.jpg) no-repeat 0 0;
}
#mainVisualFault {
	background: url(/ciel/tony-chronicles/items/tony-chronicles_mainvisual_fault.jpg) no-repeat 0 0;
}
#mainVisualArcana {
	background: url(/ciel/tony-chronicles/items/tony-chronicles_mainvisual_arcana.jpg) no-repeat 0 0;
}
#mainVisualGenmukan {
	background: url(/ciel/tony-chronicles/items/tony-chronicles_mainvisual_genmukan.jpg) no-repeat 0 0;
}
#mainVisualAfter {
	background: url(/ciel/tony-chronicles/items/tony-chronicles_mainvisual_after.jpg) no-repeat 0 0;
}
#mainCaption {
	position: absolute;
	top: 345px;
	display: block;
	width: 980px;
	height: 0px;
	overflow: hidden;
	padding-top: 550px;
	line-height: 300%;
	background: url(/ciel/tony-chronicles/items/tony-chronicles_mainCaption@fs.png) no-repeat 0 0;
}
/*------------------------------------------------------------
	BANNER
------------------------------------------------------------*/
#linkBanner {
	height: 300px;
}
#linkBanner ul {
	list-style: none;
}
#linkBanner ul li a {
	float: left;
	display: block;
	width: 155px;
	height: 0px;
	overflow: hidden;
	padding-top: 265px;
	line-height: 300%;
	margin-left: 6px;
	border: 2px solid #000000;
}
#linkBanner ul li a:hover {
	border-color: red;
}
#linkBanner ul li:first-child a {
	margin-left: 0;
}
#bannerMitama a {
	background: url(/ciel/tony-chronicles/items/tony-chronicles_banner_mitama.jpg) no-repeat 0 0;
}
#bannerSoranoiro a {
	background: url(/ciel/tony-chronicles/items/tony-chronicles_banner_soranoiro.jpg) no-repeat 0 0;
}
#bannerFault a {
	background: url(/ciel/tony-chronicles/items/tony-chronicles_banner_fault.jpg) no-repeat 0 0;
}
#bannerArcana a {
	background: url(/ciel/tony-chronicles/items/tony-chronicles_banner_arcana.jpg) no-repeat 0 0;
}
#bannerGenmukan a {
	background: url(/ciel/tony-chronicles/items/tony-chronicles_banner_genmukan.jpg) no-repeat 0 0;
}
#bannerAfter a {
	background: url(/ciel/tony-chronicles/items/tony-chronicles_banner_after.jpg) no-repeat 0 0;
}
/*------------------------------------------------------------
	MAIN INFOMATION
------------------------------------------------------------*/
#mainInfomation {
	clear: both;
	position: relative;
	overflow: visible;
	width: 970px;
	margin: 0 0 0 2px;
	padding: 5px 0px 3px 10px;
	color: #ffffff;
	background: #333333;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#mainInfomation:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#infomationContainer {
	float: left;
	width: 640px;
	margin-top: 12px;
}
#infomationContainer h4 {
	padding: 4px 0 3px 0;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	background: #999999;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#infomationContainer dl {
	padding: 0 6px;
	font-size: 0.92em;
}
#infomationContainer dl dt {
	float: left;
	width: 6em;
	margin-bottom: 5px;
	padding: 0px 0 5px 5px;
}
#infomationContainer dl dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #555;
	letter-spacing: 0.2em;
}
#infomationContainer dl dd:before {
	content: "：";
	padding-right: 1em;
}
#infomationContainer dl dd.last {
	border-bottom-width: 0px;
	padding-bottom: 15px;
}
#infomationContainer ul {
	margin-left: 25px;
}
#infomationContainer ul li {
	margin-bottom: 5px;
}
/*------------------------------------------------------------
	SHOP PRIVILEGE
------------------------------------------------------------*/
#shopPrivilege {
	margin: 20px 0 10px 0;
}
#shopPrivilege h4 {
	margin-bottom: 0;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
}
#shopPrivilege p {
	display: block;
	height: 0px;
	overflow: hidden;
	padding: 190px 0 0 0;
	line-height: 300%;
	background: #444444 url(/ciel/tony-chronicles/items/tony-chronicles_shopPrivilege_marigold@fs.png) no-repeat 0 0;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}
#shopPrivilege p a:hover {
	background-color: #555555;
}
/*------------------------------------------------------------
	PRIVILEGE
------------------------------------------------------------*/
#privilege {
	float: right;
	width: 310px;
	height: 0px;
	overflow: hidden;
	margin-right: 5px;
	padding-top: 490px;
	line-height: 300%;
	background: url(/ciel/tony-chronicles/items/tony-chronicles_privilege2@fs.png) no-repeat 0 0;
}
/*------------------------------------------------------------
	FADE
------------------------------------------------------------*/
#mainVisualMitama,#mainVisualSoranoiro,#mainVisualFault,
#mainVisualArcana,#mainVisualGenmukan,#mainVisualAfter,
#mainCaption,#linkBanner,#mainInfomation,#header h2 a,#footer {
	opacity: 0;
}
/*------------------------------------------------------------
	FOOTER - WHITE TEXT
------------------------------------------------------------*/
#footer {
	width: 980px;
	margin: 0 auto;
	height: 10px;
	padding: 10px;
}
/*------------------------------------------------------------
	COPYRIGHT : 1997-2018 SPACE PROJECT
------------------------------------------------------------*/
body.index #footer ul.footerMenu li.ciel a {
	background: url(/common/ui/background_footer_ciel-tony-rpm.png) no-repeat 5px 0;
}