/* -------------------------------------------------------------------------- */
/*    BASE                                                                    */
/* -------------------------------------------------------------------------- */
* {
	font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
	color:#333333;
}

body {
	margin:0;
	padding:0;
	letter-spacing:1px;
	background:#FFFFFF;
	line-height: 1.5;
}

br {
	letter-spacing:normal;
}


a {
	color:#336600;
	text-decoration:none;
}


a:hover {
	color:#669933;
}


img {
	border:0;
	vertical-align:bottom;
}


h1,h2,h3,h4,h5,h6 {
	margin:0;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

.clear {
	clear:both;
}

.clear hr {
	display:none;
}

th,td{
	font-size:0.75em;
}

/* -------------------------------------------------------------------------- */
/*    LAYOUT                                                                  */
/* -------------------------------------------------------------------------- */

div#wrapper_l {
	width:790px;
	margin:auto;
	background:url(../img/bg_contents_left.gif) 0 0 repeat-y;
}


div#wrapper_r {
	width:790px;
	background:url(../img/bg_contents_right.gif) 100% 0 repeat-y;
}

/* -------------------------------------------------------------------------- */
/*    HEADER                                                                  */
/* -------------------------------------------------------------------------- */

div#header {
	width:770px;
	height:200px;
	margin:auto;
	position:relative;
	padding:0 5px;
	background:url(../img/shadow-up.jpg) 0 100% repeat-x;
	background-color:#000000;
}


div#header #pr {
	width:770px;
}


div#header #pr p {
	font-size:0.75em;
	color:#FFFFFF;
	text-align:right;
}


div#header #pr h1 {
	font-size:1.25em;
	color:#FFFFFF;
}

/* -------------------------------------------------------------------------- */
/*    CONTENTS                                                                */
/* -------------------------------------------------------------------------- */

div#contents {
	margin:0 5px;
	padding:20px 20px 0 20px;
}


div#main {
	float:right;
	width:520px;
}


div#sub {
	float:left;
	width:200px;
}


div#totop {
	clear:both;
}

/* -------------------------------------------------------------------------- */
/*    SUBCONTENTS                                                             */
/* -------------------------------------------------------------------------- */
div#section {
	margin-bottom:10px;
}

div#section h2 {
	padding:3px;
	font-size:0.88em;
	font-weight:bold;
	background-color:#dddddd;
}

/*-- section list --*/
div#section ul {
	margin:5px 0 0 5px;
	padding:0;
}

div#section ul li {
	padding:5px 0 5px 0;
	font-size:0.75em;
	line-height:1.4;
	list-style:none;
}

div#section ul li a {
	display:block;
	padding-left:12px;
	background:url(../img/bg_list.gif) 0 6px no-repeat;
}

/*-- menu list --*/
div#menu {
	width:200px;
	height:554px; /* リスト項目数が変わったら要変更 px = (リスト数 * 38) + 98 */
}

div#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div#menu ul li {
	width:200px;
	height:38px;
	font-size:0.75em;
	position:relative;
	border-bottom:1px solid #DCDCDC;
/*
	margin:0;
	padding:0;
background-color:#99CCFF;
*/
}

div#menu ul li a {
	color:#333333;
	display:block;
	padding:10px 0px 10px 20px;
	background:url(../img/bg_menulist.gif) 0 12px no-repeat;
}

div#menu ul li a:hover {
	color:#0096E7;
}

div#menu ul li.off{
	overflow:hidden;
	height:38px;
}

div#menu ul li.off ol.lev{
	left:0px;
	top:-999px;
}

div#menu ul ol.lev{
	position:absolute;
	left:-20px;
	top:38px;
	width:200px;
	list-style-type:none;
/*
	border:1px solid #999999;
*/
}

div#menu ul li.on{
	width:180px;
	overflow:visible;
	z-index:1;
}

div#menu ul ol.lev li{
	float:none;
	width:180px;
	height:38px;
/*
	visibility:visible;

	line-height:38px;
	text-align:center;
*/
/*	filter:alpha(opacity=85); /*IE*/
/*	-moz-opacity:0.85;  /*FF NS*/
/*	opacity:0.85; /*OP SA*/
}

div#menu ul ol.lev li a{
	height:18px;
	color:#333333;
	vertical-align:middle;
	font-size:11px;
	border-bottom:1px solid #DCDCDC;
	background:url(../img/bg_menulist_lev.gif) 0 12px no-repeat;
	background-color:#DDDDDD;
/*
	border-top:1px solid #999999;
	text-decoration:none;
	line-height:38px;
	text-align:center;
*/
}

div#menu ul ol.lev li a:hover{
	background-color:#99CCFF;
	color:#CC3366;
}


/* -------------------------------------------------------------------------- */
/*    MAINCONTENTS                                                            */
/* -------------------------------------------------------------------------- */
div#main a {
	/*メインのテキストアンカー*/
	color:#0172AB;
}

div#main a:hover {
	color:#0172AB;
	border-bottom:1px solid #0172AB;
}

div#main img {
	margin:0 10px 10px 10px;
/*
	margin-bottom:10px;
*/
}

div#main img.nomargin {
	margin:0;
}

div#main div.movie {
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}

div#main div.box {
	padding:3px;
	background:#ffcccc;
}

div#main h2 {
	margin-bottom:8px;
	padding:2px 2px 2px 0;
	color:#666633;
	font-size:0.94em;
	font-weight:bold;
	border-bottom:3px double #535D57;
}

div#main h3 {
	margin-bottom:3px;
	font-size:0.88em;
}

div#main p {
	margin:0 0 1em 0;
	font-size:0.75em;
}

div#main p.right {
	text-align:right;
}

div#main p.center {
	text-align:center;
}

div#main p.purple {
	color:#990000;
}

div#main p.new {
	color:#3333ff;
	font-weight:bold;
}

div#main li,dl {
	font-size:0.75em;
	color:#663333;
}

div#main dt {
	margin-bottom:3px;
}

div#main dd {
	padding:0;
	margin:0 0 0.5em 1em;
	padding:3px;
	background:#f1f1f1;
}

/*定義リスト（使う場合はコメントアウトを外す）
* html body div#main dl.infomation dd div{
	display:inline-block;
}

div#main dl.infomation dt {
	float:left;
	width:10em;
	margin:0;
	padding:0;
}

div#main dl.infomation dd {
	margin:0 0 0.5em 10em;
	padding:0;
	background:transparent;
}
*/

/* -------------------------------------------------------------------------- */
/*    TOPCONTENTS                                                             */
/* -------------------------------------------------------------------------- */
div#totop{
	position:relative;
	height:2em;
}

div#totop p{
	position:absolute;
	top:10px;
	right:7px;
	margin:0;
	font-size:0.63em;
}

div#totop p a {
	padding-left:8px;
	background: url(../img/bg_totop.gif) 0 50% no-repeat;
}

/* -------------------------------------------------------------------------- */
/*    FOOTERCONTENTS                                                          */
/* -------------------------------------------------------------------------- */

div#footMenu ul {
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	text-align:right;
	background:url(../img/bg_dotline.gif) 0 0 repeat-x;
}

div#footMenu li {
	display:inline;
	margin:0 0 0 10px;
	font-size:0.75em;
	list-style:none;
}

div#footMenu li a {
	padding-left:10px;
	background: url(../img/bg_footmenu.gif) 0 50% no-repeat;
}

div#footer {
	clear:both;
	width:680px;
	height:260px;
	margin:auto;
	position:relative;
	padding:60px 50px 0px;
	background:url(../img/shadow-down.jpg) 100% 0 repeat-x;
	background-color:#000000;
	margin:0 5px;
	text-align:center;
}

div#footer img {
	margin-top:10px;
	margin-bottom:10px;
}

div#footer p {
	font-size:0.75em;
	color:#FFFFFF;
	text-align:right;
}

address {
	margin:0 10px;
	padding:5px 0;
	font-size:0.63em;
	color:#ffffff;
}



/* クラススケジュール用テーブル設定 */
table.schedule {
	border:solid 1px #E3E3E3;
	border-collapse:collapse;
	border-spacing:0;
}

table.schedule th.day {
	width:50px;
	background:#EEEEEE;
}

table.schedule th {
	width:20px;
	background:#EEEEEE;
}

table.schedule td {
	border:solid 1px #E3E3E3;
}

table.schedule td.day {
	background:#CCCC99;
	text-align:center;
}

table.schedule td.course_1 {
	background:#FFCC99;
	text-align:center;
}

table.schedule td.course_2 {
	background:#CCCC00;
	text-align:center;
}

table.schedule td.course_3 {
	background:#cc9999;
	text-align:center;
}