@charset "UTF-8";

/********************************************************
 import
 ********************************************************/
/*
@import "normalize.css";
*/

/********************************************************
 normalize ( normalize.css v5.0.0 )
 ********************************************************/
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:0 0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type="button"]{-webkit-appearance:button}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}

/********************************************************
 basic
 ********************************************************/

body {
	margin: 0px;
	color: #333;
	font-size: 14px;
	line-height: 15pt;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #EEE;
}

ul {
	margin:0;
	padding: 0;
	list-style-type: none;
}

li {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	vertical-align: bottom;
}

a {
	color: #3636FF;
}

a:hover {
	text-decoration: none;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	line-height: 1em;
	font-size:100%;
	font-weight:normal;
}

form {
	margin:0;
	padding:0;
}


table{margin:0 0 0.6rem;border-collapse:collapse;border-spacing:0;}
td > table {margin-bottom:-1px;}
td{margin:0;padding:.5rem;border:1px solid #999;background-color: #EEE;}
td p:last-child{margin:0;}
th{margin:0;padding:.5rem;background-color:#A4B8D0;border:1px solid #999;font-weight:normal;}
th p:last-child{margin:0;}

.err_msg {
	margin:20px 0;
	padding:10px;
	text-align:center;
	font-weight:bold;
	background-color:#FFFE51;
}


/********************************************************
 common
 ********************************************************/

.clearboth {clear: both}

.ftl {float:left}
.ftr {float:right}

.tal {text-align:left}
.tar {text-align:right}
.tac {text-align:center}

.cac {margin: 0 auto}


.mgb0 { margin-bottom:0!important; }
.mgb5 { margin-bottom:5px!important; }
.mgb10 { margin-bottom:10px!important; }
.mgb15 { margin-bottom:15px!important; }
.mgb20 { margin-bottom:20px!important; }
.mgb25 { margin-bottom:25px!important; }
.mgb30 { margin-bottom:30px!important; }
.mgb35 { margin-bottom:35px!important; }
.mgb40 { margin-bottom:40px!important; }
.mgb45 { margin-bottom:45px!important; }
.mgb50 { margin-bottom:50px!important; }
.mgb60 { margin-bottom:60px!important; }
.mgb70 { margin-bottom:70px!important; }
.mgb80 { margin-bottom:80px!important; }
.mgb90 { margin-bottom:90px!important; }
.mgb100 { margin-bottom:100px!important; }

.mgt0 { margin-top:0!important; }
.mgt5 { margin-top:5px!important; }
.mgt10 { margin-top:10px!important; }
.mgt15 { margin-top:15px!important; }
.mgt20 { margin-top:20px!important; }
.mgt25 { margin-top:25px!important; }
.mgt30 { margin-top:30px!important; }
.mgt35 { margin-top:35px!important; }
.mgt40 { margin-top:40px!important; }
.mgt45 { margin-top:45px!important; }
.mgt50 { margin-top:50px!important; }
.mgt60 { margin-top:60px!important; }
.mgt70 { margin-top:70px!important; }
.mgt80 { margin-top:80px!important; }
.mgt90 { margin-top:90px!important; }
.mgt100 { margin-top:100px!important; }

.mgl0  {margin-left:0px!important;}
.mgl5  {margin-left:5px!important;}
.mgl10 {margin-left:10px!important;}
.mgl15 {margin-left:15px!important;}
.mgl20 {margin-left:20px!important;}
.mgl25 {margin-left:25px!important;}
.mgl30 {margin-left:30px!important;}
.mgl35 {margin-left:35px!important;}
.mgl40 {margin-left:40px!important;}
.mgl45 {margin-left:45px!important;}
.mgl50 {margin-left:50px!important;}
.mgl60 {margin-left:60px!important;}
.mgl70 {margin-left:70px!important;}
.mgl80 {margin-left:80px!important;}
.mgl90 {margin-left:90px!important;}
.mgl100 {margin-left:100px!important;}

.mgr0  {margin-right:0px!important;}
.mgr5  {margin-right:5px!important;}
.mgr10 {margin-right:10px!important;}
.mgr15 {margin-right:15px!important;}
.mgr20 {margin-right:20px!important;}
.mgr25 {margin-right:25px!important;}
.mgr30 {margin-right:30px!important;}
.mgr35 {margin-right:35px!important;}
.mgr40 {margin-right:40px!important;}
.mgr45 {margin-right:45px!important;}
.mgr50 {margin-right:50px!important;}
.mgr60 {margin-right:60px!important;}
.mgr70 {margin-right:70px!important;}
.mgr80 {margin-right:80px!important;}
.mgr90 {margin-right:90px!important;}
.mgr100 {margin-right:100px!important;}


.fb {
	font-weight:bold;
	letter-spacing: 1px;
}

.note {color: #F00}

.manga_title {
	padding: 20px 20px 0;
	background: #FFF;
	font-weight: bold;
	font-size: 21px;
/*	line-height: 20pt;*/
	color: #00F;
}

/********************************************************
 layout
 ********************************************************/

/* contents */

.contents {
	width:1000px;
	margin:0 auto;
	overflow: hidden;
	clear: both;
}


/* page_index */

#page_index {
	margin-bottom: 20px;
	padding: 20px;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	background-color: #7E5656;
}

#index_sub {
	margin:20px 0;
	padding:25px;
	font-size:18px;
	line-height:25px;
	background-color: #FFF;
	box-shadow: 0 14px 8px -8px #999;

}

/* label */

.label {
	margin-bottom: 20px;
	padding: 8px 20px;
	line-height: 15pt;
	font-weight: bold;
	border-top: 3px solid #44668E;
	background-color: #FFF;
}


/* article */

.article {
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;
}

.noindent * {
	text-indent: 0em !important;
}


/* message */

.message {
	border: 1px solid #D3D3D3;
	background-color: #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	line-height: 20pt;
}

.important {
/*	margin-right: 10px;*/
	border-color: #5592FF;
	border-width: 10px;
	font-size: 18px;
/*	box-shadow: 4px 4px 8px #999;*/
	box-shadow: 0 14px 8px -8px #999;

	background-color: #E6F6FF;
}

.important .caption {
	padding: 20px;
	font-size: 24px;
	color: #000;
/*
	color: #FFF;
	background-color: #FF6BF9;
*/
}


.osirase_cap {
	margin-top: 20px;
	padding: 15px;
	line-height: 20pt;
	font-size: 18px;
	border: 10px solid #31E361;
	background-color: #FFF;
}

.osirase_title {
	margin: 15px 0 25px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #000;
}




.msg_celebration {
	height: 1000px;
	border: 10px solid #FDCAFF;
	background-color: #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20pt;
}

.msg_celebration .msg1 {
	padding: 35px 0 0 100px;
	height: 105px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #FD7CA9;
	background-image: url("../image/bak_msg_celebration.jpg");
}

.msg2 {
	margin: 10px 30px 0 30px;
}

.msg3 {
	margin: 50px 30px 0 30px;
}

.msg_20210220 {
/*	height: 600px;*/
	border: 10px solid #31E361;
	background-color: #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20pt;
}

.msg_20210220 .msg1 {
	padding: 30px;
/*	height: 105px;*/
	font-size: 1.2rem;
	font-weight: bold;
/*	color: #000;*/
}

.msg_20210301 {
	border: 10px solid #31E361;
	background-color: #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20pt;
}

.msg_20210301 .msg1 {
	padding-top: 30px;
	height: 105px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #000;
}



.msg {
	margin-bottom: 30px;
	padding: 1.6rem;
	color: #333;
	border: solid 2px #333;
	background-color: #FFF;
	border-radius: 10px;

}


.frame_record {
	border: 10px solid #31E361;
	background-color: #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20pt;
}

.frame_record .msg1 {
	padding: 30px;
	font-size: 1.2rem;
	font-weight: bold;
}



/* caption */

.caption {
	font-size: 22px;
	font-weight: bold;
	line-height: 25pt;
	color: #666;
	margin-bottom: 15px;
}


/* header */

#header {
	padding: 10px 0px;
	background-color: #FFF;
}

#header h1 {
	font-size: 12px;
	color: #999;
}

#header h2 {
	background-image: url(../image/emblem.png);
	background-size: 90px 90px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 46px;
	line-height: 36px;
	padding-left: 105px;
	float: left;
	height: 90px;
}
#header h2 span {
	font-size: 24px;
}

#header a {
	color: #0FA63C;
	text-decoration: none;
}

#header_menu {
	float: right;
	font-size: 12px;
}


/* menu */

#menu {
	margin-bottom: 20px;
	border-top: 5px solid #56747E;
	height: 68px;
	background-image: url(../image/menu_back.png);
}

#menu li {
	float: left;
	overflow: hidden;
	height: 60px;
}

#menu a {
	color: #666;
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 60px;
	background-image: url(../image/menu_bar.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

#menu a:hover {
	color: #FFF;
	background-color: #44668E;
}

#menu #menu_about {
	width: 150px;
}

#menu #menu_kentei {
	width: 160px;
}

#menu #menu_kentei a {
/*	padding-top: 12px;
	line-height: 18px !important;*/

	color:#000;
	background-color:#E59C9D;
	font-weight: bold;
}

#menu #menu_kentei a:hover {
	color: #FFF;
	background-color: #44668E;
}

#menu #menu_qanda {
	width: 135px;
}

#menu #menu_school {
	width: 170px;
}

#menu #menu_school a {
	padding-top: 12px;
	line-height: 18px !important;

	color:#000;
	background-color:#EDE67F;
	font-weight: bold;
}

#menu #menu_school a:hover {
	color: #FFF;
	background-color: #44668E;
}

#menu #menu_soft {
	width: 140px;
}

#menu #menu_update {
	width: 130px;
}

#menu #menu_update a {
	padding-top: 12px;
	line-height: 18px !important;
}

#menu #menu_merumaga {
	width: 140px;
}

#menu #menu_contact {
	width: 110px;
	background-image: url(../image/menu_bar.png);
	background-repeat: no-repeat;
	background-position: 100% 0px;
}


/* main */

#main_left {
	width: 720px;
	min-height:500px;
	float: left;
	overflow: hidden;
}

#main_right {
	width: 250px;
	float: right;
	overflow: hidden;
}


/* bnr_osirase */

.bnr_osirase {
	width: 250px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	margin-bottom: 10px;
	background-color: #44668E;
}

.bnr_osirase a {
	color: #DDD;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.bnr_osirase a:hover {
	color: #44668E;
	background-color: #DDD;
}

.line2 {
	height: 60px;
	line-height: 20px;
}

.line2 a {
	height: 50px;
	padding-top: 10px;
}

.ippankentei {
#	background-color:#E59C9D;
	background-color:#00AA42;
	font-weight:bold;
}

.ippankentei a {
	color:#FFF !important;
}


#right_rank {
	margin-top:10px;
	background-color: #FFF;
	border: 1px solid #44668E;
}

#right_rank h3 {
	padding: 15px 20px;
	line-height: 15pt;
	font-weight: bold;
	background-color: #A4B8D0;
}

#right_rank div {
	padding:5px 10px;
}

#right_rank div:nth-child(odd) {
	background-color: #F2F2F8;
}

#right_rank a {
	color: #333;
	text-decoration: none;
}

#right_rank a:hover {
	text-decoration: underline;
}


/* footer */

#footer_menu {
	margin-top: 50px;
	padding: 30px 0px;
	background-color: #56747E;
}

#footer_menu a {
	color: #FFF;
	text-decoration: none;
}

#footer_menu a:hover {
	text-decoration: underline;
}

#footer_caution {
	padding: 15px;
	background-color: #FFD851;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
}

#copyright {
	padding: 10px;
	text-align: center;
}





/* osirase */

.osirase {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #999999;
	clear: both;
	overflow: hidden;
}

.osirase .title {
	color: #009;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

.osirase .image {
	float: left;
	margin-top: 10px;
	margin-right: 20px;
}

.osirase .date {
	color: #FF6700;
}

.osirase .text {
	float: left;
	margin-top: 10px;
	width: 530px;
}

.fukidasi {
	margin: 10px 10px;
	padding: 2rem;
	border: solid 3px #F55;
	overflow: hidden;
	width: 85%;
	background: #FFF7B3;
	box-shadow: 0 0 10px 1px #CCC;
	-moz-box-shadow: 0 0 10px 10px #CCC;
	-webkit-box-shadow: 0 0 10px 1px #CCC;
}

/* update_info */

#update_info .info {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999999;
	clear: both;
	overflow: hidden;
}

#update_info .date {
	width: 120px;
	float: left;
	color: #F00;
}

#update_info .text {
	float: left;
	margin-left: 10px;
}


/* kosikisoft */

.kosikisoft {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #999999;
	clear: both;
	overflow: hidden;
}

.kosikisoft .title {
	color: #009;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
}

.kosikisoft .image {
	float: left;
	margin-right: 20px;
}

.kosikisoft .text {
	float: left;
	width: 520px;
}


/* map */

.map {
	width: 720px;
	overflow: hidden;
	padding: 10px 10px 10px 0;
	background-color: #D4ECFF;
}

.map > div {
	float: right;
}

.map_area1 {
}

.map_area2 {
	margin-top: 220px;
}

.map_area3 {
	margin-top: 300px;
}

.map_area4 {
	margin-top: 300px;
}

.map_area5 {
	margin-top: 340px;
	margin-right: 5px;
}

.map a {
	display: inline-block;
	border-radius: 5px;
	margin: 2px 2px;
	width: 50px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: #FFF;
	text-decoration: none;
	transition: .2s;
}

.map a:hover {
	opacity: 0.6;
	color: #000;
}

.map .hokkaido a {
	background: #99C1D6;
}

.map .tohoku a {
	background: #82A0DD;
}

.map .kanto a {
	background: #A2D04B;
}

.map .chubu a {
	background: #EC9B9B;
}

.map .kinki a {
	background: #FBB855;
}

.map .chugoku a {
	background: #C696D5;
}

.map .shikoku a {
	background: #8A94D2;
}

.map .kyushu a {
	background: #F46D6D;
}

.map .size6 {
	width: 104px;
	padding: 25px 0;
}

.map .size5 {
	width: 104px;
}

.map .size2t {
	height: 76px;
	line-height: 76px;
}




/* todoufuken_list */

.todoufuken_list {
	border-style: none;
	border-collapse: separate;
	border-spacing: 5px;
}

.todoufuken_list td {
	padding: 4px;
	width: 3.5em;
	height: 1em;
	border-style: none;
	text-align: center;
}

.todoufuken_list td.border_left {
	border-left: 1px solid #999;
}

.todoufuken_list th {
	padding: 4px;
	width: 6em;
	border-style: none;
	background-color : transparent ;
}

.todoufuken_list th.hokkaido {
	border-right: 3px solid #99C1D6;
}

.todoufuken_list th.touhoku {
	border-right: 3px solid #82A0DD;
}

.todoufuken_list th.kantou {
	border-right: 3px solid #A2D04B;
}

.todoufuken_list th.chubu {
	border-right: 3px solid #EC9B9B;
}

.todoufuken_list th.kinki {
	border-right: 3px solid #FBB855;
}

.todoufuken_list th.chugoku {
	border-right: 3px solid #C696D5;
}

.todoufuken_list th.sikoku {
	border-right: 3px solid #8A94D2;
}

.todoufuken_list th.kyushu {
	border-right: 3px solid #F46D6D;
}

.school_name {
	color: #009;
	font-size: 22px;
	line-height: 1.5em;
	margin-bottom: 10px;
	font-weight: bold;
}


#school_search_result {
	width: 100%;
}

#school_search_result td {
	background-color: #FFF;
}

.star_desc td {
	border-style: none;
	padding: 0 10px;
}

/* pass_certificate */

.pass_certificate_result {
	margin:50px;
	text-align:center;
	font-size: 20px;
}

.pass_certificate_result .fs {
	font-size: 15px;
}

/********************************************************
 parts
 ********************************************************/

.a_blank {
	background-image: url(../image/icon_targetblank.png);
	background-repeat: no-repeat;
	background-position: right 0%;
	padding-right: 26px;
}

.f_blue {color: #1A91FF}


/* button */

.button {
	padding: 10px;
	background-color: #44668E;
	color: #DDD;
	text-decoration: none;
	display: inline-block;
}


.button:hover {
	color: #44668E;
	background-color: #DDD;
}

.required {
	float: right;
	color: #FFF;
}

/********************************************************
 lightbox
 ********************************************************/

.lightbox img {
	margin-right:3px;
}

.lightbox a img {
	border: 5px #DDD solid;
}

.lightbox a:hover img {
	border: 5px #00BFFF solid;
}



button.mini {
	display: inline-block;
	border-radius: 5px;
	margin: 2px 2px;
	width: 150px;
	height: 50px;
	color: #FFF;
	background-color: rgb(68, 151, 228);
	text-align: center;
	line-height: 36px;
	transition: .2s;
}

button.mini:hover {
	cursor: pointer;
	opacity: 0.6;
}

#foc_ranking_btn a {
	display: inline-block;
	border-radius: 5px;
	margin: 2px 2px;
	width: 350px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	font-weight: bold;
	background-color: rgb(68, 151, 228);
	text-decoration: none;
	transition: .2s;
}

.youkou {
	boreder:1px solid #333;
}

.youkou th {
	padding: 8px 12px;
	background-color: #D2F5FF;
}

.youkou td {
	padding: 8px 12px;
	background-color: #FFF;
}

.tbl_record td, .tbl_record tr {
	font-size:17px;
}