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

/* reset　*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-size: 13px;
	margin: 0;
	outline: 0 none;
	padding: 0;
}
body {
	font: 82%/1.6 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	background: url(/img/bg.png);
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1;
}
a {
	text-decoration: none;
	color: #000;
}
ol, ul {
	list-style: none outside none;
}
fieldset, img {
	vertical-align: bottom;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
br {
	letter-spacing: 0;
}
li, ol {
	font-size: inherit;
	list-style: none;
}
hr {
	color: #000;
}
select, input, textarea {
	font-size: 99%;
}
pre, code {
	font: 100% monospace;
}
p,li {
	color: #000;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.right {
	float: right;
}
.left {
	float: left;
}
.container{
	margin: 0 auto;
}

/* header　*/
.header_box {
	background: url(/img/bg_header.png) repeat-x top left;
	height: 205px;
	position: relative;
	z-index: 2;
}
#header {
	width: 1000px;
}
#header .sitetitle {
	color: #fff;
	font-size: 13px;
	padding: 10px 0;
	line-height: 1;
	font-weight: normal;
}
#header .sitetitle a{
	color: #fff;
	font-size: 13px;
}
#header .sitetitle a:hover {
	text-decoration: underline;
}
#top_page #header .logo {
	margin-left: 550px;
}
#header a.logo:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
}
#header .lead {
	color: #fff;
	font-size: 13px;
	padding: 10px 0;
}
#top_page #header .lead {
	margin-left: 550px;
}

#lower_page .header_box .container {
	width: 1010px;
}
#lower_page #header {
	float: left;
	width: 430px;
}
#lower_page .gnav {
	width: 571px;
	float: right;
	margin: 50px 0 0;
}
#lower_page .gnav li {
	float: left;
	margin: 0 0 7px 5px;
}
#lower_page .gnav li.first,
#lower_page .gnav li.forth{
	margin: 0 0 7px 0;
}
#lower_page .gnav li a{
	font-size: 14px;
	font-weight: bold;
	display: block;
	position: relative;
	width: 187px;
	height: 41px;
	padding-left: 7px;
	line-height: 41px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../img/gnav.png) no-repeat #fff;
}
#lower_page .gnav li a:hover {
	text-decoration: underline;
}
#lower_page .gnav li.orange a {
	color: #fff;
	background: url(../img/gnav.png) no-repeat #f7931e;
}
#lower_page .gnav li.orange a:hover {
	text-decoration: underline;
}
#lower_page .gnav li a:before {
	position: absolute;
	content: "";
	width: 17px;
	height: 17px;
	top: 11px;
	right: 10px;
	background: url(../img/arrow_red.png) no-repeat;
}
#lower_page .gnav li.orange a:before {
	background: url(../img/arrow_white.png) no-repeat;
}

/* 共通　*/
.banner-bottom {
	text-align: center;
	margin: 20px auto 20px;
}
.banner-bottom a {
	display: block;
	position: relative;
}
.banner-bottom a:hover {
	opacity: 0.8;
-ms-filter: "alpha(opacity=80)";
}
.banner-bottom span {
	width: 175px;
	bottom: 8px;
	right: 15px;
	display: block;
	position: absolute;
	padding: 3px 0;
	z-index: 20;
	background: #22b573 url(/img/arrow_whites.png) no-repeat 155px center;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	border-radius: 5px;
}

/* sub　*/
#sub {
	float: right;
	width: 281px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sub .banner_sub {
	position: relative;
}
#sub .banner_sub:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
}
#sub .banner_sub span {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	bottom: 15px;
	right: 17px;
	display: block;
	text-align: center;
	width: 246px;
	position: absolute;
	padding: 8px 10px 8px 0;
	background: #22b573 url(/img/arrow_white.png) no-repeat 210px center;
	z-index: 50;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sub .cate {
	margin:  20px auto 0;
	border: 2px solid #000;
	background: #fff;
}
#sub .cate a.ttl {
	display: block;
	color: #fff;
	font-size: 15px;
	line-height: 1.3;
	font-weight: bold;
	padding: 8px 30px 8px 10px;
	background: #ed1c24 url(/img/arrow_white.png) no-repeat 250px center;
}
#sub .cate a.ttl:hover {
	text-decoration: underline;
	background: #000 url(/img/arrow_white.png) no-repeat 250px center;
}
#sub .cate a.ttl.solo {
	margin-bottom: 20px;
}
#sub .cate ul {
	margin-bottom: 20px;
}
#sub .cate ul li{
	margin: 7px 0 7px 10px;
}
#sub .cate ul li a {
	display: inline-block;
	padding-left: 10px;
	background: url(/img/arrow.png) no-repeat left 6px;
}
#sub .cate ul li a:not(:target) {
  padding-top: 1px\9;
}
@media all and (-ms-high-contrast: none) {
	#sub .cate ul li a {
		padding-top: 1px;
	}
}
#sub .cate ul li a:hover {
	text-decoration: underline;
}
#sub .cate ul a.more {
	display: inline-block;
	margin-left: 170px;
  padding-right: 15px;
  background: url(/img/arrow.png) no-repeat 70px center;
}
#sub .cate ul a.more:not(:target) {
  padding-top: 5px\9;
}
@media all and (-ms-high-contrast: none) {
	#sub .cate ul a.more {
		padding-top: 5px;
	}
}
#sub .cate ul a.more:hover{
	text-decoration: underline;
}
#sub .sitemap {
	margin: 10px 0;
	text-align: right;
}
#sub .sitemap a {
	padding-right: 40px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(../img/arrow_red.png) no-repeat 88px center;
	font-size: 14px;
}
#sub .sitemap a:not(:target) {
  padding-top: 7px\9;
}
@media all and (-ms-high-contrast: none) {
	#sub .sitemap a {
		padding-top: 7px;
	}
}
#sub .sitemap a:hover {
	text-decoration: underline;
}
#sub .sub_under {
	margin: 30px 0;
	padding: 15px 15px 20px;
	background: url(/img/sub_center.png);
	position: relative;
}
#sub .sub_under:before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 281px;
	height: 26px;
	background: url(/img/sub_top.png) no-repeat;
}
#sub .sub_under:after {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	width: 281px;
	height: 53px;
	background: url(/img/sub_bottom.png) no-repeat;
}
#sub .sub_under p.ttl {
	font-size: 16px;
	color: #ed1c24;
	line-height: 1.3;
	font-weight: bold;
	position: relative;
	padding: 5px 0 10px;
}
#sub .sub_under p.ttl:after {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	width: 112px;
	height: 82px;
	background: url(/img/side_face.png);
}
#sub .sub_under p {
	position: relative;
	z-index: 50;
}
#sub .cate ul.sitemap {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* footer　*/
#footer {
	background: #e3262c;
}
#footer .inner{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#footer a.gotop {
	position: absolute;
	right: -110px;
	top: -52px;
	z-index: 999;
}
#footer a.gotop:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
}
#footer .fnavi {
	padding: 30px 0 20px 0;
}
#footer .fnavi .line {
	float: left;
	margin-left: 40px;
	width: 290px;
}
#footer .fnavi .line1 {
	margin-left: 0;
}
#footer .fnavi .line3 {
	width: 340px;
}
#footer .fnavi a.ttl {
	background: url(/img/bg_blacks.png);
	display: block;
	padding: 7px 10px 7px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	position: relative;
	border-radius: 5px;
}
#footer .fnavi a.ttl:not(:target) {
  padding: 12px 10px 7px\9;
}
@media all and (-ms-high-contrast: none) {
	#footer .fnavi a.ttl {
		padding: 12px 10px 7px;
	}
}
#footer .fnavi a.ttl:hover {
	text-decoration: underline;
}
#footer .fnavi a.ttl span {
	position: absolute;
	display: block;
	width: 16px;
	height: 17px;
	background: url(/img/arrow_rw.png);
	top: 19px;
	right: 10px;
}
#footer .fnavi a.ttl.solo {
	margin-bottom: 40px;
}
#footer .fnavi .box1 ul,
#footer .fnavi .box3 ul {
	height: 180px;
}
#footer .fnavi ul li {
	margin: 8px 0;
}
#footer .fnavi ul li a {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 0 10px;
	background: url(/img/arrow_w.png) no-repeat left 6px;
}
#footer .fnavi ul li a:hover {
	text-decoration: underline;
}
#footer .under {
	background: url(/img/bg_oranged.png);
}
#footer .under .container {
	width: 1000px;
	margin: 0 auto;
	padding: 15px 0;
}
#footer .under .logo:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
}
#footer .under .menseki {
	padding: 10px 10px;
	background: #fff;
	width: 600px;
	margin: 0 0;
	border-radius: 5px;
}
#footer .under .menseki p{
	font-size: 11px;
}
#footer .copy {
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 10px;
	padding: 7px 0;
}
#footer .copy a {
	color: #fff;
	font-size: 10px;
}
#footer .copy a:hover {
	text-decoration: underline;
}

/* top-contents */
#top_page #sec1 {
	position: relative;
	width: 1010px;
	padding: 15px 5px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/img/w1000con_center.png);
	top: -10px;
	height: 1180px;
	margin-bottom: 30px;
}
#top_page #sec1:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 1010px;
	height: 6px;
	background: url(/img/w1000con_bottom.png);
}
#top_page #sec1 .box_howto {
	width: 934px;
	position: absolute;
	z-index: 20;
	left: 40px;
}
#top_page #sec1 .box_howto .howto {
	position: absolute;
	right: 0;
	z-index: 100;
	width: 450px;
}
#top_page #sec1 .box_howto .howto h2 {
	background: url(/img/sec1_h2_center.png) repeat-y top center;
	width: 440px;
	position: relative;
	font-size: 24px;
	padding: 17px 0px;
	color: #ea1c24;
	text-align: center;
}
#top_page #sec1 .box_howto .howto h2:not(:target) {
  padding: 22px 0px 17px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec1 .box_howto .howto h2 {
		padding: 22px 0px 17px;
	}
}
#top_page #sec1 .box_howto .howto h2:before {
	position: absolute;
	content: "";
	width: 440px;
	height: 14px;
	top: 0;
	left: 0;
	background: url(/img/sec1_h2_top.png) no-repeat center;
}
#top_page #sec1 .box_howto .howto h2:after {
	position: absolute;
	content: "";
	width: 440px;
	height: 18px;
	bottom: 0;
	left: 0;
	background: url(/img/sec1_h2_bottom.png) no-repeat center;
}
#top_page #sec1 .box_howto .howto p {
	margin: 5px 0;
}
#top_page #sec1 .box_howto .main_img{
	position: absolute;
	z-index: 50;
	left: -150px;
	top: -158px;
}
#top_page #sec1 .manga {
	position: relative;
	width: 986px;
	height: 974px;
	margin: 0 auto;
	top: 168px;
	background: url(/img/top_manga.png);
	z-index: 100;
}
#top_page #sec1 .manga h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 5px;
}
#top_page #sec1 .manga .box1 {
	position: absolute;
	top: 75px;
	left: 255px;
	width: 315px;
}
#top_page #sec1 .manga .box2 {
	position: absolute;
	top: 330px;
	right: 55px;
	width: 300px;
}
#top_page #sec1 .manga .box3 {
	position: absolute;
	left: 45px;
	top: 340px;
	width: 340px;
}
#top_page #sec1 .manga .fukidashi {
	position: absolute;
	left: 80px;
	bottom: 335px;
	color: #ea1c24;
	font-size: 26px;
	text-align: center;
}
#top_page #sec1 .manga .box4 {
	position: absolute;
	left: 60px;
	top: 690px;
	width: 500px;
}
#top_page #sec1 .manga .box4 p.catch {
	font-size: 22px;
	font-weight: bold;
}
#top_page #sec1 .manga .box4 p{
	color: #fff;
}
#top_page #sec1 .manga a.link {
	display: block;
	position: absolute;
	bottom: 35px;
	left: 243px;
	width: 500px;
	text-align: center;
	background: #0071bc url(/img/arrow_white.png) no-repeat 470px center;
	color: #fff;
	font-size: 27px;
	font-weight: bold;
	border-radius: 5px;
	padding: 10px 0;
	z-index: 999;
}
#top_page #sec1 .manga a.link:not(:target) {
  padding: 15px 0 10px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec1 .manga a.link {
		padding: 15px 0 10px;
	}
}
#top_page #sec1 .manga a.link:hover {
	background: #0099FF url(/img/arrow_white.png) no-repeat 470px center;
}

#top_page #sec2 {
	position: relative;
	width: 1010px;
	padding: 30px 5px 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/img/w1000con_center.png);
	margin-bottom: 30px;
}
#top_page #sec2:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 1010px;
	height: 6px;
	background: url(/img/w1000con_top.png);
}
#top_page #sec2:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 1010px;
	height: 6px;
	background: url(/img/w1000con_bottom.png);
}
#top_page #sec2 h2 {
	position: relative;
	text-align: center;
	margin: 0 auto 10px;
	padding: 25px 0 28px;
	width: 579px;
	font-size: 34px;
	font-weight: bold;
	color: #ea1c24;
	background: url(/img/sec2_h2_center.png);
}
#top_page #sec2 h2:not(:target) {
  padding: 30px 0 28px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec2 h2 {
		padding: 30px 0 28px;
	}
}
#top_page #sec2 h2:before {
	position: absolute;
	content: "";
	width: 579px;
	height: 20px;
	top: 0;
	left: 0;
	background: url(/img/sec2_h2_top.png) no-repeat ;
}
#top_page #sec2 h2:after {
	position: absolute;
	content: "";
	width: 579px;
	height: 28px;
	bottom: 0;
	left: 0;
	background: url(/img/sec2_h2_bottom.png) no-repeat ;
}
#top_page #sec2 h2 span {
	display: block;
	font-size: 26px;
}
#top_page #sec2 p.lead {
	width: 830px;
	margin: 0 auto;
}
#top_page #sec2 #box2,
#top_page #sec2 #box3,
#top_page #sec2 #box4,
#top_page #sec2 #box5,
#top_page #sec2 #box6,
#top_page #sec2 #box7,
#top_page #sec2 #box8{
	display: none;
}
#top_page #sec2 .question_box .question {
	width: 853px;
	margin: 0 auto;
	padding: 70px 0 80px;
	position: relative;
	background: url(/img/chart_center.png) repeat-y;
}
#top_page #sec2 .question_box .question:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 853px;
	height: 63px;
	background: url(/img/chart_top.png) no-repeat;
}
#top_page #sec2 .question_box .question:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 853px;
	height: 49px;
	background: url(/img/chart_bottom.png) no-repeat;
}
#top_page #sec2 .question_box .question .text{
	text-align: center;
}
#top_page #sec2 .question_box .question .text p{
	font-size: 38px;
	font-weight: bold;
	display: inline-block;
	padding-left: 80px;
	background: url(/img/q.png) no-repeat left center;
}
#top_page #sec2 .question_box .question .text p:not(:target) {
  padding-top: 5px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec2 .question_box .question .text p {
		padding-top: 5px;
	}
}
#top_page #sec2 .question_box .question .select.clearfix {
	width: 614px;
	margin: 20px auto;
}
#top_page #sec2 .question_box .question .yes {
	float: left;
}
#top_page #sec2 .question_box .question .yes a {
	display: block;
	width: 307px;
	height: 103px;
	line-height: 103px;
	background: url(/img/yes.png) center top;
	text-align: center;
	color: #fff;
	font-size: 38px;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
}
#top_page #sec2 .question_box .question .yes a:not(:target) {
  line-height: 113px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec2 .question_box .question .yes a {
		line-height: 113px;
	}
}
#top_page #sec2 .question_box .question .yes a:hover {
	background: url(/img/yes.png)  center -103px;
}
#top_page #sec2 .question_box .question .no {
	float: right;
}
#top_page #sec2 .question_box .question .no a {
	display: block;
	width: 307px;
	height: 103px;
	line-height: 103px;
	background: url(/img/no.png) center top;
	text-align: center;
	color: #fff;
	font-size: 38px;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
}
#top_page #sec2 .question_box .question .no a:not(:target) {
  line-height: 113px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec2 .question_box .question .no a {
		line-height: 113px;
	}
}
#top_page #sec2 .question_box .question .no a:hover {
	background: url(/img/no.png)  center -103px;
}
#top_page #sec2 .question_box a.bottom {
	position: absolute;
	bottom: 30px;
	right: 20px;
	padding-right: 30px;
	background: url(/img/arrow_red.png) no-repeat 110px center;
	z-index: 20;
	cursor: pointer;
}
#top_page #sec2 .question_box a.bottom:not(:target) {
  padding-top: 5px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec2 .question_box a.bottom {
		padding-top: 5px;
	}
}
#top_page #sec2 .question_box a.bottom:hover {
	text-decoration: underline;
}

#top_page #sec2 .question_box .result {
	width: 853px;
	margin: 0 auto;
	padding: 70px 0 80px;
	position: relative;
	background: url(/img/chart_center.png) repeat-y;
	padding-bottom: 320px;
}
#top_page #sec2 .question_box .result:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 853px;
	height: 63px;
	background: url(/img/chart_top.png) no-repeat;
}
#top_page #sec2 .question_box .result:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 853px;
	height: 49px;
	background: url(/img/chart_bottom.png) no-repeat;
}

#top_page #sec2 .question_box .result p.ttl {
	position: absolute;
	top: 0;
	left: 279px;
	background: url(/img/result.png) no-repeat center top;
	width: 296px;
	height: 93px;
	text-align: center;
	line-height: 70px;
	font-size: 37px;
	font-weight: bolder;
}
#top_page #sec2 .question_box .result p.ttl:not(:target) {
  line-height: 80px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec2 .question_box .result p.ttl {
		line-height: 80px;
	}
}
#top_page #sec2 .question_box .result p.sub{
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
	line-height: 1.2;
}
#top_page #sec2 .question_box .result p.sub span {
	font-size: 39px;
}
#top_page #sec2 .question_box .result .under {
	position: absolute;
	bottom: 20px;
	left: 23px;
	width: 826px;
	padding: 20px 0 50px;
	background: #fff url(/img/border_black.png) no-repeat top center;
	z-index: 100;
}
#top_page #sec2 .question_box .result .under .catch {
	text-align: center;
	margin-bottom: 5px;
}
#top_page #sec2 .question_box .result .under .catch a{
	background: url(/img/arrow_red.png) no-repeat 435px center;
	padding-right: 60px;
	font-size: 24px;
	font-weight: bold;
	color: #ed1c24;
}
#top_page #sec2 .question_box .result .under .catch a:not(:target) {
  padding-top: 5px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec2 .question_box .result .under .catch a {
		padding-top: 5px;
	}
}
#top_page #sec2 .question_box .result .under .catch a.human {
	background: url(/img/arrow_red.png) no-repeat 405px center;
}
#top_page #sec2 .question_box .result .under .catch a:hover {
	text-decoration: underline;
}
#top_page #sec2 .question_box .result .under .school {
	width: 650px;
	margin: 0 auto;
}
#top_page #sec2 .question_box .result .under .school .left{
	width: 270px;
	height: 174px;
}
#top_page #sec2 .question_box .result .under .school .right {
	width: 370px;
}
#top_page #sec2 .question_box .result .under .school .name {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 5px;
}
#top_page #sec2 .question_box .result .under .school a.link {
	display: block;
	width: 300px;
	background: #22b573 url(/img/arrow_white.png) 270px center no-repeat;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	padding: 5px 0;
	margin: 15px auto 0;
	text-align: center;
	border-radius: 5px;
}
#top_page #sec2 .question_box .result .under .school a.link:hover {
	background: #000000 url(/img/arrow_white.png) 270px center no-repeat;
}


#top_page #sec2 .question_box .result a.bottom {
	bottom: 10px;
	background: url(/img/arrow_red.png) no-repeat 80px center;
}
#top_page #sec2 .question_box .result a.bottom:not(:target) {
  padding-top: 5px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec2 .question_box .result a.bottom {
		padding-top: 5px;
	}
}
#top_page #sec2 .question_box .result.nothing {
	padding-bottom: 270px;
}

#top_page #sec2 .question_box .result.nothing .susume {
	border: 1px solid #000;
	width: 660px;
	margin: 0 auto;
	padding: 10px;
}
#top_page #sec2 .question_box .result.nothing .susume .strong {
	font-size: 17px;
	font-weight: bold;
	color: #ea1c24;
	text-align: center;
}
#top_page #sec2 .question_box .result.nothing a.link {
	display: block;
	width: 600px;
	background: #22b573 url(/img/arrow_white.png) 550px center no-repeat;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	padding: 5px 0;
	margin: 15px auto 0;
	text-align: center;
}
#top_page #sec2 .question_box .result.nothing a.link:not(:target) {
  padding: 10px 0 5px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec2 .question_box .result.nothing a.link {
		padding: 10px 0 5px;
	}
}
#top_page #sec2 .question_box .result.nothing a.link:hover {
	background: #000 url(/img/arrow_white.png) 550px center no-repeat;
}


#top_page .main_contents {
	width: 1010px;
	margin: 0 auto 40px;
}

#top_page #sec3 {
	position: relative;
	width: 706px;
	padding: 30px 30px 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/img/w700con_center.png);
	margin-bottom: 30px;
}
#top_page #sec3:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 706px;
	height: 6px;
	background: url(/img/w700con_top.png);
}
#top_page #sec3:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 706px;
	height: 6px;
	background: url(/img/w700con_bottom.png);
}
#top_page #sec3 h2 {
	margin: 0 auto;
	text-align: center;
	font-size: 34px;
	color: #ea1c24;
	padding: 30px 0 30px;
	margin-bottom: 10px;
	width: 579px;
	background: url(/img/sec3_h2_center.png) repeat-y;
	position: relative;
}
#top_page #sec3 h2:not(:target) {
  padding: 35px 0 30px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec3 h2 {
		padding: 35px 0 30px;
	}
}
#top_page #sec3 h2:before {
	position: absolute;
	content: "";
	width: 579px;
	height: 20px;
	top: 0;
	left: 0;
	background: url(/img/sec2_h2_top.png);
}
#top_page #sec3 h2:after {
	position: absolute;
	content: "";
	width: 579px;
	height: 28px;
	left: 0;
	bottom: 0;
	background: url(/img/sec2_h2_bottom.png);
}
#top_page #sec3 a.box {
	display: block;
	width: 309px;
	padding-top: 5px;
	margin: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#top_page #sec3 a.box:after{
	position: absolute;
	content: "";
	top: 0;
	left: 20px;
	height: 66px;
	z-index: 500;
}
#top_page #sec3 a.box .top {
	position: relative;
	height: 165px;
	background: url(/img/schoolbox_2.png);
	z-index: 10;
}
#top_page #sec3 a.box .top:before {
	position: absolute;
	content: "";
	width: 309px;
	height: 17px;
	top: 0;
	left: 0;
	background: url(/img/schoolbox_1.png);
}
#top_page #sec3 a.box .top:after {
	position: absolute;
	content: "";
	width: 309px;
	height: 4px;
	bottom: 0;
	left: 0;
	background: url(/img/schoolbox_3.png);
}
#top_page #sec3 a.box ul {
	margin-top: 5px;
	padding: 0 20px;
}
#top_page #sec3 a.box ul li {
	float: left;
	font-size: 12px;
	line-height: 1;
	width: 82px;
	height: 32px;
	background: #f7931e;
	padding: 10px 0;
	margin: 0 0 5px 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
}
#top_page #sec3 a.box ul li.off {
	background: #B9B9B9;
	color: #FFFFFF;
}
#top_page #sec3 a.box ul li.first {
	padding: 4px 0;
	margin-left: 0;
}
#top_page #sec3 a.box ul li.forth {
	margin-left: 0;
}
#top_page #sec3 a.box .h3_box {
	position: relative;
}
#top_page #sec3 a.box .h3_box.three h3 {
	padding: 8px 20px 8px 85px;
}
#top_page #sec3 a.box .h3_box.three h3:not(:target) {
  padding: 13px 20px 8px 85px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec3 a.box .h3_box.three h3 {
		padding: 13px 20px 8px 85px;
	}
}
#top_page #sec3 a.box .h3_box img {
	position: absolute;
	top: -5px;
	left: 20px;
}
#top_page #sec3 a.box h3{
	padding: 18px 20px 18px 85px;
	font-size: 20px;
}
#top_page #sec3 a.box .under {
	position: relative;
	height: 185px;
	padding: 0 0 35px;
	background: url(/img/schoolbox_4off.png) repeat-y;
}
#top_page #sec3 a.box:hover .under {
	background: url(/img/schoolbox_4on.png) repeat-y;
}
#top_page #sec3 a.box .under:after {
	position: absolute;
	content: "";
	width: 309px;
	height: 35px;
	bottom: 0;
	left: 0;
	background: url(/img/schoolbox_5off.png);
}
#top_page #sec3 a.box:hover .under:after {
	background: url(/img/schoolbox_5on.png);
}
#top_page #sec3 a.box .under p {
	padding: 0 20px;
}
#top_page #sec3 a.box .under p.catch {
	font-size: 16px;
	font-weight: bold;
	color: #ed1c24;
	line-height: 1.2;
	padding: 5px 20px;
	height: 37px;
}
#top_page #sec3 a.box .under p.more {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 20;
	padding: 0 30px 0 0;
	background: url(/img/arrow_red.png) 68px center no-repeat;
}
#top_page #sec3 a.box .under p.more:not(:target) {
  padding: 5px 30px 0 0\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec3 a.box .under p.more {
		padding: 5px 30px 0 0;
	}
}
#top_page #sec3 a.box:hover .under p.more {
	text-decoration: underline;
}
#top_page #sec3 .text p{
	margin: 10px 0;
}
#top_page #sec3 .text a {
	display: block;
	width: 600px;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	color: #fff;
	background: #0051a5 url(/img/arrow_white.png) no-repeat 550px center;
	padding: 7px 0;
	margin: 10px auto;
	border-radius: 5px;
}
#top_page #sec3 .text a:not(:target) {
  padding: 12px 0 7px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec3 .text a {
		padding: 12px 0 7px;
	}
}
#top_page #sec3 .text a:hover {
	background: #0099ff url(/img/arrow_white.png) no-repeat 550px center;
}

#top_page #sec4 {
	position: relative;
	width: 706px;
	padding: 20px 30px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/img/w700con_center.png);
	margin-bottom: 30px;
}
#top_page #sec4:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 706px;
	height: 6px;
	background: url(/img/w700con_top.png);
}
#top_page #sec4:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 706px;
	height: 6px;
	background: url(/img/w700con_bottom.png);
}
#top_page #sec4 .left {
	width: 364px;
}
#top_page #sec4 h2 {
	width: 364px;
	text-align: center;
	margin: 0 0 10px;
	background: url(/img/sec4_h2_center.png) repeat-y;
	position: relative;
	line-height: 1.1;
}
#top_page #sec4 h2:before {
	position: absolute;
	content: "";
	width: 364px;
	height: 19px;
	top: 0;
	left: 0;
	background: url(/img/sec4_h2_top.png) no-repeat;
}
#top_page #sec4 h2:after {
	position: absolute;
	content: "";
	width: 364px;
	height: 23px;
	bottom: 0;
	left: 0;
	background: url(/img/sec4_h2_bottom.png) no-repeat;
}
#top_page #sec4 h2 a {
	display: block;
	font-size: 32px;
	font-weight: bold;
	color: #ea1c24;
	padding: 23px 0 23px;
}
#top_page #sec4 h2 a:not(:target) {
  padding: 28px 0 23px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec4 h2 a {
		padding: 28px 0 23px;
	}
}
#top_page #sec4 h2 a:hover {
	text-decoration: underline;
}
#top_page #sec4 h2 span {
	font-size: 23px;
}
#top_page #sec4 .right {
	position: relative;
	right: 10px;
}
#top_page #sec4 .right .box {
	position: absolute;
	background: #4d4d4d;
	font-size: 14px;
	color: #fff;
	width: 180px;
	text-align: center;
	bottom: 0;
	left: 24px;
	line-height: 1.4;
	padding: 5px 0 5px;
}
#top_page #sec4 .right .box:not(:target) {
  padding: 10px 0 5px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec4 .right .box {
		padding: 10px 0 5px;
	}
}
#top_page #sec4 a.link {
	width: 600px;
	padding: 10px 0;
	margin: 20px auto 0;
	display: block;
	background: #f7931e url(/img/arrow_white.png) no-repeat 550px center;
	font-size: 23px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 5px;
}
#top_page #sec4 a.link:not(:target) {
  padding: 15px 0 10px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec4 a.link {
		padding: 15px 0 10px;
	}
}
#top_page #sec4 a.link:hover {
	background: #FFC750 url(/img/arrow_white.png) no-repeat 550px center;
}


#top_page #sec5 {
	position: relative;
	width: 706px;
	padding: 30px 30px 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/img/w700con_center.png);
	margin-bottom: 30px;
}
#top_page #sec5:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 706px;
	height: 6px;
	background: url(/img/w700con_top.png);
}
#top_page #sec5:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 706px;
	height: 6px;
	background: url(/img/w700con_bottom.png);
}
#top_page #sec5 h2 {
	width: 579px;
	text-align: center;
	background: url(/img/sec3_h2_center.png);
	margin: 0 auto 15px;
	position: relative;
}
#top_page #sec5 h2:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 579px;
	height: 22px;
	background: url(/img/sec3_h2_top.png) no-repeat;
}
#top_page #sec5 h2:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 579px;
	height: 28px;
	background: url(/img/sec3_h2_bottom.png) no-repeat;
}
#top_page #sec5 h2 a {
	display: block;
	font-size: 34px;
	font-weight: bold;
	color: #ea1c24;
	padding: 30px 0 30px;
}
#top_page #sec5 h2 a:not(:target) {
  padding: 35px 0 30px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec5 h2 a {
		padding: 35px 0 30px;
	}
}
#top_page #sec5 h2 a:hover {
	text-decoration: underline;
}
#top_page #sec5 .box {
	display: block;
	float: left;
	width: 203px;
	height: 290px;
	margin-left: 18px;
	background: url(/img/gradation_red.png) repeat-x center 251px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #000;
	padding: 10px 14px;
}
#top_page #sec5 .box:hover {
	background: #ed1c24 url(/img/gradation_white.png) repeat-x center 251px;
}
#top_page #sec5 .box:first-child {
	margin-left: 0;
}
#top_page #sec5 .box h3{
	font-size: 16px;
	color: #ed1c24;
}
#top_page #sec5 .box:hover h3{
	color: #fff;
}
#top_page #sec5 .box img {
	margin: 5px 0;
}
#top_page #sec5 .box:hover p{
	color: #fff;
}


#top_page #sec6 {
	position: relative;
	width: 706px;
	padding: 25px 30px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/img/w700con_center.png);
}
#top_page #sec6:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 706px;
	height: 6px;
	background: url(/img/w700con_top.png);
}
#top_page #sec6:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 706px;
	height: 6px;
	background: url(/img/w700con_bottom.png);
}
#top_page #sec6 img.left_top {
	top: 6px;
	left: 5px;
	position: absolute;
}
#top_page #sec6 .right.top{
	float: right;
	width: 364px;
}
#top_page #sec6 .right.top h2 {
	width: 364px;
	margin: 0 0 10px;
	text-align: center;
	background: url(/img/sec4_h2_center.png);
	position: relative;
}
#top_page #sec6 h2:before {
	position: absolute;
	content: "";
	width: 364px;
	height: 19px;
	top: 0;
	left: 0;
	background: url(/img/sec4_h2_top.png) no-repeat;
}
#top_page #sec6 h2:after {
	position: absolute;
	content: "";
	width: 364px;
	height: 23px;
	bottom: 0;
	left: 0;
	background: url(/img/sec4_h2_bottom.png) no-repeat;
}
#top_page #sec6 .right.top h2 a{
	display: block;
	font-size: 32px;
	font-weight: bold;
	color: #ea1c24;
	padding: 23px 0;
}
#top_page #sec6 .right.top h2 a:not(:target) {
  padding: 28px 0 23px\9;
}
@media all and (-ms-high-contrast: none) {
	#top_page #sec6 .right.top h2 a {
		padding: 28px 0 23px;
	}
}
#top_page #sec6 .right.top h2 a:hover {
	text-decoration: underline;
}
#top_page #sec6 .right.top h2 span {
	font-size: 23px;
}
#top_page #sec6 .list {
	margin: 20px 0 0;
}
#top_page #sec6 .box {
	display: block;
	width: 315px;
	margin-bottom: 10px;
	border: 2px solid #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#top_page #sec6 .box h3 {
	display: table-cell;
	vertical-align: middle;
	width: 315px;
	height: 75px;
	font-size: 22px;
	color: #ed1c24;
	padding: 0 20px;
	background: url(/img/bg_oranges.png);
}
#top_page #sec6 .box:hover h3 {
	text-decoration: underline;
}
#top_page #sec6 .box p {
	height: 140px;
	padding: 10px 20px;
}
#top_page #sec6 .box:hover p {
	background:  url(/img/bg_oranges.png);
}
#top_page #sec6 img.right_bottom {
	position: absolute;
	bottom: 25px;
	right: 25px;
}

/* lower　*/
#lower_page #contents{
	width: 1000px;
	margin: 0 auto 40px;
}
#lower_page #pankuzu {
  margin: 10px auto 15px;
	font-size: 13px;
	color: #666666;
}
#lower_page #pankuzu a {
	color: #666666;
	font-size: 13px;
	text-decoration: none;
	border-bottom: none;
}
#lower_page #pankuzu a:hover {
	text-decoration: underline;
}
#lower_page #pankuzu span {
	display: inline-block;
	margin: 0 10px;
	width: 6px;
	height: 11px;
	background: url(/img/arrow_b.png) no-repeat center center;
}
#lower_page #main {
	position: relative;
	width: 706px;
	padding: 25px 30px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/img/w700con_center.png);
}
#lower_page #main:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 706px;
	height: 6px;
	background: url(/img/w700con_top.png);
}
#lower_page #main:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 706px;
	height: 7px;
	background: url(/img/w700con_bottom.png);
}
#lower_page #main p {
	margin: 10px 0;
}

#lower_page #main h1{
	color: #ea1c24;
	width: 650px;
	padding: 25px 15px;
	margin: 10px auto 15px;
	font-size: 27px;
	font-weight: bold;
	background: url(/img/h1_center.png);
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#lower_page #main h1:not(:target) {
  padding: 30px 15px 25px\9;
}
@media all and (-ms-high-contrast: none) {
	#lower_page #main h1 {
		padding: 30px 15px 25px;
	}
}
#lower_page #main h1:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 650px;
	height: 20px;
	background: url(/img/h1_top.png);
}
#lower_page #main h1:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 650px;
	height:25px;
	background: url(/img/h1_bottom.png);
}
#lower_page #main h1 a {
	font-size: 27px;
	color: #ea1c24;
}
#lower_page #main h2 {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	width: 650px;
	padding: 15px 0 15px 20px;
	margin: 25px auto 15px;
	background: url(/img/h2_top.png);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
#lower_page #main h2:not(:target) {
  padding: 20px 0 15px 20px\9;
}
@media all and (-ms-high-contrast: none) {
	#lower_page #main h2 {
		padding: 20px 0 15px 20px;
	}
}
#lower_page #main h2:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 650px;
	height:12px;
	background: url(/img/h2_bottom.png);
}
#lower_page #main h2 a {
	font-size: 22px;
	color: #fff;
}

#lower_page #main h3 {
	color: #ed1c24;
	font-size: 22px;
	font-weight: bold;
	width: 650px;
	padding: 10px 0 10px 95px;
	margin: 25px auto 15px;
	background: url(/img/h3_bg.png);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
#lower_page #main h3:not(:target) {
  padding: 15px 0 10px 95px\9;
}
@media all and (-ms-high-contrast: none) {
	#lower_page #main h3 {
		padding: 15px 0 10px 95px;
	}
}
#lower_page #main h3:before {
	position: absolute;
	content: "";
	top: -5px;
	left: 10px;
	width: 77px;
	height: 41px;
	background: url(/img/h3_icon.png);
}
#lower_page #main h3 a {
	font-size: 22px;
	color: #ed1c24;
}

#lower_page #main h4 {
	color: #333333;
	font-size: 16px;
	margin: 25px auto 15px;
	border-bottom: 2px solid #ed1c24;
}
#lower_page #main h4 a{
	color: #333333;
	font-size: 16px;
}
#lower_page #main h1 a:hover,
#lower_page #main h2 a:hover,
#lower_page #main h3 a:hover,
#lower_page #main h4 a:hover{
	text-decoration: underline;
}


#lower_page #main ul li {
	font-size: 13px;
	color: #4d4d4d;
	padding-left: 25px;
	margin: 10px 0;
	background: url(/img/ul_li.png) left 1px no-repeat;
}
#lower_page #main ul li a{
	font-size: 13px;
	color: #4d4d4d;
}
#lower_page #main ul li a:hover {
	text-decoration: underline;
}

#lower_page #main ol {
	counter-reset: ol_li;
}
#lower_page #main ol li {
	position: relative;
	padding-left: 25px;
	margin: 10px 0;
	line-height: 1.8;
}
#lower_page #main ol li:not(:target) {
  padding-top: 1px\9;
}
@media all and (-ms-high-contrast: none) {
	#lower_page #main ol li {
		padding-top: 1px;
	}
}
#lower_page #main ol li:before {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 16px;
    height: 16px;
    padding: 1px 1px 2px;
    border-radius: 100px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    counter-increment: ol_li;
    content: counter(ol_li);
    background: #f4901e;
}
#lower_page #main ol li a:hover {
	text-decoration: underline;
}

#lower_page #main a.text {
	display: block;
	text-align: right;
	position: relative;
	padding-right: 20px;
	margin: 10px 0;
}
#lower_page #main a.text:not(:target) {
  padding-top: 5px\9;
}
@media all and (-ms-high-contrast: none) {
	#lower_page #main a.text {
		padding-top: 5px;
	}
}
#lower_page #main a.text:hover {
	text-decoration: underline;
}
#lower_page #main a.text:after {
	position: absolute;
	content: "";
	bottom: 0;
	top: 0;
	right: 0;
	width: 17px;
	height: 100%;
	background: url(/img/arrow_red.png) no-repeat center center;
}

#lower_page #main table {
	width: 100%;
	border-collapse: collapse;
	margin: 15px 0;
}
#lower_page #main table th{
	color: #fff;
	background: #000;
	font-size: 15px;
	border: 1px solid #666666;
	text-align: center;
	padding: 5px;
}
#lower_page #main table td{
	text-align: left;
	font-size: 15px;
	border: 1px solid #666666;
	padding: 5px;
}