@charset "utf-8";

/*--------------------------------------------
 init
--------------------------------------------*/
body {
	margin: 0;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background-color: #FFF;
}
a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
}
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0; padding: 0;
}
img {
	vertical-align: bottom;
}

/* display, z-index
--------------------------------------------*/
#seiken-logo,
#seiken-triger,
#seiken-nav,
#seiken-bgm,
#seiken-banner,
#seiken-banner-manual,
#seiken-banner-savedata,
#seiken-pagetop,
#seiken-anniversary{
	display: none;
}
#seiken-content{z-index: 10;}
#seiken-overlay{z-index: 20;}
#seiken-loading{z-index: 30;}
#seiken-triger {z-index: 98;}
#seiken-nav	   {z-index: 99;}
#seiken-bgm	   {z-index: 80;}
#seiken-logo   {z-index: 100;}
#seiken-banner {z-index: 81;}
#seiken-banner-manual {z-index: 84;}
#seiken-banner-savedata {z-index: 85;}
#seiken-anniversary {z-index: 82;}
#seiken-pagetop{z-index: 83;}

#seiken-wrap {
	width: 100%; min-width: 980px;
	overflow: hidden;
	position: relative;
	color: #FFF;
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, YuGothic, 'Yu Gothic', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#seiken-content {
	width: 100%;
	position: relative;
}
/* #seiken-logo
--------------------------------------------*/
#seiken-logo {
	width: 480px; height: 180px;
	position: absolute; left: 0; top: 0;
}
#seiken-logo h1 {
	width: 480px; height: 180px;
}
#seiken-logo .close {
	position: absolute; left: 448px; top: 100px;
	display: none;
}
#seiken-logo .close img {
	opacity: 0;
}
/* #seiken-triger
--------------------------------------------*/
#seiken-triger {
	width: 260px; height: 210px;
	position: fixed; left: 0; top: 218px;
	cursor: pointer;
}
#seiken-triger div{
	width: 100%; height:100%;
	position: absolute; left: 0; top:0;
	background-image: url(../images/common/menu_btn.png);
	background-position: left top;
	background-size: 100% auto;
}
#seiken-triger div:hover {
	background-position: left bottom;
}
/* #seiken-nav
--------------------------------------------*/
#seiken-nav {
	width: 568px; height: 1110px;
	position: absolute; left: -568px; top: 0;
	background-image: url(../images/common/menu/bg.png);
	overflow: hidden;
}
#seiken-nav ul {
	width: 480px;
	padding-top: 190px;
}
#seiken-nav li {
	width : 480px; height: 80px;
	list-style: none;
	display: inherit;
	text-align: center;
	overflow: hidden;
}
#seiken-nav .movie {
	width : 480px; height: 350px;
	overflow: hidden;
}
#seiken-nav .movie a {
	cursor: pointer;
}
#seiken-nav .twitter {
	width : 304px; height: 90px;
	margin-left: 88px;
}
#seiken-nav .twitter a {
	width : 304px; height: 90px;
	background-image: url(../images/common/bnr_twitter.gif);
	display: block;
}
#seiken-nav .twitter a img {
	display: none;
}
#seiken-nav .twitter a:hover img {
	display: block;
}
#seiken-nav .close,
#seiken-logo .close {
	width: 56px; height: 56px;
	cursor: pointer;
}
#seiken-nav .close1 {
	position: absolute; right: 64px; top: 100px;
}
#seiken-nav .close2 {
	position: absolute; right: 64px; bottom: 64px;
}
/* #seiken-bgm
--------------------------------------------*/
#seiken-bgm {
	width: 400px; height: 70px;
	position: absolute; right: 0; top: 0;
	background-image: url(../images/common/bgm/bg.png);
}
#seiken-bgm .block {
	width: 400px; height: 70px;
}
#seiken-bgm ul {
	width: 120px; height: 70px;
	padding:0 128px 0 152px;
}
#seiken-bgm li {
	width: 24px; height: 36px;
	float: left;
	list-style: none;
	cursor: pointer;
}
#seiken-bgm .block {background-image: url(../images/common/bgm/navi_0.gif);}
#seiken-bgm.vol1 .block {background-image: url(../images/common/bgm/navi_1.gif);}
#seiken-bgm.vol2 .block {background-image: url(../images/common/bgm/navi_2.gif);}
#seiken-bgm.vol3 .block {background-image: url(../images/common/bgm/navi_3.gif);}
#seiken-bgm.vol4 .block {background-image: url(../images/common/bgm/navi_4.gif);}
#seiken-bgm.tb .block {background-image: url(../images/common/bgm/navi_tab.gif);}
#seiken-bgm.on0 ul {background-image: url(../images/common/bgm/on_0.gif); }
#seiken-bgm.on1 ul {background-image: url(../images/common/bgm/on_1.gif); }
#seiken-bgm.on2 ul {background-image: url(../images/common/bgm/on_2.gif); }
#seiken-bgm.on3 ul {background-image: url(../images/common/bgm/on_3.gif); }
#seiken-bgm.on4 ul {background-image: url(../images/common/bgm/on_4.gif); }

/* #seiken-banner
--------------------------------------------*/
#seiken-banner {
	width: 432px; height: 175px;
	position: absolute; right: 0; top: 70px;
}
#seiken-banner-manual {
	width: 432px; height: 70px;
	position: absolute; right: 0; top: 215px;
}
#seiken-banner-savedata {
	width: 432px; height: 60px;
	position: absolute; right: 0; top: 280px;
}
#seiken-banner-savedata a {
	opacity: 0.9;
}
#seiken-banner-savedata a:hover {
	opacity: 1;
}
#seiken-anniversary {
	position: absolute; left: 0; bottom: 0;
}
#seiken-pagetop {
	width: 120px; height: 120px;
	position: absolute; right: 0; bottom: 0;
	overflow: hidden;
}
#seiken-pagetop a {
	width: 120px; height: 120px;
	display: block;
}
#seiken-pagetop a:hover {
	background-image: url(../images/common/jumptop.png);
	background-position:left bottom;
}
#seiken-pagetop a:hover img {
	display: none;
}
#seiken-overlay {
	width: 100%; height: 100%;
	position: absolute; left: 0; top: 0;
	background-color: #FFF;
}
#seiken-loading {
	width: 100%; height: 100%;
	position: fixed; left: 0; top: 0;
	background-image: url(../images/common/loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 1500px) {
	/* #seiken-logo
	--------------------------------------------*/
	#seiken-logo,
	#seiken-logo h1{
		width: 384px; height: 144px;
	}
	#seiken-logo h1 img {
		width: 384px; height: auto;
	}
	#seiken-logo .close {
		left: 358px; top: 80px;
	}
	/* #seiken-nav
	--------------------------------------------*/
	#seiken-nav {
		width: 454px; height: 888px;
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	#seiken-nav img {
		width: 100%; height: auto;
	}
	#seiken-nav ul {
		width: 384px;
		padding-top: 152px;
	}
	#seiken-nav li {
		width: 384px; height: 64px;
	}
	#seiken-nav .movie {
		width : 384px; height: 280px;
		overflow: hidden;
	}
	#seiken-nav .twitter {
		width : 243px; height: 72px;
		margin-left: 71px;
	}
	#seiken-nav .twitter a {
		width : 243px; height: 72px;
		background-size: cover;
	}
	#seiken-nav .close,
	#seiken-logo .close {
		width: 44px; height: 44px;
	}
	#seiken-nav .close1 {
		right: 51px; top: 80px;
	}
	#seiken-nav .close2 {
		right: 51px; bottom: 51px;
	}
	#seiken-pagetop {
		zoom: 0.8;
		-ms-transform-origin: 100% 100%;
		-moz-transform-origin: 100% 100%;
		-ms-transform: scale(0.8);
		-moz-transform: scale(0.8);
	}
}
@media only screen and (max-width: 1500px) and (min-width: 1201px) {
	#seiken-triger {
		width: 182px; height: 147px;
		top: 182px;
		background-size: 100% auto;
		cursor: pointer;
	}
	#seiken-bgm {
		width: 360px; height: 63px;
		background-size: 100% auto;
	}
	#seiken-bgm .block {
		width: 360px; height: 63px;
		background-size: 100% auto;
	}
	#seiken-bgm ul {
		width: 110px; height: 63px;
		padding:0 115px 0 135px;
		background-size: 100% auto;
	}
	#seiken-bgm li {
		width: 22px; height: 33px;
	}
	#seiken-banner {
		width: 337px; height: 137px;
		top: 63px;
	}
	#seiken-banner-manual {
		width: 337px; height: 50px;
		top: 180px;
	}
	#seiken-banner-savedata {
		width: 337px; height: 47px;
		top: 230px;
	}
	#seiken-banner img,
	#seiken-banner-manual img,
	#seiken-banner-savedata img {
		width: 100%; height: auto;
	}
	#seiken-anniversary {
		width: 180px; height: auto;
	}
}
@media only screen and (max-width: 1200px) {
	#seiken-triger {
		width: 240px; height: 86px;
		top: 182px;
	}
	#seiken-triger div {
		background-image: url(../images/common/menu_btn2.png);
	}
	#seiken-bgm {
		width: 310px; height: 54px;
		background-size: 100% auto;
	}
	#seiken-bgm .block {
		width: 310px; height: 54px;
		background-size: 100% auto;
	}
	#seiken-bgm ul {
		width: 90px; height: 54px;
		padding:0 99px 0 121px;
		background-size: 100% auto;
	}
	#seiken-bgm li {
		width: 18px; height: 28px;
	}
	#seiken-banner {
		width: 344px; height: 92px;
		top: 54px;
	}
	#seiken-banner a {
		width: 344px; height: 92px;
		display: block;
		background-image: url(../images/common/bnr_sale2.png);
	}
	#seiken-banner a:hover {
		background-position: left bottom;
	}
	#seiken-banner a img {
		display: none;
	}
	#seiken-banner-manual {
		width: 344px; height: 70px;
		top: 127px;
	}
	#seiken-banner-manual a {
		width: 344px; height: 70px;
		display: block;
		background-image: url(../images/top/btn_manual2.png);
	}
	#seiken-banner-manual a:hover {
		background-position: left bottom;
	}
	#seiken-banner-manual a img {
		display: none;
	}
	#seiken-banner-savedata {
		width: 282px; height: 76px;
		top: 190px;
	}
	#seiken-banner-savedata a {
		width: 282px; height: 76px;
		display: block;
		background-image: url(../images/top/btn_savedata2.png);
	}
	#seiken-banner-savedata a img {
		display: none;
	}
	#seiken-anniversary {
		width: 120px; height: auto;
	}
}

/*--------------------------------------------
 common
--------------------------------------------*/
.seiken-container {
	width: 1240px;
	margin: 0 auto;
}
.seiken-container img {
	display: block;
}
@media only screen and (max-width: 1500px) and (min-width: 1201px) {
	.seiken-container {
		width: 1116px;
	}
}
@media only screen and (max-width: 1200px) {
	.seiken-container {
		width: 961px;
		padding-top: 100px;
	}
}

/*--------------------------------------------
 index
--------------------------------------------*/
.seiken-index .bg1 img {
	width: 100%; height: auto;
}
.seiken-index .bg2 {
	width: 100%; height: 1430px;
	background-image: url(../images/top/bg2.jpg);
	background-position: top center;
	display: none;
}
@media only screen and (max-width: 1340px) and (min-width: 1201px) {
	.seiken-index .bg1 {
		width: 100%; height: 1474px;
		background-image: url(../images/top/bg.jpg);
		background-position: center top;
		background-size: 1340px auto;
	}
	.seiken-index .bg1 img {
		display: none;
	}
}
@media only screen and (max-width: 1200px) {
	.seiken-index .bg1 {
		display: none;
	}
	.seiken-index .bg2 {
		display: block;
	}
}

/*--------------------------------------------
 seiken-about
--------------------------------------------*/
.seiken-about {
	width: 1240px;
	position: absolute; left: 50%; top:0;
	margin-left: -620px;
	display: none;
}
.seiken-about .block {
	position: relative;
}
.seiken-about .bnr {
	width: 520px; height: 190px;
	position: absolute; right: 360px; top: 0;
}
.seiken-about .close {
	width: 140px; height: 140px;
	position: absolute; right: 0; bottom: 0;
	overflow: hidden;
	cursor: pointer;
}
@media only screen and (max-width: 1500px) and (min-width: 1201px) {
	.seiken-about {
		width: 1116px;
		margin-left: -558px;
	}
	.seiken-about img {
		width: 100%; height: auto;
	}
	.seiken-about .bnr {
		width: 468px; height: 171px;
		right: 324px;
	}
	.seiken-about .close {
		width: 126px; height: 126px;
	}
}
@media only screen and (max-width: 1200px) {
	.seiken-about {
		width: 961px;
		top: 100px;
		margin-left: -480px;
	}
	.seiken-about img {
		width: 100%; height: auto;
	}
	.seiken-about .bnr {
		width: 403px; height: 147px;
		right: 279px;
	}
	.seiken-about .close {
		width: 108px; height: 108px;
	}
}
/*--------------------------------------------
 seiken1
--------------------------------------------*/
.seiken1 {
	background-image: url(../images/seiken1/bg.gif);
	background-position: center top;
	background-size: 100% auto;
}
.seiken1 .seiken-container img.w100,
.seiken1 .seiken-container .block img {
	width: 100%;
}
.seiken1 h2,
.seiken1 h3,
.seiken1 h4,
.seiken1 .block {
	position: relative;
}
.seiken1 .block .box {
	width: 928px; height: 100%;
	position: absolute; left: 180px; top:0;
	overflow: hidden;
}
.seiken1 .block .box img {
	width: 880px; height: auto;
}
.seiken1 .sliderArea .bx-prev,
.seiken1 .sliderArea .bx-next {
	top: 120px;
}
.seiken1 .dotchara01 {position: absolute; left: 118px; top: 180px;}
.seiken1 .dotchara02 {position: absolute; left: 140px; bottom: 75px;}
.seiken1 .dotchara03 {position: absolute; left: 311px; bottom: 43px;}
.seiken1 .dotchara04 {position: absolute; right: 286px; top: 140px;}
.seiken1 .dotchara05 {position: absolute; right: 136px; top: 210px;}
.seiken1 .dotchara06 {position: absolute; right: 200px; bottom: 184px;}
.seiken1 .dotchara07 {position: absolute; right: 300px; bottom: 101px;}
.seiken1 .dotchara08 {position: absolute; right: 142px; bottom: 10px;}
.seiken1 .dotchara09 {position: absolute; left: 93px; top: 6px;}
.seiken1 .dotchara10 {position: absolute; right: 116px; top: 38px;}
.seiken1 .dotchara11 {position: absolute; right: 106px; bottom: 12px;}
.seiken1 .dotchara12 {position: absolute; left: 153px; top: 66px;}
.seiken1 .dotchara13 {position: absolute; right: 370px; top: -36px;}
.seiken1 .dotchara14 {position: absolute; right: 144px; top: 58px;}

@media only screen and (max-width: 1500px) {
	.seiken1 .dotchara01 {width: 20.65%; position: absolute; left: 9.52%; top: 30.66%;}
	.seiken1 .dotchara02 {width: 5.08%; position: absolute; left: 11.3%; bottom: 12.78%;}
	.seiken1 .dotchara03 {width: 5.08%; position: absolute; left: 25.08%; bottom: 7.33%;}
	.seiken1 .dotchara04 {width: 5.08%; position: absolute; right: 23.06%; top: 23.85%;}
	.seiken1 .dotchara05 {width: 5.08%; position: absolute; right: 10.97%; top: 35.78%;}
	.seiken1 .dotchara06 {width: 5.08%; position: absolute; right: 16.13%; bottom: 31.35%;}
	.seiken1 .dotchara07 {width: 5.08%; position: absolute; right: 24.19%; bottom: 17.21%;}
	.seiken1 .dotchara08 {width: 5.08%; position: absolute; right: 11.45%; bottom: 1.7%;}
	.seiken1 .dotchara09 {width: 5.08%; position: absolute; left: 7.5%; top: 1.49%;}
	.seiken1 .dotchara10 {width: 5.08%; position: absolute; right: 9.35%; top: 9.43%;}
	.seiken1 .dotchara11 {width: 5.08%; position: absolute; right: 8.55%; bottom: 2.98%;}
	.seiken1 .dotchara12 {width: 5.08%; position: absolute; left: 12.34%; top: 16.75%;}
	.seiken1 .dotchara13 {width: 5.08%; position: absolute; right: 30%; top: -9.14%;}
	.seiken1 .dotchara14 {width: 5.08%; position: absolute; right: 11.61%; top: 14.72%;}
}

/* scroller
--------------------------------------------*/
.jspContainer{
	overflow: hidden;
	position: relative;
}
.jspPane{
	position: absolute;
}
.jspVerticalBar{
	position: absolute; top: 0; right: 0;
	width: 48px; height: 100%;
}
.jspCap {
	display: none;
}
.jspTrack {
	position: relative;
}
.jspDrag{
	position: relative; top: 0; left: 0;
	cursor: pointer;
	background-image: url(../images/seiken1/story_btn.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
@media only screen and (max-width: 1920px) and (min-width: 1501px) {
	.seiken1 {
		background-size: 1920px auto;
	}
}
@media only screen and (max-width: 1500px) and (min-width: 1201px) {
	.seiken1 {
		background-size: 1760px auto;
	}
	.seiken1 .block .box {
		width: 835px;
		left: 162px;
	}
	.seiken1 .block .box img {
		width: 792px;
	}
	.seiken1 .sliderArea .bx-prev,
	.seiken1 .sliderArea .bx-next {
		top: 108px;
	}
	.jspVerticalBar{
		width: 43px;
	}
}
@media only screen and (max-width: 1200px) {
	.seiken1 {
		background-size: 1600px auto;
	}
	.seiken1 .block .box {
		width: 719px;
		left: 140px;
	}
	.seiken1 .block .box img {
		width: 682px;
	}
	.seiken1 .sliderArea .bx-prev,
	.seiken1 .sliderArea .bx-next {
		top: 93px;
	}
	.jspVerticalBar{
		width: 37px;
	}
}
/*--------------------------------------------
 seiken2
--------------------------------------------*/
.seiken2 {
	background-image: url(../images/seiken2/bg.jpg);
	background-position: center top;
	background-size: 100% auto;
}
.seiken2 .seiken-container img {
	width: 100%;
}
@media only screen and (max-width: 1920px) and (min-width: 1501px) {
	.seiken2 {
		background-size: 1920px auto;
	}
}
@media only screen and (max-width: 1500px) and (min-width: 1201px) {
	.seiken2 {
		background-size: 1720px auto;
	}
}
@media only screen and (max-width: 1200px) {
	.seiken2 {
		background-size: 1580px auto;
	}
}

/*--------------------------------------------
 seiken3
--------------------------------------------*/
.seiken3 {
	background-image: url(../images/seiken3/bg.jpg);
	background-position: center top;
	background-size: 100% auto;
}
.seiken3 .seiken-container img {
	width: 100%;
}
@media only screen and (max-width: 1920px) and (min-width: 1501px) {
	.seiken3 {
		background-size: 1920px auto;
	}
}
@media only screen and (max-width: 1500px) and (min-width: 1201px) {
	.seiken3 {
		background-size: 1720px auto;
	}
}
@media only screen and (max-width: 1200px) {
	.seiken3 {
		background-size: 1580px auto;
	}
}

/*--------------------------------------------
 slider
--------------------------------------------*/
.sliderArea {
	position: relative;
}
.sliderArea .slider {
	width: 1008px;
	position: absolute; left: 50%; top: 0;
	margin-left: -504px;
}
.sliderArea .slider ul {
	width: 100%;
}
.sliderArea .slider li {
	width: 100%;
	display: table;
	float: left;
	list-style: none;
}
.sliderArea .item {
	width: 33.33%;
	display: table-cell; vertical-align: top;
}
.sliderArea .bx-wrapper {
	margin: 0; padding: 0;
	position: relative;
	*zoom:1;
}
.sliderArea .bx-prev {
	width: 64px; height: 64px;
	position: absolute; left: -64px; top: 98px;
	display: block;
	font-size: 0;
	background-image: url(../images/common/slide_prev.png);
}
.sliderArea .bx-next {
	width: 64px; height: 64px;
	position: absolute; right: -64px; top: 98px;
	display: block;
	font-size: 0;
	background-image: url(../images/common/slide_next.png);
}
.sliderArea .bx-prev:hover,
.sliderArea .bx-next:hover {
	background-position: left bottom;
}
.sliderArea .bx-pager {
	width: 100%; height: 42px;
	position: absolute; left: 0; bottom: -42px;
	text-align: center;
	font-size: 0;
}
.sliderArea .bx-pager-item {
	width: 40px; height: 42px;
	overflow: hidden;
	display: inline-block; vertical-align: top;
}
.sliderArea .bx-pager-item a {
	width: 40px; height: 42px;
	display: block;
	background-image: url(../images/common/slide_navi.png);
}
.sliderArea .bx-pager-item a:hover{
	background-image: url(../images/common/slide_navi_on.png);
}
.sliderArea .bx-pager-item a.active  {
	background-image: url(../images/common/slide_navi_in.png);
}
.sliderArea.wht .bx-pager-item a {
	background-image: url(../images/common/slide_navi_wht.png);
}
.sliderArea.wht .bx-pager-item a:hover{
	background-image: url(../images/common/slide_navi_on_wht.png);
}
.sliderArea.wht .bx-pager-item a.active  {
	background-image: url(../images/common/slide_navi_in_wht.png);
}
@media only screen and (max-width: 1500px) and (min-width: 1201px) {
	.sliderArea .slider {
		width: 906px;
		margin-left: -453px;
	}
	.sliderArea .bx-prev {
		width: 58px; height: 58px;
		left: -58px; top: 88px;
		background-size: 100% auto;
	}
	.sliderArea .bx-next {
		width: 58px; height: 58px;
		right: -58px; top: 88px;
		background-size: 100% auto;
	}
	.sliderArea .bx-pager {
		height: 38px;
		bottom: -38px;
	}
	.sliderArea .bx-pager-item {
		width: 36px; height: 38px;
	}
	.sliderArea .bx-pager-item a {
		width: 36px; height: 38px;
		background-size: 100% auto;
	}
}
@media only screen and (max-width: 1200px) {
	.sliderArea .slider {
		width: 780px;
		margin-left: -390px;
	}
	.sliderArea .bx-prev {
		width: 50px; height: 50px;
		left: -50px; top: 76px;
		background-size: 100% auto;
	}
	.sliderArea .bx-next {
		width: 50px; height: 50px;
		right: -50px; top: 76px;
		background-size: 100% auto;
	}
	.sliderArea .bx-pager {
		height: 32px;
		bottom: -32px;
	}
	.sliderArea .bx-pager-item {
		width: 31px; height: 32px;
	}
	.sliderArea .bx-pager-item a {
		width: 31px; height: 32px;
		background-size: 100% auto;
	}
}

/*--------------------------------------------
 Colorbox Core Style:
--------------------------------------------*/
#colorbox, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999;}
#cboxOverlay{position:absolute; top:0; left:0; z-index:99999; overflow:hidden; background-color:#000;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{}

/* User Style: */
#colorbox{outline:0;}
#cboxContent{}
.cboxIframe{}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; display:none!important;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

#cboxClose {
	width:38px; height:19px;
	padding:0; margin:0;
	position:absolute; top:0px; right:0px;
	border:0;overflow:visible;
	background:url(../images/common/controls.png) no-repeat top center;
	text-indent:-9999px;
	display: none;
}
#cboxClose:active {outline:0;}
#cboxClose:hover{background-position:bottom center;}

.openMovie #cboxClose {
	display: block;
}

/*--------------------------------------------
 jquery-custom-content-scroller 
--------------------------------------------*/
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ /* contains plugin's markup */
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}
.mCSB_container{ /* contains the original content */
	overflow: hidden;
	width: auto;
	height: auto;
}
.mCSB_inside > .mCSB_container{ margin-right: 7.5vw; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
	position: absolute;
	width: 48px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0; 
	height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
	width: 48px;
	height: 100%;
	margin: 0 auto;
}
.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
	cursor: pointer;
	width: 100%;
	height: 120px; /* minimum dragger height */
	z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}
/* THEMES 
----------------------------------------*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-image: url(../images/seiken1/story_btn.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	border-radius: 0;
}
@media only screen and (max-width: 1500px) and (min-width: 1201px) {
	.mCSB_scrollTools{
		width: 43px;
	}
	.mCSB_scrollTools .mCSB_draggerRail{
		width: 43px;
	}
	.mCSB_scrollTools .mCSB_dragger{
		height: 108px;
	}
}
@media only screen and (max-width: 1200px) {
	.mCSB_scrollTools{
		width: 37px;
	}
	.mCSB_scrollTools .mCSB_draggerRail{
		width: 37px;
	}
	.mCSB_scrollTools .mCSB_dragger{
		height: 93px;
	}
}

/*--------------------------------------------
 license
--------------------------------------------*/
.seiken-license {
	width: 100%;
	background-image: url(../images/second/bg.jpg);
	background-position: center top;
	background-size: 100% auto;
}
.seiken-license .block {
	width: 100%; max-width: 1360px;
	padding: 140px 0 96px 0;
	margin: 0 auto;
	position: relative;
}
.seiken-license .block h1 {
	width: 336px; height: 126px;
	position: absolute; right: 0; top: 0; z-index: 999;
}
.seiken-license .block h2 {
	width: 680px; height: 140px;
	position: absolute; left: 0; top: 0;
}
.seiken-license .box {
	margin: 0 30px; padding: 48px;
	border: #FFF 2px solid;
	background-color: rgba(80,53,10,0.85);
	box-shadow:0 3px 8px 3px rgba(0,0,0,0.4);
	font-size: 18px; line-height: 36px;
	font-family: Verdana, Arial, "sans-serif";
}
.seiken-license .pagetop {
	width: 96px; height: 96px;
	position: absolute; right: 0; bottom: 0;
	overflow: hidden;
}
.seiken-license .pagetop a {
	width: 96px; height: 96px;
	display: block;
}
.seiken-license .pagetop a:hover {
	background-image: url(../images/common/jumptop.png);
	background-position:left bottom;
	background-size: 100% auto;
}
.seiken-license .pagetop a:hover img {
	display: none;
}

/*--------------------------------------------
 savedata
--------------------------------------------*/
.seiken-savedata {
	width: 100%;
	background-image: url(../images/second/bg.jpg);
	background-position: center top;
	background-size: 100% auto;
}
.seiken-savedata .block {
	width: 100%; max-width: 1360px;
	padding: 140px 0 96px 0;
	margin: 0 auto;
	position: relative;
}
.seiken-savedata .block h1 {
	width: 336px; height: 126px;
	position: absolute; right: 0; top: 0; z-index: 999;
}
.seiken-savedata .block h2 {
	width: 680px; height: 140px;
	position: absolute; left: 0; top: 0;
}
.seiken-savedata .box {
	margin: 0 30px; padding: 48px;
	border: #FFF 2px solid;
	background-color: rgba(80,53,10,0.85);
	box-shadow:0 3px 8px 3px rgba(0,0,0,0.4);
}
.seiken-savedata .text1 {
	padding-bottom: 50px;
	font-size: 18px; line-height: 30px;
	text-shadow:0 1px 5px rgba(0,0,0,0.6);
}
.seiken-savedata .text2 {
	margin: 40px 0 30px 0; padding: 20px;
	font-size: 18px; line-height: 30px;
	text-shadow:0 1px 5px rgba(0,0,0,0.6);
	background-color: rgba(0,0,0,0.2);
	border: #FFF 1px solid;
}
.seiken-savedata .text2 dl {
	margin: 0; padding: 0;
}
.seiken-savedata .text2 dt {
	width:2em; clear:left; float:left;
	margin: 0; padding: 0;
}
.seiken-savedata .text2 dd {
	margin: 0 0 0 2em; padding: 0;
}
.seiken-savedata .ffdc50 {
	color: #ffdc50;
}
.seiken-savedata .ff6650 {
	color: #ff6650;
}
.seiken-savedata .btn {
	width: 420px;
	margin: 0 auto;
}
.seiken-savedata .btn a {
	opacity: 0.8;
}
.seiken-savedata .btn a:hover {
	opacity: 1;
}
.seiken-savedata .pagetop {
	width: 96px; height: 96px;
	position: absolute; right: 0; bottom: 0;
	overflow: hidden;
}
.seiken-savedata .pagetop a {
	width: 96px; height: 96px;
	display: block;
}
.seiken-savedata .pagetop a:hover {
	background-image: url(../images/common/jumptop.png);
	background-position:left bottom;
	background-size: 100% auto;
}
.seiken-savedata .pagetop a:hover img {
	display: none;
}