@charset "UTF-8";

/* ****************************************************
Title: service.css
Created: 2010/6/10
Last Modified: 2010/6/10
Editor(s): Tohyama
Last Editor: Tohyama
***************************************************** */

/* インデックスページ************************************** */

a.bnr {
	float:right;
	margin-left:5px;
	width:270px;
	height:62px;
	text-decoration:none;
}
a.ssc {
	background:url(./images/btn_ssc2010.jpg) no-repeat;
}
a:hover.ssc {
	background:url(./images/btn_ssc2010_on.jpg) no-repeat;
}
a.summer {
	background:url(./images/btn_summer2010.jpg) no-repeat;
}
a:hover.summer {
	background:url(./images/btn_summer2010_on.jpg) no-repeat;
}

/*メニュー*/

div.menu {
	padding:0 0 10px 10px;
}
div.menu a {
	display:block;
	float:left;
	width:120px;
	border:solid 2px #F78000;
	background:#FEFA99;
	margin:3px;
	padding:3px;
	text-align:center;
	color:#F75D00;
}
div.menu a:hover {
	background:#F75D00;
	color:#fff;
}

ol.list {
	list-style: decimal inside;
	margin-left:20px;
}

/*レッスンスケジュール例*/

a.lesson_sche {
	display:block;
	width:180px;
	background:#FEFA99;
	margin:10px 0 5px;
	padding:2px;
	text-align:center;
	color:#F75D00;
}
a:hover.lesson_sche {
	background:#F75D00;
	color:#fff;
}

/*レッスンの詳細*/

h5.detail {
	background:#aaa;
	margin-top:20px;
	padding:5px 5px 5px 10px;
	border:solid 2px #DDD;
	font-size:14px;
	font-weight:bold;
	width:495px;
	color:#fff;
}

/* 開催日程************************************** */

共通項目（開催日程・スケジュール例）

#summer2010date h1,
#summer2010sche h1 {
}
#summer2010date h2,
#summer2010sche h2 {
	font-size:18px;
	font-weight:bold;
}

#summer2010date a {
	text-decoration:underline;
}
#summer2010date a:hover {
	text-decoration:none;
}

div#main-clm {
	width:570px;
	margin:10px auto 0;
	padding-bottom:10px;
}
div#main-clm a.close {
	display:block;
	width:150px;
	margin:0 auto;
	border:solid 1px #888;
	text-align:center;
	color:#666;
	text-decoration:none;
}
div#main-clm a:hover.close {
	background:#ddd;
	text-decoration:none;
}

/*カレンダー*/

p.month_link {
	margin:15px 12px 10px;
	text-align:right;
}
.month_link span {
	margin:0 10px;
}
table.cal {
	width:560px;
	margin:auto;
}
table.cal,
table.cal td,
table.cal th {
	border:solid 1px #aaa;
	border-collapse:collapse;
	text-align:center;
	line-height:120%;
}
table.cal td,
table.cal th {
	padding:3px;
}
table.cal th {
	font-size:16px;
	color:#FFF;
	background:#A8A8A8;
	font-weight:bold;
}
table.june th {
	background:#CD82BE;
}
table.july th {
	background:#00A0C6;
}
table.august th {
	background:#ABDA4D;
}
table.september th {
	background:#FEBD31;
}
table.cal td {
	width:79px;
}

table.cal tr.week td {
	background:#eee;
}

table.cal tr.cal td {
	
}
table.cal tr.schedule td {
	height:60px;
}
table.cal p.level {
	margin-top:3px;
	font-weight:bold;
}
table.cal td.weekend {
	background:#FFFFBB;
	width:158px;
}
table.cal td.weekend a {
	color:#FF6C00;
}
table.cal td.summer {
	background:#DDFFFF;
	width:316px;
}
table.cal td.summer a {
	color:#0064E0;
}
table.cal td.ssc {
	background:#D5FFDE;
	width:316px;
}
table.cal td.ssc a {
	color:#008D07;
}
table.cal td.ssc span {
	padding:0 5px;
}
table.cal td.ssc span.level0 {
	color:#FF4545;
}
table.cal td.level1 p.level,
table.cal td.ssc span.level1 {
	color:#F74DA5;
}
table.cal td.level2 p.level,
table.cal td.ssc span.level2 {
	color:#53AB0D;
}
table.cal td.level3 p.level,
table.cal td.ssc span.level3 {
	color:#0067E7;
}

/* レッスンスケジュール例************************************** */

table.sche {
	margin:10px 0 20px;
	width:565px;
}

table.sche td {
	text-align:center;
	height:49px;
	border:solid 1px #aaa;
	border-collapse:collapse;
}
table.sche tr.day td {
	background:#CCFFCC;
	padding:2px 0;
	height:12px;
}
table.sche td.hour {
	background:#FFFF99;
	padding:0 5px;
}
table.sche tr.rest td {
	background:#ddd;
	padding:2px 0;
	height:12px;
}
table.sche td.callan {
	color:#23A16A;
}

/*--------------------------
	float hack
--------------------------*/

.outbox:after{
	display: block;
	float:left;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both; /* DW */
}
*html .outbox              {display:inline-block;}
*:first-child+html .outbox {display:inline-block;}

/* no mac IE \*/
*html .outbox              {height:1%;}
*:first-child+html .outbox {height:1%;}
.outbox {display: block;}