@charset "utf-8";

/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 72%     11px = 79%
 12px = 86%     13px = 93%     14px = 100%    15px = 108%
 16px = 115%    17px = 122%    18px = 129%    19px = 136%
 20px = 143%    21px = 150%    22px = 158%    23px = 165%
 24px = 172%    25px = 179%    26px = 186%    27px = 193%
 28px = 200%    29px = 207%    30px = 214%    31px = 221%
 32px = 228%    33px = 335%    34px = 342%
=================================================================== */

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

	=00. base
	
----------------------------------------- */
body{
	font-family: メイリオ, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック';
	margin:0;
	padding:0;
	font-size: 14px;
	color:#000000;
	line-height:1.7;
	background:#fff;
}
html,body{ width:100%; }

h1 { margin:0; padding:0; }
h2 { margin:0; padding:0; }
h3 { margin:0; padding:0; }
p { margin:0; padding:0; }
ul { margin:0; padding:0; list-style:none; }
li { margin:0; padding:0; }
img { margin:0; padding:0; border:0; vertical-align:bottom; }

a { color:#00a727; text-decoration:underline; }
a:hover { color:#EF907B; text-decoration:none; }




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

	=01. clearfix
	
----------------------------------------- */
.cf:after { clear: both; content: ""; display: block; overflow: hidden; }
.cf { clear: both; }



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

	=02. layout
	
-----------------------------------------*/

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

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

.tdul { text-decoration:underline; }

.fl { float: left !important; }
.fr { float: right !important; }
.fn { float: none !important; }

.ofh { overflow:hidden; }

.r20 { border-radius:20px; }


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

	=03. spacing
	
----------------------------------------- */

.mt00 { margin-top: 0px!important; }
.mt05 { margin-top: 5px!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; }
.mt35 { margin-top: 35px!important; }
.mt40 { margin-top: 40px!important; }
.mt45 { margin-top: 45px!important; }
.mt50 { margin-top: 50px!important; }
.mt60 { margin-top: 60px!important; }
.mt70 { margin-top: 70px!important; }
.mt80 { margin-top: 80px!important; }

.mb00 { margin-bottom: 0px!important; }
.mb05 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb12 { margin-bottom: 12px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb35 { margin-bottom: 35px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb45 { margin-bottom: 45px!important; }
.mb50 { margin-bottom: 50px!important; }

.ml00 { margin-left: 0px!important; }
.ml05 { margin-left: 5px!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; }
.ml35 { margin-left: 35px!important; }
.ml40 { margin-left: 40px!important; }
.ml45 { margin-left: 45px!important; }
.ml50 { margin-left: 50px!important; }

.mr00 { margin-right: 0px!important; }
.mr05 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr12 { margin-right: 12px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr35 { margin-right: 35px!important; }
.mr40 { margin-right: 40px!important; }
.mr45 { margin-right: 45px!important; }
.mr50 { margin-right: 50px!important; }

.pt00 { padding-top: 0px!important; }
.pt05 { padding-top: 5px!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; }
.pt35 { padding-top: 35px!important; }
.pt40 { padding-top: 40px!important; }
.pt45 { padding-top: 45px!important; }
.pt50 { padding-top: 50px!important; }

.pb00 { padding-bottom: 0px!important; }
.pb05 { padding-bottom: 5px!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; }
.pb35 { padding-bottom: 35px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb45 { padding-bottom: 45px!important; }
.pb50 { padding-bottom: 50px!important; }

.pl00 { padding-left: 0px!important; }
.pl05 { padding-left: 5px!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; }
.pl35 { padding-left: 35px!important; }
.pl40 { padding-left: 40px!important; }
.pl45 { padding-left: 45px!important; }
.pl50 { padding-left: 50px!important; }

.pr00 { padding-right: 0px!important; }
.pr05 { padding-right: 5px!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; }
.pr35 { padding-right: 35px!important; }
.pr40 { padding-right: 40px!important; }
.pr45 { padding-right: 45px!important; }
.pr50 { padding-right: 50px!important; }


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

	=04. font
	
----------------------------------------- */

.fs08 { font-size:58%; }
.fs09 { font-size:65%; }
.fs10 { font-size:72%; }
.fs11 { font-size:79%; }
.fs12 { font-size:86%; }
.fs16 { font-size:115%; }
.fs18 { font-size:129%; }
.fs20 { font-size:143%; }
.fs22 { font-size:158%; }
.fs24 { font-size:172%; }
.fs28 { font-size:200%; }
.fs32 { font-size:228%; }
.fs36 { font-size:256%; }

.fwb { font-weight:bold;}
.fcRed { color:#e73c22; }
.fcOre { color:#ff9900; }
.fcGre { color:#228a42; }
.fcWhite { color:#FFF; }
.fcGray { color:#454545; }

.ffb { font-family:'Noto Sans Japanese Bold'; font-weight:normal; }
.ffm { font-family:'Noto Sans Japanese Medium'; font-weight:normal; }
.ffr { font-family:'Noto Sans Japanese Regular'; font-weight:normal; }

.tdul { text-decoration:underline; }
.diib {display:inline-block;}

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

	=05. mouseover
	
----------------------------------------- */

img.ov:hover { opacity: 0.6; -ms-filter: "alpha( opacity=60 )"; filter: alpha( opacity=60 ); }