@charset "utf-8";

/*--ページ全体--*/
html,body{
	height:100%;
}
body{
	background-color:#000000;
	width:100%;
	margin:0px;
	padding:0px;

}
h1,h2,p{
	margin:0px;
	padding:0px;
}

img{
	vertical-align: text-bottom;
}





/*--スタートアニメーション--*/

#start{
	width:100%;
	height:100%;
	margin:0px auto 0px auto;

	/*overflow:hidden;*/
}
#s_box{

	/*↓画面中央にセンタリングするcss*/
	overflow:auto;
	height:800px;
	width:500px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-400px;
	margin-left:-250px;

	/*width:470px;
	height:800px;
	border:1px solid #000000;
	color:#fff;
	margin:0px auto 0px auto;
	padding-top:15px;*/
}
#s_box_main{
	overflow:auto;
	height:705px;
	width:490px;
	position:absolute;
	top:48%;
	left:50%;
	margin-top:-375px;
	margin-left:-245px;
	/*border:1px solid #0000ff;*/
}

#moon{
	width:75px;
	height:64px;
	display: none;
	margin:129px 0px 0px 81px;
}


#bard{
	width:365px;
	height:134px;
	display: none;
	margin:279px 0px 0px 45px;
}
#sonota{
	width:218px;
	height:230px;
	display: none;
	margin:102px 0px 0px 177px;
}
#mainparts{
	width:470px;
	height:700px;
	display: none;
	margin:0px;
}

#skipbtn a{
	display:block;
	background-image:url(../images/com/skip.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-indent:-9999px;

	//overflow:auto;
        overflow:visible;
	height:25px;
	width:80px;
	position:absolute;
	top:90%;
	left:50%;
	margin-top:-12px;
	margin-left:-35px;

}




/*-------xxxxxxxxxxxxxxxxxxxxxxxxxx*/














#zentai{

	background-image:url(../images/com/back.png);
	background-repeat:repeat-xy;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;

	display:none;

}
#zentai2{

	background-image:url(../images/com/back.png);
	background-repeat:repeat-xy;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}





#box1{
	position:absolute;
	top:0px;
	left:0px;
	width:98%;
	height:100%;

	max-width:1254px;
	min-width:784px;
	max-height:1014px
	min-height:594px;

	background-image:url(../images/com/side_back.png);
	background-repeat:repeat-xy;

	/*position:relative;;*/

}



#box2{
	position:absolute;
	top:0px;
	left:0px;
	width:70%;
	max-width:878px;

	max-height:754px;
	/*max-height:783px;*/

	min-width:549px;
	min-height:484px;

	height:85%;
	/*height:90%;*/

	background-image:url(../images/com/back.png);
	background-repeat:repeat-xy;

}






#waku{

	/*overflow:auto;*/
	height:90%;
	width:90%;

	position:absolute;
	top:30px;
	left:34px;
/*
	margin-top:-30px;
	margin-left:-34px;
	max-width:815px;
	max-height:705px;
	min-width:489px;
	min-height:442px;
*/

}



#waku_top_left{
	position:absolute;
	top:0px;
	left:0px;
	width:60px;
	height:60px;

	background-image:url(../images/waku/waku1.png);
	background-repeat:no-repeat;

	z-index:4;
}

#waku_top{
	position:absolute;
	top:0px;
	left:60px;
	width:95%;
	height:60px;
	margin-left:-60px;
	background-image:url(../images/waku/waku2.png);
	background-repeat:repeat-x;

	z-index:3;
}

#waku_top_right{
	position:absolute;
	top:0px;
	left:100%;
	width:65px;
	height:60px;
	margin-left:-65px;

	background-image:url(../images/waku/waku3.png);
	background-repeat:no-repeat;

	z-index:4;
}


#waku_left{
	position:absolute;
	top:0px;
	left:0px;
	width:60px;
	height:95%;

	background-image:url(../images/waku/waku4.png);
	background-repeat:repeat-y;

	z-index:3;
}


#main{
	position:absolute;
/*
	top:55px;
	left:55px;
*/
	top:5px;
	left:5px;
	width:96%;
	height:96%;
	/*background-color:#ccffcc;*/
	z-index:2;
	background-image:url(../images/waku/waku.png);
	background-repeat:repeat-xy;
	/*background-size: 100% 100%;*/
/*
	position:relative;
*/
}


#waku_right{
	position:absolute;
	top:0px;
	left:100%;
	width:65px;
	height:91%;
	margin-left:-65px;

	background-image:url(../images/waku/waku5.png);
	background-repeat:repeat-y;

	z-index:3;
}

#waku_bottom_left{
	position:absolute;
	top:100%;
	left:0px;
	width:60px;
	height:65px;
	margin-top:-65px;

	background-image:url(../images/waku/waku6.png);
	background-repeat:no-repeat;

	z-index:4;
}

#waku_bottom{
	position:absolute;
	top:100%;
	left:65px;
	width:92%;
	height:65px;

	margin-left:-65px;
	margin-top:-65px;

	background-image:url(../images/waku/waku7.png);
	background-repeat:repeat-x;

	z-index:3;
}

#waku_bottom_right{
	position:absolute;
	top:100%;
	left:100%;
	width:65px;
	height:65px;
	margin-left:-65px;
	margin-top:-65px;

	background-image:url(../images/waku/waku8.png);
	background-repeat:no-repeat;

	z-index:4;
}








#content{
	height:90%;
	width:90%;
	position:absolute;
	top:5%;
	left:5%;
/*
	margin-top:-40%;
	margin-left:-45%;
*/
/*
	top:30px;
	left:30px;
	padding-left:15px;
	padding-right:10px;
*/

	/*background-color:#666;*/
	background-image:url(../images/waku/wakuimg.png);
	background-repeat:no-repeat;
	background-size: 70% 70%;
	background-position:center center;
}


#textarea{
	position:absolute;
/*
	top:10%;
	left:8%;
	margin-top:-37%;
	margin-left:-42.5%;
	background-color:#aaa;
	height:81%;
	width:85%;
*/

	top:7%;
	left:5%;
	height:87%;
	width:92%;

	color:#fff;

}

.content_text1{
	width:100%;
	margin-top:20px;

}
.content_text1 .sps1{
	width:20%;
}
.content_text1 .sps2{
	padding-left:20px;
}
.content_text1 .sps3{
	text-align:right;
	padding-right:5%;
}
.content_text1 td{
	border-bottom:dashed 1px #666666;
	padding:2px 0px 2px 0px;
}


/*
.content_text1 #content_map{
	background-color:#ffcccc;
	width:565px;
	height280px;
}*/

.content_text1 #map{
	height:90%;
	width:100%;
}
#content_map img{
	max-width:95%;
	height:100%;
}


.text_field1{
	/*width:580px;
	height:400px;
	padding:20px 0px 0px 0px;

	font-size:0.5em;
	line-height : 1;
	margin-bottom: 0.5em;
	float:left;*/

	width:100%;
	min-width:350px;
	margin-top:20px;
}



.text_field2{
	/*width:580px;
	height:80px;
	float:left;*/
	text-align:right;
	margin-top:20px;
}









#side_back{
	width:30%;
	height:85%;
	/*height:90%;*/

	/*background-color:#999;*/
	position:relative;
	top:0px;
	left:70%;

	max-height:754px;
	/*max-height:783px;*/

	min-height:484px;

	background-image:url(../images/com/side_back.png);
	background-repeat:repeat-xy;

}

#side{
	width:90%;
	height:100%;
	/*background-color:#ccc;*/
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-45%;
	text-align:center;

	max-width:338px;
	max-height:754px;
	min-width:212px;
	min-height:484px;
}


#side h1 img{
	margin:30px 0px 0px 0px;
	padding:0px;

	/*max-width:100%;
	height:auto;*/
	max-width:100%;
	height:100%;
}


#side #ulimg{
	display:block;
	list-style:none;
	margin:0px 0px 10px 0px ;
	padding:0px;
	position:relative;

	/*background-color:#999;*/
	height:50%;
}

/*
#side ul li{
	text-indent:-9999px;
}
*/


#side #ulimg img{
	max-width:100%;
	height:auto;
	margin-top:-5%;
}


#side .link1 a{
	display:block;
	/*background-color:#ccc;*/
	width:100%;
	height:21%;

	/*width:100%;
	height:100%;*/

	/*text-indent:-9999px;*/
	position:absolute;
	top:5%;
	left:0%;

}
#side .link1_1{
	display:block;
	/*background-color:#ccc;*/
	width:100%;
	height:21%;

	/*width:100%;
	height:100%;*/

	/*text-indent:-9999px;*/
	position:absolute;
	top:5%;
	left:0%;

}


#side .link2 a{
	display:block;
	/*background-color:#999;*/
	width:100%;
	height:21%;

	/*width:100%;
	height:100%;*/

	/*text-indent:-9999px;*/

	position:absolute;
	top:35%;
	left:0%;

}
#side .link2_1{
	display:block;
	/*background-color:#ccc;*/
	width:100%;
	height:21%;

	/*width:100%;
	height:100%;*/

	/*text-indent:-9999px;*/
	position:absolute;
	top:35%;
	left:0%;

}


#side .link3 a{
	display:block;
	/*background-color:#666;*/
	width:100%;
	height:21%;

	/*width:100%;
	height:100%;*/

	/*text-indent:-9999px;*/
	position:absolute;
	top:65%;
	left:0%;

}

#side .link3_1{
	display:block;
	/*background-color:#666;*/
	width:100%;
	height:21%;

	/*width:100%;
	height:100%;*/

	/*text-indent:-9999px;*/
	position:absolute;
	top:65%;
	left:0%;

}




#side #img_area1{
	/*background-color:#999;*/
	width:100%;
	height:auto;
/*	position:relative;
	top:7%;*/
}


#side #img_area1 img{
	border:3px solid #666666;
}



#side #img_area1 .img_left{
	/*position:absolute;
	left:5%;*/
	margin-right:10px;
	width:40%;
	height:auto;
}



#side #img_area1 .img_right{
	/*position:absolute;
	right:5%;*/
	margin-left:10px;
	width:40%;
	height:auto;
}














#foot{
	width:100%;
	height:15%;
	/*height:10%;*/

	/*position:absolute;
	background-color:#ff0000;
	opacity: 0.5;*/

	position:relative;
	top:0px;
	left:0px;
	max-height:140px;
	min-height:80px;


	background-image:url(../images/com/foot_back.png);
	background-repeat:repeat-xy;


}


#foot .f_box{
	width:100%;
	height:80%;
/*
	background-color:#fff666;
	opacity: 0.5;
*/
	position:absolute;
	top:50%;
	left:0%;
	margin-top:-3%;


/*	margin:0px;
	padding:0px;
*/
}
#foot p{
	margin:0px;
	padding:0px;
	color:#ffffff;
}

#foot .text{
	/*margin:14px 0px 0px 58px;
	float:left;
	background-color:#ccc;*/
	font-size:15px;
	position:absolute;
	top:50%;
	left:20px;
	height:30px;
	margin-top:-2%;
}
#foot .text2{
	/*margin:32px 0px 0px 10px;
	float:left;*/
	font-size:15px;
	height:15px;
	margin-top:-1%;
	position:absolute;
	top:50%;
	left:400px;
}
#foot .text1{
	/*float:right;
	margin-top:45px;*/
	font-size:14px;
	position:absolute;
	bottom:5px;
	right:5px;
}














/*--モニタサイズ共通--*/
#scroll {
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;

	/*background-color:#ccc;*/

}


#scroll .scrollbar {
	position:absolute;
	top:0;
	right:0;
	width:10px;
	/*height:500px;*/
	height:99%;
	z-index:1;

	/*background-color:#ffcccc;*/
}


#scroll .scrollbar .track {
	position:absolute;
	top:5px;
	left:0;

	width:10px;
	/*height:450px;*/
	height:100%;
	z-index:2;
}

#scroll .scrollbar .track .thumb {
	position:absolute;
	top:0;
	left:0;
	background:#404040;
	width:10px;
	z-index:3;
	cursor:pointer;
	font-size:10;
	line-height:0;
}

#scroll .scrollbar .up {
	position:absolute;
	top:0;
	left:0;
	width:10px;
	height:5px;

	background:#333333;

	z-index:2;
	cursor:pointer;
	font-size:0;
	line-height:0;
}

#scroll .scrollbar .down {
	position:absolute;
	/*top:460px;*/
	top:100%;
	left:0;
	width:10px;
	height:5px;

	background:#333333;

	z-index:2;
	cursor:pointer;
	font-size:0;
	line-height:0;
}

/*--/モニタサイズ共通--*/