@charset "shift_jis";

body{
	margin:0;padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	text-align:center;
	}
	
a img{border:none;}


a{color:#ccc; text-decoration:none;}

a:hover{color:#f60;}

br.clear{clear:both;}

p{line-height:1.8;}


h1,h2,h3,h4,ul,li,p,dl,dt,dd{margin:0; padding:0;}

h1 a{
	text-indent:-9999px;
	display:block;
	height:120px;
	width:120px;
	background:url(../images/logo.gif) no-repeat;
	text-decoration:none;
	float:left;
	}
ul li{list-style:none;}
/*----------------------------------*/
/*-Wrapper---------------------------------------*/
#wrapper{
	text-align:left;
	width:950px;
	margin:0 auto;
	}
	
#header{
	height:300px;
	position:relative;
	}
/*---------------------------------------*/
#gnavi{
	width:200px;
	height:250px;
	margin-left:475px;
	float:left;
	}
/*---------------------------------------*/	

#gnavi ul{
	background:url(../images/topmenu.gif) no-repeat;
	height:240px;
	position:relative;
	}
#gnavi li{
	position:absolute;
	text-indent:-9999px;
	}

#gnavi li#gionloop{top:15px; height:45px;}
#gnavi li#kiyamachiloop{top:60px; height:45px;}
#gnavi li#marble{top:105px; height:45px;}
#gnavi li#seven{top:150px; height:45px;}


#gnavi li#gionloop a:hover{background: url(../images/topmenu.gif) no-repeat -200px -15px;}
#gnavi li#kiyamachiloop a:hover{background: url(../images/topmenu.gif) no-repeat -200px -60px;}
#gnavi li#marble a:hover{background: url(../images/topmenu.gif) no-repeat -200px -105px;}
#gnavi li#seven a:hover{background: url(../images/topmenu.gif) no-repeat -200px -150px;}

#gnavi li a{
	text-decoration:none;/*FIRẼoO*/
	outline: 0;
	display:block;
	width:200px;
	height:45px;
	}
/*---------------------------------------*/
#content{
	}
	


	


/*-Footer-----------------------------------*/
#footer{
	}
#footer p#copy{
	width:250px;
	float:left;
	text-indent:-9999px;
	height:40px;
	background:url(../images/copy.gif) no-repeat;
	}
	
#footer ul{
	width:449px;
	margin-top:10px;
	display:block;
	height:40px;
	float:right;
	text-align:right;
	}
#footer li{
	display:inline;
	padding-left:15px;
	}
#footer li.top{
	}
#footer li a{
	color:#000;
	}
#footer li a:hover{
	color:#666;
	}
/*---------------------------------------*/
/*---------------------------------------*/
address{
	}
	

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

/* Hack cleafix--------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix{display:inline-table;
	min-height:1px;@/* IE 7*/
}
/* IE \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*end IE */
/* END Hack cleafix--------------------------------*/
