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

/* -------------------------------------------------------------------------------------
  HEADER
------------------------------------------------------------------------------------- */
header#inner-quiz>p {font-size: 16px;line-height: 40px;font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";text-shadow: 0px -1px 0px #000000;color: #fff;text-align: center;}
header#inner-quiz p#head-chname{font-size: 14px;line-height: 14px;padding: 4px 0 0 0;text-shadow: 0px -1px 0px #000000;color: #fff;text-align: center;}
header#inner-quiz p#head-areaname{font-size: 16px;line-height: 20px;font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";text-shadow: 0px -1px 0px #000000;color: #fff;text-align: center;}
aside {width:92%;margin:10px auto;}
/* 

/* -------------------------------------------------------------------------------------
  BUTTONS ACCORDION
------------------------------------------------------------------------------------- /*button for accordion parent*/
ul.nav-acc-ce { list-style-type: none; clear: both; }
ul.nav-acc-ce>li {
	border-top: solid 1px #ebebeb;
	border-bottom: solid 1px #d0d0d0;
	display: block;font-size:14px;
}
ul.nav-acc-ce.row1>li {line-height:40px;}
ul.nav-acc-ce.row1 li a{padding:0 10px;}
ul.nav-acc-ce>li>a {display: block;/zoom:1;
	background: url(../img/plus_gray.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	background: url(../img/plus_gray.png) 98% center no-repeat,-webkit-linear-gradient(top,#fff,#e8e8e8);
	background: url(../img/plus_gray.png) 98% center no-repeat,-moz-linear-gradient(top,#fff,#e8e8e8);
	background: url(../img/plus_gray.png) 98% center no-repeat,-ms-linear-gradient(top,#fff,#e8e8e8);
	background: url(../img/plus_gray.png) 98% center no-repeat,-o-linear-gradient(top,#fff,#e8e8e8);
	background-size:13px 13px,100% 100%;-webkit-background-size:13px 13px,100% 100%;-moz-background-size:13px 13px,100% 100%;-ms-background-size:13px 13px,100% 100%;-o-background-size:13px 13px,100% 100%;}
ul.nav-acc-ce>li.open>a {
	background: url(../img/minus_gray.png) 98% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	background: url(../img/minus_gray.png) 98% center no-repeat,-webkit-linear-gradient(top,#fff,#e8e8e8);
	background: url(../img/minus_gray.png) 98% center no-repeat,-moz-linear-gradient(top,#fff,#e8e8e8);
	background: url(../img/minus_gray.png) 98% center no-repeat,-ms-linear-gradient(top,#fff,#e8e8e8);
	background: url(../img/minus_gray.png) 98% center no-repeat,-o-linear-gradient(top,#fff,#e8e8e8);
	background-size:13px 13px,100% 100%;-webkit-background-size:13px 13px,100% 100%;-moz-background-size:13px 13px,100% 100%;-ms-background-size:13px 13px,100% 100%;-o-background-size:13px 13px,100% 100%;}
ul.nav-acc-ce>li>a img { padding: 5px; float: left;width:40px;height:40px; }
ul.nav-acc-ce>li>a div.title {font-size: 16px; padding: 9px 20px 1px 5px; }
ul.nav-acc-ce>li>a div.detail {font-size: 14px;line-height: 14px;color: #666;padding: 3px 20px 0 0;}
ul.nav-acc-ce>li>a:after{display:block;content:"";clear:both;height:0;}

/*row1*/
ul.nav-acc-ce.row1 ul.acc-child { list-style-type: none; clear: both; }
ul.nav-acc-ce.row1 ul.acc-child li {line-height:15px;background:#fff;border-top:none;border-bottom:solid 1px #d0d0d0;display: block;}ul.nav-acc-ce.row1 ul.acc-child li:first-child{border-top:solid 1px #ebebeb;border-bottom:solid 1px #d0d0d0;}ul.nav-acc-ce.row1 ul.acc-child li:last-child{border-bottom:none;}
ul.nav-acc-ce.row1 ul.acc-child li a {display: block; background: url(../img/arrow_gray.png) 98% center no-repeat;background-size:8px 13px;-webkit-background-size:8px 13px;-moz-background-size:8px 13px;-ms-background-size:8px 13px;-o-background-size:8px 13px; }
div.ce-q {margin:10px auto;width:95%;}
div.ce-q p {text-align:left;line-height:1.5em;}
/*-------------------------------------------------------------------------------------
  CONTAINER
------------------------------------------------------------------------------------- */
.cnt-bg-wht p.inner-label-quiz{ text-align:center;background:#f8d4e1;padding:7px 10px 6px 20px;border:solid 1px #c2dbba;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
.cnt-bg-wht p.inner-label-quiz.mid{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
header#inner-quiz {
	height: 40px;border-bottom: solid 1px #031334;position: relative;
	background: #0c419a;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF0066), to(#FF0066));
	background: -webkit-linear-gradient(top, #FF0066, #FF0066);
	background: -moz-linear-gradient(top, #FF0066, #FF0066);
	background: -ms-linear-gradient(top, #FF0066, #FF0066);
	background: -o-linear-gradient(top, #FF0066, #FF0066);
	background: linear-gradient(top, #FF0066, #FF0066);
	margin-bottom:15px;
}

.note-cnt {width: 90%;margin-left: auto;margin-right: auto;background: #fff; text-align:center;	
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)), to(rgba(255,255,255,0.7)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0.7));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0.7));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0.7));
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0.7));
	background: linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0.7));
	border: solid 1px #fff;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}
.note-cnt>div{ background:url(../img/line.png) top left repeat;background-size:24px 17px;-webkit-background-size:24px 17px;-moz-background-size:24px 17px;-ms-background-size:24px 17px;-o-background-size:24px 17px; padding: 20px; line-height: 180%; }

.keiji-cnt {width: 90%;margin-left: auto;margin-right: auto;background: #fff; text-align:center;	
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)), to(rgba(255,255,255,0.7)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0.7));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0.7));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0.7));
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0.7));
	background: linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0.7));
	border: solid 1px #fff;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}
.keiji-cnt>div{ background:url(../img/kejiban.png) center no-repeat;background-size:330px 150px;-webkit-background-size:330px 150px;-moz-background-size:330px 150px;-ms-background-size:330px 150px;-o-background-size:330px 150px; padding: 20px; line-height: 180%;}

/* -------------------------------------------------------------------------------------
  BUTTON
------------------------------------------------------------------------------------- */
div.list-nav ul.center-green a{color:#FFF;}
div.list-nav ul.center-green li{
	background: #d45a96;
	background: -webkit-gradient(linear, left top, left bottom, from(#f97fbb), color-stop(50%, #de518d), color-stop(50%, #de518d), to(#de518d));
	background: -webkit-linear-gradient(top, #f5579a, #f5579a 50%, #f5579a 50%, #f5579a);
	background: -moz-linear-gradient(top, #fff, #f63285 50%, #f63285 50%, #bbcfe5);
	background: -ms-linear-gradient(top, #fff, #f63285 50%, #f63285 50%, #bbcfe5);
	background: -o-linear-gradient(top, #fff, #f63285 50%, #f63285 50%, #bbcfe5);
	background: linear-gradient(top, #fff, #f63285 50%, #f63285 50%, #bbcfe5);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #d45a96;
	font-size: 15px; color: #fff; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px; text-decoration: none;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* -------------------------------------------------------------------------------------
 RADIO BUTTON
------------------------------------------------------------------------------------- */
div.ce-test-form{width:95%;margin-left:auto;margin-right:auto;position:relative;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);-webkit-border-radius: 4px;-moz-border-radius: 4px;}
div.ce-test-form input {display: none;}
div.ce-test-form label p{margin-left:12px;}
div.ce-test-form label p span {margin-left:15px;}
div.ce-test-form label {
	cursor: pointer;
	padding: 10px 0;
	float: left;
	width:100%;
	border-left: solid 1px #aaa;
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	background:url(../img/mark-wh.png) 4px no-repeat #fff;;
	background-size:25px 25px;
}
div.ce-test-form div:first-child label {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top: solid 1px #aaa;

}
div.ce-test-form div:last-child label {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top:none;
}
div.ce-test-form input:checked+label {
	background:url(../img/mark-maru.png) 4px no-repeat #fff;
	background-size:25px 25px;

}


/* -------------------------------------------------------------------------------------
  TITLE
------------------------------------------------------------------------------------- */
.center-tit{background:#C00; color:#fff; font-size:16px; line-height:30px; text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px; text-align:center;}

/* -------------------------------------------------------------------------------------
  kaito2.html
------------------------------------------------------------------------------------- */
.kaito{ padding:0 10px; border-top:1px #8fb885 solid;position:relative;}
p.kaisetu {padding:0 10px 10px 10px;margin:0;line-height:1.5em;font-size:90%;}
p.kaisetu ~ p {margin-left:30px;font-size:90%;line-height:1.5em;padding-bottom:10px;}
p.answer{ background:url(../img/answer.png) no-repeat left;position:absolute;width:31px;height:31px;background-size:31px 31px;left:1px;}
p.an1{top:2px;}
p.an2{top:39px;}
p.an3{top:76px;}
p.an4{top:112px;}

p.kaisetu2 {padding:0 10px 10px 10px;margin:0;line-height:1.5em;font-size:90%;}