@charset "utf-8";
/* ====================================================================
	共通設定
======================================================================= */
*{ margin:0; padding:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, code, form, fieldset, legend, input, textarea, 
p, blockquote, th, td{margin:0;padding:0;}
img {border:none}
a{color:#05508D; outline:none;}
a:hover{color:#82A7C6;}


/* 基本設定 */
html,body{ height:100%; }
body{
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:15px;
	line-height:100%;
	color: #000;
	-webkit-text-size-adjust: none;
}
#wrap{ border-top:#460e44 5px solid;}

/* Clearfix */
.clearfix{ min-height: 1px; }
* html .clearfix{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clear{ clear:both; }

/* ====================================================================
	ヘッダー
======================================================================= */
#wrap header{
	width:950px;
	text-align:center;
	padding:35px 0 45px 0;
	margin:0 auto;
}

/* ====================================================================
	キービジュアル（校舎画像）
======================================================================= */
#wrap #key_visual{
	width:100%;
	height:250px;
	background:url(../images/key_bg.png) repeat;
	padding:25px 0;
}
#key_visual p{
	width:950px;
	margin:0 auto;
}
#key_visual img{
	display:block;
}

/* ====================================================================
	ナビゲーション
======================================================================= */
#wrap nav{
	width:100%;
	height:60px;
	background:url(../images/nav_bg.png) repeat-x;
}
nav ul{
	width:950px;
	background:url(../images/nav_line.png) left no-repeat;
	list-style:none;
	margin:0 auto;
}
nav li{
	float:left;
	background:url(../images/nav_line.png) right no-repeat;
}
nav li a{
	font-size:113.3%;
	letter-spacing: 0.1em;
	width:158px;
	height:38px;
	color:#fff;
	text-decoration: none;
	text-align:center;
	display:block;
	padding-top:22px;
	margin:0;
}
nav li a:hover{
	color:#FFFF55;
	text-decoration: underline;
}
nav li a.select{
	font-weight:bold;
	color:#FFFF55;
}
/* ====================================================================
	メインエリア
======================================================================= */
#wrap .main{
	width:950px;
	margin:0 auto;
}
.main p{
	font-size:100%;
	line-height:200%;
	margin:40px 0;
}
.main b{
	font-size:113.3%;
}
.main span.text_right{
	text-align:right;
	display:block;
}
/* 見出し1 */
.main h1{
	color:#fff;
	font-size:226.6%;
	line-height:100%;
	letter-spacing: 0.1em;
	background:#460e44;
	padding:18px 20px 14px 20px;
	margin:50px 0;
}

/* 見出し2 */
.main h2{
	font-size:153.3%;
	color:#460e44;
	line-height:100%;
	border-top:#460e44 4px solid;
	border-bottom:#460e44 1px dashed;
	padding:25px 0 20px 0;
	margin:40px 0;
}

/* 見出し3 */
.main h3{
	font-size:153.3%;
	color:#460e44;
	line-height:100%;
	border-left:#460e44 8px solid;
	padding:10px 0 5px 12px;
	margin:40px 0;
}

/* 見出し4 */
.main h4{
	font-size:153.3%;
	color:#460e44;
	line-height:100%;
	margin:40px 0;
}

/* 見出し5 */
.main h5{
	font-size:126.6%;
	color:#460e44;
	line-height:100%;
	margin:40px 0;
}

/* 画像エリア１枚（中央） */
.main .picarea{
	text-align:center;
	margin:60px 0px 0px 0px;
}
	/* "画像エリア１枚（中央）"オリジナル　margin:60px 0;　2017(平成29)年6月24日(土)変更 */

.main .picarea img{
	border:#ddd 0px solid;
}
.main .picarea p{
	margin:0;
}

/* 画像エリア２枚（左右） */
.main .picarea2{
	margin:30px 0;
	padding-left: 68px;
}
	/* "画像エリア２枚（左右）"オリジナル　*margin:60px 0;　2017(平成29)年6月24日(土)変更 */

.picarea2 .picarea2_bx{
	float:left;
	width:400px;
	margin:20px 0 20px 40px;
}
.picarea2_bx img{
	border:#ddd 1px solid;
}
.picarea2_bx a:hover img{
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}
.picarea2_bx p{
	text-align:center;
	margin:0;
}


	/* 集合写真用css 新規追加分：2017(平成29)年6月24日(土) ここから */

/* 画像エリア１枚（中央） */
.main .picarea3{
	text-align:center;
	margin:40px 0px 0px 40px;
}
.main .picarea3 img{
	border:#ddd 0px solid;
}
.main .picarea3 p{
	margin:0;
}

	/* 集合写真用css 新規追加分：2017(平成29)年6月24日(土) ここまで */


/* お知らせ・新着情報 */
dl{
	line-height:160%;
	margin:0;
	padding:0;
}
dt{
	float:left;
	width:110px;
	font-weight:bold;
	color:#460e44;
	margin:10px 0;
	padding:0;
}
dd{
	float:left;
	width:840px;
	margin:10px 0;
	padding:0;
}

/* リンク */
table.link{}
table.link tr{
	height:40px;
}

/* 前のページに戻る */
.main p.pageback{
	margin-top:100px;
}

/* ページの先頭へ */
.main p.totop{
	width:950px;
	text-align:right;
	margin:10px 0 10px 0;
}
	/* "ページの先頭へ"オリジナル　margin:100px 0 30px 0;　2017(平成29)年6月24日(土)変更 */


/* ページの先頭へ 2 */
.main p.totop2{
	width:950px;
	text-align:left;
	margin:10px 0 10px 0;
}
	/* "ページの先頭へ 2 "を写真掲載部分の"ページの先頭へ"用として2017(平成29)年6月24日(土)追加 */


/* ====================================================================
	フッター
======================================================================= */
#wrap footer{
	text-align:center;
}
footer .footer_area1{
	height:60px;
	border-top:#460e44 2px solid;
	padding-top:5px;
}
.footer_area1 ul{
	list-style:none;
	float: left;
	position: relative;
	left: 50%;
	margin:0 auto;
}
.footer_area1 li{
	float: left;
	font-size:113.3%;
	position: relative;
	left: -50%;
	padding:20px 0;
	margin:0 20px;
}
.footer_area1 li a{
	color:#460e44;
	text-decoration: none;
}
.footer_area1 li a:hover{
	font-weight:bold;
	color:#460e44;
	text-decoration: underline;
}
.footer_area1 li a.select{
	font-weight:bold;
	color:#460e44;
	text-decoration: underline;
}
footer .footer_area2{
	font-size:93%;
	height:40px;
	color:#fff;
	background:#460e44;
	padding-top:25px;
}

/* ====================================================================
	お問い合わせフォーム
======================================================================= */
#wrap .contact_area{
	width:750px;
	text-align:center;
	margin:0 auto 200px auto;
}
.contact_area p{
	line-height:180%;
	margin-bottom:30px;
}

.contact_area p.err{
	font-size:123.1%;
	color:#EA1F09;
	line-height:180%;
	margin:70px 0 50px 0;
}
.contact_area table#form_t{
	width:750px;
	font-size:13px;
    border-collapse:collapse;
    border-spacing:1px;
	border: solid 1px #ccc;
	margin:40px auto;
}
table#form_t th{
	font-size:116%;
	font-weight:normal;
	text-align:left;
	background: #f6f6f6;
	border: solid 1px #ccc;
	padding:20px;
	margin:0;
}
table#form_t td{
	background:#ffffff;
	text-align:left;
	border: solid 1px #ccc;
	padding:20px;
	margin:0;
}
.contact_area sup.mf,
.contact_area span.mf{
	color:red;
	font-weight:bold;
}
table#form_t td input,
table#form_t td textarea{
	font-size:113.3%;
}
table#form_t span.example{
	font-size:93.3%;
	margin-left:10px;
}
.contact_area ul{
	float: left;
	list-style:none;
	position: relative;
	left: 50%;
	margin-top:15px;
}
.contact_area li{
	float: left;
	position: relative;
	left: -50%;
	display: table-cell;
	vertical-align: middle;
	padding:0;
	margin:0 20px;
}
.contact_area li .form_btn{
	width:200px;
	font-size:113.3%;
	font-weight:bold;
	color:#fff;
	letter-spacing: 0.03em;
	cursor:pointer;
	padding:20px 0;
	background:#3673A9;
	border:#3673A9 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
.contact_area li .form_btn_g{
	width:200px;
	font-size:113.3%;
	font-weight:bold;
	color:#fff;
	letter-spacing: 0.03em;
	cursor:pointer;
	padding:20px 0;
	background:#888;
	border:#888 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}