@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_mal15 { margin-left: 15px; }
.u_mal20 { margin-left: 20px; }
.u_mal30 { margin-left: 30px; }

.u_mtb10 { margin: 10px 0; }
.u_mtb20 { margin: 20px 0; }
.u_mtb30 { margin: 30px 0; }
.u_mtb35 { margin-top: 35px; margin-bottom: 35px; }

.u_ALcenter { text-align: center; }
.u_ALright { text-align: right!important; }
.u_ALleft { text-align: left; }
.u_ALtop { vertical-align: top; }
.u_ALbottom { vertical-align: bottom; }
.u_ALmiddle { vertical-align: middle; }

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

.u_strike { text-decoration: line-through;}
.u_red { color: #F00; }
.u_white { color: #FFF; }
.u_black { color: #545454; }
.u_orange { color: #F29700; }
.u_bold { font-weight: bold; }
.u_normal { font-weight: normal; }
.u_italic { font-style: italic;}
.u_underline { text-decoration: underline; }
.u_font_size_xsmall { font-size: 1.1rem } /*13px*/
.u_font_size_small { font-size: 1.3rem } /*13px*/
.u_font_size_medium { font-size: 1.4rem; } /*14px*/
.u_font_size_large { font-size: 1.8rem; } /*18px*/
.u_font_size_xlarge { font-size: 2.0rem; } /*20px*/

.u_img_floatL { float: left; margin-right: 20px; }
.u_img_floatR { float: right; margin-left: 20px; }

.u_va_top * { vertical-align: top; }

.u_fs15 { font-size: 15px; }
.u_fs16 { font-size: 16px; }
.u_fs17 { font-size: 17px; }
.u_fs18 { font-size: 18px; }
.u_fs22 { font-size: 22px; }

.u_nowrap { white-space: nowrap; }

.u_img_hover:hover { opacity: 0.7; }
/*----------------------------------------------
	.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; }

header {
	height: 80px;
	background: #000;
	min-width: 980px;
}

header > hr {
	margin: 0 0 1px;
	border: 1px solid rgba(255, 255, 255, 0.5);
}

footer {
	background: #FFF;
	min-width: 980px;
}

/*----------------------------------------------
	.has_main_background
---------------------------------------------*/

.has_main_background {
	background: url(../../common/images/bg_main.png) repeat-x, url(../../common/images/bg_bottom.png);
	background-position: 0 0, 0 100%;
  background-attachment: fixed;
}

#participant > div:first-of-type {
	overflow: visible;
}