@charset "UTF-8";

/* =========================================================
 * リセット
 * @ RESET
 * ====================================================== */
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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
main {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  /*aタグとかをタップしたときに色が変わるのを防ぐ*/
  -webkit-tap-highlight-color: transparent;
  /*input系のデフォの設定を消す（適用したいそれぞれに書かないとだめなときも）*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*回転したときなど文字の大きさを調整*/
  -webkit-text-size-adjust: 100%;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
main {
  display: block;
}

body {
  line-height: 1;
}

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;
}

/* =========================================================
 * 共通定義
 * ====================================================== */

/* # align
---------------------------------------------------------------------------- */
.t-l   { text-align: left !important; }
.t-c { text-align: center !important; }
.t-r  { text-align: right !important; }

/* # float
---------------------------------------------------------------------------- */

.f-r { float:right !important;}
.f-l { float:left !important;}
.leftBox{ float:left;}
.rightBox{float:right;}
/* -----------------------------------------------
 * font
 * -------------------------------------------- */
.bold {font-weight:bold !important;}
.red {color:#db0000 !important;}

/* -----------------------------------------------
 * margin
 * -------------------------------------------- */
.b-center {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* all ------------------------------ */
.mg0  {margin:  0   !important;}
.mg5  {margin:  5px !important;}
.mg10 {margin: 10px !important;}
.mg15 {margin: 15px !important;}
.mg20 {margin: 20px !important;}
.mg25 {margin: 25px !important;}
.mg30 {margin: 30px !important;}


/* all auto ------------------------- */
.mg0a  {margin:  0   auto !important;}
.mg5a  {margin:  5px auto !important;}
.mg10a {margin: 10px auto !important;}
.mg15a {margin: 15px auto !important;}
.mg20a {margin: 20px auto !important;}
.mg25a {margin: 25px auto !important;}
.mg30a {margin: 30px auto !important;}

/* top ------------------------------ */
.mgt0   {margin-top:   0   !important;}
.mgt3   {margin-top:   3px !important;}
.mgt5   {margin-top:   5px !important;}
.mgt10  {margin-top:  10px !important;}
.mgt15  {margin-top:  15px !important;}
.mgt20  {margin-top:  20px !important;}
.mgt25  {margin-top:  25px !important;}
.mgt30  {margin-top:  30px !important;}
.mgt35  {margin-top:  35px !important;}
.mgt40  {margin-top:  40px !important;}
.mgt45  {margin-top:  45px !important;}
.mgt50  {margin-top:  50px !important;}
.mgt55  {margin-top:  55px !important;}
.mgt60  {margin-top:  60px !important;}
.mgt65  {margin-top:  65px !important;}
.mgt70  {margin-top:  70px !important;}
.mgt75  {margin-top:  75px !important;}
.mgt80  {margin-top:  80px !important;}
.mgt85  {margin-top:  85px !important;}
.mgt90  {margin-top:  90px !important;}
.mgt95  {margin-top:  95px !important;}
.mgt100 {margin-top: 100px !important;}
.mgt140 {margin-top: 140px !important;}

/* right ---------------------------- */
.mgr0   {margin-right:   0   !important;}
.mgr5   {margin-right:   5px !important;}
.mgr10  {margin-right:  10px !important;}
.mgr15  {margin-right:  15px !important;}
.mgr20  {margin-right:  20px !important;}
.mgr25  {margin-right:  25px !important;}
.mgr30  {margin-right:  30px !important;}
.mgr35  {margin-right:  35px !important;}
.mgr40  {margin-right:  40px !important;}
.mgr45  {margin-right:  45px !important;}
.mgr50  {margin-right:  50px !important;}
.mgr55  {margin-right:  55px !important;}
.mgr60  {margin-right:  60px !important;}
.mgr65  {margin-right:  65px !important;}
.mgr70  {margin-right:  70px !important;}
.mgr75  {margin-right:  75px !important;}
.mgr80  {margin-right:  80px !important;}
.mgr85  {margin-right:  85px !important;}
.mgr90  {margin-right:  90px !important;}
.mgr95  {margin-right:  95px !important;}
.mgr100 {margin-right: 100px !important;}

/* bottom --------------------------- */
.mgb0   {margin-bottom:   0   !important;}
.mgb5   {margin-bottom:   5px !important;}
.mgb8   {margin-bottom:   8px !important;}
.mgb10  {margin-bottom:  10px !important;}
.mgb15  {margin-bottom:  15px !important;}
.mgb20  {margin-bottom:  20px !important;}
.mgb25  {margin-bottom:  25px !important;}
.mgb30  {margin-bottom:  30px !important;}
.mgb35  {margin-bottom:  35px !important;}
.mgb40  {margin-bottom:  40px !important;}
.mgb45  {margin-bottom:  45px !important;}
.mgb50  {margin-bottom:  50px !important;}
.mgb55  {margin-bottom:  55px !important;}
.mgb60  {margin-bottom:  60px !important;}
.mgb65  {margin-bottom:  65px !important;}
.mgb70  {margin-bottom:  70px !important;}
.mgb75  {margin-bottom:  75px !important;}
.mgb80  {margin-bottom:  80px !important;}
.mgb85  {margin-bottom:  85px !important;}
.mgb90  {margin-bottom:  90px !important;}
.mgb95  {margin-bottom:  95px !important;}
.mgb100 {margin-bottom: 100px !important;}
.mgb200 {margin-bottom: 200px !important;}

/* left ----------------------------- */
.mgl0   {margin-left:   0   !important;}
.mgl5   {margin-left:   5px !important;}
.mgl10  {margin-left:  10px !important;}
.mgl15  {margin-left:  15px !important;}
.mgl18  {margin-left:  18px !important;}
.mgl20  {margin-left:  20px !important;}
.mgl25  {margin-left:  25px !important;}
.mgl30  {margin-left:  30px !important;}
.mgl35  {margin-left:  35px !important;}
.mgl40  {margin-left:  40px !important;}
.mgl45  {margin-left:  45px !important;}
.mgl50  {margin-left:  50px !important;}
.mgl55  {margin-left:  55px !important;}
.mgl60  {margin-left:  60px !important;}
.mgl65  {margin-left:  65px !important;}
.mgl70  {margin-left:  70px !important;}
.mgl75  {margin-left:  75px !important;}
.mgl80  {margin-left:  80px !important;}
.mgl85  {margin-left:  85px !important;}
.mgl90  {margin-left:  90px !important;}
.mgl95  {margin-left:  95px !important;}
.mgl100 {margin-left: 100px !important;}

/*--------------------
width
--------------------*/
.per100{width:100% !important;}
.per98 {width: 98% !important;}
.per50 {width: 50% !important;}
.per40 {width: 40% !important;}
.per30 {width: 30% !important;}

/*--------------------
clearfix
--------------------*/
.cf:before, .cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

/*For IE 6/7 only*/
.cf {
  *zoom: 1;
}