@charset "utf-8";
/* =============================================================== 
	*** reset *** 
=============================================================== */
html {
  font-size: 62.5%;
  
}
body {
  font-size: 1.4em;
}
p,ul,li,h1,h2,h3,h4,dl,dd,dt,br,div,table,img,body,figure{
margin:0;
padding:0;
}
img{
border:none;
vertical-align: bottom;
}
/* =============================================================== 
	*** msbase *** 
=============================================================== */
a {
	text-decoration: underline;
	color: #00421a;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
a:hover {
	text-decoration: none;
}
/* text */
.tac{
text-align:center !important;
}
.tal{
text-align:left !important;
}
.tar{
text-align:right !important;
}
/* float */
.fll{
float:left;
}
.flr{
float:right;
}
.clear{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}
/* margin */
.mt0{
margin-top:0px !important;
}
.mt5{
margin-top:5px !important;
}
.mt10{
margin-top:10px !important;
}
.mt15{
margin-top:15px !important;
}
.mt20{
margin-top:20px !important;
}
.mt30{
margin-top:30px !important;
}
.mt50 {
margin-top:50px !important;
}
.mt75 {
margin-top:75px !important;
}
.mt100 {
margin-top:100px !important;
}
.mr5{
margin-right:5px !important;
}
.mr10{
margin-right:10px !important;
}
.mr15{
margin-right:15px !important;
}
.mr20{
margin-right:20px !important;
}
.mr30{
margin-right:30px !important;
}
.mr80{
margin-right:80px !important;
}
.mb0{
margin-bottom:0 !important;
}
.mb5{
margin-bottom:5px !important;
}
.mb10{
margin-bottom:10px !important;
}
.mb15{
margin-bottom:15px !important;
}
.mb20{
margin-bottom:20px !important;
}
.mb30{
margin-bottom:30px !important;
}
.mb40{
margin-bottom:40px !important;
}
.mb50{
margin-bottom:50px !important;
}
.ml5{
margin-left:5px !important;
}
.ml10{
margin-left:10px !important;
}
.ml15{
margin-left:15px !important;
}
.ml20{
margin-left:20px !important;
}
.ml30{
margin-left:30px !important;
}
/* padding */
.pt5{
padding-top:5px;
}
.pt10{
padding-top:10px;
}
.pt20{
padding-top:20px;
}
.pr20{
padding-right:20px;
}
.pb15{
padding-bottom:15px;
}
.pl10{
padding-left:10px;
}
/* text */
.txtxs{
font-size:0.8em;
}
.txts{
font-size:0.9em;
}
.txtm{
font-size:0.7em;
}
.txtl{
font-size:1.1em;
}
.txtxl{
font-size:1.6em;
}
.fwb{
font-weight:bold;
}
/* width */
.w30{
width:30%;
}
.w40{
width:39%;
}
.w50{
width:48%;
}
.w60{
width:58%;
}
.w100{
width:100%;
}
/* etc */
.vat{
vertical-align:top;
}
.vam{
vertical-align: middle;
}
.dot{
list-style-type:disc;
}
.nowrap{
white-space:nowrap;
}
.bkN {
	background: none;
}
ul li {
	list-style: none;
}
/* clearfix */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
	overflow: hidden;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}
.clear01 {
	clear: both;
}
/* clearfix end */