@charset "UTF-8";

/* ----------------------------------------------------
 トップページ
 ---------------------------------------------------- */

#header.home {
	margin-bottom:0;
}
.top .unit {
	margin-bottom: 40px;
}
.clm2_home #main {
	float: right;
	width: 500px;
}
.clm2_home #main h2 {
	margin: 20px 0;
}
.clm2_home #main p {
	font-size: 17px;
	letter-spacing: 2.4px;
	margin-bottom: 10px;
}
.clm2_home #lNav {
	float: left;
	width: 190px;
	margin: 0 10px;
	text-align: center;
}

.clm2_home #lNav li {
	margin: 8px 0;
	height: 50px;
}
.clm2_home #lNav li a{
	margin: 7px 0;
	padding: 0;
}
.clm2_home #lNav h3{
	margin: 10px 0;
	border: none;
}

.banner {
	padding-top: 9px;
}
.banner img{
	margin: 7px 0;
}
.newTopics {
	width:500px;
	margin-bottom: 30px;
}

/*  新着お知らせ  */
.newTopics p {
	padding: 0;
}
.newTopics.archive li {
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: none;
	border-top: 1px #bbb dashed;
}
.newTopics.archive li:first-child {
	border-top: 1px #bbb solid;
}
.newTopics li {
	padding: 0 5px;
}
.newTopics h3 {
	border: none;
	margin: 0 0 7px 3px;
}
.newTopics .date {
	float: left;
	width: 24%;
	letter-spacing: 0.05em;
}
.newTopics .entryTitle {
	float: left;
	width: 75%;
}
.clm2_home #main .newTopics p {
	font-size: 14px;
	margin-bottom: 0;
	padding: 0;
}
.allTopics {
	padding-top: 13px;
	border-top: 1px #bbb solid;
}
.allTopics a {
	color: #888;
}

.newTopics_wrapper{
	height: 100%;
}
.newTopics_wrapper iframe {
	padding:0;
	width:100%;
	overflow:hidden;
	border:none;
}
#header #header_cont {
	width: 824px;
}


/*  slider
 ---------------------------------------------------- */

#top_img {
	width: 100%;
	height: 500px;
	text-align: center;
	margin: 0 auto 10px;
}
#top_img  ul#slides {
	width: 100%;
	height: 500px;
	text-align: center;
	margin: 0 auto;
	position: relative;
}
#top_img  ul#slides li{
	text-align: center;
	position: absolute;
}
li.back1{
	width: 100%;
	height: 500px;
	text-align: center;
	background:url(../images/top_img/img01bg.jpg) no-repeat top center;
	left: 50%;
	margin: 0 0 0 -50%;
}
li.back2{
	width: 100%;
	height: 500px;
	text-align: center;
	background:url(../images/top_img/img02bg.jpg) no-repeat top center;
	left: 50%;
	margin: 0 0 0 -50%;
}

div.changeP {
	position:relative;
	width: 980px;
	margin: 0 auto;
}
div.changeP div.btn{
	position: absolute;
	top: 160px;
	left: 70px;
}


/* ----------------------------------------------------
 本校教育
 ---------------------------------------------------- */
#main #grad_img {
	text-align: center;
	margin-bottom: 27px;
}
#main p.grad_p {
	margin-bottom: 5px;
	font-size: 15px;
	letter-spacing: 0.15em;
}

/* ----------------------------------------------------
 校長挨拶
 ---------------------------------------------------- */
#main #messa_img {
	padding: 5px;
	margin-bottom: 23px;
}

/* ----------------------------------------------------
 学校施設
 ---------------------------------------------------- */
.facility #map {
	margin-bottom: 57px;
}
.facility_pics {
	width: 462px;
	margin-bottom: 42px;
	margin-left: 38px;
}
.facility_pics p{
	padding: 8px;
}

.history_unit {}
.history_unit .f_left,
.history_unit .f_right{
	width:280px;
}

/* ----------------------------------------------------
 コース紹介
 ---------------------------------------------------- */

.course_unit {
	background:url(../course/images/block_line.gif) no-repeat center bottom;
	margin: 0 0 25px 0;
	padding: 0 0 45px 0;
}

.course_unit {
	background:url(../course/images/block_line.gif) no-repeat center bottom;
	margin: 0 0 25px 0;
	padding: 0 0 45px 0;
}
.course_unit div{
	margin: 0;
}
.course_unit h5{
	font-size: 21px;
	padding: 5px 70px;
	color: #009FE8;
}
.course_unit p{
	padding: 10px 70px;
}
.point {
	text-align:center;
	margin: 10px 0;
}

/* ----------------------------------------------------
 5つの魅力
 ---------------------------------------------------- */

.future_unit {
	border-bottom: 1px dotted #009FE8;
	margin-bottom: 25px;
	padding: 20px 0;
	/zoom : 1;
}
.feature_unit:after{ content : ''; display : block; clear : both; }

.feature_unit .f_left,
.feature_unit .f_right{
	width: 280px;
}
.feature_unit .f_right.fbus {
	width: 270px;
	margin-top: 30px;
}

.feature_unit h5 {
	padding-top: 30px;
}

/* ----------------------------------------------------
 部活動
 ---------------------------------------------------- */

.activity_unit {
	margin-bottom: 10px;
	padding: 10px 0;
	/zoom : 1;
}
.activity_unit:after{ content : ''; display : block; clear : both; }

.activity_unit .f_left,
.activity_unit .f_right{
	width: 240px;
	padding: 5px 20px;
	border-left: 2px solid #009FE8;
}

.activity_unit h5 {
	padding: 0 5px;
	font-size: 18px;
}
.activity_unit p {
	letter-spacing:1px;
	margin:0;
}

.activity_img {
	position: relative;
	margin-bottom: 25px;
}
.activity_img .sub_unit {
	position: absolute;
	top: 0;
	left:0;
	width: 180px;
	line-height: 1.7em;
}

.activity_img .sub_unit.A01 {
	top: 46px;
	left: 54px;
	width: 160px;
}
.activity_img .sub_unit.A02 {
	top: 370px;
	left: 393px;
	width: 180px;
}

.activity_img .sub_unit.B01 {
	font-size: 93%;
	top: 31px;
	left: 35px;
	width: 200px;
}
.activity_img .sub_unit.B02 {
	top: 417px;
	left: 381px;
	width: 180px;
}

.sub_img {
	text-align: right;
}
.activity_img .sub_unit p{
	letter-spacing: 0;
	line-height: 1.7em;
}
.activity_img .sub_unit.tiny h5 {
	padding-bottom: 3px;
}
.activity_img .sub_unit.tiny p {
	line-height: 1.55em;
}

/* ----------------------------------------------------
 卒業生向け
 ---------------------------------------------------- */
body.alumni {
	background-color: #e1f2fb;
	position: relative;
}
.alumni #wrapper {
	background: #fff;
	width: 774px;
	margin: 0 auto;
	padding-top: 82px;
	padding-bottom: 55px;
}
.alumni div.section {
	margin-bottom: 60px;
	padding: 0 90px 0 100px;
}
.alumni h2,
.alumni h3 {
	border: none;
}
.alumni h3 {
	margin-bottom: 18px;	
}
.alumni .section.above p {
	text-align: center;
}
.alumni dl {
	border-bottom: 1px dotted #666666;
	padding: 10px 0 7px;
}
.alumni dt {
	font-size: 17px;
	color: #009fe8;
	float: left;
	width: 155px;
}
.alumni dd {
	float: left;
	width: 415px;
	padding-top: 3px;
}
.alumni h4 {
	font-size: 17px;
	color: #009fe8;
	margin-bottom: 0;
}

.alumni .posting h4 {
	margin-bottom: 14px;
}
.alumni ul {
	margin-left: 33px;
}
.alumni li {
	list-style: disc;
	line-height: 1.4;
	margin-bottom: 9px;
}
.posting span {
	color: #666;
	font-size: 12px;
}
.clerical_h {
	padding-top: 0px;
}
#apply p {
	margin-left: 1em;
}
.emIndent {
	margin-left: 1em;
}
.alumni div#btn_area ul {
	margin: 0;
}
.alumni div#btn_area li {
	list-style: none;
}
.alumni #bg {
	background-image: url(../alumni/images/above_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
	height: 40px;
	position: absolute;
	top: 0px;
	bottom: 0px;
}
.alumni a.download {
	color:#009fe8;
	text-decoration:underline;
}
.alumni a.download:hover {
	color:#9ad8f4;
	text-decoration:none;
}


.topics h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 0 5px 2px;
	margin-bottom: 6px;
	border-bottom-width: 1px;
}
.article_number {
	width:35px;
	float:left;
}
.article_main {
	width:545px;
	float:left;
}
#warning {
	text-align:left;
	letter-spacing:0.15em;
	color: #009FE8;
}

.article_topic {
	margin-bottom: 45px;
}
p.date {
	padding: 0 5px;
	font-size: 11px;
	letter-spacing: 0;
	color: #888;
	line-height: 1.6;
	
}

/* ----------------------------------------------------
 国際だより / きらり
 ---------------------------------------------------- */
.kokukira h4 {
	font-size: 15px;
	margin-bottom: 5px;
}
.kokukira .lead {
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.2em;
	color: #009FE8;
	padding: 5px;
	margin-bottom: 25px;
}
.kokukira .archive.first_child {
	margin-bottom: 35px;
}
.archive {
	padding: 5px;
}
.archive li {
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px #bbb dashed;
}
.archive li.first_child {
	border-top: 1px #bbb solid;
}
.archive li.last_child {
	border-bottom: 1px #bbb solid;
}

.top h2.catchCopy {
	border:none;
	text-align:left;
	margin:25px 0 16px;
}

.top .clm2_home #lNav h3 {
	margin-bottom: 18px;
}

/* ----------------------------------------------------
 お知らせ
 ---------------------------------------------------- */
.topics #wrapper {
	width: 850px;
}
.topics #contents {
	width: 850px;
}
.topics .clm2 #lNav {
	width: 230px;
}
.topics #lNav li.sub_cat {
margin: 5px 0 12px;
}
.topics #lNav li.sub_cat li a {
	padding: 0 0 0 18px;
}