@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2016 SPACE PROJECT
	BUILD : 2016-07-06T11:46: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(/spjanis-republic/specialpack2/items/spjanis-republic2_background_main@fs.png) no-repeat center top;
	background-size: 520px 520px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_background_main@fs@2x.png);
	}
}
#header {
	height: 40px;
	overflow: visible;
	border-width: 0;
}
#headerContainer {
	z-index: 100;
	position: relative;
	overflow: visible;
}
#headerContainer h1 a {
	background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_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/specialpack2/items/spjanis-republic2_logotype_spaceproject@fs@2x.png);
	}
}
#headerContainer h2 {
	display: none;
}
#headerContainer h3 {
	z-index: 1000;
	position: absolute;
	top: 570px;
	left: 250px;
	width: 520px;
	height: 0px;
	overflow: hidden;
	padding-top: 325px;
	line-height: 300%;	
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_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 {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_logotype@fs@2x.png);
	}
}
/*------------------------------------------------------------
	MAIN VISUAL
------------------------------------------------------------*/
#contentsContainer {
	position: relative;
	width: 1000px;
	margin: 0px auto 0 auto;
	padding: 0;
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_mainvisual.jpg) no-repeat 0 0;
}
#mainVisual {
	z-index: 0;
	position: relative;
	height: 1150px;
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_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/specialpack2/items/spjanis-republic2_mainvisualFrame@fs@2x.png);
	}
}
#mainCaption {
	position: absolute;
	top: 830px;
	display: block;
	width: 1000px;
	height: 0px;
	overflow: hidden;
	padding-top: 270px;
	line-height: 300%;
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_caption@fs.png) no-repeat 0 0;
	background-size: 1000px 270px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainCaption {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_caption@fs@2x.png);
	}
}
#flyerContainer {
	position: absolute;
	left: 30px;
	bottom: 30px;
	width: 505px;
	height: 154px;
	background: #3e2234 url(/spjanis-republic/specialpack2/items/spjanis-republic2_flyerHeader@fs.png) no-repeat center 10px;
	background-size: 240px 18px;
	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) {
	#flyerContainer {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_flyerHeader@fs@2x.png);
	}
}
#flyerList {
	position: absolute;
	left: 15px;
	bottom: 10px;
	list-style: none;
}
#flyerList li {
	float: left;
	margin-left: 10px;
}
#flyerList li:first-child {
	margin-left: 0px;
}
#flyerList li a {
	display: block;
	width: 150px;
	height: 0px;
	overflow: hidden;
	padding-top: 105px;
	line-height: 300%;
	border: 1px solid #87387c;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#flyerList #flyerImage01 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_flyerThumbnail_h1.jpg) no-repeat 0 0;
	background-size: 150px 105px;
}
#flyerList #flyerImage02 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_flyerThumbnail_h4.jpg) no-repeat 0 0;
	background-size: 150px 105px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#flyerList #flyerImage01 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_flyerThumbnail_h1@2x.jpg);
	}
	#flyerList #flyerImage02 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_flyerThumbnail_h4@2x.jpg);
	}
}
#flyerList #flyerPDF a {
	background: #481d42 url(/spjanis-republic/specialpack2/items/spjanis-republic2_flyerPDF@fs.png) no-repeat 0 0;
	background-size: 150px 105px;
	border: 1px solid #6c2c63;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#flyerList #flyerPDF a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_flyerPDF@fs@2x.png);
	}
}
#flyerList li a:hover {
	opacity: 0.7;
	border-color: #ffcff2;
}
#flyerList #flyerPDF a:hover {
	opacity: 1;
	background-color: #873a7a;
}
/*------------------------------------------------------------
	INFOMATION CONTAINER
------------------------------------------------------------*/
#contentsContainer div.infomationContainer {
	position: relative;
	width: 1000px;
}
#contentsContainer div.infomationContainer h3,
#contentsContainer div.infomationContainer p.postscript {
	display: none;
}
#infomationContainer01 {
	height: 530px;
	margin-bottom: 10px;
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_background_infomation01b@fs.png) no-repeat 0 0;
	background-size: 1000px 530px;
}
#infomationContainer02 {
	height: 495px;
	margin-bottom: 10px;
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_background_infomation02b@fs.png) no-repeat 0 0;
	background-size: 1000px 495px;
}
#infomationContainer03 {
	height: 495px;
	margin-bottom: 10px;
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_background_infomation03b@fs.png) no-repeat 0 0;
	background-size: 1000px 495px;
}
#infomationContainer04 {
	height: 495px;
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_background_infomation04b@fs.png) no-repeat 0 0;
	background-size: 1000px 495px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#infomationContainer01 {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_background_infomation01b@fs@2x.png);
	}
	#infomationContainer02 {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_background_infomation02b@fs@2x.png);
	}
	#infomationContainer03 {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_background_infomation03b@fs@2x.png);
	}
	#infomationContainer04 {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_background_infomation04b@fs@2x.png);
	}
}
div.infomationContainer ul.linkBanner {
	position: absolute;
	height: 240px;
	list-style: none;
}
#infomationContainer01 ul.linkBanner {
	position: absolute;
	width: 920px;
	top: 140px;
	left: 54px;
}
#infomationContainer02 ul.linkBanner,
#infomationContainer03 ul.linkBanner {
	position: absolute;
	width: 840px;
	top: 130px;
	left: 100px;
}
#infomationContainer04 ul.linkBanner {
	position: absolute;
	width: 680px;
	top: 130px;
	left: 184px;
}
div.infomationContainer ul li a {
	float: left;
	display: block;
	width: 170px;
	height: 0px;
	overflow: hidden;
	padding-top: 240px;
	line-height: 300%;
	border: 1px solid #8a3d7a;
	background-size: 170px 240px;
}
#infomationContainer01 ul li a {
	margin-left: 8px;
}
#infomationContainer02 ul li a,
#infomationContainer03 ul li a {
	margin-left: 38px;
}
#infomationContainer04 ul li a {
	margin-left: 58px;
}
#infomationContainer01 ul li:first-child a,
#infomationContainer02 ul li:first-child a,
#infomationContainer03 ul li:first-child a,
#infomationContainer04 ul li:first-child a {
	margin-left: 0;
}
div.infomationContainer ul li a:hover {
	opacity: 0.7;
	border-color: #ffcff2;
}
#linkBanner01 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package01.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner02 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package02.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner03 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package03.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner04 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package04.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner05 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package05.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner06 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package10.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner07 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package11.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner08 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package12.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner09 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package13.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner10 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package06.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner11 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package07.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner12 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package08.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner13 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package09.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner14 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package14.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner15 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package16.jpg) no-repeat 0 0;
	background-size: 170px 240px;
}
#linkBanner16 a {
	background: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package15.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/specialpack2/items/spjanis-republic2_package01@2x.jpg);
	}
	#linkBanner02 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package02@2x.jpg);
	}
	#linkBanner03 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package03@2x.jpg);
	}
	#linkBanner04 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package04@2x.jpg);
	}
	#linkBanner05 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package05@2x.jpg);
	}
	#linkBanner06 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package10@2x.jpg);
	}
	#linkBanner07 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package11@2x.jpg);
	}
	#linkBanner08 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package12@2x.jpg);
	}
	#linkBanner09 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package13@2x.jpg);
	}
	#linkBanner10 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package06@2x.jpg);
	}
	#linkBanner11 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package07@2x.jpg);
	}
	#linkBanner12 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package08@2x.jpg);
	}
	#linkBanner13 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package09@2x.jpg);
	}
	#linkBanner14 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package14@2x.jpg);
	}
	#linkBanner15 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package15@2x.jpg);
	}
	#linkBanner16 a {
		background-image: url(/spjanis-republic/specialpack2/items/spjanis-republic2_package16@2x.jpg);
	}
}
/*------------------------------------------------------------
	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/specialpack2/items/spjanis-republic2_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/specialpack2/items/spjanis-republic2_copyright@fs@2x.png);
	}
}
/*------------------------------------------------------------
	FADE
------------------------------------------------------------*/
#header h1,#header h3,#contentsContainer,#mainCaption,#flyerContainer,#infomationContainer01,
#infomationContainer02,#infomationContainer03,#infomationContainer04,#footer {
	opacity: 0;
}