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

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background: #FFFFFF;
	color: #333333;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #FFFFFF;
}

img{
	border: none;
}



h1{
	font-size: 1.5em;
	color: #336699;
	clear: both;
	border-bottom: 3px double #336699;
}



h2{
	font-size: 1.2em;
	background-color: #FFFFFF;
	color: #336699;
	line-height: 1.2em;
	clear: both;
	border-bottom: 1px solid #336699;
	border-left: 10px solid #336699;
	padding-left: 5px;
	margin-bottom: 0.5em;
}



h3{
	font-size: 1.1em;
	color: #336699;
	clear: both;
	border-bottom: 1px dotted #336699;
	border-left: 10px solid #336699;
	padding-left: 5px;
	margin-left: 1em;
}



h4{
	font-size: 1em;
	color: #336699;
	border-bottom: 1px dotted #336699;
	border-left: 8px solid #336699;
	padding-left: 5px;
	margin-left: 1.5em;
}



h5{
	font-size: 0.9em;
	color: #336699;
	border-bottom: 1px dotted #336699;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-left: 2em;
}



h6{
}




table{
	border: 1px solid #999999;
	margin-bottom: 1em;
}



thead{
	background-color: #BFEEEE;
}



caption{
	font-weight: bold;
	background: #336699;
	color: #FFFFFF;
	padding: 5px;
}



colgroup{
}



tr{

}



th{
	background: #339999;
	color: #ffffff;
	padding: 0.2em;
}


td{
	font-size: 90%;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 10px;
	vertical-align: top;
}



ul{

}



li{
	line-height: 1.5em;
}




dl{}
dt{
	color: #CC3333;
	border-left: 10px solid #CC3333;
	padding-left: 5px;
	margin: 1em 0 0 2em;
}


dd{
	margin-bottom: 0.5em;
}



p{
	font-size: 95%;
	line-height: 1.5em;
	padding: 0;
	margin-top: 0;
}



hr{
	clear: both;
	border: none;
	height: 0;
	margin: 0;
	visibility: hidden;
}



strong{
	color: #336699;
}



em{
	font-style: normal;
	color: #FF3333;
}



blockquote{
	background: #E1FEE0;
	border: 1px solid #336600;
}



blockquote p{
	margin: 0.5em 0;
}



#container { 
	width: 760px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	margin:10px 0 0 0;
	margin-left:auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	margin-right:auto; 
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}


#header { 
	padding: 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
#container #mainContent {
}



#header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}



#mainContent {
	background-color: #FFFFFF;
	padding: 10px 20px;
	margin-top: 17px;
}



#mainContent p{
	margin-right: 2em;
	margin-left: 2em;
}



#mainContent ul{}

#mainContent li{
	margin-left: 1em;
}



#mainContent td p{
	margin: 0;
}




/*#mainContent:after{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

*/


/*フッター*/
#footer {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}


#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	font-size:0.5em;
	color:#FFFFFF;
	text-align:center;
}



#footer img{
	margin-left: 17px;
}




/*校舎情報*/
#school-navi{
	float: left;
	width: 200px;
	padding: 0;
}




#linden{
	background: url(../../school/images/linden.gif) no-repeat top;
	height: 27px;
}



#category{
	text-align: right;
}



#category img{
	margin-right: 5px;
}




#school-content{
	width:495px;
	padding:0;
	float:right;
	/*border-left:1px dotted #CCCCCC;*/
	padding-left:5px;
}


	
#school-content img{
	margin-right: 15px;
}



/*ページ設定・詳細*/
.float-right{
	float: right;
	padding: 10px;
}



.float-left{
	float: left;
	padding: 10px;
}


.float-clear {
	clear: both;
}



/*お知らせページTopへ戻る*/
.back{
	font-size: 0.8em;
	text-align: left;
}



/*table設定*/

.table-position{
	margin-left: 1.5em;
}



.index{
	font-weight: bold;
	background: #EEFDFC;
}



.detail{
	font-size: 0.9em;
}




/*　※注意事項　*/
.attention{
	color: #FF3333;
}body {
	background-color: #FFFFFF;
}
body {
	background-color: #FFFFFF;
}
body {
	background-color: #FFFFFF;
}
h2 {
	color: #FFFFFF;
	background-color: 336699;
}
h2 {
	color: #336699;
	background-color: E7E7E7;
}