@charset "UTF-8";

/********************************************************
 import
 ********************************************************/

@import "normalize.css";
@import "srchbox.css";

/********************************************************
 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;
}

ol {
/*
	margin:0;
	padding: 0;
	list-style-position: inside;
*/
}

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;
}

p {
	margin: 0 0 0.8em;
}

form {
	margin:0;
	padding:0;
}

td {
	padding: 10px;
	border: 1px solid #999;
	background-color: #EEE;
}

th {
	padding: 10px;
	font-weight: normal;
	border: 1px solid #999;
	background-color: #A4B8D0;
	text-align: center;
}


/********************************************************
 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}


/********************************************************
 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;
}


/* 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;
}

.article p {
	text-indent: 1em;
}

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


/* message */

.message {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #D3D3D3;
	background-color: #FFF;
	padding: 20px;
	line-height: 20pt;
}

.important {
	border-color: #A00;
	border-width: 10px;
}


/* 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-repeat: no-repeat;
	font-weight: bold;
	font-size: 25px;
	padding-top: 10px;
	padding-left: 45px;
	padding-bottom: 7px;
	float: left;
}

#header h2 a {
	color: #000;
	text-decoration: none;
}

#header h2 a:hover {
	color: inherit;
	background-color: inherit;
}

#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_top {
	width: 100px;
}

#menu #menu_about {
	width: 150px;
}

#menu #menu_school {
	width: 170px;
}

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

#menu #menu_soft {
	width: 140px;
}

#menu #menu_update {
	width: 200px;
}

#menu #menu_merumaga {
	width: 140px;
}

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


/* main */

#main_left {
	width: 720px;
	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;
}

/* 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 .text {
	float: left;
	margin-top: 10px;
	width: 530px;
}


/* 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;
}

.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: 10px;
}

.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;
}

.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;
}




/********************************************************
 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;
}