@charset "utf-8";
/* CSS Document */
body	{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
h1, h2, h3, h4	{
	margin: 0;
  padding: 0;
  border: 0;
  font-style:normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

/*フッタ
--------------------------------------------------------------------*/
.foot-navi	{
	text-align:center;
	font-size:0.85em;
}

/*下の余白の設定
--------------------------------------------------------------------*/
.pb5	{
	padding-bottom:5px;
}
.pb10	{
	padding-bottom:10px;
}
.pb15	{
	padding-bottom:15px;
}
.pb20	{
	padding-bottom:20px;
}
.pb25	{
	padding-bottom:25px;
}
.pb30	{
	padding-bottom:30px;
}

/*本文中のテキストの設定
--------------------------------------------------------------------*/
.txt-l	{
	font-size:1.0em;
}
.txt-m	{
	font-size:0.9em;
}
.txt-s	{
	font-size:0.8em;
}


/*大見出し（h1）で利用
1.オレンジ、2.グリーン、3.ピンク、4.パープル
1.本校の特長、2.コース案内、3.オープンキャンパス、4.入学要項
--------------------------------------------------------------------*/
.box-title1,
.box-title2,
.box-title3,
.box-title4	{
	font-size: 1.7em;
	line-height:1.5em;
	/*font-weight:bold;*/
	padding: 8px 0 0px 20px;
	margin: 0 0 10px;
	border: #cacad9 1px solid;
	background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(254, 254, 255, 1.0)), 
			color-stop(0.50, rgba(254, 254, 254, 1.0)),
			to(				 rgba(231, 231, 231, 1.0))
			);
	background-image: -webkit-linear-gradient(top,
			rgba(254, 254, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(236, 236, 236, 1.0)
			);
	background-image: -moz-linear-gradient(top,
			rgba(254, 254, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(236, 236, 236, 1.0)
			);
	background-image: -o-linear-gradient(top,
			rgba(254, 254, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(236, 236, 236, 1.0)
			);
	background-image: linear-gradient(to bottom,
			rgba(254, 254, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(236, 236, 236, 1.0)
			);
	border-radius: 4px;
	position:relative;
	box-shadow:0 2px 2px rgba(200,200,221,0.4), 0px -1px 0px rgba(255,255,255,0.5) inset;
}
.box-title1	{
	color:#6d300d;
	text-shadow: 0px 1px 1px #eec181;
}
.box-title2	{
	color:#134e0e;
	text-shadow: 1px 1px 1px #c5e9b4;
}
.box-title3	{
	color:#731139;
	text-shadow: 1px 1px 1px #eab8ca;
}
.box-title4	{
	color:#3d1173;
	text-shadow: 1px 1px 1px #caacf6;
} 
.box-title1:before,
.box-title2:before,
.box-title3:before,
.box-title4:before {
    position:absolute;
    width: 5px;
		height:74%;
    top: 6px;
    left: 6px;
		border-radius: 5px;
    content: "";
}
.box-title1:before {
		background: #f0d28e;
		border: #e6a819 1px solid;
}
.box-title2:before {
		background: #97f08e;
		border: #63b120 1px solid;
}
.box-title3:before {
		background: #f7c4d8;
		border: #e34598 1px solid;
}
.box-title4:before {
		background: #dbc4f7;
		border: #aa68e8 1px solid;
}

/*中見出し（h2）、小見出し（h3）で利用
1.オレンジ、2.グリーン、3.ピンク、4.パープル
1.本校の特長、2.コース案内、3.オープンキャンパス、4.入学要項
--------------------------------------------------------------------*/
.header-m1,
.header-m2,
.header-m3,
.header-m4	{
	font-size: 1.3em;
	line-height:1.1em;
	color:#FFF;
	padding: 11px 0 3px 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5),-1px -1px 1px rgba(0,0,0,0.5);
	margin: 0 0 12px;
	position: relative;
	border-radius:0 0 6px 6px;
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);
}
.header-m1	{
	background:#f6a209;
}
.header-m2	{
	background:#9fc569;
}
.header-m3	{
	background:#f35e91;
}
.header-m4	{
	background:#b65ef3;
}

.header-m1:before,
.header-m2:before,
.header-m3:before,
.header-m4:before	{
	position:absolute;
	top:0px;
	left:8px;
	width:4px;
	height:33px;
	background:#FFF;
	content:"";
	box-shadow: 1px 0px 1px rgba(255,255,255,0.2),-1px 0px 1px rgba(0,0,0,0.3);
}

.header-s1,
.header-s2,
.header-s3,
.header-s4	{
	font-size:1.1em;
	line-height:1.0em;
	position:relative;
	margin:0 0 8px;
	padding:7px 0 3px 16px;
}
.header-s1	{
	color:#6d300d;
	border-bottom:#e77f08 1px solid;
}
.header-s2	{
	border-bottom:#45c916 1px solid;
}
.header-s3	{
	color:#731139;
	border-bottom:#c91669 1px solid;
}
.header-s4	{
	border-bottom:#7516c9 1px solid;
}
.header-s1:before,
.header-s2:before,
.header-s3:before,
.header-s4:before	{
	position:absolute;
	width:10px;
	height:10px;
	top:9px;
	left:1px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	content:"";
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);
}
.header-s1:before	{
	background: #f0d28e;
	border: #e6a819 1px solid;
}
.header-s2:before	{
	background:#b0ed9a;
	border:#45c916 1px solid;
}
.header-s3:before	{
	background: #f7c4d8;
	border: #e34598 1px solid;
}
.header-s4:before	{
	background: #dbc4f7;
	border: #aa68e8 1px solid;
}



/*コースタイトル（h1）で利用
1.日英、2.国際貿易、3.大学進学
--------------------------------------------------------------------*/
.course-title1,
.course-title2,
.course-title3	{
	font-size: 1.7em;
	line-height:1.5em;
	/*font-weight:bold;*/
	padding: 18px 0 0px 10px;
	border: #d0d0d2 1px solid;
	margin: 0 0 20px 10px;
	background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(254, 254, 255, 1.0)), 
			color-stop(0.50, rgba(254, 254, 254, 1.0)),
			to(				 rgba(231, 231, 231, 1.0))
			);
	background-image: -webkit-linear-gradient(top,
			rgba(254, 254, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(236, 236, 236, 1.0)
			);
	background-image: -moz-linear-gradient(top,
			rgba(254, 254, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(236, 236, 236, 1.0)
			);
	background-image: -o-linear-gradient(top,
			rgba(254, 254, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(236, 236, 236, 1.0)
			);
	background-image: linear-gradient(to bottom,
			rgba(254, 254, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(236, 236, 236, 1.0)
			);
	border-radius: 0 5px 5px 5px;
	position: relative;
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.1), 0px -1px 0px rgba(255,255,255,0.2) inset;
}
.course-title1	{
	color:#28600b;
	text-shadow: 1px 1px 1px #c5e9b4;
}
.course-title2	{
	color:#6a139c;
	text-shadow: 1px 1px 1px #c79af2;
}
.course-title3	{
	color:#13509c;
	text-shadow: 1px 1px 1px #9ac1f2;
}
.course-name1,
.course-name2,
.course-name3	{
	top: -10px;
	left: -10px;
	position: absolute;
	width: 25em;
	color: #FFF;
	font-size: 0.6em;
	line-height:1.3em;
	font-weight: normal;
	padding: 3px 0 1px 8px;
	border-radius:0 20px 20px 0;
	box-shadow:0 2px 2px rgba(0,0,0,0.2);
}
.course-name1	{
	text-shadow: 0px 1px 0px #305313;
	background: #599627;
}
.course-name2	{
	text-shadow: 0px 1px 0px #350e6e;
	background: #a75deb;
}
.course-name3	{
	text-shadow: 0px 1px 0px #0e396e;
	background: #5d9ceb;
}
.course-name1:before,
.course-name2:before,
.course-name3:before	{
	content: "";
	position: absolute;
	top: 50%;
	left: -11px;
	border: 11px solid transparent;
	z-index: -1;
}
.course-name1:before	{
	border-right-color: #3a601a;
}
.course-name2:before	{
	border-right-color: #4317ba;
}
.course-name3:before	{
	border-right-color: #1760ba;
}

/*見出し-コースタイトル下（p）で利用
--------------------------------------------------------------------*/
.course-read	{
	font-size:1.4em;
	text-align:center;
	margin-bottom:10px;
}

/*コースタイトル下（p）の写真の配置で利用
--------------------------------------------------------------------*/
.photo-center		{
	text-align:center;
	margin-bottom:10px;
}



/*コース見出し（h2）で利用（主な授業内容、時間割例　等）
1.日英、2.国際貿易、3.大学進学
--------------------------------------------------------------------*/
.m-header-line1	{
	margin:0 0 2px;
	border-top:#599627 3px solid;
}
.m-header-line2	{
	margin:0 0 2px;
	border-top:#a75deb 3px solid;
}
.m-header-line3	{
	margin:0 0 2px;
	border-top:#5d9ceb 3px solid;
}
.mid-header1,
.mid-header2,
.mid-header3	{
	margin:0 5px 12px;
	padding:3px 0 1px 6px;
	font-size:1.3em;
	line-height:1.5em;
	border-radius:0 0 6px 6px;
	box-shadow:0 2px 3px 0 rgba(0,0,0,0.1);
	position:relative;
}
.mid-header1	{
	background:#e5fadc;
	color:#2c4511;
	border:#bfe68e 1px solid;
}
.mid-header2	{
	background:#ede5fc;
	color:#340c53;
	border:#d5b8f6 1px solid;
}
.mid-header3	{
	background:#e5effc;
	color:#0c1353;
	border:#b8d4f6 1px solid;
}

/*コース見出し（h3）で利用（英語科目、日本語科目　等）
1.日英、2.国際貿易、3.大学進学
--------------------------------------------------------------------*/
.s-header1	{
	font-size:1.0em;
	line-height:1.5em;
	color:#FFF;
	background:#599627;
	border-radius:4px;
	margin:0 0 12px;
	padding:6px 0 2px 12px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.2),-1px -1px 1px rgba(0,0,0,0.7);
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);
}
.s-header2	{
	font-size:1.0em;
	line-height:1.5em;
	color:#FFF;
	background:#a75deb;
	border-radius:4px;
	margin:0 0 12px;
	padding:6px 0 2px 12px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.2),-1px -1px 1px rgba(0,0,0,0.7);
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);
}
.s-header3	{
	font-size:1.0em;
	line-height:1.5em;
	color:#FFF;
	background:#5d9ceb;
	border-radius:4px;
	margin:0 0 12px;
	padding:6px 0 2px 12px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.2),-1px -1px 1px rgba(0,0,0,0.7);
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);
}

/*コース見出し（h4）で利用（英語科目、日本語科目　等）
1.日英、2.国際貿易、3.大学進学
--------------------------------------------------------------------*/
.ss-header1,
.ss-header2,
.ss-header3	{
	font-size:1.0em;
	line-height:1.2em;
	position:relative;
	margin:0 0 10px;
	padding:3px 0 0 18px;
}
.ss-header1	{
	color:#496920;
}
.ss-header2	{
	color:#561d9f;
}
.ss-header3	{
	color:#1d579f;
}
.ss-header1:before,
.ss-header2:before,
.ss-header3:before	{
	position:absolute;
	width:10px;
	height:10px;
	top:7px;
	left:1px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	content:"";
}
.ss-header1:before	{
	background:#bfe68e;
	border:#599627 1px solid;
}
.ss-header2:before	{
	background:#d5b8f6;
	border:#a75deb 1px solid;
}
.ss-header3:before	{
	background:#b8d4f6;
	border:#5d9ceb 1px solid;
}


/*時間割で利用
--------------------------------------------------------------------*/
.timetabele-box1 table	{
	padding:0 10px 5px;
	font-size:0.8em;
}
.timetabele-box2 table	{
	padding:0 10px 20px;
	font-size:0.8em;
}
.timetabele-box3	{
	padding:0 10px 20px;
	font-size:0.8em;
}
.pink-cel	{
	background:#f9ebf7;
}
.blue-cel	{
	background:#ebf5f9;
}
.orange-cel	{
	background:#f8eee2;
}
.yellow-cel	{
	background:#fdfbde;
}
.green-cel	{
	background:#edf8e2;
}
.pink-cel-att	{
	width:12px;
	height:12px;
	background:#f9ebf7;
	border:1px solid #e7b1df;
	float:left;
	margin:0 4px 0 12px;
}
.blue-cel-att	{
	width:12px;
	height:12px;
	background:#ebf5f9;
	border:1px solid #9fd1e5;
	float:left;
	margin:0 4px 0 12px;
}
.orange-cel-att	{
	width:12px;
	height:12px;
	background:#f8eee2;
	border:1px solid #eacca9;
	float:left;
	margin:0 4px 0 12px;
}
.yellow-cel-att	{
	width:12px;
	height:12px;
	background:#fdfbde;
	border:1px solid #e6e2a8;
	float:left;
	margin:0 4px 0 12px;
}
.green-cel-att	{
	width:12px;
	height:12px;
	background:#edf8e2;
	border:1px solid #bde496;
	float:left;
	margin:0 4px 0 12px;
}


/*コース一覧（course/index.html)
--------------------------------------------------------------------*/
.start-line	{
	font-size:1.3em;
	color:#278a8b;
	padding:0 0 0 10px;
}
.start-line-txt	{
	font-size:0.9em;
	padding:0 10px;
	line-height:1.2em;
}
.start-line-end	{
	font-size:0.9em;
	padding:0 10px 20px;
}
.start-course-head1,
.start-course-head2,
.start-course-head3,
.start-course-head4,
.start-course-head5	{
	font-size:1.6em;
	color:#FFF;
	padding:12px 0 6px 5px;
	border-radius:6px 6px 0 0;
	margin:0;
}
.start-course-head1	{
	background:#5563d8;
}
.start-course-head2	{
	background:#2fc6c2;
}
.start-course-head3	{
	background:#be55d8;
}
.start-course-head4	{
	background:#e27b1d;
}
.start-course-head5	{
	background:#149f2c;
}
.grade-back-white	{
	font-size:0.6em;
	background:#FFF;
	color:#666;
	padding:4px 7px 0;
	margin:0 10px;
	margin-top:-5px;
	border-radius:4px;
}
.english-course-name	{
	font-size:0.5em;
	color:#eee;
}
.start-course-box1,
.start-course-box2,
.start-course-box3,
.start-course-box4,
.start-course-box5	{
	border-radius:0 0 6px 6px;
	padding:10px;
	margin-bottom:16px;
}
.start-course-box1	{
	border:#5563d8 1px solid;
}
.start-course-box2	{
	border:#2fc6c2 1px solid;
}
.start-course-box3	{
	border:#be55d8 1px solid;
}
.start-course-box4	{
	border:#e27b1d 1px solid;
}
.start-course-box5	{
	border:#149f2c 1px solid;
}
.start-course-box1 ul,
.start-course-box2 ul,
.start-course-box3 ul,
.start-course-box4 ul,
.start-course-box5 ul	{
	list-style:none;
}
.start-course-name1,
.start-course-name2,
.start-course-name3,
.start-course-name4,
.start-course-name5	{
	position:relative;
	padding:8px 6px 4px 26px;
	border-radius:4px;
	float:left;
	margin:0 16px 16px 0;
}
.start-course-name1	{
	background:#e9ebfc;
	border:#bcc2f6 1px solid;
}
.start-course-name2	{
	background:#ddf9f8;
	border:#94ece9 1px solid;
}
.start-course-name3	{
	background:#f9e9fc;
	border:#eebcf6 1px solid;
}
.start-course-name4	{
	background:#fbf0db;
	border:#f1cf8f 1px solid;
}
.start-course-name5	{
	background:#e1f6da;
	border:#a9e497 1px solid;
}
.start-course-name1:before,
.start-course-name2:before,
.start-course-name3:before,
.start-course-name4:before,
.start-course-name5:before	{
	position:absolute;
	top: 7px;
	left:6px;
	content: "";
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-radius: 10px;
}
.start-course-name1:before	{
	border-top: 10px solid #5563d8;
	border-bottom: 10px solid #5563d8;
	border-left: 10px solid #5563d8;
}
.start-course-name2:before	{
	border-top: 10px solid #2fc6c2;
	border-bottom: 10px solid #2fc6c2;
	border-left: 10px solid #2fc6c2;
}
.start-course-name3:before	{
	border-top: 10px solid #be55d8;
	border-bottom: 10px solid #be55d8;
	border-left: 10px solid #be55d8;
}
.start-course-name4:before	{
	border-top: 10px solid #e27b1d;
	border-bottom: 10px solid #e27b1d;
	border-left: 10px solid #e27b1d;
}
.start-course-name5:before	{
	border-top: 10px solid #149f2c;
	border-bottom: 10px solid #149f2c;
	border-left: 10px solid #149f2c;
}
.start-course-read1	{
	color:#5563d8;
	font-size:1.1em;
	clear:both;
}
.start-course-read2	{
	color:#2fc6c2;
	font-size:1.1em;
	clear:both;
}
.start-course-read3	{
	color:#be55d8;
	font-size:1.1em;
	clear:both;
}
.start-course-read4	{
	color:#e27b1d;
	font-size:1.1em;
	clear:both;
}
.start-course-read5	{
	color:#149f2c;
	font-size:1.1em;
	clear:both;
}
.start-course-txt	{
	font-size:0.9em;
	line-height:1.4em;
}
@media screen and (max-width: 600px) {
	.start-line img	{
		display:none;
	}
}

/*色ごとの見出し
blue（青）、orange（オレンジ）、green（緑）、pink（ピンク）、purple（紫）
-b-　h2
-m-  h3
-s-  h4
--------------------------------------------------------------------*/
.header-b-blue,
.header-b-orange,
.header-b-green,
.header-b-pink,
.header-b-purple	{
	font-size: 1.4em;
	padding: 14px 0 6px 10px;
	text-shadow: 0 1px 1px #fff;
	border: #CCC 1px solid;
	margin: 0 0 10px;
	background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(231, 231, 231, 1.0)), 
			color-stop(0.50, rgba(254, 254, 254, 1.0)),
			to(				 rgba(254, 254, 255, 1.0))
			);
	background-image: -webkit-linear-gradient(top,
			rgba(231, 231, 231, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(254, 254, 255, 1.0)
			);
	background-image: -moz-linear-gradient(top,
			rgba(231, 231, 231, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(254, 254, 255, 1.0)
			);
	background-image: -o-linear-gradient(top,
			rgba(231, 231, 231, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(254, 254, 255, 1.0)
			);
	background-image: linear-gradient(to bottom,
			rgba(231, 231, 231, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(254, 254, 255, 1.0)
			);
	position: relative;
	border-radius:0 0 6px 6px;
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);
}
.header-b-blue:before,
.header-b-orange:before,
.header-b-green:before,
.header-b-pink:before,
.header-b-purple:before	{
	position:absolute;
	top:2px;
	left:3px;
	width:99%;
	height:4px;
	content:"";
}
.header-b-blue:before	{
	background:#158ecb;
}
.header-b-orange:before	{
	background:#e77f08;
}
.header-b-green:before	{
	background:#45c916;
}
.header-b-pink:before	{
	background:#c91669;
}
.header-b-purple:before	{
	background:#7516c9;
}




/*
本校の特長　スタート
/*

/*本校の教育システム（feature/index.html)
--------------------------------------------------------------------*/
.chara-box	{
	margin:30px 10px 16px;
	border:#fbc88d 2px solid;
	border-radius:6px;
}
.chara-box-head	{
	width:20.5em;
	font-size:1.1em;
	color:#a55b06;
	position:relative;
	left:10px;
	top:-8px;
	background:#FFF;
	margin:0;
	padding:0 3px;
}
.chara-box ul	{
	margin-top:-4px;
	padding:0 10px;
	list-style:none;
}
.chara-menu	{
	font-size:0.9em;
	position:relative;
	padding:7px 10px 4px 20px;
	border-radius:4px;
	/*float:left;*/
	display: inline-block;
	margin:0 16px 10px 0;
	background:#fef7ef;
	border:#fde0be 1px solid;
}
.chara-menu:before	{
	content: "";
  position: absolute;
  width: 10px;
	height: 10px;
	left:4px;
	top:10px;
	border-top: 4px solid #f9a84b;
	border-right: 4px solid #f9a84b;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.chara-menu-selected	{
	font-size:0.9em;
	position:relative;
	padding:8px 10px 4px 21px;
	/*float:left;*/
	display: inline-block;
	margin:0 16px 10px 0;
}
.chara-menu-selected:before	{
	content: "";
  position: absolute;
  width: 10px;
	height: 10px;
	left:5px;
	top:11px;
	border-top: 4px solid #f20713;
	border-right: 4px solid #f20713;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.six-point	{
  display: block;
	font-size:1.1em;
  position: relative;
  margin: 0 10px 20px;
  padding: 0 0 5px 28px;
  counter-increment: six-point;
	border-bottom:#fcce9c 2px dotted;
}
.six-point:before	{
  position: absolute;
  top: -1px;
  left: 0px;
  text-align: center;
  color:#fb8809;
  margin: auto;
  border: solid 2px #feb667;
  width: 24px;
  height: 24px;
  border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  content: counter(six-point);
}


/*講師紹介（feature/teacher.html)
--------------------------------------------------------------------*/
.teacher-photo-box	{
	margin:0 10px 20px;
}
.teacher-photo-case	{
	margin:0 10px 20px 0;
	float:left;
}
.photo-tape	{
	position:relative;
	padding: 5px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
	border-radius:0 0 10px 10px;
  vertical-align: bottom;
}
.photo-tape:after {
	position: absolute;
	content: "";
	width: 40px;
	height: 18px;
	top: -10px;
	left: 60%;
	margin-left: -30px;
	border: solid 1px rgba(137,130,48,.2);
	background: -moz-linear-gradient(top, rgba(254,243,127,.6) 0%, rgba(247,243,197,.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,243,127,.6)), color-stop(100%,rgba(247,243,197,.6)));
	background: linear-gradient(top, rgba(254,243,127,.6) 0%,rgba(247,243,197,.6) 100%);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.2);
}
.photo-tape figcaption	{
	display:block;
	font-size:0.75em;
	color:#333;
	padding-top:4px;
	line-height:1.3em;
	text-align:center;
}

/*在校生メッセージ（feature/voice.html)
--------------------------------------------------------------------*/	
.voice-intro	{
	font-size:0.9em;
	line-height:1.5em;
	margin:0 10px 4px;
}
.voice-notes	{
	font-size:0.8em;
	line-height:1.5em;
	margin:0 20px 20px;
}
.voice-box	{
	margin:0 10px 20px;
}
.voice-case	{
	width:47%;
	margin:0 16px 20px 0;
	padding:10px;
	border:#CCC 2px solid;
	border-radius:8px;
	float:left;
}
@media screen and (max-width: 600px) {
	.voice-case	{
		width:97%;
}
}
.voice-case-txt-area	{
	width:65%;
	float:left;
}
.voice-case-photo-area	{
	width:33%;
	float:right;
	text-align:right;
}
.voice-case-photo-area img	{
	max-width:100%;
	height:auto;
}
.voice-m-read	{
	font-size:0.9em;
	color:#1861bc;
}
.voice-w-read	{
	font-size:0.9em;
	color:#bc1887;
}
.voice-name	{
	font-size:0.9em;
	text-align:right;
	margin:0;
	padding:0;
}
.voice-class	{
	font-size:0.85em;
}
.voice-from	{
	font-size:0.8em;
	text-align:right;
	color:#999;
}
.voice-body	{
	font-size:0.9em;
	line-height:1.5em;
	margin:0;
	padding:0;
}

/*学校行事（feature/schedule.html)
--------------------------------------------------------------------*/
.school-event-read,
.school-event-area	{
	margin:0 10px 20px;
	font-size:0.9em;
}
.school-event-area img	{
	max-width:100%;
	height:auto;
}
.school-event-end-notes	{
	margin:0 10px 20px;
	font-size:0.9em;
	color:#999;
	text-align:right;
}

/*校内施設（feature/facility.html)
--------------------------------------------------------------------*/
.facility-area	{
	margin:0 10px 20px;
}
facility-case	{
	width:47%;
	margin:0 16px 20px 0;
	float:left;
}
@media screen and (max-width: 600px) {
	.facility-case	{
		width:97%;
}
}
.facility-case img	{
	max-width:100%;
	height:auto;
}


/*イベント　学校説明会・体験授業（event/index.html)
--------------------------------------------------------------------*/
.event-intro-txt	{
	font-size:0.9em;
	line-height:1.6em;
	padding: 10px;
}
.event-feature-box	{
	padding:0 10px 20px;
}
.event-feature-left	{
	width:68%;
	float:left;
}
.event-feature-right	{
	width:29%;
	float:right;
}
.event-feature-right img	{
	max-width:100%;
	height:auto;
}
.event-feature-point	{
  display: block;
  font-size:1.2em;
  position: relative;
  margin: 0 10px 16px;
	color:#5c2451;
  padding: 6px 0 3px 32px;
  counter-increment: event-feature-point;
  border-bottom:#f769dc 2px solid;
	border-radius:4px;
	background:#f9f1f8;
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);
}
.event-feature-point:before	{
  position: absolute;
  top: 6px;
  left: 3px;
  text-align: center;
  color:#d12eb3;
  margin: auto;
  border: solid 1px #de73ca;
	background:#FFF;
  width: 26px;
  height: 26px;
  border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
  content: counter(event-feature-point);
}
.event-explain	{
	font-size:0.85em;
}
.explain-left	{
	width:10em;
	text-align:center;
	background:#bf45a8;
	color:#FFF;
	font-weight:bold;
	border-bottom:#f8d3f1 1px solid;
	padding:6px 10px;
}
.explain-right	{
	padding:6px 10px;
	border-bottom:#f8d3f1 1px solid;
	border-right:#f8d3f1 2px solid;
}
.event-three-case	{
	width:33%;
	float:left;
}
@media screen and (max-width: 600px) {
	.event-three-case	{
		width:98%;
		float:none;
	}
}
.event-feature-box img,
.event-three-case img	{
	max-width:100%;
	height:auto;
}
.event-visit-txt1	{
	font-size:1.0em;
	line-height:1.3em;
	padding: 0 20px;
}
.event-visit-txt2	{
	font-size:0.8em;
	line-height:1.4em;
	padding: 0 20px 16px;
}
.event-time-sche	{
	padding:0 20px;
	list-style-type:none;
}
.event-time-sche li	{
	width: 12em;
	padding:0 16px 6px 0;
	float:left;
	font-size:0.9em;
}
.time-color	{
	color:#893295;
	font-weight:bold;
}
.event-local-txt	{
	font-size:0.9em;
	line-height:1.4em;
	padding: 0 10px 10px;
}


/*イベント実施日程（event/calendar.html)
--------------------------------------------------------------------*/	
.notes-box	{
	font-size:0.85em;
	text-align:center;
	margin:20px;
	padding:12px 20px 6px;
	border:#CCC 1px solid;
	border-radius:6px;
}
.btn-box	{
	text-align:center;
	margin-bottom:16px;
}
.explain-campus,
.open-campus,
.special-campus	{
	color:#ffffff;
	cursor:default;
}
.explain-campus {
	background-color:#e77ecb;
}
.open-campus {
	background-color:#7ebee7;
}
.special-campus {
	background-color:#f1a522;
}
.visit-campus	{
	background:#dcf8c3;
}
.open-notes {
		border:1px solid #d0d0d0;
		padding:0;
		margin:0 5px 0 15px;
}
.explain-campus.close,
.open-campus.close,
.special-campus.close,
.visit-campus.close	{
	color:#ffffff;
	cursor:default;
}

/*
卒業後の進路
*/

/*卒業後の進路（a_way/index.html）
------------------------------------------------------------------*/
.a-way-area	{
	margin:20px 10px;
}
.a-way-case	{
	width:47.2%;
	margin:0 20px 20px 0;
	float:left;
}
@media screen and (max-width: 600px) {
	.a-way-case	{
		width:97%;
}
}
.a-way-case img	{
	max-width:100%;
	height:auto;
}
.a-way-intro-txt	{
	font-size:0.9em;
	line-height:1.6em;
	padding: 0 10px;
}
.interview-title	{
	border:1px solid #c9c9c9;
	padding:5px 0 3px 5px;
	border-bottom:2px solid #9c9c9c;
	font-size:0.95em;
	font-style:italic;
	margin:0 0 4px;
	color:#787878;
	background:#ECECFB;
}
.interview-photo	{
	width:29%;
	float:left;
	margin-bottom:10px;
}
.interview-photo img	{
	max-width:100%;
	height:auto;
}
.interview-right	{
	width:68%;
	float:right;
}
.interview-right-txt-box	{
	padding:0 0 10px;
}
.interview-right-txt-box p	{
	margin:0;
	padding:0;
}
.interview-right-txt1	{
	font-size:0.9em;
}
.interview-right-txt11	{
	font-size:0.8em;
}
.interview-right-txt2	{
	font-size:0.8em;
	text-align:right;
}
.interview-right-txt3	{
	font-size:0.7em;
	text-align:right;
}
.interview-right-txt4	{
	font-size:0.7em;
	text-align:right;
	margin-bottom:10px;
}
.target-title	{
	border:1px solid #d4dde2;
	padding:5px 0 3px 5px;
	border-bottom:2px solid #809aac;
	font-size:0.95em;
	margin:0 0 4px;
	color:#506777;
	background:#f0f3f4;
}
.a-way-target-box	{
	padding:0 10px 10px;
	font-size:0.8em;
}
.a-way-target-box p	{
	margin:0;
	padding:0;
}
.a-way-target-txt	{
	color:#1c5b87;
	font-weight:bold;
}
.a-way-target-txt2	{
	padding-left:10px;
}
.graph-box	{
	float:right;
	margin:0 0 16px 16px;
}
@media screen and (max-width: 600px) {
	.graph-box	{
		float:none;
		margin:0 0 16px 0;
		text-align:center;
	}
}
.graph-box img	{
	max-width:100%;
	height:auto;
}
.employ-blue,
.employ-pink,
.employ-orange,
.employ-green	{
	font-size:0.9em;
	color:#00abdc;
	margin-bottom:2px;
}
.employ-blue	{
	color:#00abdc;
}
.employ-pink	{
	color:#d96599;
}
.employ-orange	{
	color:#e8c255;
}
.employ-green	{
	color:#7db98b;
}
.employ-data-txt	{
	font-size:0.85em;
	margin-bottom:10px;
}

/*卒業後の進路-就職（a_way/employment.html）
--------------------------------------------------------------------*/
.a-way-read	{
	font-size:1.2em;
	color:#18489a;
	line-height:1.5em;
	text-align:center;
	margin:20px 0 16px;
}
.employment-left	{
	width:19%;
	float:left;
}
.employment-left img,
.employment-right img	{
	max-width:100%;
	height:auto;
}
.employment-right	{
	width:79%;
	float:right;
	margin-bottom:20px;
}
.employment-read	{
	font-size:1.1em;
	border-bottom:#a9c6e3 2px dotted;
	padding:0 0 3px 4px;
	margin:0 0 6px;
}
.a-way-profile	{
	padding: 4px 10px 6px;
	margin: 0 0 10px;
	border-bottom: #a9c6e3 1px solid;
}
.profile-name	{
	font-size:1.0em;
	width:9em;
	padding-right:20px;
	float:left;
}
@media screen and (max-width: 767px) {
	.profile-name	{
		font-size:1.0em;
		width:98%;
		padding-right:10px;
		float:none;
	}
}
.profile-right	{
	font-size:0.8em;
	overflow:auto;
}
.a-way-interview-read	{
	font-size:1.1em;
	color:#18489a;
	line-height:1.5em;
	margin:0 0 10px;
}
.a-way-interview-txt1	{
	font-size:0.85em;
	line-height:1.5em;
}
.a-way-interview-txt2	{
	font-size:0.85em;
	line-height:1.5em;
	margin-bottom:20px;
}
.a-way-photo-case	{
	text-align:center;
	margin-bottom:10px;
}

/*卒業後の進路-留学（a_way/abroad.html）
--------------------------------------------------------------------*/
.abroad-intro-txt	{
	font-size:0.9em;
	line-height:1.6em;
	padding:0 10px 10px;
}
.abroad-intro-txt2	{
	font-size:0.8em;
	line-height:1.4em;
}
.abroad-select-point	{
	font-size:0.8em;
	position:relative;
	padding:0px 0px 0px 15px;
	float:left;
	margin:0 10px 6px 0;
}
.abroad-select-point:before	{
	content: "";
  position: absolute;
  width: 8px;
	height: 8px;
	background:#34a7df;
	left:3px;
	top:3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.abroad-image	{
	text-align:center;
	margin-bottom:20px;
}
.abroad-image img	{
	max-width:100%;
	height:auto;
}
.map-ora	{
	background:#dea229;
	font-weight:bold;
	padding:0 4px;
	margin-right:6px;
}
.map-ora2	{
	font-weight:bold;
	margin-right:6px;
}

/*卒業後の進路-大学編入（a_way/university.html）
--------------------------------------------------------------------*/
.univ-interview-read	{
	font-size:1.1em;
	color:#18489a;
	line-height:1.5em;
	margin:0 10px 5px;
}
.univ-interview-txt	{
	font-size:0.85em;
	line-height:1.5em;
	margin:0 10px 20px;
}
.university-box	{
	padding:0 10px 20px;
}
.university-grade	{
	font-size:0.9em;
	color:#ed4055;
	width:4em;
	padding-right:10px;
	float:left;
}
.university-grade-right	{
	font-size:0.85em;
	overflow:auto;
	margin-bottom:8px;
}
.university-left	{
	width:47%;
	float:left;
}
.university-left img	{
	max-width:100%;
	height:auto;
}
.university-right	{
	width:51%;
	float:right;
}
@media screen and (max-width: 500px) {
	.university-left	{
		width:98%;
		float:none;
	}
	.university-right	{
		width:98%;
		float:none;
	}
}
.header-surugadai	{
	font-size:0.9em;
	position:relative;
	margin:0 10px 10px;
	padding:3px 0 3px 4px;
	border-bottom:#1aaef9 1px solid;
	color:#036ba0;
}
.surugadai-depart	{
	font-size:0.85em;
	width:11em;
	padding-right:10px;
	float:left;
}
.surugadai-subject	{
	font-size:0.85em;
	overflow:auto;
	margin-bottom:8px;
}

/*卒業後の進路-資格取得（a_way/qualification.html）
--------------------------------------------------------------------*/
.quali-read	{
	font-size:1.2em;
	color:#18489a;
	line-height:1.5em;
	text-align:center;
	margin:20px 0 6px;
}
.quali-intro-txt	{
	font-size:0.85em;
	line-height:1.6em;
	padding:0 10px 6px;
}
.quali-list	{
	font-size:0.85em;
	padding:0 0 6px 22px;
}
.toeic-point	{
	font-size:0.9em;
	color:#036ba0;
	width:12em;
	padding:0 10px 2px 0;
	margin-bottom:4px;
	float:left;
}
.toeic-point-right	{
	font-size:0.9em;
	overflow:auto;
	padding:0 0 2px 3px;
	margin-bottom:4px;
}
@media screen and (max-width: 500px) {
	.toeic-point	{
		float:none;
	}
	.toeic-point-right	{
		float:none;
	}
}
.toeic-company-box	{
	margin:0 10px 2px;
}
.toeic-company	{
	font-size:0.9em;
	width:8em;
	color:#3547d4;
	padding:0 10px 2px 0;
	margin-bottom:4px;
	float:left;
}
.toeic-company-right	{
	font-size:0.9em;
	overflow:auto;
	padding:0 0 2px 3px;
	margin-bottom:4px;
}
@media screen and (max-width: 500px) {
	.toeic-company	{
		float:none;
	}
	.toeic-company-right	{
		float:none;
		padding-left:20px;
	}
}
.toeic-company-att	{
	margin:0 20px 20px;
	font-size:0.8em;
	text-align:right;
	color:#707070;
}
.quali-mess-read	{
	padding:0 10px 6px;
	font-size:1.0em;
	color:#355682;
}
.quali-mess-name	{
	font-size:0.9em;
	text-align:right;
	padding-bottom:6px;
}
.quali-mess-txt	{
	padding:0 14px 20px;
	font-size:0.9em;
}

/*交通アクセス（access/index.html)
--------------------------------------------------------------------*/	
.access-area	{
	margin:0 10px 20px;
}
.access-area img	{
	max-width:100%;
	height:auto;
}

/*

*/

/*募集要項（guideline/index.html)
--------------------------------------------------------------------*/	
.guideline-list	{
	font-size:0.9em;
	margin:0 10px 20px;
}
.guideline-list li	{
	list-style:none;
	line-height:1.6em;
	position:relative;
	padding-left:14px
}
.guideline-list li:before	{
	content:"";
	position:absolute;
	top:3px;
	left:0;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#a38be5;
}
.guideline-point ol	{
  display: block;
  font-size:0.9em;
  position: relative;
	list-style:none;
  margin: 0 10px 6px;
  padding: 0 0 0 16px;
  counter-increment: guideline-point;
}
.guideline-point ol:before	{
  position: absolute;
  top: -1px;
  left: 0px;
  text-align: center;
  color:#9c82e3;
  margin: auto;
  content: counter(guideline-point);
}
.guideline-notes	{
	font-size:0.9em;
	margin:0 20px 20px;
}

/*募集要項（guideline/index.html)
--------------------------------------------------------------------*/	
.header-extension	{
	font-size: 1.3em;
	color:#FFF;
	padding: 9px 0 5px 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5),-1px -1px 1px rgba(0,0,0,0.5);
	margin: 0 0 20px;
	position: relative;
	border-radius:0 0 6px 6px;
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);
	background:#1ea6be;
}

.header-extension:before	{
	position:absolute;
	top:1px;
	left:6px;
	width:4px;
	height:30px;
	background:#FFF;
	content:"";
	box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3);
}

/*個人情報の取り扱いについて（privacy.html)
--------------------------------------------------------------------*/	
.privacy-list	{
	font-size:0.9em;
	margin:0 20px 20px;
}
.privacy-list li	{
	list-style:none;
	line-height:1.6em;
	position:relative;
	padding:0 20px 0 14px;
	float:left;
}
.privacy-list li:before	{
	content:"";
	position:absolute;
	top:3px;
	left:0;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#5fd38d;
}
.privacy ol	{
  display: block;
  font-size:0.9em;
  position: relative;
	list-style:none;
  margin: 0 20px 6px;
  padding: 0 0 0 16px;
  counter-increment: guideline-point;
}
.privacy ol:before	{
  position: absolute;
  top: -1px;
  left: 0px;
  text-align: center;
  color:#34bc6a;
  margin: auto;
  content: counter(guideline-point);
}
.privacy-notes	{
	font-size:0.9em;
	margin:0 20px 20px;
}

/*サイトマップ（sitemap.html)
--------------------------------------------------------------------*/
.sitemap-box	{
	padding:0 16px 16px;
}
.sitemap-box p	{
	font-size:0.9em;
	padding-bottom:3px;
	margin:0;
}
/*ビデオメッセージへのリンクボタン
--------------------------------------------------------------*/
.vid-btn-box	{
	text-align:center;
	margin-bottom:16px;
}
@media screen and (max-width: 767px) {
	.vid-btn-box	{
		display:none;
	}
}