@charset "utf-8";
/* CSS Document */

@import"contents.css";


body {
	width:100%;
	margin:0;
	color:#333;
	font-size:83%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.4;
	text-align:left;
	background: #FFFFCC;
}

h1,h2,h3,h4,h5,dl,dt,dd,p,address,em {
margin:0;
padding:0;
font-style:normal;
font-weight:normal;
font-size:1em;
}

ul,ol,li {
list-style:none;
margin:0;
padding:0;
}

img {
border: 0;
margin:0;
padding:0;
vertical-align:bottom;
line-height:0;
}

a:link {
	/*color: #716F64;*/
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	/*color: #F93;*/
}
a:hover {
	text-decoration: none;
	/*color: #F60;*/
}
a:active {
	text-decoration: none;
}


img.img_left {
float:left;
margin-right:1em;
margin-bottom:1em;
}
img.img_right {
float:right;
margin-left:1em;
margin-bottom:1em;
}
/*clearfix*/
.cl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.cl {
  min-height: 1px;
}

* html .cl {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*clearfix*/

.clear {
clear:both;
}
hr.end {
visibility:hidden;
clear:both;
}
hr {
border:1px #EFEFEF solid;
clear:both;
}


/*ul#g_navi {
padding-left:20px;
}*/
ul#g_navi li {
display: block;
margin: 0;
padding: 0;
text-indent: -9999px;
height: 40px;
width:90px;
float: left;
}
#g_navi li a {
display: block;
padding: 0;
height: 40px;
text-decoration: none;
outline-style: none;

}



ul#g_navi li#navi0 a { background-image: url(../images/navi0.gif);}
ul#g_navi li#navi1 a { background-image: url(../images/navi1.gif);}
ul#g_navi li#navi2 a { background-image: url(../images/navi2.gif);}
ul#g_navi li#navi3 a { background-image: url(../images/navi3.gif);}
ul#g_navi li#navi4 a { background-image: url(../images/navi4.gif);}
ul#g_navi li#navi5 a { background-image: url(../images/navi5.gif);}
ul#g_navi li#navi6 a { background-image: url(../images/navi6.gif);}
ul#g_navi li#navi7 a { background-image: url(../images/navi7.gif);}
ul#g_navi li#navi8 a { background-image: url(../images/navi8.gif);}
ul#g_navi li#navi9 a { background-image: url(../images/navi9.gif);}



ul#g_navi li#navi0 a:hover { background-image: url(../images/navi0_2.gif);}
ul#g_navi li#navi1 a:hover { background-image: url(../images/navi1_2.gif);}
ul#g_navi li#navi2 a:hover { background-image: url(../images/navi2_2.gif);}
ul#g_navi li#navi3 a:hover { background-image: url(../images/navi3_2.gif);}
ul#g_navi li#navi4 a:hover { background-image: url(../images/navi4_2.gif);}
ul#g_navi li#navi5 a:hover { background-image: url(../images/navi5_2.gif);}
ul#g_navi li#navi6 a:hover { background-image: url(../images/navi6_2.gif);}
ul#g_navi li#navi7 a:hover { background-image: url(../images/navi7_2.gif);}
ul#g_navi li#navi8 a:hover { background-image: url(../images/navi8_2.gif);}
ul#g_navi li#navi9 a:hover { background-image: url(../images/navi9_2.gif);}

ul#g_navi li#navi0 .current { background-image: url(../images/navi0_2.gif);}
ul#g_navi li#navi1 .current { background-image: url(../images/navi1_2.gif);}
ul#g_navi li#navi2 .current { background-image: url(../images/navi2_2.gif);}
ul#g_navi li#navi3 .current { background-image: url(../images/navi3_2.gif);}
ul#g_navi li#navi4 .current { background-image: url(../images/navi4_2.gif);}
ul#g_navi li#navi5 .current { background-image: url(../images/navi5_2.gif);}
ul#g_navi li#navi6 .current { background-image: url(../images/navi6_2.gif);}
ul#g_navi li#navi7 .current { background-image: url(../images/navi7_2.gif);}
ul#g_navi li#navi8 .current { background-image: url(../images/navi8_2.gif);}
ul#g_navi li#navi9 .current { background-image: url(../images/navi9_2.gif);}


#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	background-image: url(../images/bg_header.jpg);
	height: 210px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	padding-left: 20px;
}
#contents{
	background-image: url(../images/bg_wrapper.gif);
	background-repeat: repeat-y;
	clear: both;
	padding: 10px;
	}
#contents_in{
	width:878px;
	background-color: #FFF;
	border: 1px solid #F60;
	
}
#g_navi_area {
	margin: 0px;
	padding: 0px;
	width: 900px;

}
#contents_l {
	float: left;
	width: 680px;
	padding: 0px;
	margin: 10px;
	
}
#contents_r {
	float: right;
	width: 160px;
	margin-right: 10px;
	_margin-right: 5px;
}
#footer{
	clear: both;
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	height: 40px;
	text-align: center;
	padding-top: 20px;
}
