@charset "utf-8";

/*-------------------------------------------------
  Common layout
-------------------------------------------------*/
html {
	height:100%;
	}

body {
	font-size:14px;
	height:100%;
	margin:0px;
	background-image: url("/images/school/background.gif");
	background-color:#00A498;
	background-repeat:repeat-x;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

body > #container {
	height:auto;
}

#container {
	height:100%;
	min-height:100%;
	width:1024px;
	padding:0px;
	margin:5px auto 0px auto;
	background:#FFFFFF;
}

img {
	border: none;
	}

form {
	margin:0 0 20px 0;
	padding:0px;
}

a {
	color: #00CC99;
	text-decoration:none;
	}

a:hover {
	color: #00CC99;
	text-decoration: underline;
	}

/*-------------------------------------------------
  Header layout
-------------------------------------------------*/
#header {
	height:160px;
}

#header table tr td.top{
	height:55px;
	background-image:url(/images/school/header/header_03-1.gif);
	background-repeat:no-repeat;
	background-position: left top;
}

#header table tr td.bottom{
	height:55px;
	background-image:url(/images/school/header/header_03-2.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}

#header table {
    background-image:url(/images/school/header/header_25.gif);
}

#header ul.navigation{
	margin:0px 0px 0px 4.5px;
	padding:0px;
}

#header ul.navigation li{
	list-style:none;
	width:145px;
	height:50px;
	float:left;
}

#header ul.navigation a{
	display:block;
	width:145px;
	height:50px;
	text-indent:-50px;
	overflow:hidden;
}

#header ul.navigation a.policy{
    background-image:url(/images/school/header/header_15.gif);
}

#header ul.navigation a.course{
    background-image:url(/images/school/header/header_16.gif);
}

#header ul.navigation a.trial{
    background-image:url(/images/school/header/header_17.gif);
}

#header ul.navigation a.lesson{
    background-image:url(/images/school/header/header_18.gif);
}

#header ul.navigation a.studio{
    background-image:url(/images/school/header/header_19.gif);
}

#header ul.navigation a.information{
    background-image:url(/images/school/header/header_20.gif);
}

#header ul.navigation a.access{
    background-image:url(/images/school/header/header_21.gif);
}

#header ul.navigation a:hover {
	background-position:0px -50px;
}

/*-------------------------------------------------
  Header layout ( Quick Link )
-------------------------------------------------*/
#header ul.link{
	margin:0px;
	padding:0px;
}

#header ul.link li{
	list-style:none;
	height:45px;
	float:left;
}

#header ul.link a{
	display:block;
	height:45px;
	text-indent:-45px;
	overflow:hidden;
}

#header ul.link a.home{
    background-image:url(/images/school/header/header_08.gif);
}

#header ul.link a.contact{
    background-image:url(/images/school/header/header_10.gif);
}

/*-------------------------------------------------
  Main  layout
-------------------------------------------------*/
#main {
	background-color:#000000;
	width:640px;
	height:300px;
	float:left;	
}

#information {
	background-color:#FFFFFF;
	width:364px;
	height:280px;
	padding:10px;
	float:left;	
}

/*-------------------------------------------------
  Content layout
-------------------------------------------------*/
#content {
	margin:0px 0px 10px 0px;
	font-size:12px;
}

/*-------------------------------------------------
  Left
-------------------------------------------------*/
div.left {
	padding:10px 0px 0px 10px;
	width:246px;
	float:left;
}

div.left div.policy-top {
	background-image:url(/images/school/index/policy_01.gif);
	background-repeat:no-repeat;
	width:236px;
	height:75px;
}

div.left div.policy-middle {
	padding:0px 10px 5px 10px;
	background-image:url(/images/school/index/policy_06.gif);
	background-repeat:repeat-y;
	width:216px;
}

div.left div.policy-thumbnail {
	margin:0px;
	padding:0px 10px 5px 10px;
	background-image:url(/images/school/index/policy_06.gif);
	background-repeat:repeat-y;
	width:216px;
}

div.left div.policy-bottom {
	background-image:url(/images/school/index/policy_07.gif);
	background-repeat:no-repeat;
	width:236px;
	height:5px;
}

div.left div.policy-click {
	margin:0px;
	padding:0px 10px 0px 10px;
	background-image:url(/images/school/index/policy_06.gif);
	background-repeat:repeat-y;
	width:216px;
}

div.left div.course-top {
	background-image:url(/images/school/index/course_01.gif);
	background-repeat:no-repeat;
	width:236px;
	height:75px;
}

div.left div.course-thumbnail {
	padding:0px 10px 0px 10px;
	background-image:url(/images/school/index/course_06.gif);
	background-repeat:repeat-y;
	width:216px;
}

div.left div.course-middle {
	padding:0px 10px 0px 10px;
	background-image:url(/images/school/index/course_06.gif);
	background-repeat:repeat-y;
	width:216px;
}

div.left div.course-bottom {
	background-image:url(/images/school/index/course_07.gif);
	background-repeat:no-repeat;
	width:236px;
	height:5px;
}

div.left div.course-select {
	background-image: url("/images/school/index/course-select.gif");
	background-repeat:no-repeat;
	width:121px;
	height:25px;
	padding:5px 5px 5px 111px;
}

div.left div.trial-top {
	background-image:url(/images/school/index/trial_01.gif);
	background-repeat:no-repeat;
	width:236px;
	height:75px;
}

div.left div.trial-thumbnail {
	padding:0px 10px 5px 10px;
	background-image:url(/images/school/index/trial_06.gif);
	background-repeat:repeat-y;
	width:216px;
}

div.left div.trial-middle {
	padding:0px 10px 5px 10px;
	background-image:url(/images/school/index/trial_06.gif);
	background-repeat:repeat-y;
	width:216px;
}

div.left div.trial-click {
	padding:0px 10px 5px 10px;
	background-image:url(/images/school/index/trial_06.gif);
	background-repeat:repeat-y;
	width:216px;
}

div.left div.trial-bottom {
	background-image:url(/images/school/index/trial_07.gif);
	background-repeat:no-repeat;
	width:236px;
	height:5px;
}

div.left div.lesson-top {
	background-image:url(/images/school/index/lesson_01.gif);
	background-repeat:no-repeat;
	width:236px;
	height:75px;
}

div.left div.lesson-thumbnail {
	padding:0px 10px 5px 10px;
	background-image:url(/images/school/index/lesson_06.gif);
	background-repeat:repeat-y;
	width:216px;
}

div.left div.lesson-middle {
	padding:0px 10px 5px 10px;
	background-image:url(/images/school/index/lesson_06.gif);
	background-repeat:repeat-y;
	width:216px;
}

div.left div.lesson-click {
	padding:0px 10px 5px 10px;
	background-image:url(/images/school/index/lesson_06.gif);
	background-repeat:repeat-y;
	width:216px;
}

div.left div.lesson-bottom {
	background-image:url(/images/school/index/lesson_07.gif);
	background-repeat:no-repeat;
	width:236px;
	height:5px;
}

/*-------------------------------------------------
  Right
-------------------------------------------------*/
div.right {
	padding:10px 0px 0px 0px;
	width:758px;
	float:left;
}

/*-------------------------------------------------
  Directory
-------------------------------------------------*/
#directory {
	padding:10px 0px 10px 10px;
	width:748px;
	height:18px;
}

/*-------------------------------------------------
  Footer layout
-------------------------------------------------*/
#footer {
	background-color:#5B4A3F;
	width:1024px;
	bottom:0px;
	color: #FFFFFF;
	font-size:12px;
}

#footer a {
	color: #FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer h4 {
	background-image:url(/images/school/footer/h4.gif);
	background-repeat:repeat-x;
	height:20px;
	margin:0px;
	padding:0px;
	font-size:12px;
}

#footer div.top {
	background-image:url(/images/school/footer/sitemap.gif);
	width:1024px;
	height:50px;
}

#footer div.bottom {
	background-image:url(/images/school/footer/copyright.gif);
	width:1024px;
	height:60px;
}

#footer div.middle div.middle-left {
	padding:0px 10px 10px 20px;
	width:310px;
	float:left;
}

#footer div.middle div.middle-center {
	margin:0px 2px 0px 2px;
	padding:0px 10px 10px 10px;
	width:320px;
	float:left;
}

#footer div.middle div.middle-right {
	padding:0px 20px 10px 10px;
	width:310px;
	float:left;
}

/*-------------------------------------------------
 Access
-------------------------------------------------*/
table.access {
	width:718px;
	padding: 0px;
	margin: 0 0 0 20px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

table.access tr td.name{
	padding: 10px;
	background-color:#EEEEEE;
	border-bottom:1px solid #CCCCCC;
}

table.access tr td.value{
	padding: 10px;
	background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
}

/*-------------------------------------------------
 Lesson
-------------------------------------------------*/
table.lesson {
	width:718px;
	padding: 0px;
	margin: 0 0 0 20px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

table.lesson tr td.title {
	width:190px;
	height:10px;
	padding: 10px;
	font-weight: bold;
	color:#FFFFFF;
	background-image:url(/images/school/lesson/background.jpg);
	background-color:#F29600;
	border-bottom:1px solid #CCCCCC;
	overflow:hidden;
}

table.lesson tr td.name {
	width:190px;
	padding: 10px;
	background-color:#EEEEEE;
	border-bottom:1px solid #CCCCCC;
}

table.lesson tr td.value {
	width:508px;
	padding: 10px;
	background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
}

table.lesson tr td.value h4{
	padding: 0px;
	margin:0px 0px 5px 0px;
}

/*-------------------------------------------------
 Course
-------------------------------------------------*/
div.visual {
	margin: 10px 0px 10px 0px;
}

table.course {
	width:713px;
	padding: 0px;
	margin: 0px 10px 0px 10px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

table.course tr td.name {
	width:170px;
	padding: 10px;
	background-color:#EEEEEE;
	border-bottom:1px solid #CCCCCC;
}

table.course tr td.value {
	width:503px;
	padding: 10px;
	background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
}

table.instructor {
	padding: 0px;
	margin: 0px 10px 0px 10px;
}

table.instructor tr td.photo {
	padding: 10px;
	background-color:#FFFFFF;
}

table.instructor tr td.label {
	text-align:center;
	padding: 10px;
	background-color:#FFFFFF;
	font-weight: bold;
}

#container table.course-index a{
	display:block;
	width:180px;
	height:125px;
	text-indent:-125px;
	overflow:hidden;
	margin:0px 0px 20px 0px;
}

#container table.course-index a.dr {
    background-image:url(/images/school/courses/icon_dr.gif);
}

#container table.course-index a.p {
    background-image:url(/images/school/courses/icon_p.gif);
}

#container table.course-index a.vp {
    background-image:url(/images/school/courses/icon_vp.gif);
}

#container table.course-index a.m {
    background-image:url(/images/school/courses/icon_m.gif);
}

#container table.course-index a.vo {
    background-image:url(/images/school/courses/icon_vo.gif);
}

#container table.course-index a.gt {
    background-image:url(/images/school/courses/icon_gt.gif);
}

#container table.course-index a.ba {
    background-image:url(/images/school/courses/icon_ba.gif);
}

#container table.course-index a.pf {
    background-image:url(/images/school/courses/icon_pf.gif);
}

#container table.course-index a.sf {
    background-image:url(/images/school/courses/icon_sf.gif);
}

#container table.course-index a.fl {
    background-image:url(/images/school/courses/icon_fl.gif);
}

#container table.course-index a.tp {
    background-image:url(/images/school/courses/icon_tp.gif);
}

#container table.course-index a.tb {
    background-image:url(/images/school/courses/icon_tb.gif);
}

#container table.course-index a.ar {
    background-image:url(/images/school/courses/icon_ar.gif);
}

#container table.course-index a.shakuhachi {
    background-image:url(/images/school/courses/icon_shakuhachi.gif);
}

#container table.course-index a.enjoy {
    background-image:url(/images/school/courses/icon_enjoy.gif);
}

#container table.course-index a.gt-vo {
    background-image:url(/images/school/courses/icon_gt-vo.gif);
}

#container table.course-index a.as {
    background-image:url(/images/school/courses/icon_as.gif);
}

#container table.course-index a.dtm {
    background-image:url(/images/school/courses/icon_dtm.gif);
}

#container table.course-index a.rudiment {
    background-image:url(/images/school/courses/icon_rudiment.gif);
}

#container table.course-index a.p-vo {
    background-image:url(/images/school/courses/icon_p-vo.gif);
}

#container table.course-index a.uke {
    background-image:url(/images/school/courses/icon_uke.gif);
}

#container table.course-index a.cajon {
    background-image:url(/images/school/courses/icon_cajon.gif);
}

#container table.course-index a:hover {
    background-position:0px -125px;
}

/*-------------------------------------------------
 Default
-------------------------------------------------*/
#content.default div.right h3 {
	width:718px;
	padding:7.5px 20px 15px 20px;
	margin:0px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #333333;
}

#content.default div.right h4 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #000000;
}

#content.default div.right h4.paragraph {
	width:718px;
	padding:7.5px 20px 15px 20px;
	margin:0px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #333333;
}


#content.default p {
	width:718px;
	padding:0px 20px 5px 20px;
	margin:0px;
}

/*-------------------------------------------------
 Topics
-------------------------------------------------*/
div.topic {
	padding:0px 10px 10px 10px;
}

div.topic span.date {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #ff9900;
}

div.topic a {
	color: #ff9900;
	text-decoration:none;
}

div.topic a:hover {
	color: #ff9900;
	text-decoration: underline;
}