/* base@CSS Document */

/*---------------------------------------------
 setting
---------------------------------------------*/
html, body {
  margin: 0;
  padding: 0;
  font-family: Arial, Meiryo, sans-serif;
  font-size: 0.91em;
  color: #333;
  line-height: 1.6em;
  background: #F2F2F2 url(../images/bg.png) repeat-x;
  width: 100%;
  height: 100%;
}

h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }

img { border-style: none; }

a { outline: 0; }

a {
  color: #0066CC;
  text-decoration: underline;
}
a:hover {
  color: #0099cc;
  text-decoration: underline;
}

p {
	padding: 0px 0px 20px 0px;
	margin: 0;
}


/*---------------------------------------------
 wrapper
---------------------------------------------*/
div#wrapper {
	width: 880px;	/* total:880px */
	margin: 0px auto;
}
#wrapper:after {	/* height set */
	content:"";
	display:block;
	clear:both;
}


/*---------------------------------------------
 header
---------------------------------------------*/
div#head {
	width: 850px;	/* total:880px */
	height: 65px;
	padding: 0px 15px;
	background: url(../images/head.png) no-repeat;
}
div#head h1 {
	font-size: small;
	text-indent: -9999em;
}
div#head div {
	padding-top: 11px;
}
div#head div a {
	text-indent: -9999em;
	display: block;
	width: 193px;
	height: 43px;
}


/*---------------------------------------------
 gnav
---------------------------------------------*/
div#gnav {
	padding: 0px;
	margin: 4px 0px 0px 0px;
	background: url(../images/gnav.png) no-repeat;
	height: 50px;
}
div#gnav ul {
	padding: 0px;
	margin: 0px;
}
div#gnav ul li {
	padding: 0px;
	margin: 0px;
	line-height: normal;
	list-style: none;
	float: left;
}
div#gnav ul li a {
	display: block;
	height: 50px;
	text-indent: -9999em;
}

div#gnav ul li#gnav01 a {
	width: 175px;
}
div#gnav ul li#gnav01 a:hover,
div#gnav ul li#gnav01.navicurrent a {
	background: url(../images/gnav_ov.png) no-repeat;
}

div#gnav ul li#gnav02 a {
	width: 175px;
}
div#gnav ul li#gnav02 a:hover,
div#gnav ul li#gnav02.navicurrent a {
	background: url(../images/gnav_ov.png) no-repeat -175px 0px;
}

div#gnav ul li#gnav03 a {
	width: 175px;
}
div#gnav ul li#gnav03 a:hover,
div#gnav ul li#gnav03.navicurrent a {
	background: url(../images/gnav_ov.png) no-repeat -350px 0px;
}

div#gnav ul li#gnav04 a {
	width: 175px;
}
div#gnav ul li#gnav04 a:hover,
div#gnav ul li#gnav04.navicurrent a {
	background: url(../images/gnav_ov.png) no-repeat -525px 0px;
}

div#gnav ul li#gnav05 a {
	width: 178px;
}
div#gnav ul li#gnav05 a:hover,
div#gnav ul li#gnav05.navicurrent a {
	background: url(../images/gnav_ov.png) no-repeat -700px 0px;
}


/*---------------------------------------------
 contents area
---------------------------------------------*/
div#contWrap {
	clear: both;
	width: 850px;	/* total:880px */
	padding: 0px 15px;
	background: #fff;
}
div#contWrap:after {	/* height set */
	content:"";
	display:block;
	clear:both;
}


div#contArea {
	padding: 25px 0px 50px 0px;
}
div#contArea:after {	/* height set */
	content:"";
	display:block;
	clear:both;
}



/*---------------------------------------------
 footer
---------------------------------------------*/
div#foot {
	clear: both;
	width: 100%;	/* total:100% */
	border-top: solid 4px #425B73;
}
div#footer {
	width: 850px;	/* total:850px */
	margin: 0px auto;
	height: 70px;
	background: url(../images/copyright.png) no-repeat right;
	text-indent: -9999em;
}