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

*{
	margin:0;
	padding:0;
	border:0;
}

body {
	background-color:#ffcc66;
	font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:150%;
}

#bg{
	z-index: -1;
	position:fixed;
 
}

h1 {
	font-size: 100%;
	margin-bottom: 30px;
}

h1 a {
	color: #FFF;
}

img {
	border:0;
}

.imgbnr{
	margin-right: 15px;
}
/* ------------------------------------
	Layout
------------------------------------ */
#contents {
	color: #FFF;
	padding: 10px;
	width: 1200px;
}

/* ------------------------------------
	Footer
------------------------------------ */
.Footer {
	position: absolute;
	width: 100%;
	left: 0px; 
	bottom: 15px;
}
.Footer .NaviLink {
	float: left;
	margi: 0px;
	padding: 10px 0 0 30px;
}
.Footer .Gnavi {
	float: left;
	width: 100%;
	padding:0;
	background-image: url(../imgs/navibg.png);
	background-repeat: repeat;
}


/* ------------------------------------
	NAVI
------------------------------------ */
#g_navi {
	height:36px;
	background:url(../imgs/navibg.png) repeat;
	margin:0;
	width:100%;
}
#g_navi ul {
	padding:0;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:36px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/* ------------------------------------
	navi off
------------------------------------ */

#g_navi li.g_navi01 a {
	background:url(../imgs/g_navi.png) no-repeat 0px 0px;
	width:80px;
}
#g_navi li.g_navi02 a {
	background:url(../imgs/g_navi.png) no-repeat -80px 0px;
	width:86px;
}
#g_navi li.g_navi03 a {
	background:url(../imgs/g_navi.png) no-repeat -166px 0px;
	width:47px;
}
#g_navi li.g_navi04 a {
	background:url(../imgs/g_navi.png) no-repeat -213px 0px;
	width:133px;
}
#g_navi li.g_navi05 a {
	background:url(../imgs/g_navi.png) no-repeat -346px 0px;
	width:71px;
}
#g_navi li.g_navi06 a {
	background:url(../imgs/g_navi.png) no-repeat -417px 0px;
	width:71px;
}
#g_navi li.g_navi07 a {
	background:url(../imgs/g_navi.png) no-repeat -488px 0px;
	width:64px;
}
#g_navi li.g_navi08 a {
	background:url(../imgs/g_navicopy.png) no-repeat 0px 0px;
	width:310px;
	float: right;
}

/* ------------------------------------
	navi on
------------------------------------ */

#g_navi li.g_navi01 a:hover {
	background:url(../imgs/g_navi.png) no-repeat 0px -36px;
	width:80px;
}
#g_navi li.g_navi02 a:hover {
	background:url(../imgs/g_navi.png) no-repeat -80px -36px;
	width:86px;
}
#g_navi li.g_navi03 a:hover {
	background:url(../imgs/g_navi.png) no-repeat -166px -36px;
	width:47px;
}
#g_navi li.g_navi04 a:hover {
	background:url(../imgs/g_navi.png) no-repeat -213px -36px;
	width:133px;
}
#g_navi li.g_navi05 a:hover {
	background:url(../imgs/g_navi.png) no-repeat -346px -36px;
	width:71px;
}
#g_navi li.g_navi06 a:hover {
	background:url(../imgs/g_navi.png) no-repeat -417px -36px;
	width:71px;
}
#g_navi li.g_navi07 a:hover {
	background:url(../imgs/g_navi.png) no-repeat -488px -36px;
	width:64px;
}
#g_navi li.g_navi08 a:hover {
	background:url(../imgs/g_navicopy.png) no-repeat 0px -36px;
	width:310px;
}
 
/* ------------------------------------
	information
------------------------------------ */
#Winfo {
	background: url(../imgs/blank.gif) no-repeat right bottom;
	position: absolute;
	height: 260px;
	width: 450px;
	bottom: 115px;
	right: 30px;
}

 
/* ------------------------------------
	youtube
------------------------------------ */
#Wyoutube {
	background: url(../imgs/blank.gif) no-repeat left bottom;
	position: absolute;
	height: 92px;
	width: 200px;
	bottom: 120px;
	left: 50px;
}

#Wyoutube2 {
	background: url(../imgs/blank.gif) no-repeat left bottom;
	position: absolute;
	height: 92px;
	width: 200px;
	bottom: 240px;
	left: 50px;
}

.youtube {
	color: #000;
	padding: 10px;
	margin: 10px;
}