@charset"Shift_JIS";

/* CSS Document */

*{
  margin:0;
  padding:0;
  font-family:Osaka,Verdana,"‚l‚rPƒSƒVƒbƒN",Chicago,Sans-serif;
  font-size:12px;
  }

body{
	background:url(img/bg2.gif);
	height:100%;
}

#box1{
background-color:#FFFFFF;
width:800px;
margin:auto; 
background:url(img/bg4.gif);
} 
    
#box2{background-color:#39436a;
height:290px;
}
	  
#box3{margin:15px 61px;
width:677px;}

#box4{
margin:10px 0 10px 69px;
width:662px;
height:90px;
float:none;
}

#box5{
	margin:10px 15px;
	width:770px;
	height:490px;
}

#box6{
margin:15px 10px 15px 10px;
width:284px;
height:437px;
float:left;
}

#box7{
margin:15px 10px 15px 10px;
width:412px;
height:437px;
float:right;
}

#box8{
	background-color:#39436a;
	width:800px;
	height:50px;
	position: relative;
}

#box9{
background-color:#fff;
margin:0px;
width:500px;
height:500px;}




#g_navi{
        background:url(img/flow_bg.gif) no-repeat;
		height:374px;
		width:284px;
		overflow:hidden;
		}
		
#g_navi ul{
padding:0;
margin:0;
}
#g_navi li{
list-style-type:none;}

#g_navi li a{
height:57px;
display:block;
text-indent:-2000%;
overflow:hidden;}

/*--off--*/
#g_navi li.g_navi01 a{background:url(img/flow.gif) 284px 0px;
height:57px;}
#g_navi li.g_navi02 a{background:url(img/flow.gif) -284px -57px;
height:57px;}
#g_navi li.g_navi03 a{background:url(img/flow.gif) -284px -114px;
height:57px;}
#g_navi li.g_navi04 a{background:url(img/flow.gif) -284px -171px;
height:57px;}
#g_navi li.g_navi05 a{background:url(img/flow.gif) -284px -228px;
height:57px;}
#g_navi li.g_navi06 a{background:url(img/flow.gif) -284px -285px;
height:57px;}
#g_navi li.g_navi07 a{background:url(img/flow.gif) -284px -342px;
height:57px;}


/*--hover--*/
#g_navi li.g_navi01 a:hover{background:url(img/flow.gif) 0px -374px;
height:57px;}
#g_navi li.g_navi02 a:hover{background:url(img/flow.gif) -284px -431px;
height:57px;}
#g_navi li.g_navi03 a:hover{background:url(img/flow.gif) -284px -488px;
height:57px;}
#g_navi li.g_navi04 a:hover{background:url(img/flow.gif) -284px -545px;
height:57px;}
#g_navi li.g_navi05 a:hover{background:url(img/flow.gif) -284px -602px;
height:57px;}
#g_navi li.g_navi06 a:hover{background:url(img/flow.gif) -284px -659px;
height:57px;}
#g_navi li.g_navi07 a:hover{background:url(img/flow.gif) -284px -716px;
height:57px;}


/*--on--*/
#g_navi li.g_navi01_on a{background:url(img/flow.gif) 0px 347px;
height:32px;}
#g_navi li.g_navi02_on a{background:url(img/flow.gif) -284px -431px;
height:32px;}
#g_navi li.g_navi03_on a{background:url(img/flow.gif) -284px -488px;
height:32px;}
#g_navi li.g_navi04_on a{background:url(img/flow.gif) -284px -545px;
height:32px;}
#g_navi li.g_navi05_on a{background:url(img/flow.gif) -284px -602px;
height:32px;}
#g_navi li.g_navi06_on a{background:url(img/flow.gif) -284px -659px;
height:32px;}
#g_navi li.g_navi07_on a{background:url(img/flow.gif) -284px -716px;
height:32px;}

#link a{
      display:block;
      width:662px;
	  height:85px;
	  background:url(img/btn.gif);
	  text-indent:-2000px;
	  overflow:hidden;}
	  
#link a:hover{
background:url(img/btn.gif) 0px -85px;
}

.link7 a{color:#3d3d3d;
left:130px;
}
.link7 a:hover{
color:#99FFCC;
left:130px;
}