/* CSS Document */
@charset "UTF-8";
/* init */
*{margin:0; padding:0; color:#666666;}
html{width:100%;height:100%;}
a:link{color:#0000ff; text-decoration:underline;}
a:visited{color:#0099cc; text-decoration:underline;}
a:hover{color:#3399ff; text-decoration:underline;}
body{margin:0px;padding:0px;width:100%;height:100%;line-height:18px;font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','Arial','Helvetica',sans-serif;font-size:12px;color:#333333;}
img{border:0;}
.clr{_display:inline;height:0px;clear:both;overflow:-moz-scrollbars-none;}
ul, li{margin:0;padding:0;list-style-type:none;}



body  {
  padding: 0;
  margin: 0;
  background-color: #e8e8e8;
  background:url(img/bg.gif) 0 0 repeat;
}



table, img { border: 0; }

font, th, td, p, span, br, div { 
  font: 12px MS Gothic, MS Mincho, sans-serif;
  color: #585858;
  line-height: 130%;
}

a, a:link, a:visited { color: #152aec; text-decoration:underline; }
a:hover { color: #ff0000; text-decoration: underline;}

span.large {
  color: #000;
  font: 13px arial, sans-serif;
}

p {
  margin: 0 auto;
  padding: 5px 0 5px;
}

#wrap	{
			width:940px;
			background-image: url(img/c_bg.gif);
			background-repeat: repeat-y;
			margin:0px auto;
			height:auto;
}
#wrapper {
margin:0px auto 0px auto;
padding:0px;
border:0;
width:850px;
height:auto;

}


#menucontainer {
  height: 62px;
  background: url(img/logo2.gif) top left no-repeat;
}

#menu {
  height: 62px;
  width: 590px;
  vertical-align: middle;
  position: relative;
  margin-left: 250px;
}

#menu ul {
  margin: 0;
  padding: 17px 0 0 0;
}

#menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: none;
  display: inline;
}

#menu li a,
#menu li a.no {
  padding: 1px 12px 0 12px;
  height: 36px;
  float: left;
  color: #fff;
  display: block;
  font: 14px MS Gothic, MS Mincho, sans-serif;
  text-decoration: none;
  background: url(img/line1.gif) right -2px no-repeat;
}

#menu li a.no {
  background: none;
}

#menu a:hover {
  color: #d7d7d7;
}

#menu a:hover span {
  color: #00ffff;
}

#menu a span {
  font: 10px Arial;
  color: #ffb900;
}


#content {
  min-height: 450px;
  height: auto !important;
  height: 450px;
  width: 850px;
  background: url(img/bgcontent.gif) top left repeat-y;
}

#contentl {
  background: url(img/bgmenu.jpg) top left no-repeat;
  float: left;
  width: 235px;
  min-height: 200px;
  height: auto !important;
  height: 200px;
}
#contentr {
  float: left;
  width: 615px;
  margin-bottom: 20px;
}

div.spacer {
  clear: both;
  font-size: 1px;
  height: 1px;
}


#contentl ul {
  margin: 30px 0 0 43px;
  padding: 0;
}

#contentl li {
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: none;
}

#contentl li a,
#contentl li a.no {
  padding: 0;
  margin-top: 5px;
  height: 21px;
  text-indent: 20px;
  display: block;
  font: 14px MS Gothic, MS Mincho, sans-serif;
  color: #bcd9ef;
  background: url(img/menuli.gif) bottom left no-repeat;
  text-decoration: none;
}

#contentl li a:hover {
  color: #00ffff;
}

#contentl li a.no {
  background: url(img/menulino.gif) bottom left no-repeat;
}


h1.top {
  margin: 16px 0 28px 0;
  background: url(img/bgh1.gif) top left no-repeat;
  text-indent: 42px;
  height: 56px;
  text-align: left;
  color: #707070;
  font: bold 15px MS Gothic, MS Mincho, sans-serif;
  line-height: 63px;
}

h1.top img {
  margin-top: 0px !important;
  margin-top: 8px;
}

h1.top span {
  color: #707070;
  font: normal 15px MS Gothic, MS Mincho, sans-serif;
}

#contentrr2 {
  width: 520px;
  height: auto !important;
  min-height: 312px;
  height: 500px;
  padding: 30px 30px 30px 30px;
  background: url(img/bgcontent2.gif) top left no-repeat;
}
#contentrr {
  width: 520px;
  height: auto !important;
  min-height: 312px;
  height: 730px;
  padding: 120px 30px 30px 30px;
  background: url(img/bgcontent3.jpg) top left no-repeat;
}

#footer {
  width: 850px;
  height: 69px;
  background: url(img/bgfooter1.gif) top left no-repeat;
  position: relative;
  color: #626262;
}

#footer div.banner {
  top: 29px;
  left: 20px;
  font: 11px Arial;
  position: absolute;
}

#footer div.banner a hover{color: #666666; text-decoration:none;}
#footer div.banner a:link{color:#666666; text-decoration:none;}
#footer div.banner a:visited{color:#666666; text-decoration:none;}
#footer div.banner a:hover{color:#666666; text-decoration:none;}


#footer div.copy {
  top: 30px;
  left: 280px;
  font: 11px Arial;
  position: absolute;
}

#footer div.email {
  top: 30px;
  left: 690px;
  font: 11px Arial;
  position: absolute;
}
#footer div.email a {
  color: #626262;
  text-decoration: none;
}

#footer div.email a:hover {
  text-decoration: underline;
}

#footer2 {
  width: 940px;
  height: 39px;
  background: url(img/f_bg.gif) top left no-repeat;
  position: relative;
  color: #626262;
}

h2 {
  font: bold 13px MS Gothic, MS Mincho, sans-serif;
  color: #005fab;
  text-align: left;
  margin: 0; 
  padding: 0;
    padding-left: 15px;

}

table.gen1 {
	padding: 0 10px 0 0;
	margin: 10px 0 30px 0;
	border-width: 1px;
	padding-left: 20px;
	padding-right: 15px;
}

table.gen1 td {
	color: #707070;
	text-align: left;
	margin: 0;
	padding: 5px;
	padding-top: 0;
	vertical-align: top;
}
#border1 {
	border-color: #0099FF;
	border-style: solid;
	margin: 10px;
	padding: 10px;
	border-width: 1px;
}