@charset "utf-8";

/* ---------------------------------------------
	cmn_style.css

	index
	2 - font style
	3 - text color
	4 - clearfix
	5 - float
	6 - preset width
	5 - preset margin
	6 - inline align
	7 - block align
	8 - tools
--------------------------------------------- */





/* ---------------------------------------------
	2 - font style
--------------------------------------------- */
.fBold {
	font-weight: bold;
}
.fItalic {
	font-style: italic;
}
.fSSS {
	font-size: 70%;
}
.fSS {
	font-size: 78%;
}
.fS {
	font-size: 85%; /* base 12px = 10px */
}
.fL {
	font-size: 115%; /* base 12px = 14px */
}
.fLL {
	font-size: 130%; /* base 12px = 16px */
}
.fLLL {
	font-size: 143%; /* base 12px = 18px */
}
sup {
	font-size: 78%;
	vertical-align: top;
}
sub {
	font-size: 78%;
	vertical-align: baseline;
}

/* ---------------------------------------------
	3 - text color
--------------------------------------------- */
.txtColor1 { color: #007f4b;}
.txtColor2 { color: #007f4b;}
.txtColor3 {}
.txtColor4 {}
.txtColor5 {}


/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt12 { margin-top: 12px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}

.mr05 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr12 { margin-right: 12px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}

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

.ml05 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml12 { margin-left: 12px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}


/* ---------------------------------------------
	inline align
--------------------------------------------- */
.inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;}


/* ---------------------------------------------
	vertical align
--------------------------------------------- */
.vlineT { vertical-align: top;}
.vlineM { vertical-align: middle;}
.vlineB { vertical-align: bottom;}


/* ---------------------------------------------
	6 - preset width
--------------------------------------------- */
.wHalf  { width: 48%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}


/* ---------------------------------------------
	5 - float
--------------------------------------------- */
.fltL {
	display: inline;
	float: left;
}
.fltR {
	display: inline;
	float: right;
}
.ft {
	overflow: hidden;
	zoom: 1;
}


/* ---------------------------------------------
	imgBox 
--------------------------------------------- */
.imgBoxL,
.imgBoxR {
	display: block;
	min-height: 1%;
}
.imgBoxL:after,
.imgBoxR:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .imgBoxL,
* html .imgBoxR {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
	.imgBoxL .fltImg {
		display: inline;
		float: left;
		margin-right: 10px;
	}
	.imgBoxR .fltImg {
		display: inline;
		float: right;
		margin-left: 10px;
	}


/* ---------------------------------------------
	4 - clearfix
--------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* ---------------------------------------------
	block align
--------------------------------------------- */
.blockC {
	text-align: center;
}
	.blockC .block {
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}

.blockR {
	text-align: right;
}
	.blockR .block {
		margin-left: auto;
		text-align: left;
	}


/* ---------------------------------------------
	tools
--------------------------------------------- */
.atode {
	border: 2px solid #9966CC;
	padding: 10px 10px;
	background-color: #CC99FF;
	text-align: center;
	font-size: 30px;
	color: #FFFFFF;
}
.clear { 
	clear: both;
}

.block {
	display: block;
}
.inline {
	display: inline;
}
.hide {
	display: none;
}

.nobg {
	background: none !important;
}

/* margin clear */
.mcAll { margin: 0 !important;}
.mcT { margin-top: 0 !important;}
.mcR { margin-right: 0 !important;}
.mcB { margin-bottom: 0 !important;}
.mcL { margin-left: 0 !important;}