@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2019 SPACE PROJECT
	BUILD : 2019-04-24T13:03:09+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: #ffffff;
}
#header {
	height: 50px;
	overflow: visible;
	border-width: 0;
}
#headerContainer {
	z-index: 100;
	position: relative;
	overflow: visible;
}
#headerContainer h3 {
	position: absolute;
	top: 360px;
	left: 250px;
	width: 520px;
	height: 0px;
	overflow: hidden;
	padding-top: 325px;
	line-height: 300%;	
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_logotype@fs.png) no-repeat 0 0;
	background-size: 520px 325px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#headerContainer h3 {
		background-image: url(/spjanis-republic/specialpack1/items/spjanis-republic_logotype@fs@2x.png);
	}
}
#headerContainer h2 {
	display: none;
}
/*------------------------------------------------------------
	MAIN VISUAL
------------------------------------------------------------*/
#contentsContainer {
	position: relative;
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 0;	
}
#mainVisual {
	z-index: 0;
	position: relative;
/* 	height: 1420px; */
	height: 1300px;
	margin-left: 2px;
}
#mainVisual ul {
	list-style: none;
}
#mainVisual ul li {
	float: left;
	display: block;
	width: 102px;
	height: 0px;
	overflow: hidden;
	padding-top: 350px;
	line-height: 300%;
	margin-left: 10px;
}
#mainVisual ul li:first-child {
	margin-left: 0;
}
#mainVisualList2 {
	position: absolute;
	top: 600px;
}
#mainVisual01 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual01.jpg) no-repeat 0 0;
}
#mainVisual02 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual02.jpg) no-repeat 0 0;
}
#mainVisual03 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual03.jpg) no-repeat 0 0;
}
#mainVisual04 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual04.jpg) no-repeat 0 0;
}
#mainVisual05 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual05.jpg) no-repeat 0 0;
}
#mainVisual06 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual06.jpg) no-repeat 0 0;
}
#mainVisual07 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual07.jpg) no-repeat 0 0;
}
#mainVisual08 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual08.jpg) no-repeat 0 0;
}
#mainVisual09 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual09.jpg) no-repeat 0 0;
}
#mainVisual10 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual10.jpg) no-repeat 0 0;
}
#mainVisual11 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual11.jpg) no-repeat 0 0;
}
#mainVisual12 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual12.jpg) no-repeat 0 0;
}
#mainVisual13 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual13.jpg) no-repeat 0 0;
}
#mainVisual14 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual14.jpg) no-repeat 0 0;
}
#mainVisual15 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual15.jpg) no-repeat 0 0;
}
#mainVisual16 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual16.jpg) no-repeat 0 0;
}
#mainVisual17 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual17.jpg) no-repeat 0 0;
}
#mainVisual18 {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_mainvisual18.jpg) no-repeat 0 0;
}
#mainCaption {
	position: absolute;
	top: 960px;
	display: block;
	width: 1000px;
	height: 0px;
	overflow: hidden;
	padding-top: 280px;
	line-height: 300%;
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_caption4@fs.png) no-repeat 0 0;
	background-size: 1000px 280px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainCaption {
		background-image: url(/spjanis-republic/specialpack1/items/spjanis-republic_caption4@fs@2x.png);
	}
}
#linkButtonContainer {
	position: absolute;
	top: 1130px;
	right: 2px;
}
#linkButtonContainer p.linkButton a {
	display: block;
	width: 370px;
	height: 0px;
	overflow: hidden;
	padding-top: 40px;
	line-height: 300%;
	margin-top: 12px;
	background: #5d503f url(/spjanis-republic/specialpack1/items/spjanis-republic_button_shopLink2@fs.png) no-repeat;
	background-size: 740px 80px;
	border: 1px solid #5d503f;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#linkButtonContainer p.linkButton a {
		background-image: url(/spjanis-republic/specialpack1/items/spjanis-republic_button_shopLink2@fs@2x.png);
	}
}
#linkButtonContainer p.linkButton a:hover {
	background-color: #f8f4f0;
	border-color: #a09a94;
}
#linkButtonContainer #marigoldLink a {
	background-position: 0 -40px;
}
#linkButtonContainer #marigoldLink a:hover {
	background-position: 0 0px;
}
#linkButtonContainer #dmmLink a {
	background-position: -370px -40px;
}
#linkButtonContainer #dmmLink a:hover {
	background-position: -370px 0px;
}
/*------------------------------------------------------------
	SUPPORT
------------------------------------------------------------*/
#support {
	position: relative;
	width: 932px;
	margin-bottom: 15px;
	padding: 20px 30px 20px 30px;
	border: 2px solid #a23f3f;
	background-color: #a23f3f;
	color: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#support h4.headlineSupport {
	font-size: 1.25em;
	margin-bottom: 15px;
	padding-left: 15px;
	background: url(/common/ui/background_contentsHeaderBlack.png) no-repeat left center;
}
#support p {
	width: 650px;
	font-size: 0.92em;
	margin: 0px 2em 10px 0em;
	line-height: 1.5em;
}
#support #dataContainer{
	position: absolute;
	top: 55px;
	right: 30px;
	width: 250px;
}
#support #dataContainer span.dlButton a {
	position: absolute;
	top: 50px;
	right: 0px;
	display: block;
	width: 150px;
	height: 0px;
	padding-top: 30px;
	overflow: hidden;
	line-height: 300%;
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_button_download@fs.png) no-repeat 0 -30px;
	background-size: 150px 60px;
	border-radius: 10px;
	border: 2px solid #ffffff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#support #dataContainer span.dlButton a {
		background-image: url(/spjanis-republic/specialpack1/items/spjanis-republic_button_download@fs@2x.png);
	}
}
#support #dataContainer span.dlButton a:hover {
	background-position: 0 0px;
}
#support #dataContainer dt {
	float: left;
	width: 6em;
	margin: 0 0 5px 42px;
	font-size: 0.92em;
}
#support #dataContainer dd {
	margin-left: 0px;
	margin-bottom: 5px;
	font-size: 0.92em;
}
#support #dataContainer dd:before {
	content: "：";
	margin-right: 20px;
}
/*------------------------------------------------------------
	SUPPORT CONTAINER
------------------------------------------------------------*/
#supportContainer {
	position: relative;
	width: 932px;
	margin-bottom: 20px;
	padding: 20px 30px 10px 30px;
	border: 2px solid #a23f3f;
	background-color: #a23f3f;
	color: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#supportContainer h4.headlineSupport {
	font-size: 1.25em;
	margin-bottom: 15px;
	padding-left: 15px;
	background: url(/common/ui/background_contentsHeaderBlack.png) no-repeat left center;
}
#supportContainer p {
	font-size: 0.92em;
	margin: 0px 2em 10px 0em;
}
#supportContainer .code {
	display: block;
	padding: 10px 0 10px 2em;
	font-style: italic;
	font-weight: bold;
}
/*------------------------------------------------------------
	CAMPAIGN CONTAINER (2016.06 ONLY!)
------------------------------------------------------------*/
/*
#campaignContainer {
	position: absolute;
	top: 1270px;
	width: 992px;
	padding: 0px;
	border: 2px solid #a23f3f;
	background-color: #a23f3f;
	color: #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#campaignContainer #campaignText a {
	display: block;
	width: 992px;
	height: 0px;
	overflow: hidden;
	padding-top: 110px;
	line-height: 300%;
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_campaignText@fs.png) no-repeat 0 0;
	background-size: 992px 110px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#campaignContainer #campaignText a {
		background-image: url(/spjanis-republic/specialpack1/items/spjanis-republic_campaignText@fs@2x.png);
	}
}
#campaignContainer:hover {
	background-color: #cf5e5e;
	border-color: #cf5e5e;
}
*/
/*------------------------------------------------------------
	INFOMATION CONTAINER
------------------------------------------------------------*/
#contentsContainer div.infomationContainer {
	position: relative;
/* 	top: 170px; */
	width: 1000px;
}
#contentsContainer div.infomationContainer h3,
#contentsContainer div.infomationContainer p.postscript {
	display: none;
}
#infomationContainer01 {
	height: 495px;
	margin-bottom: 25px;
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_background_infomation01b@fs.png) no-repeat 0 0;
	background-size: 1000px 495px;
}
#infomationContainer02 {
	height: 455px;
	margin-bottom: 25px;
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_background_infomation02@fs.png) no-repeat 0 0;
	background-size: 1000px 455px;
}
#infomationContainer03 {
	height: 475px;
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_background_infomation03c@fs.png) no-repeat 0 0;
	background-size: 1000px 475px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#infomationContainer01 {
		background-image: url(/spjanis-republic/specialpack1/items/spjanis-republic_background_infomation01b@fs@2x.png);
	}
	#infomationContainer02 {
		background-image: url(/spjanis-republic/specialpack1/items/spjanis-republic_background_infomation02@fs@2x.png);
	}
	#infomationContainer03 {
		background-image: url(/spjanis-republic/specialpack1/items/spjanis-republic_background_infomation03c@fs@2x.png);
	}
}
div.infomationContainer ul.linkBanner {
	position: absolute;
	top: 120px;
	left: 49px;
	width: 952px;
	height: 200px;
	list-style: none;
}
div.infomationContainer ul li a {
	float: left;
	display: block;
	width: 140px;
	height: 0px;
	overflow: hidden;
	padding-top: 198px;
	line-height: 300%;
	margin-left: 10px;
	border: 1px solid #5d503f;
}
div.infomationContainer ul li:first-child a {
	margin-left: 0;
}
div.infomationContainer ul li a:hover {
	opacity: 0.7;
	border-color: #8C0000;
}
#linkBanner01 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package01.jpg) no-repeat 0 0;
}
#linkBanner02 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package02.jpg) no-repeat 0 0;
}
#linkBanner03 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package03.jpg) no-repeat 0 0;
}
#linkBanner04 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package04.jpg) no-repeat 0 0;
}
#linkBanner05 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package05.jpg) no-repeat 0 0;
}
#linkBanner06 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package06.jpg) no-repeat 0 0;
}
#linkBanner07 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package07.jpg) no-repeat 0 0;
}
#linkBanner08 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package08.jpg) no-repeat 0 0;
}
#linkBanner09 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package09.jpg) no-repeat 0 0;
}
#linkBanner10 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package10.jpg) no-repeat 0 0;
}
#linkBanner11 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package11.jpg) no-repeat 0 0;
}
#linkBanner12 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package12.jpg) no-repeat 0 0;
}
#linkBanner13 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package13.jpg) no-repeat 0 0;
}
#linkBanner14 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package14.jpg) no-repeat 0 0;
}
#linkBanner15 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package15.jpg) no-repeat 0 0;
}
#linkBanner16 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package16.jpg) no-repeat 0 0;
}
#linkBanner17 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package17.jpg) no-repeat 0 0;
}
#linkBanner18 a {
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_package18.jpg) no-repeat 0 0;
}
div.infomationContainer p a {
	position: absolute;
	left: 420px;
	bottom: 36px;
	display: block;
	width: 160px;
	height: 0;
	overflow: hidden;
	padding-top: 20px;
	line-height: 300px;
	color: #ffffff;
	background: #8c0000 url(/spjanis-republic/specialpack1/items/spjanis-republic_linkButton@fs.png) no-repeat 0 0;
	border: 2px solid #8c0000;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-size: 160px 40px;
}
div.infomationContainer p a:hover {
	background-color: #ffffff;
	background-position: 0 -20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	div.infomationContainer p a {
		background-image: url(/spjanis-republic/specialpack1/items/spjanis-republic_linkButton@fs@2x.png);
	}
}
/*------------------------------------------------------------
	FOOTER - WHITE TEXT
------------------------------------------------------------*/
#footer {
	width: 1000px;
	margin: 0 auto;
	height: 10px;
	padding: 10px;
}
/*------------------------------------------------------------
	COPYRIGHT : 1997-2019 SPACE PROJECT
------------------------------------------------------------*/
body.index #footer ul.footerMenu li.copyright a {
	width: 630px;
	padding: 10px;
	overflow: hidden;
	line-height: 300%;
	margin-left: 0px;
	background: url(/spjanis-republic/specialpack1/items/spjanis-republic_copyright.png) no-repeat 5px 0;
	background-size: 630px 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #footer ul.footerMenu li.copyright a {
		background-image: url(/spjanis-republic/specialpack1/items/spjanis-republic_copyright@fs@2x.png);
	}
}
/*------------------------------------------------------------
	FADE
------------------------------------------------------------*/
#mainVisual01,#mainVisual02,#mainVisual03,#mainVisual04,#mainVisual05,#mainVisual06,
#mainVisual07,#mainVisual08,#mainVisual09,#mainVisual10,#mainVisual11,#mainVisual12,
#mainVisual13,#mainVisual14,#mainVisual15,#mainVisual16,#mainVisual17,#mainVisual18,
#header h1,#header h3,#mainCaption,#linkButtonContainer,#support,#supportContainer,#campaignContainer,
div.infomationContainer,#footer {
	opacity: 0;
}