@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  common.css
 style info :  サイト全体共通css
=================================================================== */
.linkStyle01 a {
  color: #fff;
}

/* fontsize YUI
10px = 77% 11px = 85% 12px = 93% 13px = 100%
14px = 108% 15px = 116% 16px = 123.1% 17px = 131%
18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6%
22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197% */
/*----------------------------------------------------------------------------------
		 								body、リンク色etc
------------------------------------------------------------------------------------*/
/* 基本リンク色 */
a {
  color: #424242;
  text-decoration: none;
}

a:hover {
  color: #f3f1ed;
  text-decoration: none;
}

a.hover_img img {
  transition: alignleft 0.5s ease;
  -webkit-transition: 0.5s ease-in;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

a:hover.hover_img img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

input[name=image]:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

body {
  color: #424242;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, verdana, sans-serif;
  font-size: 93%;
  -webkit-font-smoothing: auto;
}

.clearfix, header, #headerCenter, #headerRight, ul#topMenu, ul#topMenu li, ul#topScial, ul#topScial li, #footerRight, #footerNavlist li.item {
  *zoom: 1;
}

.clearfix:after, header:after, #headerCenter:after, #headerRight:after, ul#topMenu:after, ul#topMenu li:after, ul#topScial:after, ul#topScial li:after, #footerRight:after, #footerNavlist li.item:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

* {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-font-smoothing: auto !important;
  -moz-font-smoothing: auto !important;
}

p, dl:not([class]), ul:not([class]), ol:not([class]), pre:not([class]), ul.simple, ul.no-mark {
  letter-spacing: inherit;
  line-height: inherit;
}

/*----------------------------------------------------------------------------------
		 								container 
------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1000px) {
  #container {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 639px) {
  #container {
    width: 100%;
    margin: 0 auto;
  }
}
/*----------------------------------------------------------------------------------
		 								footer 
------------------------------------------------------------------------------------*/
footer #footerLogo {
  width: 100px;
  margin: 0 auto 3%;
}
@media only screen and (max-width: 639px) {
  footer #footerLogo {
    width: 80px;
    margin: 0 auto 6%;
  }
}
footer p {
  font-size: 10px;
  text-align: center;
  color: #000;
  padding-bottom: 10px;
  line-height: 1.8;
}
footer p a:hover {
  color: #979797;
  text-decoration: underline;
}