@charset "UTF-8";
/* CSS Document */
/* --------  function  -------- */
/* --------  base  -------- */
body {
  color: #333333;
  z-index: 1;
  position: relative;
  font: 13px 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN', Meiryo, sans-serif;
}
body a {
  color: #555555;
}
body a:hover, body a.hover, body a.focus, body a.current {
  color: #aaaaaa;
}
body .Roll {
  position: relative;
  z-index: 999;
  cursor: pointer;
}
body .rollParent {
  position: relative;
  display: inline-block;
}
body .clone {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}
body .cont {
  *zoom: 1;
  position: relative;
  width: 1378px;
  left: 50%;
  *left: 0;
  margin-left: -689px;
  *margin-left: 0;
}
body .cont:before, body .cont:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: '.';
}
body .cont:after {
  clear: both;
}

.fix {
  position: fixed !important;
  top: auto !important;
  bottom: 0 !important;
}

.fix2 {
  position: fixed !important;
  top: 0 !important;
}

/* --------  rayout  -------- */
#bar {
  width: 100%;
  height: 10px;
  background: url(../images/line01.png) repeat-x top center;
  position: fixed;
  _position: absolute;
  top: 0;
  z-index: 10000;
}

#wrapper {
  min-width: 980px;
  z-index: 1;
  overflow: hidden;
  _overflow: visible;
  position: relative;
  padding-bottom: 60px;
}
#wrapper #wrapCont {
  width: 100%;
  position: relative;
  height: auto;
  text-align: center;
}
#wrapper #wrapCont #header {
  padding-top: 40px;
  position: relative;
  width: 100%;
  text-align: center;
}
#wrapper #wrapCont #header h1#logo {
  width: 166px;
  height: 176px;
  margin: 0 auto;
  display: block;
  text-indent: -9999px;
  background: url(../images/logo.gif);
}
#wrapper #wrapCont #header #copy {
  padding: 60px 0 35px 0;
}
#wrapper #wrapCont #header #mainImg {
  margin: 0 auto;
}
#wrapper #wrapCont #small {
  position: fixed;
  top: 18px;
  left: 6px;
}
#wrapper #wrapCont #contents {
  position: relative;
  z-index: 1000;
}
#wrapper #wrapCont #contents .section {
  width: 100%;
  position: relative;
  background: #fff;
  z-index: 1000;
  padding: 85px 0 95px 0;
}
#wrapper #wrapCont #contents .section .secBar {
  width: 100%;
  height: 7px;
  position: absolute;
  top: -4px;
  background: url(../images/line02.png) repeat-x top center;
}
#wrapper #wrapCont #contents .section .cont .secCopy {
  padding-top: 40px;
}
#wrapper #wrapCont #contents .section .cont .secImg {
  padding-top: 55px;
}
#wrapper #wrapCont #contents .section .cont .secBox {
  *zoom: 1;
  padding-top: 43px;
  padding-bottom: 30px;
  margin: 0 auto;
  width: 900px;
}
#wrapper #wrapCont #contents .section .cont .secBox:before, #wrapper #wrapCont #contents .section .cont .secBox:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: '.';
}
#wrapper #wrapCont #contents .section .cont .secBox:after {
  clear: both;
}
#wrapper #wrapCont #contents .section .cont .secBox .secText {
  float: left;
}
#wrapper #wrapCont #contents .section .cont .secBox .secIcon {
  float: right;
}
#wrapper #mainNav {
  height: 70px;
  width: 100%;
  min-width: 980px;
  padding-top: 6px;
  background: url(../images/mainNav_bg.png) repeat-x top center;
  position: fixed;
  z-index: 10000;
  bottom: 0;
  margin: 0;
}
#wrapper #mainNav .home {
  height: 60px;
  float: left;
  width: 60px;
  border-right: 1px solid #e6e6e6;
}
#wrapper #mainNav .pagetop {
  height: 60px;
  width: 60px;
  float: right;
  border-left: 1px solid #e6e6e6;
}
#wrapper #mainNav ul {
  height: 60px;
  width: 370px;
  position: relative;
  float: left;
  left: 50%;
  margin-left: -250px;
  padding-right: 5px;
  background: url(../images/mainNav_btn_bg.gif) no-repeat center right;
}
#wrapper #mainNav ul li {
  padding-left: 5px;
  background: url(../images/mainNav_btn_bg.gif) no-repeat center left;
  float: left;
}
#wrapper #mainNav ul li a {
  display: block;
}