@charset "Shift_JIS";

#ui_turn {
	width: 950px;
	font-family: "Lucida Grande", Meiryo, "�l�r �o�S�V�b�N", sans-serif;
	font-size: 12px;
}

#ui_turn * {margin: 0;padding: 0;}

#ui_turn #ui_turn_top {
	position: relative;
	margin-bottom: 10px;
}
#ui_turn #ui_turn_top h2 {
	margin-bottom: 20px;
}
#ui_turn #ui_turn_top #top_lead {
	position: absolute;
	top: 130px;
	left:220px;
	color: #3F9185;
	font-size: 19px;
	font-weight: bold;
	line-height: 135%;
	text-align: center;
}
#ui_turn #ui_turn_top #top_lead span {
	display:block;
}
#ui_turn #ui_turn_top #top_text {
	position: absolute;
	width: 780px;
	top:221px;
	left: 85px;
	font-size: 13px;
	font-weight: bold;
	line-height: 170%;
}

#ui_turn #block01 {
	width: 910px;
	margin-bottom: 30px;
	padding: 20px;
    background: url(http://cnmnt.mycom.co.jp/ui_turn/conts/img/block01_bg.gif) repeat left top;
}
#ui_turn #block01 .inside {
	width: 830px;
	padding: 40px;
	background: #FFFFFF;
}
#ui_turn #block01 h3 {
	width: 830px;
	height: 57px;
	margin-bottom: 40px;
	background: url(http://cnmnt.mycom.co.jp/ui_turn/conts/img/block01_tit.gif) no-repeat left top;
	color: #FFFFFF;
	font-size: 23px;
	font-weight: bold;
	line-height: 57px;
	text-align: center;
}
#ui_turn #block02 {
	width: 910px;
	margin-bottom: 30px;
	padding: 20px;
    background: url(http://cnmnt.mycom.co.jp/ui_turn/conts/img/block02_bg.gif) repeat left top;
}
#ui_turn #block02 .inside {
	width: 830px;
	padding: 40px;
	background: #FFFFFF;
}
#ui_turn #block02 h3 {
	width: 830px;
	height: 57px;
	margin-bottom: 20px;
	background: url(http://cnmnt.mycom.co.jp/ui_turn/conts/img/block02_tit.gif) no-repeat left top;
	color: #FFFFFF;
	font-size: 23px;
	font-weight: bold;
	line-height: 57px;
	text-align: center;
}

.ui_rank p,.ui_rank ul{ font-size:13px; line-height:21px;color: #333333;}

#ui_turn #block01 h3 {margin-bottom: 30px;}

.ui_rank * {font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo;}

#ui_turn .ui_ranking {
	padding: 20px;
	border:#e6e6e6 2px solid;
	list-style:none;
	margin-bottom: 10px;
	font-size:13px;
	font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo;
	}
	
#ui_turn .ui_ranking li span{
	display:inline-block;
	width: 42px;
	}
	
#ui_turn .ui_ranking .rank_top{
	font-size:16px;
	line-height:26px;
	font-weight:bold;
	}

#ui_turn .ui_ranking .rank_top span{
	color:#d8ae00;
	width: 42px;
	}

/* �_�O���t�P�@�������������������������������������������������������������������������������������������������������� */

#ui_turn .graph_box {
	border-left:#c7db89 4px solid;
	padding:8px 0 8px 12px;
}
	
#ui_turn .graph_box .bar_graph {
	display:flex;
	font-weight:bold;
	margin-bottom:22px;
	align-items:center;
}

#ui_turn .graph_box .bar_graph:last-child {margin-bottom:0px;}

#ui_turn .graph_box .bar_graph .bar_tx {
	font-size:18px;
	padding:6px 8px 6px;
	flex:none;
	box-sizing:border-box;
	white-space:nowrap;
}

#ui_turn .graph_box .gr01 .bar_tx {background:#95b23b; color:#ffffff;}
#ui_turn .graph_box .gr02 .bar_tx {background:#a4c64f; color:#ffffff;}
#ui_turn .graph_box .gr03 .bar_tx {background:#c8dd87; color:#ffffff;}
#ui_turn .graph_box .gr04 .bar_tx {background:#d6e2b0; color:#95b23b;}

.w1-1 .bar_tx{width: 630px;}
.w1-2 .bar_tx{width: 493px;}
.w1-3 .bar_tx{width: 487px;}
.w1-4 .bar_tx{width: 457px;}
.w1-5 .bar_tx{width: 400px;}
.w1-6 .bar_tx{width: 297px;}
.w1-7 .bar_tx{width: 280px;}

#ui_turn .graph_box .bar_graph .bar_state {
	order:1;
	font-size:22px;
	color:#a4c64f;
	margin:0 1px 0 10px;
}

#ui_turn .graph_box .gr01 .bar_state {
	font-size:30px;
	color:#95b23b;
}

#ui_turn .graph_box .bar_graph .bar_line{
	height: 1px;
	width: 100%;
	background: #c7db89;
}
#ui_turn .graph_box .gr04 .bar_line{
	background: #e4eace;
}

/* �_�O���t�Q�@�������������������������������������������������������������������������������������������������������� */

#ui_turn .bl_graph {border-color:#cbeaef;}

#ui_turn .graph_box .bl01 .bar_tx {background:#36a1b2; color:#ffffff;}
#ui_turn .graph_box .bl02 .bar_tx {background:#50b2c9; color:#ffffff;}
#ui_turn .graph_box .bl03 .bar_tx {background:#6fc9d8; color:#ffffff;}
#ui_turn .graph_box .bl04 .bar_tx {background:#9adae5; color:#36a1b2;}

.w2-1 .bar_tx{width: 632px;}
.w2-2 .bar_tx{width: 534px;}
.w2-3 .bar_tx{width: 470px;}
.w2-4 .bar_tx{width: 314px;}
.w2-5 .bar_tx{width: 302px;}
.w2-6 .bar_tx{width: 292px;}
.w2-7 .bar_tx{width: 229px;}

#ui_turn .bl_graph .bar_graph .bar_line{background:#cbeaef;}

#ui_turn .bl_graph .bar_graph .bar_state {color:#50b2c9;}

#ui_turn .bl_graph .bl01 .bar_state {
	font-size:30px;
	color:#36a1b2;
}

/* ������������������������������������������������������������������������������������������������������������������ */
	
#ui_turn .img_graph {
	display:flex;
	align-items:center;
	margin-bottom: 4px;
	}

#ui_turn .img_graph .left1 {
	width: 485px;
	display:inline;
	margin:0 90px 0 14px;
}

#ui_turn .img_graph .right1 {
	width: 214px;
	margin-top: 14px;
}

#ui_turn .f_16{ font-size:16px !important;}

#ui_turn .f_18{ font-size:18px}

#ui_turn .f_32{ font-size:32px !important; vertical-align:-2px;}

#ui_turn .f_orange{ color:#ff8102}

#ui_turn .f_green{ color:#95b23b}

#ui_turn .f_blue{ color:#36a1b2}

#ui_turn .f_right{ text-align:right;}

#ui_turn .bold{ font-weight:bold;}

#ui_turn .show-sp{display:none;}

/* margin
---------------------------------------------------------------- */
#ui_turn .mg00t { margin-top: 0px; }
#ui_turn .mg05t { margin-top: 5px; }
#ui_turn .mg10t { margin-top: 10px; }
#ui_turn .mg15t { margin-top: 15px; }
#ui_turn .mg20t { margin-top: 20px; }
#ui_turn .mg25t { margin-top: 25px; }
#ui_turn .mg30t { margin-top: 30px; }
#ui_turn .mg00r { margin-right: 0px; }
#ui_turn .mg05r { margin-right: 5px; }
#ui_turn .mg10r { margin-right: 10px; }
#ui_turn .mg15r { margin-right: 15px; }
#ui_turn .mg20r { margin-right: 20px; }
#ui_turn .mg25r { margin-right: 25px; }
#ui_turn .mg30r { margin-right: 30px; }
#ui_turn .mg00b { margin-bottom: 0px; }
#ui_turn .mg05b { margin-bottom: 5px; }
#ui_turn .mg10b { margin-bottom: 10px; }
#ui_turn .mg15b { margin-bottom: 15px; }
#ui_turn .mg20b { margin-bottom: 20px; }
#ui_turn .mg25b { margin-bottom: 25px; }
#ui_turn .mg30b { margin-bottom: 30px; }
#ui_turn .mg40b { margin-bottom: 40px; }
#ui_turn .mg50b { margin-bottom: 50px; }
#ui_turn .mg00l { margin-left: 0px; }
#ui_turn .mg05l { margin-left: 5px; }
#ui_turn .mg10l { margin-left: 10px; }
#ui_turn .mg15l { margin-left: 15px; }
#ui_turn .mg20l { margin-left: 20px; }
#ui_turn .mg25l { margin-left: 25px; }
#ui_turn .mg30l { margin-left: 30px; }