/* CSS Document */

body {
	background-color: #D3E0B1;
	margin: 0;
	padding: 0;
	text-align:center;
	background-image: url(images/bg.gif);
	color: #58842F;
	font-size: 14px;
	line-height: 150%;
}
h1,h2,h3,h4,div,p,img,ul,ol,li,table,td,th{margin:0;padding:0;}
img{border:none;}

.clear {clear:both;line-height:0px;}

.top10{margin-top:10px;}
.top20{margin-top:20px;}
.bottom10{margin-bottom:10px;}
.bottom20{margin-bottom:20px;}

#main .back{width:650px;text-align:right;font-size:10px;margin:8px auto;}
#head, #navi, #main, #foot{
	width:768px;
	margin:0 auto;
}
#head{margin-top:15px;}
#navi{text-align:center;
	background-image: url(images/bg_navi.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height:38px;
}

#navi ul{width:768px;height:38px;}
#navi ul,#navi li{margin:0;padding:0;}
#navi li{display:inline;}
#main{
	background-image: url(images/bg_main.gif);
	background-repeat: repeat-y;
	background-position: center top;
	padding-top:20px;
	padding-bottom:10px;
	min-height:450px;
}
/*
#main img{margin-bottom:20px;}
*/
#foot{
	height:70px;
	background-image: url(images/bg_main_foot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom:15px;
}
#foot img{margin-top:40px;}

h2{width:680px;text-align:left;margin:10px auto;}
h3{width:650px;text-align:left;margin:50px auto 10px auto;}
h3.up{margin-top:0px;}

div.column{width:650px;margin:15px auto 0 auto;}

div.column ul{width:580px;margin:20px auto;text-align:left;}
div.column li{margin:10px 0 0 30px;list-style-image: url(images/dot_li.gif);}
div.column li.otr{list-style-image: url(images/dot_li2.gif);}


div.column p{width:610px;margin:15px auto 0 auto;text-align:left;}
div.column p.layout{text-align:center;}

#main table{margin:15px auto;text-align:left;}
#main table th, #main table td{padding:10px;font-size:12px;}
#main table th{background-color: #E6F0AC;text-align:right;font-weight:normal;color:#336600;}
#main table td{background-color: #FBF8EC;text-align:left;color:#666600;}

/*
#main table{margin:15px auto;text-align:left;}
#main table th, #main table td{padding:10px;font-size:12px;color:#336600;}
#main table th{background-color: #D7E3B7;text-align:right;font-weight:normal}
#main table td{background-color: #F2F7D3;text-align:left;}
*/

/*Top*/
#topmain{
	background-image: url(images/top_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;

	width:768px;
	height:414px;
	margin:0 auto 15px;
}
	#topphoto{width:525px;height:385px;text-align:right;vertical-align:top;float:left;}
	#topphoto img{margin:0px 15px;}
	#topmenu{width:243px;height:385px;text-align:left;vertical-align:top;float:left;}
	
		#topnavi{height: 254px;width: 200px;}
		#topnavi ul{width: 200px;margin:37px auto 22px 0px;}
		#topnavi li{width: 200px;height:45px;list-style-type: none;margin-bottom:5px;}
	#topfoot {height:29px;clear:both;}

/*day*/
table#timetable{width:610px;margin-top:20px;}
table#timetable th, table#timetable td{padding:0;background-color:#FFFFFF;text-align:center;}
table#timetable td{padding:4px 0px;width:50px;vertical-align:top;}

table#timetable td.year0, table#timetable td.year12, table#timetable td.year345,
table#timetable td.year0after, table#timetable td.year12after, table#timetable td.year345after{padding:4px 7px;text-align:left;width:170px;background-image:none;}

table#timetable td.yearafter{padding:0px;width:610px;text-align:center;background-image:none;}

table#timetable td.year0{background-color:#D7ECEB;border-bottom:1px solid #62B3B2;color:#256F6D;}
table#timetable td.year12{background-color:#E9F0D5;border-bottom:1px solid #94C500;color:#527C00;}
table#timetable td.year345{background-color:#FFF0C2;border-bottom:1px solid #FFCC00;color:#C86F00;}

table#timetable td.year0after{background-color:#B5DAD9;border-bottom:1px solid #62B3B2;color:#256F6D;}
table#timetable td.year12after{background-color:#D5E2B2;border-bottom:1px solid #94C500;}
table#timetable td.year345after{background-color:#FFE294;border-bottom:1px solid #FFCC00;}

table#timetable td.vmiddle{vertical-align:middle;}
table#timetable td.vbottom{vertical-align:bottom;}
table#timetable td.noline{border-bottom:none;}

table#timetable td{text-align:center;
	background-image: url(images/day_table_bg.gif);
	background-position: center top;
}

#main ul li h4{font-size:16px;color:#996666;}

/*year*/
p.note{text-indent:-1em;padding-left:1em;width:550px !important;}