@charset "utf-8";
/*-------　リセット　-------*/
html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,
p,blockquote,table,th,tr,td,img,a
{
	margin:0;
	padding:0;
	border:0;
	font-size:15px;
	font-style:normal;
	text-decoration:none;
	border: none;
}
body {
	font: 16px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	color: #333333;
	height:100%;
	font-weight:normal;
	background-image: url(../img/bg/body_bg.gif);
	background-repeat: repeat-x;
}
.clearfix {
  display: inline-block;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*------- IE6 -------*/
* html body {
	font-size:100%; 
}
* html .clearfix {
  height: 1%;
}
/*------- IE7 -------*/
*:first-child+html body {
	font-size:100%;
}
.clearfix {
  display: block;
}

img{
	border: none;
}

/*-------　リンク　-------*/
a {
	text-decoration:none;
	color: #663300;
	outline: 0;
}
a:visited {
	color: #663333;
}
/*------- 左寄せ -------*/
.left{
	float:left;
}
/*------- 右寄せ -------*/
.right{
	float:right;
}
/*------- 中央ぞろえ -------*/
.center{
	clear:both;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*-------　ヘッダー-------*/
#gheader {
	width:820px;
	font-size: 110%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	height: 110px;
}
#head {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	width: 802px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #8CCC33;
	border-left-color: #8CCC33;
	border-bottom-width: 1px;
	border-bottom-color: #8CCC33;
	overflow: hidden;
}
/*------- グローバルリンク -------*/
#navi {
	display: none;
	clear: both;
	padding: 0px;
	margin: 0px;
}
#nav li {
	float: left;
	height: 36px;
	list-style:none;
	display: inline;
}

#nav li a {
	display: block;
	height: 36px;
	overflow:hidden;
	text-indent: -9999px;
	background: url(../img/common/menu.gif) no-repeat;
}

li#n01 a {
	width: 125px;
	background-position:0px -36px;
}
li#n02 a {
	width: 137px;
	background-position:-122px -36px;
}
li#n03 a {
	width: 135px;
	background-position:-256px -36px;
}
li#n04 a {
	width: 135px;
	background-position:-389px -36px;
}
li#n05 a {
	width: 135px;
	background-position:-522px -36px;
}
li#n06 a {
	width: 135px;
	background-position:-658px -36px;
}
li#n01 a:hover,
li.current a {
    background-position:0px 0px;
}
li#n02 a:hover {
	background-position:-122px 0px;
}
li#n03 a:hover {
	background-position:-256px 0px;
}
li#n04 a:hover {
	background-position:-389px 0px;
}
li#n05 a:hover {
	background-position:-522px 0px;
}
li#n06 a:hover {
    background-position:-658px 0px;
}
/*-------　コンテンツ　-------*/
#content {
	clear: both;
	width: 820px;
	margin:0 auto;
	text-align: left;
}
#content #fla {
	clear: both;
	float: left;
	width: 804px;
	padding-bottom: 10px;
	text-align: center;
	padding-top: 10px;
	margin: 0px;
	border-bottom: 1px solid #78AF2C;
}
#content    #mainbg {
	background: url(../img/common/uresuji.gif) no-repeat right top;
	float: left;
	position: relative;
	width: 827px;
	clear: both;
}
#content   .main {
	clear: both;
	float: left;
	width: 772px;
	border-right: 1px solid #78AF2C;
	border-left : 1px solid #78AF2C;
	margin: 0px;
	padding: 0px 15px 5px 15px;
}
#content     .main_left    {
	float: left;
	width: 508px;
	margin: 0px;
	padding: 0px;
}
#content     .main_right    {
	float: right;
	width: 241px;
	margin-top: 13px;
}
#content #main2bg {
	background-image: url(../img/common/osusume.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	width: 827px;
	clear: both;
}
/*------- フッター -------*/
#footer_bg {
	clear: both;
	width: 100%;
	background-image: url(../img/top/footer.gif);
	background-repeat: repeat-x;
	background-color: #8CCC33;
	float: left;
}
#footer {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	text-align: left;
	height: 100%;
	clear: both;
}
#footer_address  {
	float: left;
	background-image: url(../img/common/footer_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 45px;
	line-height: 1.2em;
}
#footer  #foot_navi {
	float: right;
	margin-bottom: 10px;
}
#footer  #foot_navi a {
	font-size: 80%;
}
#footer #copyright {
	float: right;
	width: 350px;
	text-align: right;
	background-image: url(../img/common/copyright.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-indent: -9999px;
	height: 15px;
	margin: 0px;
	padding: 0px;
}
#footer #copyright em {
	font-size: 100%;
	background-image: url(../img/common/copyright.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}
