@charset "UTF-8";
@import url("reset.css");
@import url("clearfix.css");
@import url("base.css");

/* CSS Document */

/*area1
-------------------------------------------------------------*/

h1{
	color:#A67C52;
	font-size:2.0em;
	font-weight:bold;
	width:270px;
	height:65px;
	background-image: url(../img/common/main-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:20px 236px 0 44px;
}

#area1{
	width:520px;
}

#area1 p{
	font-size:1.2em;
	line-height:1.5em;
	margin:0 0 0 25px;
}


/*area2
-------------------------------------------------------------*/
#area2{
	width:326px;
	height:150px;
	background-image: url(../img/schedule/schedule-bg02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:58px 0 0 35px;
	margin:20px 0 0 80px;
}

#area2 ul{
	width:160px;
	display:inline;
	float:left;
}

#area2 ul#area2ListRight{
	width:160px;
	display:inline;
	float:left;
	margin:0 0 0 0;
}


#area2 li{
	color:#603813;
	font-size:1.3em;
	line-height:1.48em;
	padding:0 0 0 16px;
	background-image: url(../img/schedule/schedule-list.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}

*html #area2 li{
	padding:0 0 0 8px;
}

#area2 li a{
	color:#603813;
	text-decoration:none;
}

#area2 li a:hover
,#area2 li a:focus
,#area2 li a:active{
	color:#603813;
	text-decoration:underline;
}


/*area3
-------------------------------------------------------------*/
#area3{
	margin:30px 0 0 0;
}

#area3 h3{
	color:#603813;
	font-size:1.5em;
	font-weight:bold;
	width:480px;
	padding:5px 10px;
	margin:0;
	background-color: #F0D8C0;
}

#area3 h4{
	color:#006837;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 0 5px;
}

#area3-1
,#area3-2
,#area3-3
,#area3-4
,#area3-5{
	width:500px;
	margin:0 20px;
}

/*area3
-------------------------------------------------------------*/
#area4{
	width:500px;
	margin:30px 20px 0 20px;
}

#area4 h3{
	color:#603813;
	font-size:1.5em;
	font-weight:bold;
	width:480px;
	padding:5px 10px;
	margin:0;
	background-color: #F0D8C0;
}

#area4 h4{
	color:#006837;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 0 5px;
}

#area5{
	width:500px;
	margin:30px 20px 0 20px;
}

#area5 h3{
	color:#603813;
	font-size:1.5em;
	font-weight:bold;
	width:480px;
	padding:5px 10px;
	margin:0;
	background-color: #F0D8C0;
}

#area5 h4{
	color:#006837;
	height:18px;
	font-size:1.4em;
	font-weight:bold;
	padding:17px 0 0 5px;
	margin:5px 0 0 0;
}

#area5 h4.m2{
	color:#006837;
	height:35px;
	font-size:1.4em;
	font-weight:bold;
	padding:0px 0 0 5px;
	margin:5px 0 0 0;
}

#area6{
	width:500px;
	margin:30px 20px 0 20px;
}

#area6 h3{
	color:#603813;
	font-size:1.5em;
	font-weight:bold;
	width:480px;
	padding:5px 10px;
	margin:0;
	background-color: #F0D8C0;
}

#area6 h4{
	color:#006837;
	height:18px;
	font-size:1.4em;
	font-weight:bold;
	padding:17px 0 0 5px;
	margin:5px 0 0 0;
}

#area6 h4.m2{
	color:#006837;
	height:35px;
	font-size:1.4em;
	font-weight:bold;
	padding:0px 0 0 5px;
	margin:5px 0 0 0;
}
#area7{
	width:500px;
	margin:30px 20px 0 20px;
}

#area7 h3{
	color:#603813;
	font-size:1.5em;
	font-weight:bold;
	width:480px;
	padding:5px 10px;
	margin:0;
	background-color: #F0D8C0;
}

#area7 h4{
	color:#006837;
	height:18px;
	font-size:1.4em;
	font-weight:bold;
	padding:17px 0 0 5px;
	margin:5px 0 0 0;
}

#area7 h4.m2{
	color:#006837;
	height:35px;
	font-size:1.4em;
	font-weight:bold;
	padding:0px 0 0 5px;
	margin:5px 0 0 0;
}
#area8{
	width:500px;
	margin:30px 20px 0 20px;
}

#area8 h3{
	color:#603813;
	font-size:1.5em;
	font-weight:bold;
	width:480px;
	padding:5px 10px;
	margin:0;
	background-color: #F0D8C0;
}

#area8 h4{
	color:#006837;
	height:18px;
	font-size:1.4em;
	font-weight:bold;
	padding:17px 0 0 5px;
	margin:5px 0 0 0;
}

#area8 h4.m2{
	color:#006837;
	height:35px;
	font-size:1.4em;
	font-weight:bold;
	padding:0px 0 0 5px;
	margin:5px 0 0 0;
}
div.s20{
	width:125px;
	float:left;
}


.goTop{
	font-size:1.2em;
	width:530px;
	text-align:right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A67C52;
	padding:5px 10px 20px 0;
	margin:25px 0 0 0;
}

.goTop a{
	color:#0000FF;
	text-decoration:none;
}

.goTop a:hover
,.goTop a:focus
,.goTop a:active{
	color:#0000FF;
	text-decoration:underline;
}