@charset "utf-8";

/* ページ印刷時のサイズ調整 */
@media print {
	body {zoom: 100%;}
}

/* スクロールを常に表示させる */
html{overflow-y:scroll;	}


/*--------------------------------------------------
	全体共通
--------------------------------------------------*/
body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-serif;
	font-size: 14px;
	color: #746050;
	background-color: #fff;
	line-height: 1.2em;
	letter-spacing: 0.0em;
}

body a{
	color: #419F1B;
	text-decoration: none;
}

/* ページ幅の設定（ヘッダー、コンテンツ 部分に適用） */
.container{
	margin: 0 auto;
	width: 940px;
	overflow: hidden;
	/* paddingとmarginの分が加算されない設定 */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.text_none span{
	display: none;
}

/*--------------------------------------------------
	サブヘッダー（一番上の文字）
--------------------------------------------------*/
#header_top{
	text-align: center;
	height: 20px;
	background-color: #F1DEAA;
	line-height: 20px;
}

#header_top h1,
#header_top p{
	font-size: 12px;
	font-weight: 100;
	color: #333;
}

/*--------------------------------------------------
	ヘッダー
--------------------------------------------------*/
header #title a{
	display: block;
	width: 410px;
	height: 73px;
	float: left;
	background: url(../img/header_title.jpg);
}

header #tel a{
	display: block;
	width: 530px;
	height: 73px;
	float: left;
	background: url(../img/header_tel.jpg);
}

/*--------------------------------------------------
	ナビメニュー
--------------------------------------------------*/
nav#menu{
	width: 940px;
	height: 52px;
}

nav#menu li{
	float: left;
}

nav#menu li a{
	width: 157px;
	height: 52px;
	display: block;
}
	/* メニュー画像設定 */
	nav#menu li:nth-child(1) a{background: url(../img/menu_01.png);width: 156px;}
	nav#menu li:nth-child(2) a{background: url(../img/menu_02.png);}
	nav#menu li:nth-child(3) a{background: url(../img/menu_03.png);}
	nav#menu li:nth-child(4) a{background: url(../img/menu_04.png);}
	nav#menu li:nth-child(5) a{background: url(../img/menu_05.png);}
	nav#menu li:nth-child(6) a{background: url(../img/menu_06.png);width: 156px;}
	/* マウスオーバー */
	nav#menu li:nth-child(1) a:hover{background: url(../img/menu_hover_01.png);width: 156px;}
	nav#menu li:nth-child(2) a:hover{background: url(../img/menu_hover_02.png);}
	nav#menu li:nth-child(3) a:hover{background: url(../img/menu_hover_03.png);}
	nav#menu li:nth-child(4) a:hover{background: url(../img/menu_hover_04.png);}
	nav#menu li:nth-child(5) a:hover{background: url(../img/menu_hover_05.png);}
	nav#menu li:nth-child(6) a:hover{background: url(../img/menu_hover_06.png);width: 156px;}


/*--------------------------------------------------
	左カラム
--------------------------------------------------*/
#left_column{
	width: 200px;
	height: 100%;
	float: left;
	overflow: hidden;
}

#left_column img{
	margin-top: 10px;
}
	/* はじめての方はこちらから の部分だけ上マージンを０にする */
	#left_column img.hajimete{margin-top: 0px;}

/*--------------------------------------------------
	中央カラム
--------------------------------------------------*/
#center_column{
	width: 520px;
	height: 850px;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 0px;
	overflow: hidden;
	/* paddingとmarginの分が加算されない設定 */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.fb-page{
	margin-top: -78px;
	background-color: #fff;
}

/*--------------------------------------------------
	右カラム
--------------------------------------------------*/
#right_column{
	width: 200px;
	float: right;
	margin-top: 20px;
	/* paddingとmarginの分が加算されない設定 */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}



/* お知らせ */
#right_column #topic{
	height: 100%;
	border: 1px solid #DFE0E4;
	background: url(../img/topic.png) no-repeat;
	background-color: #fff;
	padding: 32px 10px 10px 10px;
	/* paddingとmarginの分が加算されない設定 */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#right_column #topic li{
	list-style: none;
	margin-top: 10px;
}

/* 所在地 */
#right_column #map{
	height: 100%;
	border: 1px solid #DFE0E4;
	background: url(../img/map.png) no-repeat;
	background-color: #fff;
	padding: 32px 10px 10px 10px;
	margin-top: 10px;
	/* paddingとmarginの分が加算されない設定 */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#right_column #map img,
#right_column #map p{
	margin-top: 10px;
}

#right_column #map span{
	font-weight: bold;
}

/* 画像スペース */
#right_column #link_img img{
	margin-top: 10px;
}

/*--------------------------------------------------
	フッター
--------------------------------------------------*/
footer{
	clear: both;
	overflow: hidden;
	height: 45px;
	text-align: center;
	font-size: 10px;
	background-color: #BBBBBB;
	padding-top: 5px;
	/* paddingとmarginの分が加算されない設定 */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

footer small{
	font-size: 10px;
	color: #fff;
}


/*--------------------------------------------------
	メインカラム（index以外の右カラム）
--------------------------------------------------*/
#main_column{
	float: right;
	width: 720px;
	margin-top: 20px;
	margin-left: 20px;
	padding: 20px 20px 50px 20px;
	background-color: #FFFCDD;
	/* paddingとmarginの分が加算されない設定 */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* h1見出し（学校案内等） */
#main_column #main_midashi{
	padding-top: 6px;
	padding-bottom: 20px;
	background: url(../img/logo.gif) no-repeat;
}

#main_column h1{
	display: inline;
	line-height: 26px;
	font-size: 26px;
	padding-left: 45px;
}

#main_column #main_midashi p{
	margin-top: 10px;
	font-size: 11px;
}

/* メインカラム内のボーダー設定 */
.sentence_box{
	border-top: 1px solid #EEB558;
}

/* h2見出し（こんな人に来て欲しい！等） */
#main_column h2{
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
}

/* h2より下の文章 */
#main_column .sentence{
	margin-left: 20px;
	margin-right: 30px;

}

#main_column .sentence_box .sentence p{
	margin-bottom: 25px;
}

/* 画像位置の調整 */
#main_column .sentence_box .sentence img{
	margin-top: -15px;
	margin-bottom: 25px;
}

/* h3見出し（＜不登校経験者＞等） */
#main_column h3{
	margin-bottom: 5px;
}

/* リスト位置調整（<p>タグの下マージンを相殺） */
#main_column .sentence ul{
	margin-top: -15px;
	margin-bottom: 25px;
	padding-left: 20px;
}

#main_column .sentence li{
	margin-top: 5px;
}

/* h2の下にあるリスト位置調整 */
#main_column .sentence.h2_under_list ul{
	margin-top: -5px;
	display: block;
}

/* h3の下にあるリストの位置調整 */
#main_column .sentence.h3_under_list ul{
	margin-top: 0px;
	display: block;
}


/* リスト下のマージン設定（pとの距離調整） */
#main_column .sentence ul.senko{
	margin-bottom: 10px;
}

/* ハイライト（白い背景の部分） */
.highlight{
	margin-left: -10px;
	margin-right: -10px;
	padding: 10px;
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 25px;
}

.highlight h3{
	color: #EE1772;
}

#main_column .sentence .highlight p{
	margin-bottom: 0px;
	line-height: 1.3em;
	letter-spacing: 0.0em;
}

/* sentence_box内の最終項目の下マージン調整 */
#main_column .sentence_box .sentence .last_sentence{
	margin-bottom: 0px;
}

/* テーブル設定 */
table{
	margin-bottom: 25px;
	display: inline-block;
}

th{
	padding: 10px;
	border: 1px solid #C9C9CA;
	background-color: #F0D3C9;
}

tbody td{
	padding: 10px;
	border: 1px solid #C9C9CA;
}

tbody tr:nth-child(2n+1){
	background-color: #fff;
}

tbody tr:nth-child(2n){
	background-color: #EEEBE8;
}

tfoot td{
	padding: 10px;
	background-color: #fff;
	border: 1px solid #C9C9CA;
}

/* 学費テーブル調整 */
#gakuhi thead th:nth-child(1),#gakuhi2 thead th:nth-child(1){width: 80px;}
#gakuhi thead th:nth-child(n+2){width: 140px;}
#gakuhi tbody td:nth-child(n+2),#gakuhi2 tbody td:nth-child(n+2){text-align: right;}
#gakuhi tbody td:nth-child(1),#gakuhi2 tbody td:nth-child(1){text-align: center;}
#gakuhi span{font-size: 10px;}
#gakuhi2 thead th:nth-child(n+2){width: 100px;}

/* 体験入学テーブル調整 */
#taiken{width: 550px}
#taiken thead th:nth-child(1){width: 50px;}
#taiken thead th:nth-child(2){width: 500px;}
#taiken tbody td:nth-child(1){text-align: center;}

/* 土曜教室テーブル調整 */
#taiken{width: 550px}
#doyou th{width: 80px;vertical-align: middle;}
#doyou tbody td{background-color: #fff;}

/* 許育理念＞代表画像 位置調整 */
.sentence_box .sentence img.daihyo{
	margin-top: 0px;
}

/* よくあるご質問 内容のデザイン */
.question h3{
	color: #a8001a;
}

#main_column .sentence_box .sentence.question img:nth-child(1){
	margin-top: 0px;
}

/* ボランティアスタッフ募集＞実例 デザイン */
#staff_rei{
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 25px;
	padding: 15px;
	background-color: #fff;
	border-radius: 3px;
	/* paddingとmarginの分が加算されない設定 */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#main_column .sentence #staff_rei ul{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

#main_column .sentence #staff_rei p{
	padding-left: 20px;
	padding-right: 10px;
}

#main_column .sentence #staff_rei p:last-child{
	margin-bottom: 0px;
}



/*--------------------------------------------------
	メールフォーム
--------------------------------------------------*/
.sentence #myform{
	overflow: hidden;
	margin-bottom: 25px;
}

.sentence #myform label{
	display: block;
	margin-bottom: 5px;
}

.sentence #myform input:not([type="submit"]){
	padding: 4px 8px;
}

.sentence #myform textarea{
	display: block;
}

.red{
	color: #9c1b00
}