@charset "UTF-8";
/* clearfix */
.clearfix, #header, #main, #footer {
  *zoom: 1;
}
.clearfix:before, #header:before, #main:before, #footer:before, .clearfix:after, #header:after, #main:after, #footer:after {
  content: "";
  display: table;
}
.clearfix:after, #header:after, #main:after, #footer:after {
  clear: both;
}

/*----------------------------------------------------
	再設定
----------------------------------------------------*/
html {
  font-size: 16px;
}

body {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  line-height: 1.6;
  color: #333333;
  font-size: 14px;
  font-size: 0.875rem;
  background: url(../images/bg.gif) repeat-x center top !important;
}

a:link, a:visited {
  color: #2489ce;
}
a:hover, a:active {
  color: #72b7e6;
}

img {
  vertical-align: bottom;
}

p {
  margin-bottom: 1em;
}

h2 {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  padding: 4px 10px;
  margin-bottom: 20px;
  font-weight: bold;
  background: #81e07a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #81e07a 0%, #55c22a 50%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81e07a), color-stop(50%, #55c22a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #81e07a 0%, #55c22a 50%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #81e07a 0%, #55c22a 50%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #81e07a 0%, #55c22a 50%);
  /* IE10+ */
  background: linear-gradient(to bottom, #81e07a 0%, #55c22a 50%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81e07a', endColorstr='#55c22a',GradientType=0 );
  /* IE6-9 */
}

/*----------------------------------------------------
	汎用クラス
----------------------------------------------------*/
.container, #mainimg, #main, #footer .logo, #footer .copyright {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

#bg_white {
  background: url(../images/bg_white.gif) repeat-y center top;
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
  line-height: 1;
  background: url(../images/hline.gif) repeat-x center top;
  margin-bottom: 30px;
}
#header img {
  vertical-align: top;
}
#header .container, #header #mainimg, #header #main, #header #footer .logo, #footer #header .logo, #header #footer .copyright, #footer #header .copyright {
  height: 157px;
}
#header .container h1, #header #mainimg h1, #header #main h1, #header #footer .logo h1, #footer #header .logo h1, #header #footer .copyright h1, #footer #header .copyright h1 {
  position: absolute;
  left: 11px;
  top: 24px;
}
#header .container .bt, #header #mainimg .bt, #header #main .bt, #header #footer .logo .bt, #footer #header .logo .bt, #header #footer .copyright .bt, #footer #header .copyright .bt {
  position: absolute;
  right: 0;
  top: 36px;
}
#header .container address, #header #mainimg address, #header #main address, #header #footer .logo address, #footer #header .logo address, #header #footer .copyright address, #footer #header .copyright address {
  position: absolute;
  right: 1px;
  top: 76px;
}
#header .container .navi, #header #mainimg .navi, #header #main .navi, #header #footer .logo .navi, #footer #header .logo .navi, #header #footer .copyright .navi, #footer #header .copyright .navi {
  position: absolute;
  left: 0;
  top: 111px;
}
#header .container .navi li, #header #mainimg .navi li, #header #main .navi li, #header #footer .logo .navi li, #footer #header .logo .navi li, #header #footer .copyright .navi li, #footer #header .copyright .navi li {
  float: left;
}

#mainimg {
  margin-bottom: 30px;
}

/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main {
  padding: 0 0 50px 0;
}
#main #content {
  width: 660px;
  float: left;
}
#main #content h3 {
  color: #44a02b;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}
#main #side {
  width: 270px;
  float: right;
}
#main #side h2 {
  margin-bottom: 10px;
}
#main #side .contact {
  margin-bottom: 20px;
}
#main #side .scompany {
  padding: 0 10px;
  margin-bottom: 10px;
}
#main #side .scompany address {
  background: #eee;
  padding: 12px 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.5;
}
#main #side .bana_official {
  margin-bottom: 20px;
}
#main #side .sbana li {
  margin-bottom: 10px;
}

/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer {
  padding: 6px 0 0 0;
  background: #006d00;
}
#footer a:link, #footer a:visited, #footer a:active {
  color: #333333;
  text-decoration: none;
}
#footer a:hover {
  color: #333333;
  text-decoration: underline;
}
#footer .navi {
  -webkit-box-shadow: 0 0 10px #333333;
  -moz-box-shadow: 0 0 10px #333333;
  -ms-box-shadow: 0 0 10px #333333;
  box-shadow: 0 0 10px #333333;
  background: #44a02b;
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1;
  text-align: center;
  color: #fff;
}
#footer .navi a {
  color: #fff;
}
#footer .logo {
  text-align: center;
  margin-bottom: 10px;
}
#footer .copyright {
  text-align: center;
  color: #fff;
  font-size: 12px;
  margin-bottom: 10px;
}