@charset "utf-8";
/* CSS Document */

.select
{
	background-position	:center top;
	background-repeat	:no-repeat;
	margin				: 0 auto;
	text-align			:center;
}
.levelcheck_inner
{
	width:580px;
	text-align:left;
	margin: 15px auto 20px;
	font-size:16px;
}
.levelcheck_inner p
{
	margin-bottom: 0;
}

.levelcheck_inner label {
	cursor: pointer;
}

.levelcheck_inner input[type=radio] {
	padding			: 0;
	margin			: 0;
	margin-right	: -100%;
	float			: left;
	transform		: scale(0);
	width			: 0;
	height			: 0;
	overflow		: hidden;
}

.check_title
{
	font-size		: 16px;
	margin-bottom	: 5px !important;
	position		: relative;
}
.check_title span.f_l
{
	font-size		: 1.7em;
	color			: #164715;
}
.check_number
{
	padding			: 10px 5px 3px;
	margin-right	: 10px;
	background		: #fafafa;
	border-radius			: 50%;     /* CSS3草案 */  
	-webkit-border-radius	: 50%;    /* Safari,Google Chrome用 */  
	-moz-border-radius		: 50%;   /* Firefox用 */
	display				: -moz-inline-box;
	display				: inline-block;
	/display			: inline;
	/zoom				: 1;
	vertical-align 		: bottom;
}
.check_text
{
	display				: -moz-inline-box;
	display				: inline-block;
	/display			: inline;
	/zoom				: 1;
	vertical-align 		: bottom;
}
label.check_bt
{
	background		: #fafafa;
	text-decoration	: none;
	display			: block;
}
label.check_bt:hover
{
	background		: #ccc;
}
.check_a,
.check_b,
.check_c,
.check_d,
.check_e
{
	padding			: 10px 0 10px 45px;
	margin			: 0 10px;
	display			: block;
}
.check_b,
.check_c,
.check_d,
.check_e
{
	border-top		: 1px dashed #bbb;
}
.check_a
{
	background:url(../images/top/a.png) no-repeat 5px 6px;
}
.check_b
{
	background:url(../images/top/b.png) no-repeat 5px 6px;
}
.check_c
{
	background:url(../images/top/c.png) no-repeat 5px 6px;
}
.check_d
{
	background:url(../images/top/d.png) no-repeat 5px 6px;
}
.check_e
{
	background:url(../images/top/e.png) no-repeat 5px 6px;
}

span.check_icon
{
	margin			: 0 10px 0 0;
	display				: -moz-inline-box;
	display				: inline-block;
	/display			: inline;
	/zoom				: 1;
	vertical-align		: middle;
}

.check_txt
{
	vertical-align	: middle;
}

/*768以下の指定（タブレット）*/
@media screen and (max-width: 768px) {

.levelcheck_inner
{
	width:90%;
	margin: 1% auto 4.5%;
	font-size:14px;
}
.check_title
{
	font-size		: 15px;
	margin-bottom	: 2% !important;
	min-height		: 50px;
}
.check_number
{
	position		: absolute;
	top				: 0;
	left			: 0;
}
.check_text
{
	margin-top		: 3%;
	padding-left	: 65px;
	vertical-align	: bottom;
}
}

/*480以下の指定（スマホ横)*/
@media screen and (max-width: 480px) {
	
.levelcheck_inner
{
	width:95%;
	margin: 1% auto 2%;
	font-size:14px;
}
.check_title
{
	font-size		: 14px;
	min-height		: 50px;
}
.check_number
{
	position		: absolute;
	top				: 0;
	left			: 0;
}
.check_text
{
	padding-left	: 65px;
	vertical-align	: bottom;
}
}