/* ナビゲーションバナー */
#bnrSlider {
	position: relative;
	width: 950px;
	height: 96px;
	border: #CCC solid 1px;
	margin: 7px auto 0;
}

/* バナーリスト
--------------------- */
ul.bnr310 {
	width: 960px;
	height: 280px;
	margin: 0 auto 15px;
	padding: 0;
}
ul.bnr310 li {
	width: 310px;
	height: 280px;
	text-align: center;
	margin-right: 10px;
	padding: 0;
	float: left;
}


ul.bnr190 {
	width: 920px;
	height: 74px;
	margin: auto;
	padding: 10px 16px 10px 14px;
}
	*:first-child+html ul.bnr190 { /* for IE7 */
	padding: 10px 0 5px;
	}
ul.bnr190 li {
	width: 184px;
	height: 74px;
	text-align: center;
	float: left;
}
ul.bnr190 li img {
	width: 180px;
}



/* ページをめくる
--------------------- */
.bx-toUp { /* ランキング上位へ */
	position: absolute;
	top: 13px;
	left: 0;
	width: 13px;
	height: 85px;
}
	*:first-child+html .bx-toUp { /* for IE7 */
	left: 12px;

	}

.bx-toBottom { /* ランキング下位へ */
	position: absolute;
	top: 13px;
	right: 0;
	width: 13px;
	height: 85px;
}
	*:first-child+html .bx-toBottom { /* for IE7 */
	right: 12px;

	}






/* 【トップページ】サイトマップ
************************************************************************************************ */
.sitemap {
	width: 560px;
	text-align: center;
	margin: 0 auto 25px;
}

.bar_sitemap {
	width: 560px;
	text-align: left;
	padding-left: 5px;
}
	
div.sitemap dl {
	width: 550px;
	background-color: #F3F0E7;
	text-align: left;
	margin-bottom: 5px;
	padding: 7px;
}
div.sitemap dl dt {
	background: url(../img/top/ico_sitemap.png) no-repeat;
	font-weight: bold;
	color: #6BBC64;
	margin: 3px 0 0 0;
	padding: 2px 2px 2px 15px;
}
div.sitemap dl dt a {
	color: #6BBC64;
	text-decoration:none;
}
div.sitemap dl dt a:hover {
	color: #F93;
	text-decoration: underline;
}

div.sitemap dl dd {
	border-bottom: #CC9 1px dotted;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0 0 5px 0;
	padding: 2px 0 5px 16px;
}
div.sitemap dl dd a {
	color: #069;
	text-decoration:none;
}
div.sitemap dl dd a:hover {
	color: #C90;
	text-decoration: underline;
}


/* AndMore
---------------------*/
.andMore {
	width: 100%;
	font-size: 12px;
	text-align: right;
	margin: 0 0 15px 0;
}
.andMore a {
	color: #069;
	text-decoration: underline;
}
.andMore a:hover {
	color: #C90;
	text-decoration: underline;
}



/* access アクセス
************************************************************************************************ */
#access {
	width: 640px;
	text-align: left;
	margin: auto;
}
#access img {
	margin: 10px 0 0;
}

dl.shopHour {
	text-align: left;
}
dl.shopHour dt {
	width: 30px;
	float: left;
}
dl.shopHour dd {
	clear: right;
}


/** ----- 「この画面を閉じる」 */

#close {
	width: 100%;
	margin: 10px auto 30px;
	display: inline-block;
	}




/* about 学校紹介ページ
************************************************************************************************ */
#pageAbout {
	margin: 50px 0 0 0;
}

/** 学院紹介
---------------------*/
#greeting {
	width: 560px;
	height: 640px;
	background: url(../img/static/bg_greeting560.jpg) no-repeat left top;
	margin: 0 auto 30px;
	}

#greeting p.ttl {
	width: 500px;
	font-size: 18px;
	text-align: center;
	margin: 70px auto 50px;
	}
#greeting p.txt {
	width: 460px;
	font-size: 13px;
	text-align: left;
	line-height: 1.4em;
	margin: 0 auto;
	}


/** 院長紹介
---------------------*/
.director {
	width: 470px;
	height: 230px;
	text-align: left;
	margin: 15px auto;
}
.director dt {
	float: left;
}
.director dd {
	width: 260px;
	line-height: 1.5em;
	padding: 0 0 0 20px;
	float: right;
}
.director dd p.name01 {
	margin: 5px 0 0 -12px;
}
.director dd p.name02 {
	margin: 5px 0 0 -3px;
}



/** 学院情報
---------------------*/
#profile {
	width: 500px;
	border-collapse: separate; /* Firefoxで罫線を表示させる為の対策 */
	text-align: left;
	margin: 0 auto 70px;
	padding: 10px;
}
#profile img {
	margin: 2px 0 0 0;
}

#profile th {
	width: 80px;
	height: auto;	
	border-bottom: dotted 1px #7c6754;
	font-weight: normal;
	line-height: 1.4em;
	vertical-align: top;
	padding: 8px 8px 8px 15px;
}
#profile td {
	border-bottom: #7c6754 dotted 1px;
	border-right: none;
	line-height: 1.4em;
	vertical-align: top;
	padding: 8px;
}





/* guide コース案内
************************************************************************************************ */
#pageGuide img {
	margin: 0 0 3px 0;
}


/** 写真
---------------------*/
#photo {
	width: 560px;
	text-align: center;
	margin: 10px auto 20px 35px;
}

#photo ul {
}
#photo li {
	width: 185px;
	text-align: left;
	margin: 0 0 7px 0;
}
#photo li img {
	margin: 0 0 1px 0;
}
#photo li h3 {
	background: url(../img/common/ico_ladder001.png) no-repeat 2px 0;
	font-size: 12px;
	color: #696;
	padding: 0 0 0 12px;
}



/** コース案内表　見出し
----------------------------*/
.text_coLst01 {
	width: 542px;
	background: url(../img/static/ico_arrow_coLst01.png)  no-repeat 0 1px;
	border-bottom: #369 double 3px;
	font-size: 16px;
	font-weight: bold;
	color: #369;
	text-align: left;
	margin: 20px auto 5px;
	padding: 2px 2px 2px 18px;
}

.text_coLst02 {
	width: 560px;
	background: url(../img-icon/arrow_coLst02.png) no-repeat 0 1px;
	font-size: 13px;
	color: #369;
	text-align: left;
	line-height: 1.2em;
	margin: 0 auto 15px;
	padding: 1px 0 0 0;
}

.text_coLst03 {
	width: 560px;
	font-size: 12px;
	color: #363;
	text-align: right;
	margin: 2px auto 20px;
	padding: 2px;
}


/** アンカー部分でh4に設定
----------------------------*/
.anchor h4 {
	width: 560px;
	font-size: 12px;
	text-indent: -9999px;
	text-align: left;
	margin: auto;
}


/** コース案内表
---------------------*/
table.course {
	width: 560px;
	border: 1px solid #696;
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #696;
	border-right: none;
	border-bottom: 1px solid #696;
	border-left: 1px solid #696;
	font-size: 12px;
	line-height: 1.3em;
	margin: 10px auto 0;
}
table.course th {
	height: 20px;
	background-color: #D9E7D9;
	font-size: 14px;
	color: #363;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}
table.course th, td {
	border-top: none;
	border-right: 1px solid #696;
	border-bottom: 1px solid #696;
	border-left: none;
}

table.course td {
	height: auto;
	border-bottom: 1px dotted #696;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

table.course td p.className {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	color: #963;
}
table.course td p.value {
	height: 16px;
	background: url(../img/static/ico_enMark.png) no-repeat 0 4px;
	font-size: 16px;
	font-weight: bold;
	color: #369;
	padding: 3px 0 7px 13px;
}

table.course td hr {
	margin: 5px auto;
	border: #D5DBB3 solid 1px;
}

table.course p.ol {
	margin-bottom: 10px;
}

table.course td.last {
	border-bottom: none;
	border-bottom: 0;
}


/** レッスン曜日・時間
----------------------------*/
p.take {
	font-size: 14px;
	font-weight: bold;
	color: #F90;
	margin: 1px 2px 0 0;
	float: left;
}

.dayLst {
	text-align: left;
}
.dayLst li {
	width: 17px;
	height: 17px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 0 3px 0;
	display: inline-block;
}
.dayLst li.Mon { background-image: url(../img/static/ico_day_Mon.png); }
.dayLst li.Tue { background-image: url(../img/static/ico_day_Tue.png); }
.dayLst li.Wed { background-image: url(../img/static/ico_day_Wed.png); }
.dayLst li.Thu { background-image: url(../img/static/ico_day_Thu.png); }
.dayLst li.Fri { background-image: url(../img/static/ico_day_Fri.png); }
.dayLst li.Sat { background-image: url(../img/static/ico_day_Sat.png); }
.dayLst li.Sun { background-image: url(../img/static/ico_day_Sun.png); }

p.hour {
	font-size: 14px;
	line-height: 1.2em;
	margin: 0 2px 8px 0;
}



/** コース段階
----------------------------*/
.level {
	font-size: 12px;
	color: #963;
	margin: 10px 0 0 5px;
	padding: 0;
	text-align: left;
	line-height: 1.4em;
}


/** 入会金・講習費￥0アイコン　
----------------------------*/
.enroll {
	width: 85px;
	height: 26px;
	margin: 2px 0 5px 0;
	background: url(../img/static/ico_enroll0.jpg) no-repeat;
}

.costs {
	width: 87px;
	height: 33px;
	margin: 2px 0 5px 0;
	background: url(../img/static/ico_costs0.jpg) no-repeat;
}


/** 申込みボタン
----------------------------*/
.appli {
	width: 80px;
	height: 20px;
	margin: 7px auto;
}

.appli a {
	height: 20px;
	background: url(../img/static/btn_appli.png) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}

.appli a { background-position: 0       0;}
.appli a:hover { background-position: 0       -20px;}



/** 問合せ(コース入会)ボタン
-----------------------------*/
.qAdmission {
	width: 90px;
	height: 23px;
	margin: auto;
}
.qAdmission a {
	height: 23px;
	background: url(../img/static/btn_admission.png) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}
.qAdmission a { background-position: 0       0;}
.qAdmission a: hover { background-position: 0       -23px;}


/** 学院問合わせ先
----------------------------*/
.txtBoxContact {
	width: 560px;
	text-align: left;
	line-height: 1.4em;
	margin: 20px auto 80px;
}




/* link リンク集
************************************************************************************************ */
.bar_link {
	width: 560px;
	margin: 10px auto 0px;
	padding: 0;
	text-align: left;
}


/** リンク
----------------------------*/
.linkBring {
	width: 550px;
	text-align: left;
	margin: 10px auto 15px;
}
	
.linkBring dl {
	width: 550px;
	text-align: left;
	margin-top: 0;
}

.linkBring dl dt {
	height: 9px;
	border-left: #F96 solid 4px;
	color: #930;
	margin: 7px 0 3px 1px;
	padding: 0 0 5px 4px;
}
.linkBring dl dt a {
	color: #F96;
	text-decoration: none;
}
.linkBring dl dt a:hover {
	color: #39C;
	text-decoration: underline;
}

.linkBring dl dd {
	font-size: 12px;
	margin: 0 0 10px 8px;
	padding: 1px;
}


/** 直リンク用ソース
----------------------------*/
.linkSource {
	width: 192px;
	height: 50px;
	border: #999 dotted 1px;
	text-align: left;
	line-height: 1.2em;
	white-space: normal;
	margin: 2px 0 15px 0;
	padding: 3px;
	overflow: scroll;
	overflow-x: hidden;
}



/* 受講者からのリンク申請
************************************************************************************************ */
div.workAttention {
	width: 520px;
	margin: 15px 0 0;
	color: #069;
	}

div.workAttention ul {
	margin: 0;
	padding-left: 15px;
	}

div.workAttention ul li {
	padding: 0 0 0 17px;
	margin: 1px 0 2px;
	list-style: decimal;
	color: #069;
	}



/* よくあるご質問・このホームページについて
************************************************************************************************ */
div#explanation {
	width: 560px;
	text-align: left;
	line-height: 1.4em;
	margin: 20px auto 50px;
}

.cap {
	width: 540px;
	height: auto;
	border-width: 0 0 1px 3px;
	border-left: #96C097 dotted 2px;
	border-bottom: #5C955E solid 1px;
	font-size: 13px;
	font-weight: bold;
	color: #696;
	letter-spacing: 0.1em;
	margin: 20px 0 5px 10px;
	padding: 2px 0 3px 6px;
}

.outline {
	width: 540px;
	line-height: 1.3em;
	margin: 0 0 0 10px;
	padding: 0 0 0 12px;
}
.outline img {
	margin: 7px 40px;
}


.outline_bottom {
	width: 540px;
	line-height: 1.4em;
	margin: 0 0 25px 10px;
	padding: 0 0 0 12px;
	}