@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2019 SPACE PROJECT
	BUILD : 2019-05-30T17:44:55+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-clippingchronicle/items/infection-clippingchronicle_background_article.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: 0px;
}
/*------------------------------------------------------------
	MAIN MENU
------------------------------------------------------------*/
#headerContainer h3.logotype a {
	z-index: 10;
	position: absolute;
	top: -50px;
	left: -5px;
	display: block;
	width: 250px;
	height: 0px;
	padding-top: 150px;
	overflow: hidden;
	line-height: 300%;
	color: #000000;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_logotype_article@fs.png) no-repeat 0px 0px;
	background-size: 250px 150px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#headerContainer h3.logotype a {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_logotype_article@fs@2x.png);
	}
}
#headerContainer h3.logotype a:hover {
	opacity: 0.8;
}
#mainMenu {
	z-index: 200;
	position: absolute;
	top: -12px;
	left: 260px;
	width: 650px;
	padding: 0px;
}
#mainMenu li {
	float: left;
	list-style: none;
	margin: 0 -10px 0 0;
	padding: 0px;
	padding-right: 0px;
}
#mainMenu li a,
#mainMenu li p {
	display: block;
	width: 223px;
	height: 0px;
	padding-top: 64px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_menu_article2@fs.png) no-repeat 0px 0px;
	background-size: 446px 384px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainMenu li a,
	#mainMenu li p {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_menu_article2@fs@2x.png);
	}
}
#mainMenu li.story {
	width: 190px;
}
#mainMenu li.story a {
	background-position: 0px 0px;
}
#mainMenu li.story p {
	background-position: -223px 0px;
}
#mainMenu li.story a:hover {
	background-position: -223px 0px;
}
#mainMenu li.character {
	width: 220px;
}
#mainMenu li.character a {
	background-position: 0px -64px;
}
#mainMenu li.character p {
	background-position: -223px -64px;
}
#mainMenu li.character a:hover {
	background-position: -223px -64px;
}
#mainMenu li.gallery {
	width: 220px;
}
#mainMenu li.gallery a {
	background-position: 0px -128px;
}
#mainMenu li.gallery p {
	background-position: -223px -128px;
}
#mainMenu li.gallery a:hover {
	background-position: -223px -128px;
}
#mainMenu li.movie {
	width: 220px;
}
#mainMenu li.movie a {
	background-position: 0px -192px;
}
#mainMenu li.movie p {
	background-position: -223px -192px;
}
#mainMenu li.movie a:hover {
	background-position: -223px -192px;
}
#mainMenu li.trial {
	width: 190px;
}
#mainMenu li.trial a {
	background-position: 0px -256px;
}
#mainMenu li.trial p {
	background-position: -223px -256px;
}
#mainMenu li.trial a:hover {
	background-position: -223px -256px;
}
#mainMenu li.support {
	width: 220px;
}
#mainMenu li.support a {
	background-position: 0px -320px;
}
#mainMenu li.support p {
	background-position: -223px -320px;
}
#mainMenu li.support a:hover {
	background-position: -223px -320px;
}

/*------------------------------------------------------------
	MAIN MENU - INDEX
------------------------------------------------------------*/
body.index #headerContainer h3.logotype a {
	z-index: 10;
	position: absolute;
	top: -50px;
	left: 0px;
	display: block;
	width: 400px;
	height: 0px;
	padding-top: 280px;
	overflow: hidden;
	line-height: 300%;
	color: #000000;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_logotype.png) no-repeat 0px 0px;
	background-size: 400px 280px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #headerContainer h3.logotype a {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_logotype@fs@2x.png);
	}
}
body.index #headerContainer h3.logotype a:hover {
	opacity: 1;
}
body.index #mainMenu {
	z-index: 200;
	position: absolute;
	top: 300px;
	left: 0px;
	width: 280px;
	padding: 0px;
}
body.index #mainMenu li {
	list-style: none;
	width: 280px;
	margin: 0 10px 0 0;
	padding: 0px;
	padding-right: 0px;
}
body.index #mainMenu li a,
body.index #mainMenu li p {
	display: block;
	width: 280px;
	height: 0px;
	margin-top: -12px;
	padding-top: 80px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_menu_index2@fs.png) no-repeat 0px 0px;
	background-size: 560px 480px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #mainMenu li a,
	body.index #mainMenu li p {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_menu_index2@fs@2x.png);
	}
}
body.index #mainMenu li.story a {
	background-position: 0px 0px;
}
body.index #mainMenu li.story p {
	background-position: -280px 0px;
}
body.index #mainMenu li.story a:hover {
	background-position: -280px 0px;
}
body.index #mainMenu li.character a {
	background-position: 0px -80px;
}
body.index #mainMenu li.character p {
	background-position: -280px -80px;
}
body.index #mainMenu li.character a:hover {
	background-position: -280px -80px;
}
body.index #mainMenu li.gallery a {
	background-position: 0px -160px;
}
body.index #mainMenu li.gallery p {
	background-position: -280px -160px;
}
body.index #mainMenu li.gallery a:hover {
	background-position: -280px -160px;
}
body.index #mainMenu li.movie a {
	background-position: 0px -240px;
}
body.index #mainMenu li.movie p {
	background-position: -280px -240px;
}
body.index #mainMenu li.movie a:hover {
	background-position: -280px -240px;
}
body.index #mainMenu li.trial a {
	background-position: 0px -320px;
}
body.index #mainMenu li.trial p {
	background-position: -280px -320px;
}
body.index #mainMenu li.trial a:hover {
	background-position: -280px -320px;
}
body.index #mainMenu li.support a {
	background-position: 0px -400px;
}
body.index #mainMenu li.support p {
	background-position: -280px -400px;
}
body.index #mainMenu li.support a:hover {
	background-position: -280px -400px;
}
/*------------------------------------------------------------
	MAIN CONTENTS
------------------------------------------------------------*/
#mainInfomation {
	position: relative;
	overflow: visible;
	width: 990px;
	margin-top: 165px;
	margin-left: 10px;
	min-height: 500px;
	padding: 25px 0px;
	color: #222222;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_background_maininfomation_article.png) repeat-x 0 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#mainInfomation:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#mainInfomation hr {
	width: 940px;
	border-bottom: 1px solid #b20000;
	margin: 20px 15px;
}
#mainInfomation h4 {
	position: absolute;
	top: -80px;
	left: -30px;
	width: 375px;
	height: 0px;
	padding-top: 133px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_headline@fs.png) no-repeat 0px 0px;
	background-size: 375px 798px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation h4 {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_headline@fs@2x.png);
	}
}
/*------------------------------------------------------------
	INDEX INFOMATIONS
------------------------------------------------------------*/
body.index {
	background: #000000 url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_background_index2.jpg) no-repeat center -25px;
}
body.index #header {
	z-index: 100;
	height: 0px;
	overflow: visible;
	border-top: solid 0px #000000;
	background: none;
}
body.index #contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	height: 1510px;
	margin: 0 auto 0 auto;
	padding: 0;
}
body.index #caption {
	z-index: 10;
	position: absolute;
	top: 175px;
	left: 0px;
	display: block;
	width: 400px;
	height: 0px;
	padding-top: 60px;
	overflow: hidden;
	line-height: 300%;
	color: #000000;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_caption2@fs.png) no-repeat 0 0;
	background-size: 400px 60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #caption {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_caption2@fs@2x.png);
	}
}
body.index #release3 {
	z-index: 10;
	position: absolute;
	top: 500px;
	right: 0px;
	display: block;
	width: 570px;
	height: 0px;
	padding-top: 180px;
	overflow: hidden;
	line-height: 300%;
	color: #000000;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_release5@fs.png) no-repeat 0 0;
	background-size: 570px 180px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #release3 {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_release5@fs@2x.png);
	}
}
body.index #privilegeBanner a {
	z-index: 100;
	position: absolute;
	top: 685px;
	right: 0px;
	display: block;
	width: 550px;
	height: 0px;
	padding-top: 70px;
	overflow: hidden;
	line-height: 300%;
	color: #1e0602;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_banner_privilege.jpg) no-repeat 0 0;
	background-size: 550px 70px;
	border: 2px solid #940404;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #privilegeBanner a {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_banner_privilege@2x.jpg);
	}
}
body.index #dmmBanner a {
	z-index: 100;
	position: absolute;
	top: 765px;
	right: 0px;
	display: block;
	width: 550px;
	height: 0px;
	padding-top: 70px;
	overflow: hidden;
	line-height: 300%;
	color: #1e0602;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_banner_dmm2.jpg) no-repeat 0 0;
	background-size: 550px 70px;
	border: 2px solid #940404;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #dmmBanner a {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_banner_dmm2@2x.jpg);
	}
}
body.index #dmmBanner a:hover,
body.index #privilegeBanner a:hover {
	border-color: #ed0100;
}
body.index #eventPatch a {
	position: absolute;
	top: 280px;
	right: 0px;
	display: block;
	width: 240px;
	height: 0px;
	padding-top: 240px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_banner_eventPatch2@fs.png) no-repeat 0 0;
	background-size: 240px 480px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #eventPatch a {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_banner_eventPatch2@fs@2x.png);
	}
}
body.index #eventPatch a:hover {
	background-position: 0 -240px;
}
body.index #staff {
	z-index: 10;
	display: block;
	position: absolute;
	top: 685px;
	left: 0px;
	display: block;
	width: 390px;
	height: 0px;
	padding-top: 155px;
	overflow: hidden;
	line-height: 300%;
	color: #000000;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_staff2@fs.png) no-repeat 0 0;
	background-size: 390px 160px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #staff {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_staff2@fs@2x.png);
	}
}
body.index #officialLink a {
	z-index: 10;
	position: absolute;
	top: 790px;
	left: 170px;
	display: block;
	width: 200px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 300%;
	background: url(/common/banner/banner_irisdesignworks_speed.png) no-repeat 0 0;
}
body.index #officialLink a:hover {
	opacity: 0.8;
}
body.index #mainInfomation {
	position: absolute;
	overflow: visible;
	bottom: 0px;
	left: 0px;
	width: 970px;
	height: 320px;
	min-height: 0px;
	margin-left: 0px;
	padding: 15px;
	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 #bookDescription {
	z-index: 50;
	position: absolute;
	bottom: 20px;
	left: -15px;
	display: block;
	width: 605px;
	height: 0px;
	margin: 0;
	padding-top: 130px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_book_text@fs.png) no-repeat 0 0;
	background-size: 605px 130px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #mainInfomation #bookDescription {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_book_text@fs@2x.png);
	}
}
body.index #mainInfomation #bookThumbnails ul.guidebook {
	z-index: 40;
	position: relative;
	list-style: none;
	margin: 5px 0 0 5px;
}
body.index #mainInfomation #bookThumbnails ul.guidebook li {
	float: left;
	margin-bottom: 10px;
	margin-right: 18px;
}
body.index #mainInfomation #bookThumbnails ul.guidebook li:nth-last-child(1) {
	margin-right: 0;
}
body.index #mainInfomation #bookThumbnails ul.guidebook li a img {
	border: 2px solid #940404;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 0 10px #520000;
	-webkit-box-shadow: 0 0 10px #520000;
	-moz-box-shadow: 0 0 10px #520000;
}
body.index #mainInfomation #bookThumbnails ul.guidebook li a:hover img {
	opacity: 0.8;
	border-color: #ed0100;
	cursor: pointer;
}
body.index #mainInfomation #bookDownload {
	position: absolute;
	display: block;
	width: 330px;
	height: 90px;
	top: 240px;
	right: 15px;
	list-style: none;
}
body.index #mainInfomation #bookDownload li a {
	display: block;
	width: 318px;
	height: 0px;
	margin-bottom: 10px;
	padding-top: 35px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_button_book@fs.png) no-repeat 0 0px;
	background-size: 320px 144px;
	border: 1px solid #940404;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #mainInfomation #bookDownload li a {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_button_book@fs@2x.png);
	}
}
body.index #mainInfomation #bookDownload li#bookHigh a {
	background-position: 0px -1px;
}
body.index #mainInfomation #bookDownload li#bookHigh a:hover {
	background-position: 0px -37px;
}
body.index #mainInfomation #bookDownload li#bookLow a {
	background-position: 0px -73px;
}
body.index #mainInfomation #bookDownload li#bookLow a:hover {
	background-position: 0px -109px;
}

body.index #pillowContainer {
	position: absolute;
	overflow: visible;
	top: 690px;
	width: 980px;
	height: 270px;
	margin-top: 165px;
	margin-left: 0px;
	padding: 10px 10px;
	color: #222222;
	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 #pillowDescription {
	z-index: 50;
	position: absolute;
	top: -15px;
	left: -15px;
	display: block;
	width: 600px;
	height: 0px;
	margin: 0;
	padding-top: 300px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_pillowDescription@fs.png) no-repeat 0 0;
	background-size: 600px 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #pillowDescription {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_pillowDescription@fs@2x.png);
	}
}
body.index #pillowImage {
	z-index: 50;
	position: absolute;
	bottom: 16px;
	right: 26px;
	display: block;
	width: 380px;
	height: 0px;
	margin: 0;
	padding-top: 256px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_pillowImage.jpg) no-repeat 0 0;
	background-size: 380px 256px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 0 10px #222222;
	-webkit-box-shadow: 0 0 10px #222222;
	-moz-box-shadow: 0 0 10px #222222;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #pillowDescription {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_pillowDescription@fs@2x.png);
	}
}
body.index #pillowShopLink a {
	z-index: 50;
	position: absolute;
	bottom: 16px;
	left: 230px;
	display: block;
	width: 340px;
	height: 0px;
	margin: 0;
	padding-top: 48px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_banner_pillowShopLink@fs.png) no-repeat 0 0;
	background-size: 340px 48px;
	border: 1px solid #940404;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #pillowShopLink a {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_banner_pillowShopLink@fs@2x.png);
	}
}
body.index #pillowShopLink a:hover {
	border-color: #ed0100;
}
/*------------------------------------------------------------
	STORY
------------------------------------------------------------*/
body.story #mainInfomation {
	height: 880px;
}
#mainInfomation h4#story {
	background-position: 0px 0px;
}
#storyContainer {
	z-index: 100;
	position: absolute;
	top: 60px;
	left: 33px;
	display: block;
	width: 920px;
	height: 0px;
	padding-top: 400px;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_story2@fs.png) repeat-x 0 0;
	background-size: 920px 400px;
	border: 1px solid #a20404;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#storyContainer {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_story2@fs@2x.png);
	}
}
#storyContents {
	z-index: 200;
	position: absolute;
	bottom: 0px;
	left: -44px;
	display: block;
	width: 310px;
	height: 0px;
	padding-top: 440px;
	overflow: hidden;
	line-height: 300%;
	color: #1e0602;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_storyImage01@fs.png) repeat-x 0 0;
}
#pointContainer {
	z-index: 100;
	position: absolute;
	top: 490px;
	left: 33px;
	display: block;
	width: 920px;
	height: 0px;
	padding-top: 400px;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_point@fs.png) repeat-x 0 0;
	background-size: 920px 400px;
	border: 1px solid #a20404;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#pointContainer {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_point@fs@2x.png);
	}
}
#pointContents {
	z-index: 200;
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: block;
	width: 330px;
	height: 0px;
	padding-top: 460px;
	overflow: hidden;
	line-height: 300%;
	color: #a20404;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_storyImage02@fs.png) repeat-x 0 0;
}
/*------------------------------------------------------------
	CHARACTER
------------------------------------------------------------*/
body.character #mainInfomation {
	height: 1610px;
}
#mainInfomation h4#character {
	background-position: 0px -133px;
}
#characterContainer div.indivisualContainer {
	width: 920px;
	height: 290px;
	overflow: visible;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_background_characterContainer.png) repeat 0 0;
	border: 1px solid #a20404;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#character01 {
	z-index: 100;
	position: absolute;
	top: 70px;
	left: 34px;
}
#character01 div.characterData {
	display: block;
	position: absolute;
	top: -60px;
	right: 0;
	width: 700px;
	height: 0px;
	padding-top: 350px;
	overflow: hidden;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_characterImage01b@fs.png) repeat-x 0 0;	
}
#character01 p.characterDescription {
	z-index: 200;
	display: block;
	width: 920px;
	height: 0px;
	padding-top: 240px;
	line-height: 300%;
	overflow: hidden;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_character01b@fs.png) repeat-x 0 0;
	background-size: 920px 240px;

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#character01 p.characterDescription {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_character01b@fs@2x.png);
	}
}
#character02 {
	z-index: 110;
	position: absolute;
	top: 390px;
	left: 34px;
}
#character02 div.characterData {
	display: block;
	position: absolute;
	top: -60px;
	right: 0;
	width: 700px;
	height: 0px;
	padding-top: 350px;
	overflow: hidden;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_characterImage02b@fs.png) repeat-x 0 0;	
}
#character02 p.characterDescription {
	z-index: 200;
	position: relative;
	display: block;
	width: 920px;
	height: 0px;
	padding-top: 240px;
	line-height: 300%;
	overflow: hidden;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_character02b@fs.png) repeat-x 0 0;
	background-size: 920px 240px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#character02 p.characterDescription {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_character02b@fs@2x.png);
	}
}
#character03 {
	z-index: 120;
	position: absolute;
	top: 710px;
	left: 34px;
}
#character03 div.characterData {
	display: block;
	position: absolute;
	top: -60px;
	right: 0;
	width: 700px;
	height: 0px;
	padding-top: 350px;
	overflow: hidden;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_characterImage03b@fs.png) repeat-x 0 0;	
}
#character03 p.characterDescription {
	z-index: 200;
	position: relative;
	display: block;
	width: 920px;
	height: 0px;
	padding-top: 240px;
	line-height: 300%;
	overflow: hidden;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_character03b@fs.png) repeat-x 0 0;
	background-size: 920px 240px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#character03 p.characterDescription {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_character03b@fs@2x.png);
	}
}
#characterContainer div.indivisualContainerDiv2 {
	width: 450px;
	height: 290px;
	overflow: hidden;
	border: 1px solid #a20404;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#character04 {
	position: absolute;
	top: 1025px;
	left: 34px;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_characterImage04@fs.png) repeat-x 0 0;
}
#character04 div.characterDescription {
	z-index: 200;
	position: relative;
	display: block;
	width: 450px;
	height: 0px;
	padding-top: 290px;
	line-height: 300%;
	overflow: hidden;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_character04@fs.png) repeat-x 0 0;
	background-size: 450px 290px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#character04 div.characterDescription {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_character04@fs@2x.png);
	}
}
#character05 {
	position: absolute;
	top: 1025px;
	right: 34px;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_characterImage05@fs.png) repeat-x 0 0;
}
#character05 div.characterDescription {
	z-index: 200;
	position: relative;
	display: block;
	width: 450px;
	height: 0px;
	padding-top: 290px;
	line-height: 300%;
	overflow: hidden;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_character05@fs.png) repeat-x 0 0;
	background-size: 450px 290px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#character05 div.characterDescription {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_character05@fs@2x.png);
	}
}
#character06 {
	position: absolute;
	top: 1335px;
	left: 34px;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_characterImage06@fs.png) repeat-x 0 0;
}
#character06 div.characterDescription {
	z-index: 200;
	position: relative;
	display: block;
	width: 450px;
	height: 0px;
	padding-top: 290px;
	line-height: 300%;
	overflow: hidden;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_character06@fs.png) repeat-x 0 0;
	background-size: 450px 290px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#character06 div.characterDescription {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_character06@fs@2x.png);
	}
}
#character07 {
	position: absolute;
	top: 1335px;
	right: 34px;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_background_characterContainer.png) repeat 0 0;
}
#character07 div.characterDescription {
	z-index: 200;
	position: relative;
	display: block;
	width: 450px;
	height: 0px;
	padding-top: 290px;
	line-height: 300%;
	overflow: hidden;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_character07@fs.png) repeat-x 0 0;
	background-size: 450px 290px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#character07 div.characterDescription {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_character07@fs@2x.png);
	}
}
ul.voicePlayerContainer {
	position: absolute;
	left: 30px;
	bottom: 20px;
	list-style: none;
}
ul.voicePlayerContainer li {
	float: left;
	margin-right: 10px;
}
ul.voicePlayerContainer li a {
	display: block;
	width: 140px;
	height: 0px;
	padding-top: 30px;
	overflow: hidden;
	line-height: 300%;
	color: #000000;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_button_samplevoice@fs.png) no-repeat 0 0;
	background-size: 280px 120px;
	border: 1px solid #a20404;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
ul.voicePlayerContainer li.voicePlayer01 a {
	background-position: 0px 0px;
}
ul.voicePlayerContainer li.voicePlayer01 a:hover {
	background-position: -140px 0px;
}
ul.voicePlayerContainer li.voicePlayer01 a:hover {
	background-position: -140px 0px;
}
ul.voicePlayerContainer li.voicePlayer02 a {
	background-position: 0px -30px;
}
ul.voicePlayerContainer li.voicePlayer02 a:hover {
	background-position: -140px -30px;
}
ul.voicePlayerContainer li.voicePlayer03 a {
	background-position: 0px -60px;
}
ul.voicePlayerContainer li.voicePlayer03 a:hover {
	background-position: -140px -60px;
}
ul.voicePlayerContainer li.voicePlayer04 a {
	background-position: 0px -90px;
}
ul.voicePlayerContainer li.voicePlayer04 a:hover {
	background-position: -140px -90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	ul.voicePlayerContainer li a {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_button_samplevoice@fs@2x.png);
	}
}
/*------------------------------------------------------------
	GALLERY
------------------------------------------------------------*/
#mainInfomation h4#gallery {
	background-position: 0px -266px;
}
#mainInfomation #galleryContainer {
	overflow: visible;
	width: 800px;
	height: 450px;
	margin: 30px 0 10px 85px;
	background: #940404 url(/common/nivo-slider/loading.gif) no-repeat 50% 50%;
	border: 2px solid #940404;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0 0 20px #520000;
	-webkit-box-shadow: 0 0 20px #520000;
	-moz-box-shadow: 0 0 20px #520000;
}
#mainInfomation #galleryContainer > img {
	display: none;
}
#galleryContainer div.nivo-slice {
	display: block;
	position: absolute;
	z-index: 1;
	height: 100%;
	margin-top: -460px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#galleryContainer div.nivo-controlNav {
	width: 820px;
	overflow: visible;
	margin-top: 460px;
	margin-left: -1px;
}
#galleryContainer div.nivo-controlNav a img {
	float: left;
	margin: 0px 8px 20px 0;
	border: 2px solid #940404;
	z-index: 10;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 0 10px #520000;
	-webkit-box-shadow: 0 0 10px #520000;
	-moz-box-shadow: 0 0 10px #520000;
}
#galleryContainer div.nivo-controlNav a.active img {
	opacity: 0.8;
	border-color: #ffffff;
}
#galleryContainer div.nivo-controlNav a:hover img {
	opacity: 0.8;
	border-color: #ed0100;
	cursor: pointer;
}
/*------------------------------------------------------------
	MOVIE
------------------------------------------------------------*/
#mainInfomation h4#movie {
	background-position: 0px -399px;
}
/*------------------------------------------------------------
	TRIAL
------------------------------------------------------------*/
#mainInfomation h4#trial {
	background-position: 0px -532px;
}
#mainInfomation div.trialContents {
	position: relative;
	width: 884px;
	margin: 30px 0 10px 52px;
}
#mainInfomation ul.trialScreen {
	position: relative;
	list-style: none;
}
#mainInfomation ul.trialScreen li {
	float: left;
	margin-bottom: 10px;
}
#mainInfomation ul.trialScreen li:nth-child(even) {
	margin-left: 20px;
}
#mainInfomation ul.trialScreen li a img {
	border: 2px solid #940404;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 0 10px #520000;
	-webkit-box-shadow: 0 0 10px #520000;
	-moz-box-shadow: 0 0 10px #520000;
}
#mainInfomation ul.trialScreen li a:hover img {
	opacity: 0.8;
	border-color: #ed0100;
	cursor: pointer;
}
#mainInfomation div.trialDescription {
	position: relative;
	width: 884px;
	margin: 0 0 20px 52px;
	color: #ffdfbf;
}
#mainInfomation div.trialDescription h5.trialHeader {
	width: 880px;
	height: 0px;
	padding-top: 40px;
	line-height: 300%;
	overflow: hidden;
	margin: 10px 0 20px 0;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_headline_trial@fs.png) no-repeat 0px 0px;
	background-size: 880px 40px;
	border: 2px solid #940404;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation div.trialDescription h5.trialHeader {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_headline_trial@fs@2x.png);
	}
}
#mainInfomation div.trialDescription span.dlButton a {
	position: absolute;
	top: 60px;
	right: 10px;
	display: block;
	width: 176px;
	height: 0px;
	margin-top: 20px;
	padding-top: 30px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_button_download@fs.png) no-repeat 0 0px;
	background-size: 176px 60px;
	border: 1px solid #940404;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation div.trialDescription span.dlButton a {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_button_download@fs@2x.png);
	}
}
#mainInfomation div.trialDescription span.dlButton a:hover {
	background-position: 0 -30px;
	border-color: #940404;
}
#mainInfomation div.trialDescription dl {
	position: absolute;
	top: 120px;
	right: 5px;
	width: 15.2em;
}
#mainInfomation div.trialDescription dt {
	float: left;
	width: 4em;
	font-size: 0.92em;
}
#mainInfomation div.trialDescription dd {
	margin-bottom: 5px;
	font-size: 0.92em;
}
#mainInfomation div.trialDescription dd:before {
	content: "：";
	padding: 0 5px;
}
#mainInfomation div.trialDescription ul {
	margin: 10px 0 20px 0;
	padding-left: 100px;
	font-size: 0.88em;
}
#mainInfomation div.trialDescription ul li {
	margin-bottom: 10px;
	line-height: 1.5em;
}
#mainInfomation div.trialDescription h6 {
	width: 300px;
	height: 0px;
	padding-top: 30px;
	margin: 15px 0 5px 10px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_headline_trial_h6@fs.png) no-repeat;
	background-size: 300px 60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation div.trialDescription h6 {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_headline_trial_h6@fs@2x.png);
	}
}
#mainInfomation div.trialDescription h6.trialInstall {
	background-position: 0 0;
}
#mainInfomation div.trialDescription h6.trialUninstall {
	background-position: 0 -30px;
}
#mainInfomation div.trialDescription p {
	padding: 5px 30px 5px 30px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainInfomation div.trialDescription p.trialCaption {
	font-size: 1.17em;
}
/*------------------------------------------------------------
	SUPPORT
------------------------------------------------------------*/
#mainInfomation h4#support {
	background-position: 0px -665px;
}
#mainInfomation div.supportContents {
	position: relative;
	width: 900px;
	height: 320px;
	padding: 20px 15px;
	margin: 40px 0 10px 30px;
	color: #ffdfbf;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_background_supportContents.png) repeat 0px 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#mainInfomation div.supportContents div.right {
	float: right;
	position: relative;
	width: 430px;
}
#mainInfomation div.supportContents div.left {
	float: left;
	position: relative;
	width: 450px;
}
#mainInfomation div.supportContents h5.headlineSupport {
	width: 420px;
	height: 0px;
	padding-top: 110px;
	margin-bottom: 10px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_headline_support2@fs.png) no-repeat 0px 0px;
	background-size: 420px 110px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation div.supportContents h5.headlineSupport {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_headline_support2@fs@2x.png);
	}
}
#mainInfomation div.supportContents p {
	padding: 5px 0px 15px 20px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainInfomation div.supportContents a img {
	margin-bottom: 20px;
	border: 2px solid #940404;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 0 10px #520000;
	-webkit-box-shadow: 0 0 10px #520000;
	-moz-box-shadow: 0 0 10px #520000;
}
#mainInfomation div.supportContents a:hover img {
	opacity: 0.8;
	border-color: #ed0100;
	cursor: pointer;
}
#mainInfomation div.supportContents span.dlButton a {
	position: absolute;
	top: 240px;
	right: 0px;
	display: block;
	width: 176px;
	height: 0px;
	margin-top: 20px;
	padding-top: 30px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_button_download@fs.png) no-repeat 0 0px;
	background-size: 176px 60px;
	border: 1px solid #940404;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation div.supportContents span.dlButton a {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_button_download@fs@2x.png);
	}
}
#mainInfomation div.supportContents span.dlButton a:hover {
	background-position: 0 -30px;
}
#mainInfomation div.supportContents dt {
	float: left;
	width: 6em;
	margin: 0 0 5px 0px;
	font-size: 0.92em;
}
#mainInfomation div.supportContents dd {
	margin-left: 20px;
	margin-bottom: 5px;
	font-size: 0.92em;
}
#mainInfomation div.supportContents dd:before {
	content: "：";
	margin-right: 20px;
}
#mainInfomation div.supportDescription {
	clear: both;
	position: relative;
	width: 910px;
	margin: 20px 0 30px 50px;
	padding: 0 0px;
	color: #ffdfbf;
}
#mainInfomation div.supportDescription .notes {
	margin: 10px 0;
	padding-left: 60px;
	font-size: 0.88em;
}
#mainInfomation div.supportDescription .notes li {
	margin-bottom: 10px;
	line-height: 150%;
}
#mainInfomation div.supportDescription h6 {
	width: 300px;
	height: 0px;
	padding-top: 30px;
	margin: 20px 0 5px 10px ;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_headline_support_h6@fs.png) no-repeat;
	background-size: 320px 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation div.supportDescription h6 {
		background-image: url(/speed/infection-clippingchronicle/items/infection-clippingchronicle_headline_support_h6@fs@2x.png);
	}
}
#mainInfomation div.supportDescription h6.correct {
	background-position: 0 0;
}
#mainInfomation div.supportDescription h6.process {
	background-position: 0 -30px;
}
#mainInfomation div.supportDescription h6.event {
	background-position: 0 -60px;
}
#mainInfomation div.supportDescription p {
	padding: 5px 20px 5px 25px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainInfomation div.supportContents .caution,
#mainInfomation div.supportDescription .caution {
	color: #c93333;
}
#mainInfomation div.supportDescription p.headline {
	font-size: 1em;
}
#mainInfomation div.supportDescription p.indent {
	padding-left: 4.5em;
	text-indent: -1em;
}
/*------------------------------------------------------------
	FOOTER - WHITE TEXT
------------------------------------------------------------*/
#footer {
	width: 970px;
	height: 10px;
	padding: 15px;
/* 	background: url(/speed/infection-completebox/items/infection-completebox_background_mainInfomation2.png) no-repeat 0px -1985px;	 */
}
body.index #footer {
	width: 970px;
	height: 10px;
	padding: 15px;
/* 	background: url(/speed/infection-completebox/items/infection-completebox_background_mainInfomation.png) no-repeat 0px -1985px;	 */
}
#footer ul.footerMenu li.copyright a {
	display: none;
}