@charset "UTF-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  outline: 0 none;
  font-family: Arial, Helvetica, YuGothic,'游ゴシック',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

html {
  font-size: 62.5%; }

body {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #323232;
  background-color: #fff;
}

ul, ol {
  list-style-type: none; }

img {
  border: none;
  vertical-align: bottom; 
	-ms-interpolation-mode: bicubic;
}
img { -ms-interpolation-mode: bicubic !important; }

a {
  color: #323232;
  text-decoration: none;
  display: block:
  }
  a:link {
    color: #323232;
  text-decoration: none;
  }
  a:hover {
  text-decoration: none;
 }
  a:visited {
    color: #323232;
    text-decoration: none;
}

/***********/

.mt0{
  margin-top: 5px !important;
}
.mt5{
  margin-top: 5px !important;
}
.mt8{
  margin-top: 8px !important;
}

.mt10{
  margin-top: 10px !important;
}

.mt15{
  margin-top: 15px !important;
}

.mt20{
  margin-top: 20px !important;
}

.mt25{
  margin-top: 25px !important;
}

.mb0{
  margin-bottom: 0px !important;
}
.mb5{
  margin-bottom: 5px !important;
}
.mb8{
  margin-bottom: 8px !important;
}

.mb10{
  margin-bottom: 10px !important;
}

.mb15{
  margin-bottom: 15px !important;
}

.mb20{
  margin-bottom: 20px !important;
}

.mb25{
  margin-bottom: 25px !important;
}

.mr0{
  margin-right: 0px !important;
}
.mr5{
  margin-right: 5px !important;
}
.mr8{
  margin-right: 8px !important;
}

.mr10{
  margin-right: 10px !important;
}

.mr15{
  margin-right: 15px !important;
}

.mr20{
  margin-right: 20px !important;
}

.mr25{
  margin-right: 25px !important;
}

.ml0{
  margin-right: 0px !important;
}
.ml5{
  margin-left: 5px !important;
}
.ml8{
  margin-left: 8px !important;
}

.ml10{
  margin-left: 10px !important;
}

.ml15{
  margin-left: 15px !important;
}

.ml20{
  margin-left: 20px !important;
}

.ml25{
  margin-left: 25px !important;
}

.pt5{
  padding-top:5px !important;
}

.pt10{
  padding-top:10px !important;
}

.pt15{
  padding-top: 15px !important;
}

.pt20{
  padding-top: 15px !important;
}

.pb0{
  padding-bottom: 0px !important;
}

.pb5{
  padding-bottom: 5px !important;
}

.pb10{
  padding-bottom: 10px !important;
}

.pb15{
  padding-bottom: 15px !important;
}

.pb20{
  padding-bottom: 20px !important;
}

.pr0{
  padding-right: 0px !important;
}

.pr5{
  padding-right: 5px !important;
}

.pr10{
  padding-right: 10px !important;
}

.pr15{
  padding-right: 15px !important;
}

.pr20{
  padding-right: 20px !important;
}

.pl0{
  padding-left: 0px !important;
}

.pl5{
  padding-left: 5px !important;
}

.pl10{
  padding-left: 10px !important;
}

.pl15{
  padding-left: 15px !important;
}

.pl20{
  padding-left: 20px !important;
}

.w100{width:100%;}

.posRe{
  -webkit-transform: translate3d(0, 0, 0px);
  transform: translate3d(0, 0, 0px);
  position:relative;
}

.fontS3{
  font-size: 0.6rem;
  line-height: 1.2rem;
}

.fontS2{
  font-size: 0.9rem;
  line-height: 1.2rem;
}

.fontS1{
  font-size: 1.1rem;
  line-height: 1.3rem;
}

.fontD{
  font-size: 1.3rem;
  line-height: 1.6rem;

}

.fontB1{
  font-size: 1.5rem;
  line-height: 1.7rem;
}

.fontB2{
  font-size: 1.7rem;
  line-height: 1.9rem;
}

.fontB3{
  font-size: 2.0rem;
  line-height: 2.2rem;
}


.fontBold{font-weight:bold;}
.fontNrm{font-weight:normal;}

.underLine{text-decoration: underline !important;}
.cText{text-align: center;}
.rText{text-align: right;}
.flt {
	float:left;
}
.flr {
	float:right;
}

.clear {
	clear:both;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: block;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.valign_t, td.valign_t, .valign_t td {
	vertical-align:top;
}
.valign_m, td.valign_m, .valign_m td {
	vertical-align:middle;
}
.valign_b, td.valign_b, .valign_b td {
	vertical-align:bottom;
}


b, strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}

dd {
	margin: 0px;
}
nav ul, nav ol {
	list-style: none;
}
figure {
	margin: 0;
}
form {
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
li {
	list-style:none;
}