@charset "utf-8";
/* CSS Document */

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


div#container {
  position: relative; 

}
.contents{
	width:1000px;
	margin: 0 auto; 

	}
#header-area{
	width:960px;
	margin: 0 auto; 
		}
#header{
	width:960px;

	}
h1.logo{
	margin-top:5px;
	padding-bottom:5px;
	text-align: center;}
.navi_i{
	padding-bottom:5px;
	clear:both;
	}
#navi-area{
	height:50px;
     margin:0px;
	/* background-image:url(../images/navi_bg001.png);*/
	 background-repeat:repeat-x;
	margin-bottom:10px;
	}

.navi01 li{
	display: inline;
	}
#navi_i{
	margin-bottom: 5px;
}
.navi01{
	background:url(../images/navi_bg001.png) repeat-x;
	width:960px;
    margin-left:auto;
    margin-right:auto;
	clear:both;
}

#maine{
	margin: 0 auto; 
	width:960px;
	margin-bottom:20px;
	}
#box{
	width:960;
    height:300px;
	}
#info{
	width:460px;
    float:left;
	clear:both;
	}
.navi_i{
	width: 460px;
	float: left;
	clear: both;
	height:31px;
	}
p.info{font-size:14px;color:#FF0000;}
.youtube{
    width:480px;
	height:270px;
	float:right
	}

.bunner{
	clear: both;
	margin-bottom:10px;
		
	}
.line{
	 background-image:url(../images/footer_bg.png);
       height:3px;
}
#footer{
	font-size:small;
    margin:0px;
	text-align: center;
	clear:both;
	margin: 0 auto;
		}
p.footer{font-size:small;
	}