@charset "utf-8";

* {
	margin: 0;
	padding: 0;

}
body {
	color:#696969;
	letter-spacing: 0.09em;
	font: 62.5%/1.5 Arial, Helvetica, Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "CI", Meiryo, "lr oSVbN", sans-serif;
}
*html body {
	letter-spacing: 0.1em;
}


h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
}
*html p,*html ul li,*html dt,*html dd,*html label {
	font-size: 0.95em;
}
*+html p,*+html ul li,*+html dt,*+html dd,*html label{
	font-size: 0.95em;
}


ul li {
	list-style-type:none;
}
img {
	vertical-align: bottom;
	}
a img { border:0; }

a {
	color:#555555;
}
a:link {
	text-decoration:none;
}
a:visited {
   text-decoration:none;
}
a:hover {
	color:#84c1e3;
}
a:active {
   color:#84c1e3;
}
table{
   width:100%;
   border-collapse: collapse;
   border-spacing:0px;
   margin:1.5em 0;
}
table th, table td{
	padding:0.5em;
	margin: 0;
	}

.hidden {
   display: none;
   visibility: hidden;
}
.alignright {
   float: right;
}
.alignleft {
   float: left;
}
.clear {
   clear: both;
}

.hidden {
	display: none;
	}


/*-----------------------clearfix*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 .clearfix {
 	display: inline-block;
} /* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} /* End hide from IE-mac */

#wrap {
	
	background:  url(../images/base/header_bk.gif) top repeat-x;
}
#header {
	position: relative;
	width: 835px;
	height: 180px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-left: 25px;
	background: url(../images/base/gloabalnavi_bk.gif) no-repeat;
}
#logo {
	float: left;
	height: 107px;
	width: 500px;
}
#header p {
	color: #fff;
	font-size: 10px;
	text-align: left;
	line-height: 170%;
	height: 35px;
	padding-top: 15px;
}
#wrap #header h1 {
	display: inline;/*IE6*/
	font-size: 10px;
	text-align: left;
	width: 350px;
	height: 45px;
}
#header h1 a {
	display: block;
	width: 350px;
	height: 45px;
	text-align: left;
	margin-bottom: 12px;
	text-indent: -900px;
	overflow: hidden;
	background: url(../images/base/h1.gif) no-repeat;
}
.index {
	position: absolute;
	display: block;
	text-indent: -900px;
	overflow: hidden;
	top: 10px;
	left: 700px;
	height: 24px;
	width: 120px;
	background: url(../images/base/top.gif);
}
#header dl {
	float:right;
	color: #fff;
	font-size: 10px;
	width: 335px;
	margin-top: 15px;
}
#globalnavi {
	clear: both;
	height: 58px;
}
#globalnavi li {
	float: left;
	display: inline;/*IE6*/
	margin-right: 15px;
}

#main {
	font-size: 1em;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
}
#footer {
	height: 200px;
	background: url(../images/base/footer_bk.gif) repeat-x #009f68;
}

#footernavi {
	width: 860px;
	height: 54px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/base/footernavi_bk.gif) no-repeat;
}
#footernavi ul {
	width: 438px;
	padding-top: 19px;
	margin-left: 409px;
}
#footernavi li {
	float: left;
	width: 136px;
	height: 35px;
	margin-right: 10px;
}
#utilitynavi {
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-left: 50px;
}
#utilitynavi ul {
	float: left;
	height: 20px;
	width: 345px;
}
#utilitynavi li {
	color: #fff;
	float: left;
	display: inline;/*IE6*/
	width: 80px;
	margin-right: 15px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 20px;
	background: url(../images/base/point_01.gif) left 3px no-repeat;
}
#utilitynavi li a {
	color: #fff;
}
#utilitynavi li a:hover {
	color: #006633;
}
#utilitynavi img {
	float: right;
}	
#utilitynavi p {
	clear: both;
	color: #fff;
	text-align: center;
	width: 810px;
	margin-bottom: 15px;
	padding-top: 35px;
	padding-bottom: 15px;
}
.top {
	width: 860px;
	height: 25px;
	margin: 0 auto 20px auto;
}
.top p {
	float: right;
	width: 150px;
	height: 25px;
}
.top a {
	color: #fff;
	font-size: 1em;
	display: block;
	text-align: center;
	width: 130px;
	height: 15px;
	padding: 5px 10px;
	border: 1px solid #a3cb73;
	background: #a3cb73;
}
.top a:hover {
	color: #74D879;
	border: 1px solid #a3cb73;
	background: #fff;
}