@charset "utf-8";
/* ===================================================== */
/* ☆common css */  
/* ===================================================== */
html,body{
	text-align: left;
	height: 100%;
	background: #fff;
	color: #443930;
	line-height: 200%;
	font: small "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
/* link */
a:link, a:visited{
	color: #666;
	text-decoration:none;
}
a:hover{
	color: #999;
}

img{
	border: none;
}
/*float----------*/
.center{ display: block; margin: 0 auto; text-align: center;}
.floatright{ display: block; float: right;}
.floatleft{ display: block; float: left;}
.clearfloat{ display: block; clear: both;}

strong{
	color: #cc514a;
	font-weight: nomal;
}

/* ===================================================== */
/* container */  
/* ===================================================== */
div#container{
	width: 100%; height: 100%;
	position: relative;
	background: url("../img/material/bg.jpg") no-repeat bottom right;
}

/* ===================================================== */
/* contents */  
/* ===================================================== */
div#contents{
	width: 900px; height: 100%;
	padding: 50px;
}

/* ===================================================== */
/* subnavi */
/* ===================================================== */
div.subnavi{
	position: absolute;
	top: 10px; right: 30px;
}

div.subnavi h1{
	text-align: right;
	font-size: small;
	font-weight: normal;
}
div.subnavi ul li{
	display: inline;
	font-size: small;
}

/* ===================================================== */
/* index.html */  
/* ===================================================== */
h1#title{
	position: absolute;
	top: 20px; left: 30px;
}
/* imgnavi */
div#imgnavi{
	width: 100%; height: 100%;
	background: url("../img/material/imgmapbg.jpg") no-repeat bottom right;
}

div#imgnavi ul{
	width: 800px; height: 600px;
	position: absolute;
	bottom: 0px; right: 0px;
	list-style: none;
}

div#imgnavi ul li span{ display: none;}/* css off */

div#imgnavi ul li a{
	display: block;
	position: absolute;
	/*border: solid 1px #666;*/
}
/*li.harinezumi a{ width: 56px; height: 37px; bottom: 30px; right: 690px;}*/
li.tori a{ width: 70px; height: 84px; bottom: 115px; right: 640px;}
li.usagi a{ width: 77px; height: 90px; bottom: 35px; right: 560px;}
li.shika a{ width: 184px; height: 315px; bottom: 35px; right: 390px;}
/*li.kitsune a{	width: 170px; height: 106px; bottom: 25px; right: 200px;}*/
li.kuma a{ width: 330px; height: 246px; bottom: 30px; right: 0px;}
/*li.risu a{ width: 99px; height: 128px; bottom: 262px; right: 10px;}*/
li.aotori1 a{ width: 87px; height: 95px; bottom: 465px; right: 60px;}
/*li.aotori2 a{ width: 95px; height: 90px; bottom: 380px; right: 195px;}*/

/*ezhtml用*/
.ezlink{
	position: absolute;
	top: 2px; right: 10px;
	font-size: 80%;
}
/* ===================================================== */
/* info.html */  
/* ===================================================== */
div.info dl{
	width: 500px;
	margin-bottom: 30px;
}

div.info dl dt{
	font-weight: bold;
	border-bottom: dashed 1px;
}

div.info dl dd{
	padding-left: 10px;
}

div.itaku{
	width: 500px;
}

/* ===================================================== */
/* about.html */  
/* ===================================================== */

/* mixilink */  
.mixilink{ margin: 2px;}
a.mixilink:link { color: #fff; }
a.mixilink:visited { color: #fff; }
a.mixilink:active { color: #fff; }
a.mixilink:hover { color: #ffcc00; }


/* ===================================================== */
/* illust.html */  
/* ===================================================== */
.illust img{
	margin: 5px;
}
.illust h3{
	margin: 10px 5px;
}

/* ===================================================== */
/* bkm.html */  
/* ===================================================== */

/* ===================================================== */
/* mail.html */  
/* ===================================================== */
.formbody{
	width: 500px;
	padding: 10px;
	text-align: left;
	border: double 3px #ccc;
	font-size: medium;

}

.textfield{
	width: 200px;
}
.textfield label{
	display: block;
}

.radiofield{
	width: 200px;
	border: none;
}

.radiofield legend{
	display: inline;
}

.submitfield{
text-align: center;
margin: 0 auto;
}
.submitfield input{
margin: 0 5px;
}

/*確認画面*/
table.confirm{
	width: 500px;
	padding: 10px;
	text-align: left;
	border: double 3px #ccc;
	font-size: medium;
}
table.confirm th{
	border: solid 1px #ccc;
	width: 100px;
}

table.confirm td{
	border: solid 1px #ccc;
	width: 400px;
}