@charset "utf-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  font-weight: normal;
  text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: """";
}
a img {
  border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
/*body{
font: 12px/1.5 "Lucida Sans Unicode", "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#595e67;
background:#fff;
-webkit-text-size-adjust:100%;
}
*/
body {
  font-family: verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: normal;
  margin: 0;
  padding: 0;
  color: #333333;
}
/* リンク設定
------------------------------------------------------------*/
a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
  color: #595e67;
}
a:hover, a:active {
  outline: none;
  color: #444;
}
a img:hover {
  opacity: .8;
}
/**** Clearfix ****/
#mainNav ul:after, #mainNav .inner:after, .newsTitle:after, .post:after, .inner:after, ul.news:after {
  content: "";
  display: table;
  clear: both;
}
#mainNav ul, .newsTitle, .post, #mainNav .inner, ul.news {
  zoom: 1;
}
/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner {
  margin: 0 auto;
  width: 870px;
}
#inpage {
	background-image: url(img/back.png);
	background-repeat: repeat-x;
	}
#toppage {
  background-image: url(img/back-top.png);
  background-repeat: repeat-x;
  width: 100%;
}
#content {
width: 100%;
/*padding-top: 20px;*/
padding-right: 0;
padding-left: 0;
padding-bottom: 20px;
}
#footer {
  clear: both;
}
/* ヘッダー
*****************************************************/
#header h2 {
  /*clear: both;*/
  float: left;
  padding: 20px 0;
}
#header-waku {
  width: 335px;
  float: right;
}
#header-expired {
  float: right;
  width: 335px;
  height: 31px;
  margin-top: 10px;
  margin-bottom: 15px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #E50013;
}
#header-expired p {
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #FFF;
}
#header-copy {
  clear: both;
  font-size: 14px;
  width: 100%;
}
/* ヘッダー・トップページ
*****************************************************/
@media only screen and (max-width: 620px) {
  #header img, #header-expired img {
    width: 96%
  }
  #toppage {
    background-image: none;
  }
   #inpage {
    background-image: none;
  }
  #header h2 {
    float: none;
    text-align: center;
    padding: 5px;
  }
  #header {
    margin-top: 15px;
  }
  #header-waku {
    width: 100%;
    float: none;
  }
  #header-copy {
    font-size: 14px;
    text-align: center;
  }
  #header-expired, #header-catch p {
    /*float: left;*/
    float: none;
    text-align: center;
    width: 100%;
  }
  #header-expired {
    margin-bottom: 5px;
  }
  #header-expired p {
    padding-top: 5px;
  }

  #mainImg {
    margin-top: 0px;
  }
}

/* トップページ　メイン画像
----------------------------------*/
#mainImg {
clear: both;
/*margin-top: -2px;*/
margin-top: 4px;
line-height: 0;
text-align: center;
z-index: 0;
}

/* フッター
*****************************************************/
#footer {
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
  border-top: solid 10px #e50012;
  font-size: 12px;
  line-height: 22px;
}
#footer-info {
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
#footer-notice {
  float: left;
  width: 280px;
}
#footer-notice h2 {
  width: 250px;
  height: 24px;
  background-image: url(img/notice-back.png);
  background-repeat: no-repeat;
  padding-top: 2px;
  padding-left: 15px;
  font-size: 14px;
  color: #FFF;
}
#footer-notice ul {
  list-style-type: none;
  margin-top: 5px;
}
#footer-notice li {
  background-image: url(img/point-red.png);
  background-repeat: no-repeat;
  background-position: 15px 8px; /*背景画像の基準位置右方向への距離と下方向への距離*/
  padding-left: 27px;
}
#footer-contact {
float: right;
width: 350px;
}
#footer-contact h2 {
font-size: 12px;
}
address {
  font-style: normal;
  margin-top: 10px;
  text-align: center;
}
@media only screen and (max-width: 620px) {
#footer-notice {
  float: none;
  width: 100%;
}
#footer-contact {
float: none;
width: 100%;
text-align: none;
}
#footer-contact h2 {
  font-size: 12px;
  text-align: none;
}
}
/* フッターここまで
*****************************************************/


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
  #header {
    width: 100%
  }
  .inner, #footer .boxWrap, #wrapper {
    width: 96%;
  }
  #mainImg img {
width: 96%;
height: auto;
margin-top: 0px;
  }
  #content {
    clear: both;
    width: 95%;
    float: none;
    margin: 0 auto;
    padding: 5px 0;
  }

}
/* 幅620px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 620px) {

  .post img {
    max-width: 100%;
    height: auto;
  }

}