*{
	margin:0;
	padding:0;
	border:0;
font-family: "ＭＳ ゴシック",sans-serif;
}
body{
font-family:'arial';
position:relative;
overflow:scroll;
	background:#000;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: 90%;
  /* Set up positioning */
  position: fixed;
z-index:-999;
  /* またはabsolute; */
  top: 0;
  left: 0;
}
a:hover img{

}

#container {
  position: relative;
	height:100%; 
}

#hedar{
	background:#000;
	position: fixed;
	top:0px;left:0px;
	z-index: 1;
	width:100%;
	height:90px;
	padding:20px 0 0 40px;
	margin:0;
	border-bottom:1px solid #000;
}
#inhed{
	width:980px;
	margin:0 auto;
	position:relative;

}
/**--navi--**/
#dropmenu{
position:relative;
	top:-5px;left:-35px;
	z-index:10;
  list-style-type: none;
  width:967px;
  height:26px;
  margin:10px auto 0px auto;
  padding: 0;
  background:url(../date/nana.jpg);
  border-right: 1px solid #000;
}
#dropmenu ul{
  border: 2px solid #fff;
}	
#dropmenu li{
  position: relative;
  width:120px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;

}
#dropmenu li a{
  display: block;
  margin: 0;
  padding:6px 0 6px 0;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;
  text-decoration: none;
border-left:1px #000 solid;
}

#dropmenu li a:hover{
  background:#ed6044;
}

/**--naviend--**/



#iine{	position:fixed;
	top:14px;right:20px;
	z-index:5;
	padding: 0;
	margin:0;
}
#iine:hover{opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
#content{
	width:976px;
	height:2000px;
	margin:0 auto;
	color:#000;
	line-height:0.5em;
	font-family:Batang;
	font-size:16px;
	font-weight:lighter;
	line-height:2em;
	background:trensparent;
}

#right{
	width:750px;
	height:1900px;
	float:right;
	background:#fff;
	padding:26px 10px 10px 6px;
	margin:100px 0 0 0;

}
#right a img{
	border:3px #000 solid;
}
.doress{
	border:3px #000 solid;
	margin:0 0 -5px 0;
	padding:0;
}
#left{
	width:200px;
	height:1600px;
	float:left;
	background:url(../date/hed.png);
	padding:0;
	margin:0;
}
/**--------navi-----------------------**/
#navi {
	color: #FFF;
	padding:101px 0 0 0;
	width:180px;
	height:500px;
margin:25px 0 0 0;
}
#navi  ul{
	margin:1px 0 0 10px;
}
#navi li{
	font-size:22px;
	float:left;
	margin:0 0 2px 0;
	letter-spacing:0.08em;
	padding:0 10px 0 -10px;
	font-family:Batang;
	list-style:none;

}
#navi li a img{
	text-decoration:none;

	border:1px solid #f5f5f5;
	color:#fff;

}
#navi li a:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

.dont{
	text-shadow:10px 5px 10px #000;}
.dont a:hover{
	color:red;
}
.sita{
	position:absolute;
	top:28px;left:10px;
	font-size:10px;
	width:80px;
font-family:Ludica Sans Unicod;
	color:#ffdab9;
	text-align:right;
}
#navi  a:hover .dont{
	color:red;
text-shadow: -1px 0 1px #000,5px 2px 5px #000;
}
.listmark{
	position:absolute;
	top:-5px;left:-30px;
}
/**--------navi--end--**/
h1 {
	font-size:14px;
	color:#e83929;
	margin:-10px 0 0 -20px;
	padding:0 0 10px 0;
	font-weight:normal;

}
h2 {
	font-size:26px;
	margin:0;

	letter-spacing:0.1em;
	background:url(../date/eco.jpg)no-repeat;
	padding:0 0 10px 50px;
	background-size:34px 30px;

}
h2 a {
	color: #FFF;
	border-style:0;font-family:Batang;
	text-decoration:none; text-shadow: -1px 0 1px #FFF, 5px 2px 10px #000;  
}
h3{
	font-size:16px;
	margin:0 10px 5px 0;
	text-align:left;
	width:740px;
	color:#000;  
	font-weight:bold;

	padding:0 0 0 10px;
	background:url(../date/hhbg.jpg);
  
}
p{
	font-size:14px;
	line-height:1.5em;
	margin:0 0 10px 0;
}
#ssi{   position:fixed;
	bottom:0px;left:0px; 	z-index:0;
	width:100%;
	height:40px;
	background:#000;
	border-top:1px ridge gray;
font-family:Batang;
}
#copyright{
clear:both;
	text-align:right;
	margin:10px 10px 0 0;
letter-spacing: 0.1em;
	font-size:12px;
	color: gray;
	
}
#pageTop{

	position:fixed;
	bottom:70px;
	right:15px;
	text-decoration:none;


	}
#pageTop :hover {
	margin:0 0 30px 0;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}