@charset "UTF-8";
/*==================================================================

	default.css (ver 2.0)

	1: reset styles
	2: font setting
	3: text setting
	4: clearfix
	5: layout styles

===================================================================*/

/*==================================================================
	1: reset styles
===================================================================*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
embed, ruby {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  vertical-align: bottom;
  -ms-interpolation-mode:bicubic;
}

/*==================================================================
	2: font setting
===================================================================*/
body {
  font: 13px/1.231 "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  *font-size: small;
  *font: x-small;
}

select, input, button, textarea, button {
  font: 99% arial, helvetica, clean, sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 1;
}

/*==================================================================
	3: text setting
===================================================================*/
/*
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%
*/
/* renders 10px */
.f10 {
  font-size: 77%;
}

/* renders 11px */
.f11 {
  font-size: 85%;
}

/* renders 12px */
.f12 {
  font-size: 93%;
}

/* renders 14px */
.f14 {
  font-size: 108% !important;
}

/* renders 15px */
.f15 {
  font-size: 116%;
}

/* renders 16px */
.f16 {
  font-size: 124%;
}

/* renders 18px */
.f18 {
  font-size: 139%;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

strong, b, em {
  font-weight: bold;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

/*==================================================================
	4: clearfix
===================================================================*/
/*----------------------------------------
	clearfix
----------------------------------------*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* clearfix代替
-------------------------------------------------------------------*/
.box {
  overflow: hidden;
  zoom: 1;
}

/*==================================================================
	5: layout styles
===================================================================*/
/* text styles
-------------------------------------------------------------------*/
.bold {
  font-weight: bold;
}

.cap_l {
  font-size: 85%;
  text-align: left;
}
.cap_c {
  font-size: 85%;
  text-align: center;
}
.cap_r {
  font-size: 85%;
  text-align: right;
}

/* text-align styles
-------------------------------------------------------------------*/
.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.middle {
  vertical-align: middle;
}

/*float styles
-------------------------------------------------------------------*/
.fl_l {
  float: left;
}

.fl_r {
  float: right;
}

/*clear styles
-------------------------------------------------------------------*/
.clear {
  clear: both;
}

/* hover styles
-------------------------------------------------------------------*/
a.hover:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

/* margin styles
-------------------------------------------------------------------*/
.mt0{ margin-top: 0px !important; }
.ml0{ margin-left: 0px !important; }
.mr0{ margin-right: 0px !important; }
.mb0{ margin-bottom: 0px !important; }
.mt5{ margin-top: 5px !important; }
.ml5{ margin-left: 5px !important; }
.mr5{ margin-right: 5px !important; }
.mb5{ margin-bottom: 5px !important; }
.mt10{ margin-top: 10px !important; }
.ml10{ margin-left: 10px !important; }
.mr10{ margin-right: 10px !important; }
.mb10{ margin-bottom: 10px !important; }
.mt15{ margin-top: 15px !important; }
.ml15{ margin-left: 15px !important; }
.mr15{ margin-right: 15px !important; }
.mb15{ margin-bottom: 15px !important; }
.mt20{ margin-top: 20px !important; }
.ml20{ margin-left: 20px !important; }
.mr20{ margin-right: 20px !important; }
.mb20{ margin-bottom: 20px !important; }
.mt25{ margin-top: 25px !important; }
.ml25{ margin-left: 25px !important; }
.mr25{ margin-right: 25px !important; }
.mb25{ margin-bottom: 25px !important; }
.mt30{ margin-top: 30px !important; }
.ml30{ margin-left: 30px !important; }
.mr30{ margin-right: 30px !important; }
.mb30{ margin-bottom: 30px !important; }
.mt35{ margin-top: 35px !important; }
.ml35{ margin-left: 35px !important; }
.mr35{ margin-right: 35px !important; }
.mb35{ margin-bottom: 35px !important; }
.mt40{ margin-top: 40px !important; }
.ml40{ margin-left: 40px !important; }
.mr40{ margin-right: 40px !important; }
.mb40{ margin-bottom: 40px !important; }
.mt45{ margin-top: 45px !important; }
.ml45{ margin-left: 45px !important; }
.mr45{ margin-right: 45px !important; }
.mb45{ margin-bottom: 45px !important; }
.mt50{ margin-top: 50px !important; }
.ml50{ margin-left: 50px !important; }
.mr50{ margin-right: 50px !important; }
.mb50{ margin-bottom: 50px !important; }
.mt60{ margin-top: 60px !important; }
.ml60{ margin-left: 60px !important; }
.mr60{ margin-right: 60px !important; }
.mb60{ margin-bottom: 60px !important; }
.mt70{ margin-top: 70px !important; }
.ml70{ margin-left: 70px !important; }
.mr70{ margin-right: 70px !important; }
.mb70{ margin-bottom: 70px !important; }
.mt80{ margin-top: 80px !important; }
.ml80{ margin-left: 80px !important; }
.mr80{ margin-right: 80px !important; }
.mb80{ margin-bottom: 80px !important; }

.mb54{ margin-bottom: 54px !important; }


/* padding styles
-------------------------------------------------------------------*/
.pt0{ padding-top: 0px !important; }
.pl0{ padding-left: 0px !important; }
.pr0{ padding-right: 0px !important; }
.pb0{ padding-bottom: 0px !important; }
.pt5{ padding-top: 5px !important; }
.pl5{ padding-left: 5px !important; }
.pr5{ padding-right: 5px !important; }
.pb5{ padding-bottom: 5px !important; }
.pt10{ padding-top: 10px !important; }
.pl10{ padding-left: 10px !important; }
.pr10{ padding-right: 10px !important; }
.pb10{ padding-bottom: 10px !important; }
.pt15{ padding-top: 15px !important; }
.pl15{ padding-left: 15px !important; }
.pr15{ padding-right: 15px !important; }
.pb15{ padding-bottom: 15px !important; }
.pt20{ padding-top: 20px !important; }
.pl20{ padding-left: 20px !important; }
.pr20{ padding-right: 20px !important; }
.pb20{ padding-bottom: 20px !important; }
.pt25{ padding-top: 25px !important; }
.pl25{ padding-left: 25px !important; }
.pr25{ padding-right: 25px !important; }
.pb25{ padding-bottom: 25px !important; }
.pt30{ padding-top: 30px !important; }
.pl30{ padding-left: 30px !important; }
.pr30{ padding-right: 30px !important; }
.pb30{ padding-bottom: 30px !important; }
.pt35{ padding-top: 35px !important; }
.pl35{ padding-left: 35px !important; }
.pr35{ padding-right: 35px !important; }
.pb35{ padding-bottom: 35px !important; }
.pt40{ padding-top: 40px !important; }
.pl40{ padding-left: 40px !important; }
.pr40{ padding-right: 40px !important; }
.pb40{ padding-bottom: 40px !important; }
.pt45{ padding-top: 45px !important; }
.pl45{ padding-left: 45px !important; }
.pr45{ padding-right: 45px !important; }
.pb45{ padding-bottom: 45px !important; }
.pt50{ padding-top: 50px !important; }
.pl50{ padding-left: 50px !important; }
.pr50{ padding-right: 50px !important; }
.pb50{ padding-bottom: 50px !important; }
.pr60{ padding-right: 60px !important; }


/* 計測タグを入れた時にフッターにできる隙間対策
html > body img{
	display:none;
}
html > body div img{
	display:inline;
}
-------------------------------------------------------------------*/