@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2018 SPACE PROJECT
	BUILD : 2018-02-08T07:18:00+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: #000000 url(/speed/infection-completeplus/items/infection-completeplus_background2.jpg) no-repeat center top;
}
* p {
	text-align: left;
	text-justify: none;
}
body #header {
	border-top: solid 1px #001a0e;
}
#headerContainer {
	position: relative;
	overflow: visible;
}
#headerContainer h1 {
	display: none;
}
#headerContainer h2 a {
	margin-top: -4px;
}
/*------------------------------------------------------------
	MAIN MENU
------------------------------------------------------------*/
#headerContainer h3.logotype a {
	display: none;
}
/*------------------------------------------------------------
	INDEX INFOMATIONS
------------------------------------------------------------*/
body.index #header {
	height: 0px;
	overflow: visible;
	border-top: solid 1px #001a0e;
	background: none;
}
body.index #contentsBackground {
	position: absolute;
	margin: auto;
	width: 100px;
	height: 100px;
	background: #000000;
	opacity: 1;
}
body.index #contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	height: 1980px;
	margin: 0 auto 0 auto;
	padding: 0;
}
body.index #bannerList {
	position: absolute;
	top: 1050px;
	left: 9px;
	width: 973px;
	height: 400px;
	list-style: none;
	z-index: 20;
} 
body.index #bannerList li a {
	float: left;
	width: 130px;
	height: 0px;
	margin-left: 9px;
	padding-top: 400px;
	overflow: hidden;
	line-height: 300%;
	background: no-repeat 0px 0px;
	background-size: 130px 400px;
	border-radius: 8px;
	transition: margin-top 0.25s ease-in-out 0s;
}
body.index #bannerList li a[href]:hover {
	margin-top: -10px;
}
body.index #bannerList #infection01 a {
	position: relative;
	background-image: url(/speed/infection-completeplus/items/infection-completeplus_banner01@fs.png);
}
body.index #bannerList #infection02 a {
	position: relative;
	background-image: url(/speed/infection-completeplus/items/infection-completeplus_banner02@fs.png);
}
body.index #bannerList #infection03 a {
	position: relative;
	background-image: url(/speed/infection-completeplus/items/infection-completeplus_banner03@fs.png);
}
body.index #bannerList #infection04 a {
	position: relative;
	background-image: url(/speed/infection-completeplus/items/infection-completeplus_banner04@fs.png);
}
body.index #bannerList #infection05 a {
	position: relative;
	background-image: url(/speed/infection-completeplus/items/infection-completeplus_banner05@fs.png);
}
body.index #bannerList #infection06 a {
	position: relative;
	background-image: url(/speed/infection-completeplus/items/infection-completeplus_banner06@fs.png);
}
body.index #bannerList #infection07 a {
	position: relative;
	background-image: url(/speed/infection-completeplus/items/infection-completeplus_banner07@fs.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #bannerList #infection01 a {
		background-image: url(/speed/infection-completeplus/items/infection-completeplus_banner01@fs@2x.png);
	}
	body.index #bannerList #infection02 a {
		background-image: url(/speed/infection-completeplus/items/infection-completeplus_banner02@fs@2x.png);
	}
	body.index #bannerList #infection03 a {
		background-image: url(/speed/infection-completeplus/items/infection-completeplus_banner03@fs@2x.png);
	}
	body.index #bannerList #infection04 a {
		background-image: url(/speed/infection-completeplus/items/infection-completeplus_banner04@fs@2x.png);
	}
	body.index #bannerList #infection05 a {
		background-image: url(/speed/infection-completeplus/items/infection-completeplus_banner05@fs@2x.png);
	}
	body.index #bannerList #infection06 a {
		background-image: url(/speed/infection-completeplus/items/infection-completeplus_banner06@fs@2x.png);
	}
	body.index #bannerList #infection07 a {
		background-image: url(/speed/infection-completeplus/items/infection-completeplus_banner07@fs@2x.png);
	}
}
body.index #contentsContainer #release {
	position: absolute;
	left: 0px;
	top: 500px;
	width: 1000px;
	height: 0px;
	padding-top: 340px;
	overflow: hidden;
	line-height: 200%;
	background: url(/speed/infection-completeplus/items/infection-completeplus_release2@fs.png) no-repeat 0px 0px;
	background-size: 1000px 340px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #contentsContainer #release {
		background-image: url(/speed/infection-completeplus/items/infection-completeplus_release2@fs@2x.png);
	}
}
body.index #contentsContainer #caption {
	position: absolute;
	top: 830px;
	left: 0px;
	width: 1000px;
	height: 0px;
	padding-top: 200px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-completeplus/items/infection-completeplus_caption@fs.png) no-repeat 0px 0px;
	background-size: 1000px 200px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #contentsContainer #caption {
		background-image: url(/speed/infection-completeplus/items/infection-completeplus_caption@fs@2x.png);
	}
}
body.index #mainInfomation {
	position: absolute;
	overflow: visible;
	bottom: 0px;
	width: 980px;
	min-height: 150px;
	padding: 10px;
	line-height: 200%;
	color: #ffffff;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_background_maininfomation.png) repeat-x 0 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
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: #8c0608 url(/common/ui/background_contentsHeaderBlack.png) no-repeat 10px center;
}
body.index #mainInfomation div.staff {
	float: left;
	width: 520px;
	padding: 10px;
}
body.index #mainInfomation div.spec {
	float: left;
	width: 420px;
	padding: 10px;
}
body.index #mainInfomation div.attention {
	width: 960px;
	padding: 10px;
}
body.index #mainInfomation div dl {
	padding: 0 5px;
	font-size: 0.92em;
	margin-bottom: 20px;
}
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: 6em;
}
body.index #mainInfomation div dl dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
}
body.index #mainInfomation div dl dd:last-child {
	border-bottom: 0px
}
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 div ul li.noListStyle {
	list-style: none;
}
body.index #mainInfomation #differenceList {
	margin: 10px 0 20px 20px;
	font-size: 0.92em;
	color: #faaeae;
	list-style-type: disc;
}
body.index #mainInfomation #differenceList {
	
}
body.index #mainInfomation #privilege a {
	display: block;
	position: relative;
	margin-left: 5px;
	width: 420px;
	height: 0px;
	padding-top: 250px;
	overflow: hidden;
	line-height: 200%;
	background: url(/speed/infection-completeplus/items/infection-completeplus_privilegeBanner@fs.png) no-repeat 0px 0px;
	background-size: 840px 250px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #mainInfomation #privilege a {
		background-image: url(/speed/infection-completeplus/items/infection-completeplus_privilegeBanner@fs@2x.png);
	}
}
body.index #mainInfomation #privilege a:hover {
	background-position: -420px 0;
}
body.index #contentsContainer #flyerLink a {
	position: absolute;
	top: 740px;
	right: 12px;
	width: 400px;
	height: 0px;
	padding-top: 66px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-completeplus/items/infection-completeplus_flyer_link@fs.png) no-repeat 0px 0px;
	background-size: 400px 66px;
	border: 2px solid #680402;
	border-radius: 10px;
	transition: border-color 0.25s ease-in-out 0s;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #contentsContainer #flyerLink a {
		background-image: url(/speed/infection-completeplus/items/infection-completeplus_flyer_link@fs@2x.png);
	}
}
body.index #contentsContainer #flyerLink a:hover {
	cursor: pointer;
	border-color: #ffffff;
}
/*------------------------------------------------------------
	MAIN CONTENTS
------------------------------------------------------------*/
#contentsContainer {
	overflow: visible;
	width: 1000px;
	margin: -200px auto 0 auto;
	padding: 0;	
}
#mainInfomation {
	position: relative;
	overflow: visible;
	width: 970px;
	margin-top: 290px;
	min-height: 550px;
	padding: 15px;
	color: #444444;
	background: url(/speed/infection-completebox/items/infection-completebox_background_mainInfomation2.png) no-repeat 0 0;
}
#mainInfomation:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/*------------------------------------------------------------
	PRIVILEGE
------------------------------------------------------------*/
#mainInfomation h4.privilege {
	width: 300px;
	height: 0px;
	margin-top: 10px;
	margin-left: 20px;
	padding-top: 60px;
	overflow: hidden;
	line-height: 200%;
	background: url(/speed/infection-completebox/items/infection-completebox_headline_h4@fs.png) no-repeat 0px 0px;
}
#mainInfomation p.privilege {
	margin: 10px 0 0 15px;
	line-height: 2em;
	text-align: left;
	text-justify: auto;
}
#mainInfomation p.privilege a:hover img {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	cursor: pointer;
}
#mainInfomation p.caution {
	margin: 0 0 0 30px;
	line-height: 2em;
	text-align: left;
	text-justify: auto;
	color: #ffb860;
}
#mainInfomation p.privilege img {
	margin: 0 10px 10px 0;
}
/*------------------------------------------------------------
	FOOTER - WHITE TEXT
------------------------------------------------------------*/
#footer {
	width: 970px;
	height: 10px;
	padding: 15px;
}
body.index #footer {
	width: 970px;
	height: 10px;
	padding: 15px;
}
#footer ul.footerMenu li.copyright a {
	display: none;
}