@charset "utf-8";

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

	common.css
	
-------------------------------------------------------------------------------
	
******************************************************************************* */


/* ==

　float

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

.f-left  { float: left  !important; }
.f-right { float: right !important; }
.f-none{ float:none !important;}


/* ==

　line-height

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

.lh01 { line-height: 1   !important; }
.lh11 { line-height: 1.1 !important; }
.lh12 { line-height: 1.2 !important; }
.lh13 { line-height: 1.3 !important; }
.lh14 { line-height: 1.4 !important; }
.lh15 { line-height: 1.5 !important; }
.lh16 { line-height: 1.6 !important; }
.lh17 { line-height: 1.7 !important; }
.lh18 { line-height: 1.8 !important; }
.lh19 { line-height: 1.9 !important; }
.lh20 { line-height: 2 !important; }


/* ==

　margin

=============================================================================== */
/* -------- all -------- */

.ma00 { margin:     0px !important; }
.ma01 { margin:     1px !important; }
.ma02 { margin:     2px !important; }
.ma03 { margin:     3px !important; }
.ma04 { margin:     4px !important; }
.ma05 { margin:     5px !important; }
.ma06 { margin:     6px !important; }
.ma07 { margin:     7px !important; }
.ma08 { margin:     8px !important; }
.ma09 { margin:     9px !important; }
.ma10 {
	margin:    10px !important;
}
.ma15 { margin:    15px !important; }
.ma20 { margin:    20px !important; }
.ma25 { margin:    25px !important; }
.ma30 { margin:    30px !important; }
.ma40 { margin:    40px !important; }
.ma50 { margin:    50px !important; }
.ma60 { margin:    60px !important; }
.ma70 { margin:    70px !important; }
.ma80 { margin:    80px !important; }
.ma90 { margin:    90px !important; }
.ma100 { margin:    100px !important; }


/* -------- top -------- */

.mt00 { margin-top:     0px !important; }
.mt01 { margin-top:     1px !important; }
.mt02 { margin-top:     2px !important; }
.mt03 { margin-top:     3px !important; }
.mt04 { margin-top:     4px !important; }
.mt05 { margin-top:     5px !important; }
.mt06 { margin-top:     6px !important; }
.mt07 { margin-top:     7px !important; }
.mt08 { margin-top:     8px !important; }
.mt09 { margin-top:     9px !important; }
.mt10 { margin-top:    10px !important; }
.mt15 { margin-top:    15px !important; }
.mt20 { margin-top:    20px !important; }
.mt25 { margin-top:    25px !important; }
.mt30 { margin-top:    30px !important; }
.mt40 { margin-top:    40px !important; }
.mt50 { margin-top:    50px !important; }
.mt60 { margin-top:    60px !important; }
.mt70 { margin-top:    70px !important; }
.mt80 { margin-top:    80px !important; }
.mt90 { margin-top:    90px !important; }
.mt100 { margin-top:    100px !important; }

/* -------- right -------- */

.mr00 { margin-right:   0px !important; }
.mr01 { margin-right:   1px !important; }
.mr02 { margin-right:   2px !important; }
.mr03 { margin-right:   3px !important; }
.mr04 { margin-right:   4px !important; }
.mr05 { margin-right:   5px !important; }
.mr06 { margin-right:   6px !important; }
.mr07 { margin-right:   7px !important; }
.mr08 { margin-right:   8px !important; }
.mr09 { margin-right:   9px !important; }
.mr10 { margin-right:  10px !important; }
.mr15 { margin-right:  15px !important; }
.mr20 { margin-right:  20px !important; }
.mr25 { margin-right:  25px !important; }
.mr30 { margin-right:  30px !important; }
.mr40 { margin-right:  40px !important; }
.mr50 { margin-right:  50px !important; }
.mr60 { margin-right:  60px !important; }
.mr70 { margin-right:  70px !important; }
.mr80 { margin-right:  80px !important; }
.mr90 { margin-right:  90px !important; }
.mr100 { margin-right:  100px !important; }


/* -------- bottom -------- */

.mb00 { margin-bottom:  0px !important; }
.mb01 { margin-bottom:  1px !important; }
.mb02 { margin-bottom:  2px !important; }
.mb03 { margin-bottom:  3px !important; }
.mb04 { margin-bottom:  4px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb06 { margin-bottom:  6px !important; }
.mb07 { margin-bottom:  7px !important; }
.mb08 { margin-bottom:  8px !important; }
.mb09 { margin-bottom:  9px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb7 { margin-bottom: 7% !important; }

/* -------- left -------- */

.ml00 { margin-left:    0px !important; }
.ml01 { margin-left:    1px !important; }
.ml02 { margin-left:    2px !important; }
.ml03 { margin-left:    3px !important; }
.ml04 { margin-left:    4px !important; }
.ml05 { margin-left:    5px !important; }
.ml06 { margin-left:    6px !important; }
.ml07 { margin-left:    7px !important; }
.ml08 { margin-left:    8px !important; }
.ml09 { margin-left:    9px !important; }
.ml10 { margin-left:   10px !important; }
.ml15 { margin-left:   15px !important; }
.ml20 { margin-left:   20px !important; }
.ml25 { margin-left:   25px !important; }
.ml30 { margin-left:   30px !important; }
.ml40 { margin-left:   40px !important; }
.ml50 { margin-left:   50px !important; }
.ml60 { margin-left:   60px !important; }
.ml70 { margin-left:   70px !important; }
.ml80 { margin-left:   80px !important; }
.ml90 { margin-left:   90px !important; }
.ml100 { margin-left:   100px !important; }

/* -------- center -------- */
.m-center{ margin:0 auto !important;}

/* ==

　padding

=============================================================================== */
/* -------- all -------- */

.pa00 { padding:     0px !important; }
.pa01 { padding:     1px !important; }
.pa02 { padding:     2px !important; }
.pa03 { padding:     3px !important; }
.pa04 { padding:     4px !important; }
.pa05 { padding:     5px !important; }
.pa06 { padding:     6px !important; }
.pa07 { padding:     7px !important; }
.pa08 { padding:     8px !important; }
.pa09 { padding:     9px !important; }
.pa10 { padding:    10px !important; }
.pa15 { padding:    15px !important; }
.pa20 { padding:    20px !important; }
.pa25 { padding:    25px !important; }
.pa30 { padding:    30px !important; }
.pa40 { padding:    40px !important; }
.pa50 { padding:    50px !important; }
.pa60 { padding:    60px !important; }
.pa70 { padding:    70px !important; }
.pa80 { padding:    80px !important; }
.pa90 { padding:    90px !important; }
.pa100 { padding:    100px !important; }


/* -------- top -------- */

.pt00 { padding-top:     0px !important; }
.pt01 { padding-top:     1px !important; }
.pt02 { padding-top:     2px !important; }
.pt03 { padding-top:     3px !important; }
.pt04 { padding-top:     4px !important; }
.pt05 { padding-top:     5px !important; }
.pt06 { padding-top:     6px !important; }
.pt07 { padding-top:     7px !important; }
.pt08 { padding-top:     8px !important; }
.pt09 { padding-top:     9px !important; }
.pt10 { padding-top:    10px !important; }
.pt15 { padding-top:    15px !important; }
.pt20 { padding-top:    20px !important; }
.pt25 { padding-top:    25px !important; }
.pt30 { padding-top:    30px !important; }
.pt40 { padding-top:    40px !important; }
.pt50 { padding-top:    50px !important; }
.pt60 { padding-top:    60px !important; }
.pt70 { padding-top:    70px !important; }
.pt80 { padding-top:    80px !important; }
.pt90 { padding-top:    90px !important; }
.pt100 { padding-top:    100px !important; }


/* -------- right -------- */

.pr00 { padding-right:   0px !important; }
.pr01 { padding-right:   1px !important; }
.pr02 { padding-right:   2px !important; }
.pr03 { padding-right:   3px !important; }
.pr04 { padding-right:   4px !important; }
.pr05 { padding-right:   5px !important; }
.pr06 { padding-right:   6px !important; }
.pr07 { padding-right:   7px !important; }
.pr08 { padding-right:   8px !important; }
.pr09 { padding-right:   9px !important; }
.pr10 { padding-right:  10px !important; }
.pr15 { padding-right:  15px !important; }
.pr20 { padding-right:  20px !important; }
.pr25 { padding-right:  25px !important; }
.pr30 { padding-right:  30px !important; }
.pr40 { padding-right:  40px !important; }
.pr50 { padding-right:  50px !important; }
.pr60 { padding-right:  60px !important; }
.pr70 { padding-right:  70px !important; }
.pr80 { padding-right:  80px !important; }
.pr90 { padding-right:  90px !important; }
.pr100 { padding-right:  100px !important; }


/* -------- bottom -------- */

.pb00 { padding-bottom:  0px !important; }
.pb01 { padding-bottom:  1px !important; }
.pb02 { padding-bottom:  2px !important; }
.pb03 { padding-bottom:  3px !important; }
.pb04 { padding-bottom:  4px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb06 { padding-bottom:  6px !important; }
.pb07 { padding-bottom:  7px !important; }
.pb08 { padding-bottom:  8px !important; }
.pb09 { padding-bottom:  9px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }


/* -------- left -------- */

.pl00 { padding-left:    0px !important; }
.pl01 { padding-left:    1px !important; }
.pl02 { padding-left:    2px !important; }
.pl03 { padding-left:    3px !important; }
.pl04 { padding-left:    4px !important; }
.pl05 { padding-left:    5px !important; }
.pl06 { padding-left:    6px !important; }
.pl07 { padding-left:    7px !important; }
.pl08 { padding-left:    8px !important; }
.pl09 { padding-left:    9px !important; }
.pl10 { padding-left:   10px !important; }
.pl15 { padding-left:   15px !important; }
.pl20 { padding-left:   20px !important; }
.pl25 { padding-left:   25px !important; }
.pl30 { padding-left:   30px !important; }
.pl40 { padding-left:   40px !important; }
.pl50 { padding-left:   50px !important; }
.pl60 { padding-left:   60px !important; }
.pl70 { padding-left:   70px !important; }
.pl80 { padding-left:   80px !important; }
.pl90 { padding-left:   90px !important; }
.pl100 { padding-left:   100px !important; }



/* ==

　color

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

.red { color: #f00 !important; }
.red02 { color: #C30E22!important; }
.bk { color: #000 !important; }
.g333 { color: #333 !important; }
.g666 { color: #666 !important; }
.g999 { color: #999 !important; }
.green {
	color: #0AAD66 !important;
}
.blue { color: #1D3994 !important; }
.yellow { color: #FFFF66 !important; }
.darkpink	{ color: #FF3366 !important; }
.pink	{ color: #EE8E99 !important; }
.cyanblue	{ color:#50BEF0 !important; }
.white	{ color:#FFFFFF !important; }
.orange	{ color:#FBB84F !important; }
.lightblue { color: #76BFDA !important; }


/* ==

　font-size

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

.f09 { font-size: 9px !important; }
.f10 { font-size: 10px !important; }
.f11 { font-size: 11px !important; }
.f12 { font-size: 12px !important; }
.f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; }
.f15 { font-size: 15px !important; }
.f16 { font-size: 16px !important; }
.f17 { font-size: 17px !important; }
.f18 { font-size: 18px !important; }
.f19 { font-size: 19px !important; }
.f20 { font-size: 20px !important; }
.f21 { font-size: 21px !important; }
.f22 { font-size: 22px !important; }
.f23 { font-size: 23px !important; }
.f24 { font-size: 24px !important; }
.f25 { font-size: 25px !important; }
.f26 { font-size: 26px !important; }
.f27 { font-size: 27px !important; }
.f28 { font-size: 28px !important; }
.f29 { font-size: 29px !important; }
.f30 { font-size: 30px !important; }
.f31 { font-size: 31px !important; }
.f32 { font-size: 32px !important; }
.f33 { font-size: 33px !important; }
.f34 { font-size: 34px !important; }
.f35 { font-size: 35px !important; }
.f36 { font-size: 36px !important; }
.f37 { font-size: 37px !important; }
.f38 { font-size: 38px !important; }
.f39 { font-size: 39px !important; }
.f40 { font-size: 40px !important; }
.f41 { font-size: 41px !important; }
.f42 { font-size: 42px !important; }
.f43 { font-size: 43px !important; }
.f44 { font-size: 44px !important; }
.f45 { font-size: 45px !important; }
.f46 { font-size: 46px !important; }
.f47 { font-size: 47px !important; }
.f48 { font-size: 48px !important; }
.f49 { font-size: 49px !important; }
.f50 { font-size: 50px !important; }
.f51 { font-size: 51px !important; }
.f52 { font-size: 52px !important; }
.f53 { font-size: 53px !important; }
.f54 { font-size: 54px !important; }
.f55 { font-size: 55px !important; }
.f56 { font-size: 56px !important; }
.f57 { font-size: 57px !important; }
.f58 { font-size: 58px !important; }
.f59 { font-size: 59px !important; }
.f60 { font-size: 60px !important; }
.f61 { font-size: 61px !important; }
.f62 { font-size: 62px !important; }
.f63 { font-size: 63px !important; }
.f64 { font-size: 64px !important; }
.f65 { font-size: 65px !important; }
.f66 { font-size: 66px !important; }
.f67 { font-size: 67px !important; }
.f68 { font-size: 68px !important; }
.f69 { font-size: 69px !important; }
.f70 { font-size: 70px !important; }

/* ==

　bold

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

em {
	font-weight: bold;
}
strong{
	font-weight: bold;
}
.f-bold{
	font-weight:bold !important;
}
.f-nomal{
	font-weight:normal !important;
}
.f-under{
	text-decoration: underline!important;
}
.f-mincho {
	font-family: "heisei-mincho-std", sans-serif;
}
/* ==

　align

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

.center { text-align: center !important; }
.right  { text-align: right  !important; }
.left   { text-align: left   !important; }

.top    { vertical-align: top    !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }

.block{ display:block !important;}
.in-block{ display:inline-block !important;}
.inline{ display:inline !important;}
.none{ display:none !important;}

.vnone{ visibility:hidden !important;}

/* ==

　clear

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

/*--clearfix--*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size:.01em;
	height:0;
	overflow:hidden;
}
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; }

/*--clear--*/
.clear { clear:both !important; }
.oh {
	overflow: hidden;
}


/* ==

　border

=============================================================================== */
.noborder{
	border:none !important;
}
.noborder-t{
	border-top:none !important;
}
.noborder-b{
	border-bottom:none !important;
}
.noborder-l{
	border-left:none !important;
}
.noborder-r{
	border-right:none !important;
}
.br_gray_b
 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}
.br_pink {
	border: 3px solid #FBDAED;
}
.br_yellow  {
	border: 3px solid #F3EEBC;
}
.br_green  {
	border: 1px solid #0DAC67;
}
.br_gray  {
	border: 1px solid #E4E4E4;
}


/* ==

　background-color

=============================================================================== */
.bg_brown01 {
	background-color: #EBE7E0;
}
.bg_brown02 {
	background-color: #F9F8F2;
}
.bg_orange01 {
	background-color: #FDEEE1;
}
.bg_green02 {
	background-color: #F2F7E9;
}
/* ==

　width

=============================================================================== */
.w100{ width:100% !important;}
.w95{ width:95% !important;}
.w90{ width:90% !important;}
.w85{ width:85% !important;}
.w80{ width:80% !important;}
.w75{ width:75% !important;}
.w70{ width:70% !important;}
.w65{ width:65% !important;}
.w60{ width:60% !important;}
.w55{ width:55% !important;}
.w50{ width:50% !important;}
.w45{ width:45% !important;}
.w40{ width:40% !important;}
.w35{ width:35% !important;}
.w30{ width:30% !important;}
.w25{ width:25% !important;}
.w20{ width:20% !important;}
.w15{ width:15% !important;}
.w10{ width:10% !important;}
.w05{ width:5% !important;}

.w150{ width:150px !important;}
.w160{ width:160px !important;}
.w320{ width:320px !important;}

.box_form{
	margin-left: 3%;
	margin-right: 3%;
}
.supText {
font-size: 55%;
vertical-align: top;
position: relative;
top: -0.1em;
}