@charset "utf-8";
/* CSS Document */
/* ----------------------------------
	* FOR -//W3C//DTD XHTML 1.1//EN
	* Copyright (c) 2007 DESIFIX Production., All rights reserved. Build 20080626
	*
	* BUILD  2008-12-22
	* 
	* font size adjustment chart
	* 10px(77%) 11px(85%) 12px(92%) 13px(100%) 14px(107%) 15px(114%)
	* 16px(122%) 17px(129%) 18px(136%) 19px(144%) 20px(152%)
	* 21px(159%) 22px(167%) 23px(174%) 24px(182%) 25px(189%) 26px(197%)
	* 
	* Copyright (c) 2007, Yahoo! Inc. All rights reserved.
	* Code licensed under the BSD License:
	* http://developer.yahoo.net/yui/license.txt
	* version: 2.2.0
	* ----------------------------------- */
	/*reset.css*/body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,tr,td,address{margin:0;padding:0; font-style:normal}table{empty-cells:show; border-collapse:collapse; border-spacing:0px; margin:0;}fieldset,img{margin:0;border-style:none;}th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
	/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; }table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.45em;}

	body{ margin:0px 0px; text-align:left; color:#444444;
		font-family: メイリオ, Meiryo, 'Lucida Grande', 'Bitstream Vera Sans', 'Segoe UI', Calibri, Verdana, Arial, 'ＭＳ Ｐゴシック', IPAPGothic, sans-serif ! important;
		text-autospace:ideograph-alpha;
	}
	img{ border-style:none; border-width:0px;}
	div{ overflow:hidden; display:block;}
	
	a:link{ color:#2448a4; text-decoration: underline; }
	a:visited{ color:#2448a4; text-decoration: underline; }
	a:hover{ color:#cc0066; text-decoration: underline; }
	a:active{ color:#2448a4; text-decoration: underline; }

	table.nomargin{ empty-cells:show; border-collapse:collapse; border-spacing:0px; }
	table.nomargin tr td{ padding:0px; vertical-align:top; text-align:left;
	font-family: メイリオ, Meiryo, 'Lucida Grande', 'Bitstream Vera Sans', 'Segoe UI', Calibri, Verdana, Arial, 'ＭＳ Ｐゴシック', IPAPGothic, sans-serif ! important;
		text-autospace:ideograph-alpha;}


	br.clear-both{
	font: 1px/1px monospace;
	display: block; clear:both; height:1px;
	}
	

/* --------------------------
	* end of Core setting
------------------------- */

/* common layout base */
body { text-align: center; background:#f7f7f8 url(/img/body-bg.jpg) repeat-x bottom ;}

	.layout-right{ height:auto; float:right; overflow:hidden; display:block; }
	.layout-left{ height:auto; float:left; overflow:hidden; display:block; }
	.layout-both{ height:auto; clear:both; overflow:hidden; display:block; }
	
	.list { padding:0; margin:0; min-height: 1px;}
	.list li {list-style:none;padding:0; margin:0}
	.list li img { vertical-align:bottom}

	.left { text-align:left}
	.right { text-align:right}
	.center { text-align:center}
	
	.clearfix:after { content:"."; display: block;clear: both;height: 0;visibility: hidden;}
	.clearfix { min-height:1px;}
	* html .clearfix {
  	height: 1px;
  	/*¥*//*/
  	height: auto;
  	overflow: hidden;
  	/**/
	}
	

#wrapper {  
width: 100%;  
background: url(/img/iland.png) repeat-x left bottom;  
background-attachment: fixed;  
}
* html #wrapper {background-image: none;}

@media print {
body { background:none}
#wrapper { width:952px;}
}

#layout-wrapper {
	width: 950px;
	border: solid 1px #d9dbdc;
	border-top: none;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	background: #fff;
	text-align: left
}


/* common-header-style */
#header { height:77px; overflow:hidden; background:url(/img/header-bg.jpg) no-repeat right top; border-top: 3px #2a5cb5 solid}
#header #site-logo { width:600px; float:left}
#header #site-logo img { margin:8px 0 0 8px;}
#header #adr { float:right; width:270px;}
#header #adr img { margin:9px 0 0 0}

.main-menu { height:38px; clear:both; padding-left:70px;}
.main-menu li{ float:left; }

#menu_box {
	background-image: url(../img/menu_bg.jpg);
	text-align: center;
	background-repeat: repeat-x;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.menu {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
}
/* common-footer-style */
#navi {
	clear: both;
	font-size: 85%;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}
#navi li { display:inline}
#copyright { clear:both; height:24px; line-height:24px; background:#2a5cb5 url(/img/copyright-bg.gif) no-repeat 0 0; color:#c1cad9;font-size:77%;padding:0 10px; margin:0}

/* goto-page-top */
#top {
	clear: both;
	text-align: right;
	margin-top: 50px;
	margin-right: 50px;
	margin-left: 50px;
}


/* sub-page-common-style */
#main-column { background:url(/img/doc-bg.gif) no-repeat 0 0; clear:both; padding:20px 50px 20px 50px;clear:both;}

#top-column { background:url(/img/doc-bg.gif) no-repeat 0 0; padding:20px 0px 0px 0px;}
.table_100 {
  font-size: 13px;
  border-collapse: collapse;
  border: 1px solid #666;
  margin-top: 20px;
  width: 100%;
}
.table_100 ul {
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.table_100 li {

}
.table_data_header,.table_item,.table_data_left,.table_data_center{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #999;
  border-spacing: 0px 0px;
  vertical-align: top;
}
.table_data_header {
  background-color: #EEEEEE;
  text-align: center;
}
.table_data_center {
  text-align: center;
}
.table_item {
  text-align: center;
  background-color: #EEEEDD;
}

#page-title { background:url(/img/title-bg.gif) no-repeat 0 0; height:93px; width:850px; clear:both;margin-bottom:35px;}
#page-title img { margin:35px 0 0 23px;}

.cap {margin:0 10px 20px 10px;}
.h3-cap{ background:url(/img/h2-bg.gif) no-repeat 0 0; height:32px; line-height:32px;padding:0 0 0 15px; margin:20px 0 20px 15px; clear:both; font-weight:bold;}

#main-column h2,h3,h4 { margin-bottom:15px;}
#main-column p { line-height:1.65em; margin:0 15px 15px 15px}

#main-column h1 { background:url(/img/title-bg.gif) no-repeat 0 0; height:93px; width:850px;}
#main-column h1 img { margin:35px 0 0 23px;}

#main-column address img { vertical-align:middle; cursor:pointer}

/* --------------------------
	home
------------------------- */
.home #top_image {
	height: 400px;
	width: 950px;
}


/* 新着情報 */
.home #left-column {
	float: left;
	width: 530px;
	margin-left: 30px;
	margin-top: 30px;
}
.home #center-column {
  width: 890px;
  margin-top: 30px;
  margin-left: 30px;
}
.home #left-column h2 {
	margin-right: 0;
	margin-bottom: 10px;
	margin-top: 20px;
}
.home #left-column p {
}

.home #left-column dl {
	border-bottom: 1px dashed #ccc;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	clear: both;
	font-size: 12px;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.home #left-column .information_unit {
	border-bottom: 1px dashed #ccc;
	padding-top: 10px;
	padding-bottom: 7px;
	clear: both;
	font-size: 12px;
	height: 100%;
}
.home #left-column .information_date {
	margin-left: 1em;
}


.home #left-column dt {
	text-align: left;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 8px;
	float: left
}
.home #left-column dd {
	padding: 0;
	margin: 0;
	float: right;
	width: 450px;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 8px
}

/* 講師募集バナー */
.home #right-column {
	float: right;
	width: 330px;
	font-size: 12px;
	margin-right: 30px;
	margin-top: 30px;
}


.home #right-column p {

}
.home #right-column h2 {
	margin-bottom: 10px;

}

.home #right-column h3 {
	font-weight: bold;
}
.home #right-column .info_box {
	border: 1px solid #CCC;
	width: 320px;
}

.home #right-column .comment {
	color: #666;
	font-size: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.home #right-column ul{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0em;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
}
.home #right-column li {
	line-height: 200%;
}
.box_title {
	font-size: 100%;
	border-bottom: 1px solid #666666;
	letter-spacing: 0.2em;
	margin-bottom: 5px;
}
.box_kind {
	font-weight: bold;
	margin-top: 10px;
	color: #8C1E39;
}
.recruit_box {
	margin-top: 10px;
	border: 2px solid #E1B4DB;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: both;
	background-color: #FCF3FD;
}
.job_box {
	margin-top: 10px;
	border: 2px solid #B2C4E3;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: both;
	background-color: #ECF2FC;
	margin-bottom: 0px;
}

/* --------------------------
	service.html
------------------------- */
.service .service_image   {
	text-align: center;
}

.service h3 {
	font-size: 140%;
	margin-top: 60px;
	border-bottom: 1px solid #2255BB;
	color: #2255BB;
	font-weight: bold;
}
.service h4 {
	padding-left: 15px;
	font-weight: bold;
	font-size: 110%;
	margin-top: 30px;
	margin-bottom: 5px;
}
.service .permission_number {
	color: #2D9F8F;
}
.service .thum { float:right; margin:0 0 30px 20px}
.service .doc {
	float:left;
	width:420px;
	height:150px;
	background:url(/service/img/frame.gif) no-repeat 0 0
}
.service .doc h3{ margin:13px 20px 0 13px ;font-weight:bold; font-size:114%; line-height:1em; color:#2255BB}
.service .doc p{ margin:5px 30px 0 5px!important; padding:8px; font-size:92%; border-top: dotted 1px #ccc;}
.service .more { font-size:92%; margin:10px 0 0 10px; padding:0 0 0 15px; background:url(/service/img/arrow.gif) no-repeat 0 3px }

/*　タブメニュー　*/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #2255BB;
  display: block;
  order: -1;
}
.tab-label {
  color: White;
  background: #CCCCCC;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.tab-switch:checked+.tab-label {
  background: #2255BB;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
.tab-switch {
  display: none;
}
/*　/タブメニュー　*/





/* --------------------------
	flow.html
------------------------- */


.flow ol { margin:30px 0 0 15px;}
.flow ol li {clear:both; background:url(/flow/img/frame.gif) no-repeat 0 0;padding:15px 0 10px 15px; min-height:1px;}
.flow ol li:after { content:"."; display: block;clear: both;height: 0;visibility: hidden;}
* html .flow ol li{ height: 1px;/*¥*//*/height: auto;overflow: hidden;/**/}

.flow ol li h3 { float:left; width:160px; height:90px; background:url(/flow/img/arrow.gif) no-repeat 50px 45px}
.flow ol li .doc { height:auto; float:left; width:600px; margin:0 0 30px 0}
.flow ol li .doc address {
	width:400px; border:solid 3px #99c7dd;
	margin:10px 0 0 0; padding:5px 8px 3px 8px;  
	font-size:107%; font-weight:bold; letter-spacing:1px;
	}

.flow .end { background:none}

.flow h4{ clear:both; color:#993333; margin:10px 0 0 20px;}

.flow .authority { padding:0 0 10px 0; margin:5px 0 10px 30px; height:auto}
.flow .authority li{ background:url(/corporate/img/dot.gif) no-repeat 0 4px; padding-left:14px; line-height:1.7em}

.flow .coop { padding:0 0 10px 0; margin:5px 0 15px 30px;height:auto}
.flow .coop li{ width:45%;float:left; background:url(/corporate/img/dot.gif) no-repeat 0 4px; padding-left:14px; margin:3px 0}



/* --------------------------
	recruit.html
------------------------- */
.recruit #intro { margin:10px 10px 15px 20px;}

.recruit .thum { float:right; margin:0 15px 0 30px}
.recruit h4 {
	font-size: 100%;
	font-weight: bold;
	margin-left: 20px;
	margin-bottom: 0px;
	color: #0ca9a7;
}
.recruit .condition {
	border:solid 1px #0ca9a7;
	width:480px;
	padding:10px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 20px;
}
.recruit .condition li {
  margin: 0 0 0 20px;
  line-height:1.7em;
  color: #0ca9a7;
}


.recruit .flow { clear:both}

.recruit .flow li {float:left; height:auto; margin:0 0 20px 0; width:260px;}

.recruit .flow li h4 {padding-left:50px; background:url(/recruit/img/arrow.gif) no-repeat 0px 30px; height:82px;}
.recruit .flow li p { padding:0; margin:5px 0 0 70px!important; font-size:85%; line-height:1.2em;}
.recruit .flow li .address {font-size:85%;line-height:1.4em;border: dotted 1px #ccc; padding:2px 2px 0px 2px; width:190px;}

.recruit .flow li h4.start { background:none!important;}

/* --------------------------
	corporate.html
------------------------- */
.corporate h1 { margin-bottom:20px;}
.corporate p { margin:10px 20px 15px 20px; line-height:1.7em}
.corporate #intro { margin-top:10px; line-height:2em}
.corporate .catch {
	font-size: 160%;
	color: #1177AA;
}

.corporate h3{
	background: #61759a;
	width: 408px;
	padding-top: 3px;
	color: #fff;
	text-align: center;
}
.corporate h4{ clear:both; color:#993333; margin:10px 0 0 20px;}
.corporate .address {
	display: block;
	width: 380px;
	background: url(/service/img/frame.gif) no-repeat 0 0;
	line-height: 200%;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-top: 20px;
	margin-top: 50px;
}
.corporate .address h2 {
	font-size: 120%;
	font-weight: bold;
}
.corporate .mapbox {
	float: right;
	margin-top: 50px;
	margin-bottom: 0px;
}
.corporate .map {
	border: solid 4px #61759a;
	margin-top: 0;
	margin-bottom: 40px;
}

.corporate address strong { font-size:144%;padding:0 0 5px 0; display:inline-block}

.corporate .coop { padding:0 0 10px 0; margin:5px 0 10px 30px;height:auto}
.corporate .coop li{ background:url(/corporate/img/dot.gif) no-repeat 0 4px; padding-left:14px;}
.corporate .topocs {
	border: 5px solid #EEEEEE;
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 40px;
	margin-left: 20px;
	margin-right: 20px;
}
.corporate .topocs h4  {
	margin-left: 0px;
}
.corporate .topocs ul {
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
}

.corporate .topocs p {
	margin-left: 10px;
}

/* --------------------------
	sitempa.html
------------------------- */
.sitemap { padding-bottom:50px; margin-bottom:50px;}

.sitemap ul { margin:40px; border-top:dotted 1px #ccc;}
.sitemap ul li { padding:7px; border-bottom: dotted 1px #ccc;}
.sitemap a { margin-left:5px; padding:0 0 0 20px ;background:url(/corporate/img/arrow.gif) no-repeat 0 3px}



/* --------------------------
	links.html
------------------------- */
.link {
	min-height: 1000px;
}

.link ul {
	margin: 20px 0 0 20px;
	background-repeat: no-repeat;
	background-position: 330px 50px;
	background-image: url(/corporate/img/links-bg.jpg);
	border: 1px dotted #CCCCCC;
}
.link ul li {
	padding: 17px;
	border-bottom: dotted 1px #ccc;
	width: 290px;
}
.link ul li a { margin-left:5px; padding:0 0 0 23px ;background:url(/corporate/img/arrow.gif) no-repeat 0 3px}