@charset "utf-8";

/*-----------------------

http://www.jleague.jp/css/sp/integrity.css
2015/12/10 SEA

------------------------*/
.integrity .tabNav li {
	width:32%;
}

.integrity article section {
	padding-bottom:10px;
}
.integrity article figure {
	margin-bottom:10px;
	text-align:center;
}

.about.integrity article dl.idx	 {
	padding-left:1em;
}
.about.integrity article dl.idx dt {
	line-height:1.8;
	font-weight:bold;
}
.integrity article dl.idx dd {
	line-height:1.8;
	margin-bottom:10px;
}
.integrity strong.normal {
	background:none;
	display:inline;
	font-weight:bold;
}
/*  E-LEARNING */
.about.integrity article p.mondai {
	font-size:16px;
}
p.mondai span {
	font-size:30px;
	color:#9A9A9A;
	font-weight:bold;
	display:block;
	line-height:1.2;
}

.integrity ol {
	padding-left:1.6em;
	list-style:decimal;
	padding-bottom:20px;
}
.about.integrity article  ol li {
	font-size:16px;
	margin-bottom:10px;
	line-height:1.6;
}
.integrity .learningselectbtn {
	text-align:center;
	padding:10px 0;
}
.integrity .learningselectbtn li {
	width:100%;
	text-align:center;
	letter-spacing:normal;
	font-size:16px;
	margin-bottom:15px;
}
.integrity input {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", Meiryo, "メイリオ", sans-serif;

}
.integrity .learningselectbtn li:first-child {
	margin-left:0;
}
.integrity input[type="submit"] {
	display:block;
	cursor:pointer;
	text-align:center;
}
.integrity input.learningbtn,
.integrity .learningselectbtn a {
	display:block;
	width:90%;
	margin:0 auto;
	cursor:pointer;
	text-align:center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #474747; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(111,111,111,1) 0%, rgba(71,71,71,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(111,111,111,1)), color-stop(100%, rgba(71,71,71,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(111,111,111,1) 0%, rgba(71,71,71,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(111,111,111,1) 0%, rgba(71,71,71,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(111,111,111,1) 0%, rgba(71,71,71,1) 100%); /* W3C */
 	box-shadow: inset 0 1px 0 0px rgba(255,255,255,.3);
	border:1px solid #6f6f6f;
	font-size:16px;
	line-height:3em;
	color:#fff;
	padding:0;
}

.integrity .integrityIdx .learningselectbtn a {
	line-height:4em;	
}
.integrity .jinken input.learningbtn,
.integrity .learningselectbtn .jinken a {
	background:#15a49f;
	background: -moz-linear-gradient(top, rgba(21,164,159,1) 0%, rgba(8,127,123,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(21,164,159,1)), color-stop(100%, rgba(8,127,123,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(21,164,159,1) 0%, rgba(8,127,123,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(21,164,159,1) 0%, rgba(8,127,123,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(21,164,159,1) 0%, rgba(8,127,123,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(21,164,159,1) 0%, rgba(8,127,123,1) 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15a49f', endColorstr='#087f7b', GradientType=0 ); /* IE6-9 */
	border:1px solid #087f7b;
}
.integrity .yaocho input.learningbtn,
.integrity .learningselectbtn .yaocho a {
	background:#12a237;
	background: -moz-linear-gradient(top, rgba(18,162,55,1) 0%, rgba(0,110,30,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(18,162,55,1)), color-stop(100%, rgba(0,110,30,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(18,162,55,1) 0%, rgba(0,110,30,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(18,162,55,1) 0%, rgba(0,110,30,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(18,162,55,1) 0%, rgba(0,110,30,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(18,162,55,1) 0%, rgba(0,110,30,1) 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12a237', endColorstr='#006e1e', GradientType=0 ); /* IE6-9 */
	border:1px solid #006e1e;
}

.integrity input.learningbtn:hover,
.integrity .learningselectbtn a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.kaitou {
	padding:15px;
	background-color:#f1f1f1;
	margin-bottom:5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.kaitou ol {
	padding-bottom:0;
}
.kaitou ol li label {
	}
.kaitou ol li input[type="radio"] {
	margin-right:5px;
	font-family:"ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; 
	vertical-align:middle;
	overflow:visible;
	height:16px;
	margin-bottom:4px;
}
.kaitou li span {
	display:inline-block;
	display:inline-block;
	padding:0 10px;
	border-width:2px;
	border-style:solid;
	border-color:#f1f1f1;
}
.seikai {
	color:#ff0000;
}
.kaitou li.seikai span {
	color:#ff0000;
	border-color:#ff0000;
}

.youeselect,
.youeselect span {font-weight:bold;}

.about.integrity article dl.answer {
	margin-bottom:20px;
}
.about.integrity article dl.answer dt {
	font-size:18px;
	font-weight:bold;
	background-color:#0000ff;
	color:#fff;
	padding:.5em 1em;
	margin-bottom:5px;
}
.about.integrity article dl.answer dd {
	font-size:14px;
	line-height:1.8;
	padding-left:1em;
	color:#0000ff;
}
.about.integrity article dl.answer dd strong {
	font-weight:bold;
	font-size:16px;
}
.about.integrity article dl.answer.seikai dt {
	background-color:#ff0000;
	color:#fff;
}
.about.integrity article dl.answer.seikai dd {
	color:#ff0000;
}
.about.integrity p.result {
	border-style:solid;
	border-width:3px;
	text-align:center;
	padding:20px 5px;
	font-size:16px;
}
p.result.jinken {
	border-color:#15a49f
}
p.result.yaocho {
	border-color:#12a237
}
.result strong {
	display:block;
	margin:0 auto 5px auto;
	font-size:20px;
	color:#FF0004;
	font-weight:bold;
}