@charset "utf-8";
/* ======================== 目次 ==========================

	[01]:各要素リセット・基本設定
	[02]:レイアウト
	[03]:リンク
	[04]:ヘッダ
	[05]:ナビゲーション
	[06]:タイトル ヘッドライン
	[07]:フッタ
	[08]:コンテンツ共有
	
======================================================== */

/* -------------------------[01]:各要素リセット・基本設定 */

html,body,p,ul,ol,li,h1,h2,h3,h4,h5,h6,form,dl,dt,dd { margin:0px; padding:0px; }

html{ background:url(../img/background.jpg) 50% 0% repeat-x; margin:0px; padding:0px; }

div {
	zoom:1;/*for IE 5.5-7*/
}
div:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
}


body {
	padding: 0px;
	font-family:'ＭＳ Ｐゴシック', sans-serif;
	color:#333;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

img { border:none; }

ul,li { list-style:none; }

h1,h2,h3,h4,h5 { font-size: small; font-weight: normal; color: #333; text-align: left; }

.fontS { font-size:80%; line-height:150%; }
.fontM { font-size:90%; line-height:150%; }
.fontL { font-size:120%; line-height:150%; }
.fontX { font-size:140%; line-height:150%; }
.fRed {color:#c00;}
.fRedB {color:#c00; font-weight:bold;}


/* -------------------------[02]:レイアウト */

div#container	{ width: 1050px; margin: 0px auto; padding: 0px 15px; position: relative; }

.left   { float:left; }
.right  { float:right; }
.clear    { clear:both; font-size: 0px; line-height: 0px; }
.center {text-align:center;}

.btm10	{ padding: 0px 0px 10px; }
.btm20	{ padding: 0px 0px 20px; }
.btm30	{ padding: 0px 0px 30px; }
.btm40	{ padding: 0px 0px 40px; }
.btm50	{ padding: 0px 0px 50px; }

.up10	{ padding: 10px 0px 0px; }
.up20	{ padding: 20px 0px 0px; }
.up30	{ padding: 30px 0px 0px; }
.up40	{ padding: 40px 0px 0px; }
.up50	{ padding: 50px 0px 0px; }

/* -------------------------[03]:リンク */

a:link    { color:#333; text-decoration:none; }
a:visited { color:#333; text-decoration:none; }
a:hover   { color:#999; text-decoration:underline; }
a:active  { color:#333; text-decoration:underline; }


/* -------------------------[05]:ヘッダ */

div#header	{ width: 1065px; height: 79px; margin:0px auto; padding: 46px 0px 0px 15px; }
div#header h1	{ width: 157px; height: 79px; padding: 0px; float: left; }


/* -------------------------[06]:ナビゲーション */

div#header ul	{ width: 553px; height: 55px; font-size: 0px; line-height: 0px; float: left; padding: 24px 0px 0px 20px; }
div#header ul li{ height: 55px; float: left; padding: 0px; margin: 0px; font-size: 0px; line-height: 0px; }
div#header ul li.L01	{ width: 57px; }
div#header ul li.L02	{ width: 80px; }
div#header ul li.L03	{ width: 74px; }
div#header ul li.L04	{ width: 154px; }
div#header ul li.L05	{ width: 107px; }
div#header ul li.L06	{ width: 81px; }


/* -------------------------[07]:フッタ */

div#footer		{ background: url(../img/dotted.gif) repeat-x; width: 1060px; padding: 13px; text-align: left; }
div#footer .linkBox		{ width: 370px; float: left; }
div#footer .copyright	{ width: 228px; height: 16px; float: right; }


/* -------------------------[08]:コンテンツ共通 */

div#contentsMain	{ width: 1000px; text-align: left; padding: 40px; }
div#contentsMain .inBox	{ padding: 35px 10px; }

div#contentsMain .curriculum		{ width: 810px; padding: 20px 0px; }
div#contentsMain .curriculum .capBox	{ width: 810px; height: 45px; font-size: 0px; line-height: 0px; }
div#contentsMain .curriculum .dataBox	{ background: url(../img/cur_body.gif) repeat-y; width: 770px; padding: 10px 20px 0px; font-size: 14px; line-height: 24px; }
div#contentsMain .curriculum .dataBox span	{ font-size: 12px; line-height: 20px; }
div#contentsMain .curriculum .dataBox .detail{ background: url(../img/dotted.gif) repeat-x bottom; padding: 10px 5px; }
div#contentsMain .curriculum .boxLeft	{ width: 370px; float: left; }
div#contentsMain .curriculum .boxRight	{ width: 370px; float: right; }
div#contentsMain .curriculum .btmBox	{ width: 810px; height: 15px; font-size: 0px; line-height: 0px; }

div#contentsMain table.schedule		{ width: 580px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; }
div#contentsMain table.schedule caption	{ text-align: left; font-size: 12px; padding: 5px 0px 0px; }
div#contentsMain table.schedule div		{ float: left; }
div#contentsMain table.schedule span	{ display: block; float: right; font-weight: bold; }
div#contentsMain table.schedule th		{ font-size: 14px; font-weight: bold; padding: 8px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
div#contentsMain table.schedule th.th01	{ background: #f5ecec; }
div#contentsMain table.schedule th.th02	{ background: #edf5eb; }
div#contentsMain table.schedule th.th03	{ background: #f0f0f0; }
div#contentsMain table.schedule td		{ font-size: 14px; padding: 8px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
div#contentsMain table.schedule td.w80	{ width: 80px; text-align: center; }
div#contentsMain table.schedule td.center{ text-align: center; }



div.btmContact	{ width: 770px; background: #f2f2f2; padding: 20px; margin-top: 50px; }
div.btmContact p	{ width: 390px; float: left; font-size: 12px; line-height: 22px; padding: 0px; }
div.btmContact span	{ color: #f36; font-weight: bold; }
div.btmContact .mailBox		{ width: 365px; float: left; padding: 15px 0px 0px 10px; }
div.btmContact .textLeft	{ width: 220px; float: left; font-size: 12px; line-height: 18px; padding: 15px 0px; }
div.btmContact .textRight	{ width: 540px; float: left; padding: 0px 0px 0px 10px; font-size: 12px; line-height: 18px; padding: 15px 0px; }
div.btmContact .textLeft strong,
div.btmContact .textRight strong	{ display: block; font-size: 12px; font-weight: bold; padding: 0px 0px 5px; }
div.btmContact .btmBox		{ width: 770px; padding: 15px 0px 0px; }
div.btmContact .btmBox .siteLink	{ width: 172px; height: 18px; float: left; }
div.btmContact .btmBox address		{ width: 530px; padding: 0px 0px 0px 10px; float: left; font-size: 12px; line-height: 18px; font-style: normal; }
div.btmContact .btmBox .mapLink		{ width: 30px; float: left; padding: 2px; }