@charset "utf-8";
/*
ページごとの設定や、位置調整、テキスト装飾などで使用する汎用的なものとを記述します。
Anything used for general purpose such as setting for every page, position adjustment, and text decoration will be written.

接頭辞はUtilityの頭文字を取って【u_】とします。
Prefix will take the "Utility" first letter and use it as "u_". 

clearfixのみ、例外的に接頭辞をつけてません。
This not apply to "clearfix".

フォントサイズはremで指定します。
"rem" will be used for font-size.
*/

.u_mat0 { margin-top:0; }
.u_mat5 { margin-top:5px; }
.u_mat10 { margin-top:10px; }
.u_mat20 { margin-top:20px; }
.u_mat30 { margin-top:30px; }
.u_mat40 { margin-top:40px; }
.u_mat50 { margin-top:50px; }

.u_mab0 { margin-bottom: 0; }
.u_mab5 { margin-bottom: 5px; }
.u_mab10 { margin-bottom: 10px; }
.u_mab15 { margin-bottom: 15px; }
.u_mab20 { margin-bottom: 20px; }
.u_mab30 { margin-bottom: 30px; }
.u_mab40 { margin-bottom: 40px; }
.u_mab50 { margin-bottom: 50px; }

.u_ALcenter { text-align: center; }
.u_ALright { text-align: right; }

.u_float_left { float: left; }
.u_float_right { float: right; }

.u_red { color: #F00; }
.u_bold { font-weight: bold; }
.u_underline { text-decoration: underline; }
.u_font_size_small { font-size: 1.1rem } /*11px*/
.u_font_size_medium { font-size: 1.4rem; } /*14px*/
.u_font_size_large { font-size: 1.8rem; } /*18px*/
.u_font_size_12 { font-size: 1.2rem; }
.u_img_floatL { float: left; margin-right: 20px; }
.u_img_floatR { float: right; margin-left: 20px; }

.u_border_none { border: none; }
.u_importance { color:#FF0000; }
.u_padding15 { padding: 0 15px; }
.u_padding25 { padding: 0 25px; }
.u_padding30 { padding: 0 30px; }
.u_padding30_topbtm { padding: 30px 0; }
.u_small_text { font-size: 1.3rem; line-height: 1.3em }
.u_square_black:before { content: '■'; }
.u_exclamation {
	display: block;
	background: url(../images/icons/icon_exclamation.png) 0 center no-repeat;
	padding-left: 35px;
}

/*----------------------------------------------
	.clearfix
---------------------------------------------*/
.clearfix:after,
.wrap:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 0;
	overflow:hidden;
}
* html .clearfix,
* html .wrap { height: 1px;/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/ }