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

/* =======================================

	comcept

======================================= */
.att {
  padding-left: 1em;
  text-indent: -1em;
}

h1{
	float:left;
}

#sub header{
	border-bottom:1px solid #0063ad;
}

#greeting_are{
	border-bottom:1px solid #0063ad;
	padding:30px 0;
}

#greeting_are h3{
	text-align:center;
	color: #000;
}

	h3 .under_line{
		border-bottom:1px solid #c30d22;
	}

#greeting_contents{
	overflow:hidden;
	background:url(../comcept/image/contents_bk.png) repeat-y center;
}

	#greeting_left{
		float:left;
		width:400px;
		background:#0063ad;
		color:#fff;
		padding:20px 15px 15px;
		line-height:1.8em;
	}

	#greeting_center{
		float:left;
		width:137px;
		padding:205px 20px 0 70px;
		line-height:1.8em;
	}

		.border_dashed{
			border-bottom:1px dashed #000;
			margin-bottom:5px;
		}

	#presi_photo{
		float:left;
		width:263px;
		padding-top:63px;
	}

#comcept_contents{
	background:url(../comcept/image/comcept_bk.gif);
	padding:20px;
	position:relative;
}

	#object05{
		position:absolute;
		top:238px;
		left:610px;
	}

	#object02{
		position:absolute;
		top:168px;
		left:760px;
	}

	#object01{
		position:absolute;
		top:130px;
		left:685px;
	}

	#object03{
	position:absolute;
	top:578px;
	left:602px;
	}

	#object04{
	position:absolute;
	top:518px;
	left:782px;
	}

	#object06{
	position:absolute;
	top:760px;
	left:600px;
	height: 246px;
	}

	.comcept_list{
		/*overflow:hidden;*/
	}

		.point_icon{
			float:left;
			width:78px;
		}

		.comcept_list .contents{
			float:left;
			width:752px;
			margin-left:10px;
			line-height:2.4em;
			font-size:95%;
		}

			.contents h4{
				margin-top:10px;
			}

			.highlight{
				background:url(../comcept/image/hightright.png) repeat-x 0 7px;
				font-size:bold;
			}

			.big{
				font-size:120%;
			}

			.textindent{
				text-indent:11em;
			}

			#example_box{
				width:720px;
			}

			.textindent02{
				padding-left:2em;
			}

			.hyaku {
				position: relative;
			}
			.hyaku .goukaku {
				position: absolute;
				top: -20px;
				left: -10px;
				width: 100px;
			}
			.hyaku .goukaku img{
				width: 100%;
			}

/* =======================================

	requirement

======================================= */

#header_bottom{
	clear:right;
	overflow:hidden;
}

	#header_bottom h2{
		float:left;
	}

	#header_bottom p{
		float:right;
		margin-top:25px;
	}

#photo_area{
	width:100%;
	margin:0 auto;
}

	#photo_area img{
		display: block;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}

.tabele-img {
	width: 100%;
	margin-bottom: 50px;
}

.tabele-img img{
	width: 100%;
	height: auto;
}

#juniorhigh_school_area{
	overflow:hidden;
}

	#juniorhigh_school_area p{
		float:left;
	}

	.recruitment_discription{
		color:#265fac;
		padding-left:2em;
		margin-top:1.3em;
	}

#elementaryschool_area{
	overflow:hidden;
}

	#elementaryschool_area p{
		float:left;
	}

#high_school_area{
	overflow:hidden;
}

	#high_school_area p{
	float:left;
	}

	#recruitment_contents table{
		width:920px;
		border:1px solid #c9c9c9;
	}

	#recruitment_contents table tr{
		border-bottom:1px solid #c9c9c9;
	}

	#recruitment_contents table td{
		border-right:1px solid #c9c9c9;
		text-align:center;
		vertical-align:middle;
		padding:10px 0;
		line-height:1.7em;
	}

		.title_line{
			font-size:110%;
			font-weight:bold;
		}

		.title_column{
			font-weight:bold;
		}

		#juniorhigh_school_area .column01{
			width:20%;
		}

		#juniorhigh_school_area .column02{
			width:10%;
		}

		#juniorhigh_school_area .column03{
			width:50%;
		}

		#juniorhigh_school_area .column04{
			width:19%;
		}

		/* 小学生エリア */

		#elementaryschool_area .column01{
			width:14%;
		}

		#elementaryschool_area .column02{
			width:10%;
		}

		#elementaryschool_area .column03{
			width:16%;
		}

		#elementaryschool_area .column04{
			width:40%;
		}

		#elementaryschool_area .column05{
			width:19%;
		}

		.content_cell{
			overflow:hidden;
		}

			.content_cell li{
				float:left;
				width:50%;
			}

#attention_area{
	background:#dcdcdd;
	border:1px solid #b5b5b5;
	padding:20px;
	color:#265fac;
}

	#attention_area li{
		border-bottom:1px solid #b5b5b5;
		line-height:2.2em;
	}

.font_L{
	font-size:120%;
	font-weight:bold;
}

.font_s{
	font-size:90%;
}

/* =======================================

	successful_candidate

======================================= */

#pass_content{
	background:url(../successful_candidate/image/main_bk.jpg) no-repeat center top;
	width:100%;
	height:1200px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

	#pass_content ul{
		width:950px;
		margin:0 auto;
		text-align:center;
	}

/* =======================================

	infotmation

======================================= */

#schools_area{
	overflow:hidden;
}

	.school_list{
		float:left;
		width:296px;
		border:1px solid #0063ad;
	}

	.school_name{
		border-bottom:4px solid #0063ad;
		padding:25px;
	}

	.school_photo{
		border-bottom:1px solid #0063ad;
		padding:10px;
	}

	.school_address{
		border-bottom:1px solid #0063ad;
		padding:20px 30px;
	}

	.school_map{
		padding:20px 10px;
	}

	.mr13{
		margin-right:13px;
	}

#mapCanvas{
	width:276px;
	height:195px;
}

#mapCanvas_ise{
	width:276px;
	height:195px;
}

#mapCanvas_maze{
	width:276px;
	height:195px;
}