@charset "UTF-8";
/* CSS Document */

@font-face {
     font-family: 'Noto Sans CJK JP';
     font-style: normal;
     font-weight: normal;
     src: local("Noto Sans CJK JP"),
          local("Noto Sans JP"),
          url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
          url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
          url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
  }
html, body{
	width:100%;
	height:100%;
	}

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, img, fieldset, form, label, legend, caption, tbody, tfoot, thead {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:16px;
	line-height:1.5em;
	vertical-align:baseline;
	background:transparent;
	color:#333;
	font-family:'Noto Sans CJK JP', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	}
	
ul{
	list-style:none;
}

a{
	text-decoration:none;
    color: #333 !important;
	}

/* Link */
a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
    text-decoration: none !important;
	}

/* fontsize */
.fs10{ font-size: 10px;}	
.fs11{ font-size: 11px;}
.fs12{ font-size: 12px;}	
.fs13{ font-size: 13px;}
.fs14{ font-size: 14px;}
.fs15{ font-size: 15px;}
.fs16{ font-size: 16px;}
.fs17{ font-size: 17px;}
.fs18{ font-size: 18px;}
.fs19{ font-size: 19px;}
.fs20{ font-size: 20px;}
.fs25{ font-size: 25px;}
.fs30{ font-size: 30px;}

/* fontstyle */
.fwb{ font-weight:bold; }

/* margin */
.mt00 { margin-top:0 !important;}
.mt05 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !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;}

.mb00 { margin-bottom:0 !important;}
.mb05 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !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;}

.ml00 { margin-left:0 !important;}
.ml05 { margin-left:5px !important;}
.ml10 { margin-left:10px !important;}
.ml20 { margin-left:20px !important;}
.ml30 { margin-left:30px !important;}
.ml40 { margin-left:40px !important;}
.ml50 { margin-left:50px !important;}
.ml100 { margin-left:100px !important;}

.mr00 { margin-right:0 !important;}
.mr05 { margin-right:5px !important;}
.mr10 { margin-right:10px !important;}
.mr20 { margin-right:20px !important;}
.mr30 { margin-right:30px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}

/*padding */
.pt00 { padding-top:0 !important;}
.pt05 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}

.pb00 { padding-bottom:0 !important;}
.pb05 { padding-bottom:5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}
.pb150 { padding-bottom:150px !important;}

.pl00 { padding-left:0 !important;}
.pl05 { padding-left:5px !important;}
.pl10 { padding-left:10px !important;}
.pl20 { padding-left:20px !important;}
.pl30 { padding-left:30px !important;}
.pl40 { padding-left:40px !important;}
.pl50 { padding-left:50px !important;}

.pr00 { padding-right:0 !important;}
.pr05 { padding-right:5px !important;}
.pr10 { padding-right:10px !important;}
.pr20 { padding-right:20px !important;}
.pr30 { padding-right:30px !important;}
.pr40 { padding-right:40px !important;}
.pr50 { padding-right:50px !important;}


/* width */
.wh00 { width:0px !important}
.wh05 { width:5px !important}
.wh10 { width:10px !important}
.wh20 { width:20px !important}
.wh30 { width:30px !important}
.wh40 { width:40px !important}
.wh50 { width:50px !important}
.wh60 { width:60px !important}
.wh70 { width:70px !important}
.wh80 { width:80px !important}
.wh90 { width:90px !important}
.wh100 { width:100px !important}
.wh110 { width:110px !important}
.wh120 { width:120px !important}
.wh130 { width:130px !important}
.wh140 { width:140px !important}
.wh150 { width:150px !important}
.wh160 { width:160px !important}
.wh170 { width:170px !important}
.wh180 { width:180px !important}
.wh190 { width:190px !important}
.wh200 { width:200px !important}
.wh210 { width:210px !important}
.wh220 { width:220px !important}
.wh230 { width:230px !important}
.wh240 { width:240px !important}
.wh250 { width:250px !important}
.wh260 { width:260px !important}
.wh270 { width:270px !important}
.wh280 { width:280px !important}
.wh290 { width:290px !important}
.wh300 { width:300px !important}
.wh350 { width:350px !important}
.wh400 { width:400px !important}
.wh450 { width:450px !important}
.wh500 { width:500px !important}

/* height */
.ht00{ height:0px !important}
.ht05{ height:5px !important}
.ht10{ height:10px !important}
.ht20{ height:20px !important}
.ht30{ height:30px !important}
.ht40{ height:40px !important}
.ht50{ height:50px !important}
.ht60{ height:60px !important}
.ht70{ height:70px !important}
.ht80{ height:80px !important}
.ht90{ height:90px !important}
.ht100{ height:100px !important}
.ht150{ height:150px !important}
.ht200{ height:200px !important}
.ht210{ height:210px !important}
.ht220{ height:220px !important}
.ht230{ height:230px !important}
.ht240{ height:240px !important}
.ht250{ height:250px !important}
.ht300{ height:300px !important}


/*color*/
.red{
	color: #F33;
	}

/*clearfix*/	
.clearfix:after { /*floatの解除、ここがポイント*/
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";}
.clearfix {
    min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
    height: 1px;
    /*¥*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
}

