/*-------------------------------------------------------------------------------*/
/*----- 標準指定 ----------------------------------------------------------------*/

/* 全スタイル初期化 */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}

body {
	background-image: url("../images/bg.jpg");
	background-repeat: no-repeat;
	background-color: #000;
}

a {
	color:#fff;
}

a:visited {
	color:#fff;
}

img {
	border: 0px;
}

h1,h2 {
	display: none;	
}

hr {
	display: none;	
}



div.panel {
	padding: 4px;
	color : #fff;
	font-size: 75%;
	border: 1px solid #555;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

div.panel span{
	display: block;
	width: 115px;
	line-height: 1.3;
}

div.panel span.user {
	font-size: 80%;
}

div.panel img{
	clear: both;
	margin-top: 2px;
	margin-bottom: 2px;
}



/* ----------------------------------------------------------------*/

/* 再現コントロール */
div#control-area {
	position: absolute;
	top: 550px;
	left: 520px;
	color: #fff;
	font-size: 80%;
}

div#control-area form{
	margin-left: 20px;
	float: left;
}

div#now {
	color: #fff;
	font-size: 160%;
	position: absolute;
	top: 545px;
	left: 850px;
}

div#designedby {
	color: #fff;
	font-size: 75%;
	position: absolute;
	top: 620px;
	left: 720px;
}

div#dialogarea {

	/* display: none; */
	position: absolute;
	top: 180px;
	left: 300px;
	width: 350px;
	height: 100px;
	background-color: #274F62;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
	z-index: 10000;
}

div#dialogtext {

	/* display: none; */
	position: absolute;
	top: 200px;
	left: 320px;
	width: 300px;
	height: 80px;
	color: #fff;
	z-index: 10001;
}

div#dialogtext a{
	color: #fff;
}

/* ----------------------------------------------------------------*/

div#hou-area {
	/* opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=30); */
}

div#fune-area {
	/* opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=30); */
}

div#hdai-area {
	/* opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=30); */
}

div#torii-area {
	/* opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=30); */
}



/* ----------------------------------------------------------------*/

div#mdai1 {
	position: absolute;
	top:400px;
	left: 700px;
}

div#mdai2 {
	position: absolute;
	top:320px;
	left: 550px;
}

div#myou1 {
	position: absolute;
	top:40px;
	left: 550px;
}

/* ----------------------------*/

div#hou1 {
	position: absolute;
	top: 30px;
	left: 690px;
}

div#hou2 {
	position: absolute;
	top: 30px;
	left: 820px;
}

div#hou3 {
	position: absolute;
	top: 215px;
	left: 690px;
}

div#hou4 {
	position: absolute;
	top: 215px;
	left: 820px;
}

/* ----------------------------*/

div#fune1 {
	position: absolute;
	top: 10px;
	left: 20px;
}

div#fune2 {
	position: absolute;
	top: 10px;
	left: 150px;
}

div#fune3 {
	position: absolute;
	top: 10px;
	left: 280px;
}

div#fune4 {
	position: absolute;
	top: 10px;
	left: 410px;
}

/* ----------------------------*/

div#hdai1 {
	position: absolute;
	top: 200px;
	left: 20px;
}

div#hdai2 {
	position: absolute;
	top: 200px;
	left: 150px;
}

div#hdai3 {
	position: absolute;
	top: 200px;
	left: 280px;
}

div#hdai4 {
	position: absolute;
	top: 200px;
	left: 410px;
}

/* ----------------------------*/

div#torii1 {
	position: absolute;
	top: 395px;
	left: 20px;
}

div#torii2 {
	position: absolute;
	top: 395px;
	left: 150px;
}

div#torii3 {
	position: absolute;
	top: 395px;
	left: 280px;
}

div#torii4 {
	position: absolute;
	top: 395px;
	left: 410px;
}