@charset "UTF-8";
@import "common.css";

/* ---------------------------------------------------------
	CSS Document Layout
--------------------------------------------------------- */

#visual {
	margin-top: 15px;
}

/* ---------------------------------------------------------
	CSS Document news
--------------------------------------------------------- */

#news {
	margin-top: 15px;
	padding-bottom: 10px;
	border: solid 1px #2875b8;
	background: #fff;
	text-align: left;
}

#news h3 {
	height: 45px;
	overflow: hidden;
	background: url(../images/news.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

#news dl {
	margin: 0 15px 0;
	padding: 3px 10px 0;
	border-bottom: dotted 1px #726a6a;
}

#news dt {
	float: left;
	width: 100px;
	text-align: left;
}

#news strong {
	color: #f00;
}

#news a {
	padding-right: 14px;
	background: url(../images/news_arrow.jpg) no-repeat right;
	text-decoration: none;
	color: #444;
}

#news a:hover {
	text-decoration: underline;
	color: #1763ae;
}

/* ---------------------------------------------------------
	CSS Document Lesson
--------------------------------------------------------- */

#lesson {
	width: 850px;
	text-align: left;
}

#lesson ul {
	margin-top: 15px;
	list-style: none;
}

#lesson li {
	float: left;
	width: 167px;
}

#lesson li a img {
	border: solid 5px #fff;
}

#lesson li a:hover img {
	border: solid 5px #46B500;
	opacity: 1;
	filter: Alpha(opacity=100);
}

#lesson a {
	display: block;
	width: 130px;
	margin-top: 5px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

#lesson li a:hover {
	text-decoration: underline;
}

#lesson a.line {
	display: block;
	width: 167px;
	height: 112px;
	margin-top: 0;
	border-bottom: dotted 1px #fff;
	text-align: left;
}

/* ---------------------------------------------------------
	CSS Document nblog
--------------------------------------------------------- */

#blog {
	padding-bottom: 10px;
	border: solid 1px #2875b8;
	background: #fff;
	text-align: left;
}

#blog h3 {
	height: 45px;
	overflow: hidden;
	background: url(../images/blog.jpg) no-repeat 0 0;
	text-indent: -9999px;
}


.rss_list a {
	padding-right: 14px;
	background: url(../images/news_arrow.jpg) no-repeat right;
	text-decoration: none;
	color: #444;
}

.rss_list {
	margin: 0 15px 0;
	padding: 3px 10px 0;
	border-bottom: dotted 1px #726a6a;
}

.rss_list a:hover {
	text-decoration: underline;
	color: #1763ae;
}