@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2016 SPACE PROJECT
	BUILD : 2016-09-30T00:18: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: #ffffff url(/spjanis-republic/specialpack3/items/spjanis-republic3_background_main.jpg) no-repeat center top;
}
#header {
	height: 30px;
	overflow: visible;
	border-width: 0;
}
#headerContainer {
	z-index: 100;
	position: relative;
	overflow: visible;
}
#headerContainer h1 a {
	background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_logotype_spaceproject@fs.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#headerContainer h1 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_logotype_spaceproject@fs@2x.png);
	}
}
#headerContainer h2 {
	display: none;
}
#headerContainer h3 a {
	z-index: 1000;
	position: absolute;
	top: 460px;
	left: 250px;
	width: 520px;
	height: 0px;
	overflow: hidden;
	padding-top: 325px;
	line-height: 300%;	
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_logotype@fs.png) no-repeat 0 0;
	background-size: 500px 292px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#headerContainer h3 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_logotype@fs@2x.png);
	}
}
/*------------------------------------------------------------
	MAIN VISUAL
------------------------------------------------------------*/
#contentsContainer {
	position: relative;
	width: 1000px;
	margin: 0px auto 0 auto;
	padding: 0;
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_mainvisual@fs.png) no-repeat 0 0;
}
#mainVisual {
	z-index: 0;
	position: relative;
	height: 1560px;
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_mainvisualFrame@fs.png) no-repeat 0 0;
	background-size: 1000px 700px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainVisual {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_mainvisualFrame@fs@2x.png);
	}
}
#mainCaption {
	position: absolute;
	top: 770px;
	display: block;
	width: 1000px;
	height: 0px;
	overflow: hidden;
	padding-top: 330px;
	line-height: 300%;
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_caption2@fs.png) no-repeat 0 0;
	background-size: 1000px 340px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainCaption {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_caption2@fs@2x.png);
	}
}
#dmmLink a {
	position: absolute;
	top: 1050px;
	right: 25px;
	display: block;
	width: 330px;
	height: 0px;
	overflow: hidden;
	padding-top: 40px;
	line-height: 300%;
	margin-top: 12px;
	background: #f64c00 url(/spjanis-republic/specialpack3/items/spjanis-republic3_button_shopLink2@fs.png) no-repeat;
	background-size: 330px 160px;
	border: 1px solid #f64c00;
	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) {
	#dmmLink a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_button_shopLink2@fs@2x.png);
	}
}
#dmmLink a {
	background-position: 0px -40px;
}
#dmmLink a:hover {
	background-position: 0px 0px;
	background-color: #ffc0ac;
}
/*------------------------------------------------------------
	CAMPAIGN CONTAINER
------------------------------------------------------------*/
#privilegeContainer {
	position: absolute;
	top: 1150px;
	display: block;
	width: 1000px;
	height: 0px;
	overflow: hidden;
	padding-top: 330px;
	line-height: 300%;
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_privilege@fs.png) no-repeat 0 0;
	background-size: 1000px 200px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#privilegeContainer {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_privilege@fs@2x.png);
	}
}
#sofmapLink a {
	position: absolute;
	top: 110px;
	right: 25px;
	display: block;
	width: 330px;
	height: 0px;
	overflow: hidden;
	padding-top: 40px;
	line-height: 300%;
	margin-top: 12px;
	background: #f64c00 url(/spjanis-republic/specialpack3/items/spjanis-republic3_button_shopLink2@fs.png) no-repeat;
	background-size: 330px 160px;
	border: 1px solid #f64c00;
	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) {
	#sofmapLink a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_button_shopLink2@fs@2x.png);
	}
}
#sofmapLink a {
	background-position: 0px -120px;
}
#sofmapLink a:hover {
	background-position: 0px -80px;
	background-color: #ffc0ac;
}
/*------------------------------------------------------------
	SUPPORT CONTAINER
------------------------------------------------------------*/
#supportContainer a {
	display: block;
	position: absolute;
	top: 1380px;
	width: 980px;
	height: 0px;
	margin-left: 10px;
	padding-top: 140px;
	overflow: hidden;
	line-height: 300%;
	background: #f64c00 url(/spjanis-republic/specialpack3/items/spjanis-republic3_support@fs.png) no-repeat;
	background-size: 980px 280px;
	border: 1px solid #f64c00;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#supportContainer a:hover {
	background-position: 0px -140px;
	background-color: #ffc0ac;
}
/*------------------------------------------------------------
	INFOMATION CONTAINER
------------------------------------------------------------*/
#contentsContainer div.infomationContainer {
	position: relative;
	width: 1000px;
	height: 500px;
	margin-bottom: 10px;
}
#contentsContainer div.infomationContainer h3,
#contentsContainer div.infomationContainer p.postscript {
	display: none;
}
#infomationContainer05 {
	margin-bottom: 0;
}
#infomationContainer01 {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_background_infomation01@fs.png) no-repeat 0 0;
	background-size: 1000px 500px;
}
#infomationContainer02 {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_background_infomation02@fs.png) no-repeat 0 0;
	background-size: 1000px 500px;
}
#infomationContainer03 {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_background_infomation03@fs.png) no-repeat 0 0;
	background-size: 1000px 500px;
}
#infomationContainer04 {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_background_infomation04@fs.png) no-repeat 0 0;
	background-size: 1000px 500px;
}
#infomationContainer05 {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_background_infomation05@fs.png) no-repeat 0 0;
	background-size: 1000px 500px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#infomationContainer01 {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_background_infomation01@fs@2x.png);
	}
	#infomationContainer02 {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_background_infomation02@fs@2x.png);
	}
	#infomationContainer03 {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_background_infomation03@fs@2x.png);
	}
	#infomationContainer04 {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_background_infomation04@fs@2x.png);
	}
	#infomationContainer05 {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_background_infomation05@fs@2x.png);
	}
}
div.infomationContainer ul.linkBanner {
	position: absolute;
	top: 135px;
	height: 240px;
	list-style: none;
}
#infomationContainer01 ul.linkBanner {
	position: absolute;
	width: 680px;
	left: 184px;
}
#infomationContainer02 ul.linkBanner,
#infomationContainer03 ul.linkBanner {
	position: absolute;
	width: 920px;
	left: 54px;
}
#infomationContainer04 ul.linkBanner,
#infomationContainer05 ul.linkBanner {
	position: absolute;
	width: 840px;
	left: 100px;
}
div.infomationContainer ul li a {
	float: left;
	display: block;
	width: 170px;
	height: 0px;
	overflow: hidden;
	padding-top: 240px;
	line-height: 300%;
	border: 1px solid #f48044;
	background-size: 170px 240px;
}
#infomationContainer01 ul li a {
	margin-left: 58px;
}
#infomationContainer02 ul li a,
#infomationContainer03 ul li a {
	margin-left: 8px;
}
#infomationContainer04 ul li a,
#infomationContainer05 ul li a {
	margin-left: 38px;
}
#infomationContainer01 ul li:first-child a,
#infomationContainer02 ul li:first-child a,
#infomationContainer03 ul li:first-child a,
#infomationContainer04 ul li:first-child a,
#infomationContainer05 ul li:first-child a {
	margin-left: 0;
}
div.infomationContainer ul li a:hover {
	opacity: 0.7;
	border-color: #f48044;
}
#linkBanner01 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package01.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner02 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package02.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner03 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package03.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner04 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package04.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner05 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package05.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner06 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package06.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner07 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package07.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner08 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package08.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner09 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package09.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner10 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package10.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner11 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package11.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner12 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package12.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner13 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package13.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner14 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package14.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner15 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package15.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner16 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package16.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner17 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package17.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner18 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package18.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner19 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package19.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner20 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package20.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner21 a {
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package21.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#linkBanner01 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package01@2x.jpg);
	}
	#linkBanner02 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package02@2x.jpg);
	}
	#linkBanner03 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package03@2x.jpg);
	}
	#linkBanner04 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package04@2x.jpg);
	}
	#linkBanner05 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package05@2x.jpg);
	}
	#linkBanner06 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package06@2x.jpg);
	}
	#linkBanner07 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package07@2x.jpg);
	}
	#linkBanner08 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package08@2x.jpg);
	}
	#linkBanner09 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package09@2x.jpg);
	}
	#linkBanner10 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package10@2x.jpg);
	}
	#linkBanner11 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package11@2x.jpg);
	}
	#linkBanner12 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package12@2x.jpg);
	}
	#linkBanner13 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package13@2x.jpg);
	}
	#linkBanner14 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package14@2x.jpg);
	}
	#linkBanner15 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package15@2x.jpg);
	}
	#linkBanner16 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package16@2x.jpg);
	}
	#linkBanner17 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package17@2x.jpg);
	}
	#linkBanner18 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package18@2x.jpg);
	}
	#linkBanner19 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package19@2x.jpg);
	}
	#linkBanner20 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package20@2x.jpg);
	}
	#linkBanner21 a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_package21@2x.jpg);
	}
}
/*------------------------------------------------------------
	SUPPORT
------------------------------------------------------------*/
body.support #mainVisual {
	height: 2380px;
}
#supportHeadline {
	position: absolute;
	top: 780px;
	display: block;
	width: 1000px;
	height: 0px;
	overflow: hidden;
	padding-top: 160px;
	line-height: 300%;
	color: #ffffff;
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_supportHeadline@fs.png) no-repeat 0 0;
	background-size: 1000px 160px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#supportHeadline {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_supportHeadline@fs@2x.png);
	}
}
#supportMainContainer {
	position: absolute;
	top: 950px;
}
#supportMainContainer div.supportContents {
	width: 900px;
	padding: 30px;
	margin-left: 20px;
	margin-bottom: 30px;
	background: #ffffff url(/spjanis-republic/specialpack3/items/spjanis-republic3_background_supportContents.png) repeat-x 0 0;
	border: 2px solid #f64c00;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#supportMainContainer div.supportContents h5 {
	position: relative;
	display: block;
	width: 900px;
	height: 0px;
	margin: -30px 0 20px -10px;
	overflow: hidden;
	padding-top: 40px;
	line-height: 300%;
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_supportContentsHeadline@fs.png) no-repeat 0 0;
	background-size: 900px 80px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#supportMainContainer div.supportContents h5 {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_supportContentsHeadline@fs@2x.png);
	}
}
#supportMainContainer div#supportContents01 h5 {
	background-position: 0 0px;
}
#supportMainContainer div#supportContents02 h5 {
	background-position: 0 -40px;
}
#supportMainContainer div.supportContents p {
	line-height: 150%;
	margin-bottom: 10px;
}
#supportMainContainer div.supportContents ol {
	margin-left: 3em;
}
#supportMainContainer div.supportContents ol li {
	margin-top: 10px;
}
#supportMainContainer div.supportContents ul li {
	margin-top: 5px;
	margin-left: 1em;
	list-style: none;
	padding-left: 1.5em;
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_supportListMarker@fs.png) no-repeat 0 2px;
	background-size: 12px 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#supportMainContainer div.supportContents ul li {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_supportListMarker@fs@2x.png);
	}
}
#supportMainContainer div.supportContents ul li:first-child {
	margin-left: -1em;
	background-image: none;
}
#supportMainContainer div.supportContents li {
	line-height: 150%;
}
#supportMainContainer div.supportContents li small {
	font-size: 0.88em;
}
#supportMainContainer div.supportContents hr {
	margin-top: 20px;
	border-bottom: 1px solid #f64c00;
}
#supportMainContainer div.supportContents h6 {
	position: relative;
	display: block;
	width: 900px;
	height: 0px;
	margin-top: 5px;
	overflow: hidden;
	padding-top: 30px;
	line-height: 300%;
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_supportContentsHeadline_h6@fs.png) no-repeat 0 0;
	background-size: 900px 120px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#supportMainContainer div.supportContents h6 {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_supportContentsHeadline_h6@fs@2x.png);
	}
}
#supportMainContainer div.supportContents h6#windows8 {
	background-position: 0 -30px;
}
#supportMainContainer div.supportContents h6#windows81 {
	background-position: 0 -60px;
}
#supportMainContainer div.supportContents h6#windows10 {
	background-position: 0 -90px;
}
#patchLink a {
	display: block;
	width: 330px;
	height: 0px;
	overflow: hidden;
	padding-top: 40px;
	line-height: 300%;
	margin: 20px 0 -20px 30px;
	background: #f64c00 url(/spjanis-republic/specialpack3/items/spjanis-republic3_button_patchLink@fs.png) no-repeat 0 -40px;
	background-size: 330px 80px;
	border: 1px solid #f64c00;
	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) {
	#patchLink a {
		background-image: url(/spjanis-republic/specialpack3/items/spjanis-republic3_button_patchLink@fs@2x.png);
	}
}
#patchLink a:hover {
	background-position: 0 0px;
	background-color: #ffc0ac;
}
/*------------------------------------------------------------
	FOOTER - WHITE TEXT
------------------------------------------------------------*/
#footer {
	width: 1000px;
	margin: 0 auto;
	height: 20px;
	padding: 0 0 10px 0;
}
/*------------------------------------------------------------
	COPYRIGHT : 1997-2016 SPACE PROJECT
------------------------------------------------------------*/
body.index #footer ul.footerMenu li.copyright a {
	width: 1000px;
	padding: 10px 0;
	margin: 0;
	overflow: hidden;
	line-height: 300%;
	margin-left: -5px;
	background: url(/spjanis-republic/specialpack3/items/spjanis-republic3_copyright@fs.png) no-repeat 0 0;
	background-size: 1000px 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/specialpack3/items/spjanis-republic3_copyright@fs@2x.png);
	}
}
/*------------------------------------------------------------
	FADE
------------------------------------------------------------*/
body.index #header h1,body.index #header h3,body.index #contentsContainer,body.index #mainCaption,
body.index #dmmLink,body.index #supportContainer,body.index #privilegeContainer,
body.index #infomationContainer01,body.index #infomationContainer02,body.index #infomationContainer03,
body.index #infomationContainer04,body.index #infomationContainer05,body.index #footer {
	opacity: 0;
}