@charset "UTF-8";

/* サイトベース */

.cl, #contentWrapper, #headerWrapper, #menuArea, #footerWrapper {

  display: inline-block;

  min-height: 1%;

  display: block;

  *zoom: 1;

}

.cl:after, #contentWrapper:after, #headerWrapper:after, #menuArea:after, #footerWrapper:after {

  content: " ";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

  font-size: 0;

}

* html .cl, * html #contentWrapper, * html #headerWrapper, * html #menuArea, * html #footerWrapper {

  height: 1%;

}



/*----------------------------------

=01 reset

----------------------------------*/

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {

  margin: 0;

  padding: 0;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



address, caption, cite, code, dfn, em, th, var {

  font-style: normal;

  font-weight: normal;

}



h1, h2, h3, h4, h5, h6 {

  font-size: 100%;

  font-weight: normal;

}



fieldset, img {

  border: 0;

  vertical-align: top;

}



ol, ul {

  list-style: none;

}



q:before, q:after {

  content: '';

}



abbr, acronym {

  border: 0;

}



a:link {

  color: #000000;

  text-decoration: none;

}



a:visited {

  color: #000000;

  text-decoration: none;

}



a:hover {

  color: #000000;

  text-decoration: underline;

  cursor: pointer;

}



a:active {

  color: #000000;

  text-decoration: none;

}



a:active, a:focus {

  outline: none;

}



/*  */

li img,

dt img,

dd img {

  vertical-align: bottom;

}



.clear {

  clear: both;

  height: 0;

  line-height: 0;

}



/* IE7 Zoom対策 */

* {

  letter-spacing: 0;

}



body {

  /*font: 12px/1.8 "メイリオ", Meiryo, "Lucida Grande", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;*/

  font:12px/1.8 Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;


  color: #000000;

  margin: 0;

  padding: 0 0 65px 0;

  min-width: 942px;

  width: expression(document.body.clientWidth < 944? "942px" : "auto");

  background: #ffffff;

  text-align: center;

}



article, aside, canvas, details, figcaption, figure,

footer, header, hgroup, menu, nav, section, summary {

  display: block;

}



/*----------------------------------

=02 hack

----------------------------------*/

/* firefox3でmargin指定 */

body, x:-moz-broken {

  margin-left: -1px;

}



/* IE7でpadding指定 */

* :first-child + html body {

  padding-left: 1px;

}



/* IE6以下でpadding指定 */

* html body {

  padding-left: 1px;

}



#smartMenu, #smartContact {

  display: none;

}



#mvArea {

  width: 100%;

  background: #edbf88 url(../img/index/mv.jpg) 50% 0 no-repeat;

}

#mvArea h2 {

  width: 942px;

  height: 400px;

  margin: 0 auto;

  position: relative;

}

#mvArea h2 img {

  position: absolute;

  top: 50%;

  left: 35px;

  margin-top: -60px;

}



/*----------------------------------

=03 wrapper

----------------------------------*/

#wrapper {

  width: 100%;

  font-size: 100%;

  text-align: left;

}



#contentWrapper {

  width: 942px;

  margin: 0 auto;

  padding: 30px 0;

}

#contentWrapper a:hover img {

  ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  filter: alpha(opacity=70);

  -khtml-opacity: 0.7;

  -moz-opacity: 0.7;

  opacity: 0.7;

}



#leftWrapper {

  width: 621px;

  float: left;

}



#rightWrapper {

  float: right;

}

#rightWrapper ul {

  margin-top: -11px;

}

#rightWrapper li {

  margin-top: 11px;

}



/*----------------------------------

=04 header

----------------------------------*/

header {

  width: 100%;

  border-bottom: 2px solid #c9caca;

}

#headerWrapper {

  width: 942px;

  margin: 0 auto;

  padding: 23px 0 13px;

}

#headerWrapper h1 {

  float: left;

}

#headerWrapper ul {

  float: right;

  margin-top: 13px;

  font-size: 83.33333%;

}

#headerWrapper li {

  float: left;

  margin-left: 23px;

  *display: inline;

}



/*----------------------------------

=05 menuArea

----------------------------------*/

#menuArea {

  width: 942px;

  margin: -2px auto 0;

}

#menuArea ul {

  padding: 0;

}

#menuArea li {

  height: 60px;

  float: left;

  overflow: hidden;

}

#menuArea a:hover img {

  margin-top: -60px;

}



#current img {

  margin-top: -60px;

}



/*----------------------------------

=06 subMvArea

----------------------------------*/

#subMvArea {

  width: 100%;

}

#subMvArea h2 {

  width: 942px;

  height: 134px;

  margin: 0 auto;

  position: relative;

}

#subMvArea h2 img {

  position: absolute;

  top: 50%;

  left: 25px;

  margin-top: -8px;

}



/*----------------------------------

=07 pageTop

----------------------------------*/

#pageTop {

  width: 942px;

  margin: 0 auto;

  text-align: right;

}

#pageTop a {

  background: url(../img/ico_pagetop.gif) 0 4px no-repeat;

  padding-left: 18px;

}



/*----------------------------------

=08 footer

----------------------------------*/

footer {

  margin-top: 23px;


}
.footer-inner{
  border-top: 2px solid #c9caca;
  margin-bottom:30px;
  padding:15px 0;
  border-bottom: 2px solid #c9caca;
}


#footerWrapper {

  width: 942px;

  margin: 0 auto;

  padding-top: 13px;

  color: #727171;

}

#footerWrapper a {

  color: #727171;

}

#footerWrapper div {

  float: left;

  margin-right: 40px;

}

#footerWrapper div p {

  margin-top: 2px;

}



#copyRight {
  /*float:right;*/
  text-align:center;
  line-height: 1.2;

}




.copyright-inner{
  margin-top:30px;
}
.copyright-inner{
  clear:both;
  width: 942px;
  margin: 0 auto;
  padding-top: 30px;
  color: #727171;
}
.copyright-inner p, .copyright-inner li {
  font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.copyright-inner p{
  font-size:14px !important;
  font-weight: bold !important;
  margin-bottom: 5px !important;
}
.copyright-inner ul{
  margin-bottom: 30px;
}
.copyright-inner ul li{
  font-size:12px !important;
  line-height: 1.6em;
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 5px;
}

/*----------------------------------

=09 scriptTag

----------------------------------*/

#scriptArea {

  height: 0;

  overflow: hidden;

}