@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2015 SPACE PROJECT
	BUILD : 2015-11-06T22:45:01+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
------------------------------------------------------------*/

/*------------------------------------------------------------
	COMMON STYLES
------------------------------------------------------------*/
body {
	text-align: left;
	background: #000000 url(/janis/shinennohitomi/items/shinennohitomi_background_main2.jpg) no-repeat center 0px;
}
body.index {
	background: #000000 url(/janis/shinennohitomi/items/shinennohitomi_background_index2.jpg) no-repeat center 0px;
}
* p {
	text-align: left;
	text-justify: none;
}
#header {
	height: 65px;
	overflow: visible;
	border-top: solid 0px #000000;
}
#headerContainer {
	position: relative;
	overflow: visible;
}
#headerContainer h1 {
	display: none;
}
/*------------------------------------------------------------
	MENU STYLES
------------------------------------------------------------*/
#headerContainer h3.logotype a {
	z-index: 1;
	position: absolute;
	top: -5px;
	left: 0px;
	display: block;
	width: 160px;
	height: 0px;
	padding-top: 200px;
	margin-top: -50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_logotype_main.png) no-repeat 0px 0px;
}
body.index #headerContainer h3.logotype a {
	z-index: 1;
	position: absolute;
	top: 200px;
	left: 675px;
	display: block;
	width: 320px;
	height: 0px;
	padding-top: 384px;
	overflow: hidden;
	line-height: 300%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_logotype_index2@fs.png) no-repeat 0px 0px;
}
#headerContainer h3.logotype a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
}
body.index #headerContainer h3.logotype a:hover {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}
#mainMenu {
	z-index: 1;
	position: absolute;
	top: -15px;
	left: 200px;
	height: 70px;
	padding: 0px;
}
body.index #mainMenu {
	z-index: 1;
	position: absolute;
	top: 620px;
	left: 0px;
	width: 1000px;
	height: 65px;
	padding: 0px;
	background: url(/janis/shinennohitomi/items/shinennohitomi_background_menu_index2.png) no-repeat 0px 0px;
}
#mainMenu ul {
	width: 700px;
	margin: 12px auto;
	text-align: center;
}
body.index #mainMenu ul {
	width: 720px;
	margin: 12px auto;
	text-align: center;
}
#mainMenu li {
	float: left;
	list-style: none;
	margin: 0px 4px;
	padding: 0px;
}
body.index #mainMenu ul li {
	margin: 0px 10px;
}
#mainMenu li a {
	display: block;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 200%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_menu2.png) no-repeat 0px 0px;
}
#mainMenu li p {
	display: block;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 200%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_menu2.png) no-repeat 0px 0px;
}
#mainMenu li a:hover {
	opacity: 0.6;
	-ms-filter: "alpha(opacity=60)";
	cursor: pointer;
}
#mainMenu li.story {
	width: 120px;
}
#mainMenu li.story a {
	background-position: 0px 0px;
}
#mainMenu li.story p {
	background-position: -150px 0px;
}
#mainMenu li.character {
	width: 130px;
}
#mainMenu li.character a {
	background-position: 0px -40px;
}
#mainMenu li.character p {
	background-position: -150px -40px;
}
#mainMenu li.gallery {
	width: 140px;
}
#mainMenu li.gallery a {
	background-position: 0px -80px;
}
#mainMenu li.gallery p {
	background-position: -150px -80px;
}
#mainMenu li.movie {
	width: 130px;
}
#mainMenu li.movie a {
	background-position: 0px -120px;
}
#mainMenu li.movie p {
	background-position: -150px -120px;
}
#mainMenu li.trial {
	width: 100px;
}
#mainMenu li.trial a {
	background-position: 0px -160px;
}
#mainMenu li.trial p {
	background-position: -150px -160px;
}
/*------------------------------------------------------------
	INDEX INFOMATIONS
------------------------------------------------------------*/
body.index #contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	height: 1050px;
	margin: 0px auto;
	padding: 0;
}
body.index #contentsContainer p.release {
	position: absolute;
	left: 5px;
	top: -220px;
	width: 560px;
	height: 0px;
	padding-top: 110px;
	overflow: hidden;
	line-height: 200%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_release8@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.caption {
	position: absolute;
	left: 0px;
	top: -480px;
	width: 520px;
	height: 0px;
	padding-top: 250px;
	overflow: hidden;
	line-height: 200%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_caption2@fs.png) no-repeat 0px 0px;
}
body.index #mainInfomation {
	position: absolute;
	overflow: visible;
	bottom: 0px;
	width: 970px;
	min-height: 150px;
	padding: 15px;
	line-height: 200%;
	color: #ffebeb;
	background: url(/janis/shinennohitomi/items/shinennohitomi_background_mainInfomation2.png) no-repeat 0 0;
}
body.index #mainInfomation h4 {
	padding: 7px 0 5px 0;
	margin-bottom: 15px;
	padding-left: 2em;
	font-size: 1.14em;
	font-weight: bold;
	color: #ffffff;
	border: 0px solid #ffffff;
	background: #b66868 url(/common/ui/background_contentsHeaderBlack.png) no-repeat 10px center;
}
body.index #mainInfomation div.staff {
	float: left;
	width: 400px;
	padding: 10px;
}
body.index #mainInfomation div.spec {
	float: left;
	width: 530px;
	padding: 10px;
}
body.index #mainInfomation div dl {
	padding: 0 5px;
	font-size: 0.92em;
}
body.index #mainInfomation div dl dt {
	float: left;
	width: 7em;
	margin-bottom: 5px;
	padding: 0 0 5px 1em;
	border-bottom: 1px solid #a16c6c;
}
body.index #mainInfomation div dl.proStaffList dt {
	width: 14em;
}
body.index #mainInfomation div dl dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #a16c6c;
}
body.index #mainInfomation div dl dd span.ruby {
	font-size: 0.92em;
}
body.index #mainInfomation div dl dd:before {
	content: "：";
	padding-right: 1em;
}
body.index #mainInfomation dl.history {
	position: absolute;
	left: 750px;
	top: -140px;
	width: 250px;
	color: #ffffff;
	line-height: 1em;
	background: red;
}
body.index #mainInfomation dl.history dt {
	float: left;
	width: 10em;
	padding: 0 0 3px 0;
}
body.index #mainInfomation dl.history dd {
	margin-bottom: 3px;
	padding-bottom: 5px;
}
body.index #mainInfomation dl.history dt:after {
	content: "：";
	padding-right: 0.5em;
}
body.index #mainInfomation a.support {
	clear: both;
	display: block;
	text-align: center;
}
body.index #mainInfomation a.support img {
	margin-top: 10px;
}
body.index #mainInfomation p.banner {
	clear: both;
	padding: 0;
	margin: 0 0 0px 13px;
	text-align: left;
}
body.index #mainInfomation p.banner a img {
	margin-bottom: 5px;
}
body.index #mainInfomation p.banner a:hover img {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	cursor: pointer;
}
/*------------------------------------------------------------
	MAIN CONTENTS
------------------------------------------------------------*/
#contentsContainer {
	overflow: visible;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#mainInfomation {
	position: relative;
	overflow: visible;
	width: 970px;
	margin-top: 160px;
	min-height: 500px;
	padding: 15px;
	color: #222222;
	background: url(/janis/shinennohitomi/items/shinennohitomi_background_mainContents.png) no-repeat 0 0;
}
#mainInfomation:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#mainInfomation hr {
	width: 940px;
	border-bottom: 1px solid #b20000;
	margin: 20px 15px;
}
/*------------------------------------------------------------
	STORY
------------------------------------------------------------*/
#mainInfomation h4.story {
	width: 500px;
	height: 0px;
	margin-top: -80px;
	margin-left: 230px;
	margin-bottom: 50px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_headline2@fs.png) no-repeat 0px 0px;
}
#mainInfomation #story {
	position: relative;
	width: 940px;
	height: 0px;
	margin: 0px 0 10px 20px;
	padding-top: 500px;
	overflow: hidden;
	line-height: 200%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_story.png) no-repeat 0px 0px;
	z-index: 1;
}
/*------------------------------------------------------------
	CHARACTER
------------------------------------------------------------*/
#mainInfomation h4.character {
	width: 500px;
	height: 0px;
	margin-top: -80px;
	margin-left: 230px;
	margin-bottom: 60px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_headline2@fs.png) no-repeat 0px -50px;
}
#mainInfomation div.characterDescription {
	position: relative;
	z-index: 10;
	float: left;
	width: 455px;
	height: 0px;
	margin: 0px 0px 18px 18px;
	padding-top: 360px;
	overflow: hidden;
	line-height: 200%;
	color: #000000;
	border: 1px solid #443233;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0 0 8px #443233;
	-webkit-box-shadow: 0 0 8px #443233;
	-moz-box-shadow: 0 0 8px #443233;
}
#mainInfomation #character02 {
	background: url(/janis/shinennohitomi/items/shinennohitomi_character02.jpg) no-repeat 0px 0px;
}
#mainInfomation #character03 {
	background: url(/janis/shinennohitomi/items/shinennohitomi_character03.jpg) no-repeat 0px 0px;
}
#mainInfomation #character04 {
	background: url(/janis/shinennohitomi/items/shinennohitomi_character04.jpg) no-repeat 0px 0px;
}
#mainInfomation #character05 {
	background: url(/janis/shinennohitomi/items/shinennohitomi_character05.jpg) no-repeat 0px 0px;
}
#mainInfomation #character06 {
	background: url(/janis/shinennohitomi/items/shinennohitomi_character06.jpg) no-repeat 0px 0px;
}
#mainInfomation #character07 {
	background: url(/janis/shinennohitomi/items/shinennohitomi_character07.jpg) no-repeat 0px 0px;
}

#mainInfomation #character01 {
	width: 932px;
	padding-top: 200px;
	background: url(/janis/shinennohitomi/items/shinennohitomi_character01b.png) no-repeat 0px 0px;
}
/*------------------------------------------------------------
	GALLERY
------------------------------------------------------------*/
#mainInfomation h4.gallery {
	width: 500px;
	height: 0px;
	margin-top: -80px;
	margin-left: 230px;
	margin-bottom: 60px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_headline2@fs.png) no-repeat 0px -100px;
}
#mainInfomation #gallery {
	position: relative;
	overflow: visible;
	width: 800px;
	height: 468px;
	margin: 20px 0 10px 85px;
	background: #1e0002 url(/common/nivo-slider/loading.gif) no-repeat 50% 50%;
	border: 2px solid #664c4d;
}
#mainInfomation #gallery > img {
	display: none;
}
#gallery div.nivo-slice {
	display: block;
	position: absolute;
	z-index: 1;
	height: 100%;
	margin-top: -478px;
}
#gallery div.nivo-controlNav {
	width: 820px;
	overflow: visible;
	margin-top: 478px;
	margin-left: -1px;
}
#gallery div.nivo-controlNav a img {
	float: left;
	margin: 0px 5px 6px 0;
	border: 2px solid #664c4d;
	z-index: 10;
}
#gallery div.nivo-controlNav a.active img {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)"; /* ie8 */
	border: 2px solid #780000;
}
#gallery div.nivo-controlNav a:hover img {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)"; /* ie8 */
	cursor: pointer;
}
/*------------------------------------------------------------
	MOVIE
------------------------------------------------------------*/
#mainInfomation h4.movie {
	width: 500px;
	height: 0px;
	margin-top: -80px;
	margin-left: 230px;
	margin-bottom: 60px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_headline2@fs.png) no-repeat 0px -150px;
}
#mainInfomation div.movieContents {
	margin: 10px 0 10px 83px;
}
#mainInfomation div.movieContents video,
#mainInfomation div.movieContents object {
	border: 1px solid #503c3d;
}
#mainInfomation div.movieDescription {
	position: relative;
	width: 804px;
	padding: 0 15px;
	margin-left: 65px;
	color: #ffffff;
}
#mainInfomation div.movieDescription h5 {
	width: 804px;
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 300%;
	margin-bottom: 20px;
}
#mainInfomation div.movieDescription h5.movieHeader {
	background: url(/janis/shinennohitomi/items/shinennohitomi_headline_demoMovie2.png) no-repeat 0px 0px;
}
#mainInfomation div.movieDescription span.dlButton a {
	position: absolute;
	bottom: 0px;
	right: 20px;
	display: block;
	width: 150px;
	height: 0px;
	margin-top: 20px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 300%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_button_downloadLink.png) no-repeat 0 0;
}
#mainInfomation div.movieDescription span.dlButton a:hover {
	background-position: 0 -40px;
}
#mainInfomation div.movieDescription dt {
	float: left;
	width: 6em;
	margin: 0 0 5px 50px;
	font-size: 0.92em;
}
#mainInfomation div.movieDescription dd {
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 0.92em;
}
#mainInfomation div.movieDescription dd:before {
	content: "：";
}
/*------------------------------------------------------------
	TRIAL
------------------------------------------------------------*/
#mainInfomation h4.trial {
	width: 500px;
	height: 0px;
	margin-top: -80px;
	margin-left: 230px;
	margin-bottom: 60px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_headline2@fs.png) no-repeat 0px -200px;
}
#mainInfomation div.trialContents {
	position: relative;
	width: 950px;
	padding: 0 10px;
	color: #ffffff;
}
#mainInfomation div.trialContents img {
	margin: 0 5px 10px 5px;
	border: 1px solid #ff7272;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#mainInfomation div.trialContents a:hover img {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	cursor: pointer;
}
#mainInfomation div.trialDescription {
	clear: both;
	position: relative;
	width: 940px;
	margin-top: 0px;
	margin-bottom: 30px;
	padding: 0 15px;
	color: #ffffff;
}
#mainInfomation div.trialDescription h5.trialHeader {
	width: 935px;
	height: 0px;
	padding-top: 50px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	line-height: 300%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_headline_trial.png) no-repeat 0px 0px;
}
#mainInfomation div.trialDescription span.dlButton a {
	position: absolute;
	top: 60px;
	right: 20px;
	display: block;
	width: 150px;
	height: 0px;
	margin-top: 20px;
	padding-top: 40px;
	overflow: hidden;
	line-height: 300%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_button_downloadLink.png) no-repeat 0 0;
}
#mainInfomation div.trialDescription span.dlButton a:hover {
	background-position: 0 -40px;
}
#mainInfomation div.trialDescription dl {
	position: absolute;
	top: 130px;
	right: 15px;
	width: 12.5em;
}
#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: 600px;
	height: 0px;
	padding-top: 35px;
	margin: 10px 0 5px 0 ;
	overflow: hidden;
	line-height: 300%;
}
#mainInfomation div.trialDescription h6.trialInstall {
	background: url(/janis/shinennohitomi/items/shinennohitomi_headline_trial_install.png) no-repeat 0px 0px;
}
#mainInfomation div.trialDescription h6.trialUninstall {
	background: url(/janis/shinennohitomi/items/shinennohitomi_headline_trial_uninstall.png) no-repeat 0px 0px;
}
#mainInfomation div.trialDescription p {
	padding: 5px 30px 5px 70px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainInfomation div.trialDescription p.trialCaption {
	font-size: 1.17em;
}
/*------------------------------------------------------------
	PRIVILEGE
------------------------------------------------------------*/
#mainInfomation h4.privilege {
	width: 500px;
	height: 0px;
	margin-top: -80px;
	margin-left: 230px;
	margin-bottom: 60px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_headline2@fs.png) no-repeat 0px -350px;
}
#mainInfomation p.privilege {
	margin: 10px 0 0 10px;
	text-align: center;
}
#mainInfomation p.privilege a:hover img {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	cursor: pointer;
}
#mainInfomation p.caution {
	margin: 0 0 0 30px;
	line-height: 2em;
	text-align: center;
	text-justify: auto;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 0 0 6px rgba(0,0,0,0.8);
}
#mainInfomation p.privilege img {
	margin: 0 5px 10px 5px;
}
/*------------------------------------------------------------
	DL PRODUCTS
------------------------------------------------------------*/
#mainInfomation h4.dlproducts {
	width: 500px;
	height: 0px;
	margin-top: -80px;
	margin-left: 230px;
	margin-bottom: 60px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 200%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_headline2@fs.png) no-repeat 0px -300px;
}
#mainInfomation h5.dlproducts {
	width: 935px;
	height: 0px;
	padding-top: 50px;
	margin-left: 15px;
	margin-bottom: 10px;
	overflow: hidden;
	line-height: 300%;
	background: url(/janis/shinennohitomi/items/shinennohitomi_headline_dlproducts@fs.png) no-repeat 0px 0px;
}

#mainInfomation div.bannerContainer {
	width: 890px;
	padding: 0 40px;
	overflow: visible;
	color: #ffffff;
}
#mainInfomation div.bannerContainer:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#mainInfomation div.bannerContainer div.div4Columns {
	float: left;
	width: 200px;
	margin: 10px 10px;
}
#mainInfomation div.bannerContainer div.div4Columns p {
	margin: 10px 0;
	padding: 0;
	text-align: center;
	color: #ffffff;
}
#mainInfomation div.bannerContainer p {
	margin: 0 0 10px 10px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainInfomation div.bannerContainer hr {
	border-width: 0;
	margin-bottom: 20px;
}
#mainInfomation div.bannerContainer p.small {
	text-shadow: 0px 0px 6px #000000;
}
/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
body.index #footer {
	width: 970px;
	padding: 15px;
	background: url(/janis/shinennohitomi/items/shinennohitomi_background_mainInfomation2.png) no-repeat 0 -1985px;
}
#footer {
	width: 970px;
	padding: 15px;
	background: url(/janis/shinennohitomi/items/shinennohitomi_background_mainContents.png) no-repeat 0 -1970px;
}
body.exApps #footer ul.footerMenu li.copyrightBrand a {
	margin: 0px 0 0 -20px;
}
body.index #footer ul.footerMenu li.copyrightBrand a {
	margin: -15px 0 0 -20px;
}