@charset "UTF-8";

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

/* # PC/SP
---------------------------------------------------------------------------- */
.pc_only { display: block; }
.sp_only { display: none; }
@media screen and (max-width:750px) {
	.pc_only { display: none; }
	.sp_only { display: block; }
}


/* # 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;
}