@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 楷書MCBK1 または Kaisho MCBK1
}

body#init {
	background: url(../images/s2-bg.jpg) repeat;
}

#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -50px;
}

.alternative {
	display: none;
}

ul {
	list-style: none;
}

img {
	border: 0;
}

.obj {
	position: absolute;
	display: none;
}

.seen {
	height: 900px;
	position: relative;
}

#stage {
	display: none;
}

#seen-1 {
		z-index: 10000;
}

#seen-2 {
	z-index: 1000;
}

#seen-3 {
		z-index: 11000;
}

#seen-9 {
		z-index: 12000;
}

/* opening
-----------------------*/

#opning-bg {
	background: #131422 url(../images/s0-bg-rep.jpg) 0 0 repeat;
}

#opning-bg-2 {
	background: url(../images/s0-bg.jpg) 0 100% repeat-x;
}

#fude {
	left: 50%;
	bottom: 0;
	margin-left: -60px;
}

#yosora {
	position: fixed;
	height: 100%;
	left: 0;
	top: 0;
}

#nami {
	background: url(../images/s0-nami.png) 0 0 no-repeat;
	height: 100%;
	left: 0;
	top: 0;
}

#kumo-0 {
	left: -20px;
	top: 80px;
}

#kumo-1 {
	left: -40px;
	top: 565px;
}

#kumo-2 {
	left: inherit;
	right: -40px;
	top: 99px;
}

#sorakumo-0 {
	left: -800px;
	top: -200px;
}

#sorakumo-1 {
	right: -1200px;
	top: -700px;
}

#sorakumo-2 {
	left: -270px;
	bottom: -500px;
}

#sorakumo-3 {
	right: -372px;
	bottom: -550px;
}


#sorakumo-4 {
	left: 10px;
	bottom: 40px;
}

#sorakumo-5 {
	right: 60px;
	bottom: -20px;
}

#sorakumo-6 {
	left: 10px;
	top: 290px;
}

#sorakumo-7 {
	right: -280px;
	top: 300px;
}

#shadow {
	left: 0;
	top: 0;
	background: url(../images/shadow.png) 0 0 repeat-x;
}

.moyou {
	background: url(../images/moyo.png) 0 0 repeat;
}

#nami2 {
	left: 0;
	top: 0;
	background: url(../images/nami2.png) 0 0 no-repeat;
}

#gokou {
	left: 0;
	top: 0;
	background: url(../images/s1-goko.png) 50% 0 no-repeat;
}

#osho {
	left: 50%;
	bottom: 90px;
	margin-left: -227px;
}

#kanban {
	left: 50%;
	top: 65px;
	margin-left: 227px;
}

/* seen2
-----------------------*/

.moyou-bg {
	background: url(../images/s2-bg.jpg) repeat;
}

#kumokumo-0 {
	top: 0;
	left: 0;
}

#kumokumo-1 {
	top: 0;
	right: 0;
}

#kumokumo-2 {
	bottom: 5px;
	left: -140px;
}

#kumokumo-3 {
	bottom: 300px;
	left: -120px;
}

#yama {
	top: 550px;
	left: -20px;
	background: url(../images/s2-yama.gif) 0 0 no-repeat;
	width: 1429px;
	height: 713px;
}

#ame-0 {
	top: -1200px;
	left: 124px;
}

#ame-1 {
	top: -1200px;
	left: 220px;
}

#ame-2 {
	top: -1200px;
	left: 834px;
}

#ame-3 {
	top: -1200px;
	left: 124px;
}

#ame-4 {
	top: -1600px;
	left: 220px;
}

#ame-5 {
	top: -1600px;
	left: 834px;
}

#ame-6 {
	top: -1600px;
	left: 932px;
}

#seen-2-title {
	left: 50%;
	top: 50%;
	margin-left: -121px;
	margin-top: -323px;
}

#str {
	top: 50%;
	left: 50%;
	margin-left: -480px;
	margin-top: -94px;
	width: 960px;
	height: 188px;
	text-align: center;
}

#str img {
	position: relative;
}

#kaminari-0 {
	right: 400px;
	top: 0;
}

#kaminari-1 {
	right: 220px;
	top: 130px;
}

#kaminari-2 {
	left: 0;
	top: 0;
}

#kaminari-3 {
	left: 50%;
	top: 290px;
}

/* seen3
-----------------------*/

.unit-mamono {
	left: 50%;
	top: 50%;
	margin-top: -365px;
	margin-left: -600px;
	width: 1100px;
	height: 650px;
}

#mamono-0 {
	background: url(../images/s-3-mamono-0.png) 0 0 no-repeat;
}

#mamono-1 {
	background: url(../images/s-3-mamono-1.png) 0 0 no-repeat;
}

#mamono-2 {
	background: url(../images/s-3-mamono-2.png) 0 0 no-repeat;
}

#mamono-3 {
	background: url(../images/s-3-mamono-3.png) 0 0 no-repeat;
}

#mamono-4 {
	background: url(../images/s-3-mamono-4.png) 0 0 no-repeat;
}

.mamono-0 {
	left: 50px;
	top: 80px;
	width: 364px;
	height: 258px;
}

.mamono-1 {
	left: 400px;
	top: 0px;
	width: 402px;
	height: 281px;
}

.mamono-2 {
	right: -70px;
	top: 120px;
	width: 393px;
	height: 261px;
}

.mamono-3 {
	left: 100px;
	bottom: -20px;
	width: 387px;
	height: 265px;
}

.mamono-4 {
	right: 0;
	bottom: -40px;
	width: 395px;
	height: 268px;
}

.maru {
	width: 0;
	height: 0;
}

#maru-0 {
	left: 24px;
	top: 165px;
}

#maru-1 {
	left: 527px;
	top: 31px;
}

#maru-2 {
	right: -96px;
	top: 162px;
}

#maru-3 {
	left: 118px;
	bottom: -20px;
}

#maru-4 {
	right:-31px;
	bottom: -40px;
}

.mamono .gg {
	position: absolute;
	bottom: -20px;
	left: 20px;
	background: url(../images/gage-bg.png) 0 0 no-repeat;
	width: 302px;
	height: 71px;
}

.mamono .gg .value {
	position: absolute;
	left: 71px;
	top: 31px;
	background: url(../images/gage.gif) 0 0 no-repeat;
	width: 219px;
	height: 19px;
}

#mamono-0 .gg {
	bottom: 0;
	left: 20px;
}

#mamono-1 .gg {
	bottom: -35px;
	left: 70px;
}

#mamono-2 .gg {
	bottom: -60px;
	left: 60px;
}

#mamono-3 .gg {
	bottom: -40px;
	left: 40px;
}

#mamono-4 .gg {
	bottom: -35px;
	left: 80px;
}

#mamono-0 .gg .value {
	width: 60px;
}

#mamono-1 .gg .value {
	width: 180px;
}

#mamono-2 .gg .value {
	width: 130px;
}

#mamono-3 .gg .value {
	width: 200px;
}

.mouse-evt {
	z-index: 10000;
	text-indent: -9999px;
}

#done {
	display: none;
	background: url(../images/done.png) 0 0 no-repeat;
	left: 0;
	top: 0;
}

.takamatsu {
	z-index: 10000;
}

#noscript {
	text-align:center;
	margin-top: 100px;
	font-weight: bold;
}

#upper {
	background: url(../images/upper-565.png) 0 0 no-repeat;
	width: 358px;
	height: 565px;
	right: -250px;
	top: 80px;
}

#jump {
	background: url(../images/jump-292.png) 0 0 no-repeat;
	width: 446px;
	height: 292px;
	left: -68px;
	top: 50px;
}

#straight {
	background: url(../images/straight-431.png) 0 0 no-repeat;
	width: 390px;
	height: 431px;
	left: 60px;
	bottom: -120px;
}

#houki {
	background: url(../images/houki-539.png) 0 0 no-repeat;
	width: 372px;
	height: 539px;
	left: 320px;
	top: 0px;
}

#kick {
	background: url(../images/kick-480.png) 0 0 no-repeat;
	width: 430px;
	height: 480px;
	right: -20px;
	bottom: -200px;
}

#chakuchi {
	left: 50%;
	top: -900px;
	background: url(../images/chakuchi-758.png) 0 0 no-repeat;
	width: 396px;
	height: 758px;
	margin-top: -416px;
}

#tachisugata {
	left: 50%;
	top: 50%;
	background: url(../images/osho-624.png) 0 0 no-repeat;
	margin-top: -300px;
	margin-left: -310px;
	width: 324px;
	height: 624px;
}

.click {
	display: none;
	margin-top: -10px;
	z-index: 100000;
}

.clickp {
	display: block;
	margin-top: -10px;
	display: none;
	z-index: 100000;
}


#click-nav,
.click {
	right: 0;
	top: 50%;
	outline: none;
	/*right: 50px;
	bottom: 85px;*/
}

#prev-click-nav,
.clickp {
	left: 0;
	top: 50%;
	outline: none;
	/*right: 50px;
	bottom: 140px;*/
}


#unit-click-nav {
	position: absolute;
	left: 0;
	top: 0;
}

#click-nav {
	background: url(../images/tr.png);
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	position: absolute;
	margin-top: -10px;
	z-index: 1000000;
	width: 112px;
	height: 50px;
}

#prev-click-nav {
	background: url(../images/tr.png);
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	position: absolute;
	margin-top: -10px;
	z-index: 1000000;
	width: 112px;
	height: 50px;
}

#copy {
	position: absolute;
	display: none;
	font-style: normal;
	font-size: 12px;
	text-align: center;
	z-index: 100000;
	top: 721px;
}

#copy a,
#copy {
	color: #463333;
}

/* seen3
-----------------------*/

#seen-4-bg {
	background: #FFF url(../images/s1-goko.png) 50% 50% no-repeat;
}

#kumokumokumo-0 {
	left: -90px;
	top: -50px;
}

#kumokumokumo-1 {
	right: -90px;
	top: -70px;
}


#kumokumokumo-2 {
	left: -150px;
	bottom: -50px;
}


#kumokumokumo-3 {
	right: -80px;
	bottom: -30px;
}

#hinomaru {
	left: 50%;
	top: 50%;
	margin-top: -257px;
	margin-left: -257px;
}

#nashi {
	left: 50%;
	top: 50%;
	margin-top: -325px;
	margin-left: -60px;
}

#kamae-0 {
	left: 50%;
	top: 50%;
	margin-top: -204px;
	margin-left: -546px;
}

#kamae-1 {
	left: 50%;
	top: 50%;
	margin-top: -246px;
	margin-left: 75px;
}

/* seen5
-----------------------*/
#i-title {
	left: 50%;
	top: 80px;
	margin-left: -90px;
}

#i-osho {
	left: 50%;
	bottom: 0;
	margin-left: 150px;
}

#shiraishi {
	background: url(../images/shiraishi-i.png) 0 0 no-repeat;
	width: 490px;
	height: 455px;
	margin-left: -500px;
	left: 50%;
	bottom: -10px;
}

.kaisou {
	left: 50%;
	top: 20px;
	margin-left: -380px;
}

.kaisou p {
	line-height: 1.5;
	font-size: 24px;
}

#kaisou-0 p {
	width: 410px;
	top: 46px;
	left: 373px;
}

#kaisou-1 p {
	width: 410px;
	top: 60px;
	left: 60px;
}

#kaisou-0 .int-0 img {
	left: -10px;
	top: 150px;
}

#kaisou-0 .int-1 img {
	left: 33px;
	top: 134px;
}

#kaisou-0 .int-2 img {
	left: 45px;
	top: 141px;
}

#kaisou-0 .int-3 img {
	left: 50px;
	top: 122px;
}

#kaisou-0 .int-4 img {
	left: 40px;
	top: 159px;
}

#kaisou-0 .int-5 img {
	left: 100px;
	top: 145px;
}

#kaisou-1 .int-6 img {
	left: 500px;
	top: 70px;
}

#kaisou-1 .int-7 img {
	left: 500px;
	top: 136px;
}

#kaisou-1 .int-8 img {
	left: 500px;
	top: 120px;
}

#kaisou-1 .int-9 img {
	left: 522px;
	top: 200px;
}

#arundesu {
	left: 50%;
	bottom: 530px;
	margin-left: -284px;
}

.kumoon-0 {
	left: -300px;
	top: -50px;
}

.kumoon-1 {
	right: -300px;
	top: -70px;
}

.kumoon-2 {
	left: -150px;
	bottom: -50px;
}

.kumoon-3 {
	right: -80px;
	bottom: -30px;
}

/* seen6
-----------------------*/

#j-title {
	left: 50%;
	top: 60px;
	margin-left: -40px;
}

#j-takamatu {
	left: 50%;
	bottom: 200px;
	margin-left: -320px;
}

#ukabu {
	left: 50%;
	bottom: 600px;
	margin-left: -650px;
	width: 1300px;
	height: 596px;
}

#kintoun {
	left: 0;
	top: 450px;
}

#hiraku {
	left: 400px;
	top: 0;
	background: url(../images/hiraku.png) 0 0 no-repeat;
	width: 551px;
	height: 596px;
}

#shoryuken {
	left: 870px;
	top: -200px;
	background: url(../images/shoryuken.png) 0 0 no-repeat;
	width: 444px;
	height: 515px;
}

#jth {
	position: absolute;
	left: 44px;
	top: 122px;
	z-index: 100000;
	width: 456px;
	height: 118px;
}

#jth ul,
#jth ul li,
#jth ul li img {
	position: absolute;
	left: 0;
	top: 0;
}

#jth ul li {
	display: none;
}

#jth li a {
	display: none;
	position: absolute;
	left: 0;
	top: -5px;
	width: 456px;
	height: 118px;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	color: #FFF;
	padding-top:  85px;
	text-align: center;
	font-weight: bold;
}

#jth li a span {
	display: block;
	padding-top: 4px;
}

/* seen7
-----------------------*/

#o-title {
	left: 50%;
	top: 50px;
	margin-left: -50px;
}

.s7-o {
	left: 50%;
	top: 120px;
}

#s7-o-0 {
	margin-left: -530px;
}

#s7-o-1 {
	margin-left: -190px;
}

#s7-o-2 {
	margin-left: 140px;
}

/* seen8
-----------------------*/

#c-title {
	left: 50%;
	top: 50px;
	margin-left: -24px;
}

#kumosa-2 {
	left: -200px;
	bottom: -100px;
}

#kumosa-3 {
	top: 305px;
	right: -135px;
}

#yashiro {
	left: 50%;
	top: 10px;
	margin-left: -760px;
}

#input-text {
	left: 50%;
	top: 487px;
	margin-left: -234px;
	padding: 10px;
	width: 429px;
	height: 49px;
}

#input-text input {
	width: 429px;
	height: 49px;
	border: 0;
	background: #FFF;
	font-size: 30px;
}

#input-text label {
	position: absolute;
	left: 11px;
	top: 12px;;
	display: block;
	padding-top: 8px;
	width: 429px;
	height: 41px;
	font-size: 30px;
	color: #999;
}

#sindan {
	background: #FFF;
	left: 50%;
	top: 605px;
	margin-left: -114px;
	height: 72px;
}

#yoi {
	left: 50%;
	top: 110px;
	margin-left: -458px;
}

#yoiyoi {
	position: absolute;
	left: 50%;
	top:  50%;
	width: 0px;
	height : 0px;
	margin-left: 0;
	z-index:  100000;
}


/* ie page
-----------------------*/
html,
.ie {
	height: 100%;
}

#ie {
	display: none;
	background: url(../images/s2-bg.jpg);
}


#iepage h1 {
	background: url(../images/ie/title.gif) no-repeat;
	width: 298px;
	height: 91px;
	text-indent: -10000px;
	margin: 0 auto;
}

#iepage h2 {
	background: url(../images/ie/human.gif) no-repeat;
	width: 233px;
	height: 296px;
	text-indent: -10000px;
	float: left;
}

#iepage {
	padding-top: 20px;
}

#iepage ul {
	width: 896px;
	margin: 0 auto;
}

#iepage ul li {
	float: left;
	list-style: none;
}

#iepage p {
	width: 172px;
}

#iecopy {
	font-style: normal;
	font-size: 12px;
	text-align: center;
}

#iepage .call {
	width: 620px;
	margin: 0 auto;
	clear: both;
}

#iepage .call p {
	clear: both;
	padding-top: 60px;
	float: right;
	width: 379px;
}

.clearfix {
	overflow: hidden;
}
.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
}

.ie .tl {
	background: url(../images/ie/b_01.gif) no-repeat top left;
	width: 100%;
	height: 100%;
}

.ie .tr {
	background: url(../images/ie/b_02.gif) no-repeat top right;
	width: 100%;
	height: 100%;
}

.ie .bl {
	background: url(../images/ie/b_03.gif) no-repeat bottom left;
	width: 100%;
	height: 100%;
}

.ie .br {
	background: url(../images/ie/b_04.gif) no-repeat bottom right;
	width: 100%;
	height: 100%;
}

/* sp
-----------------------*/

html,
body.sp {
	height: 100%;
}


#sp h1 {
	background: url(../sp/images/titler.gif) no-repeat;
	width: 928px;
	height: 219px;
	text-indent: -10000px;
	margin: 0 auto;
}

#sp h2 {
	background: url(../sp/images/human.gif) no-repeat;
	width: 1192px;
	height: 588px;
	text-indent: -10000px;
	margin-top: 100px;
	}

#sp {
	padding-top: 60px;
}

#sp ul {
	width: 947px;
	margin: 0 auto;
}

#sp ul li {
	float: left;
	list-style: none;
}

#sp p {
	width: 172px;
}

#spcopy {
	background-color: #293145;
	font-style: normal;
	font-size: 50px;
	text-align: center;
	color: #F8ECDA;
	padding: 20px 0;
	margin-top: 100px;
	width: 100%;
}

#spcopy  a {
	color: #F8ECDA;
	}

#sp .call {
	width: 1092px;
	margin: 0 auto;
	clear: both;
}

#sp .call p {
	clear: both;
	width: 642px;
	margin: 0 auto;
}