@charset "utf-8";

@import "common.css";
@import "layout.css";

/*--------------------------------------------------------------------------------------------------------------*/
.text_waku { font-size: 14px; line-height: 24px; margin-bottom: 30px; }
/*--------------------------------------------------------------------------------------------------------------*/
.news_waku { width: 570px; height: 250px; font-family: "ＭＳ ゴシック", "Courier New", monospace; font-size: 12px; line-height: 20px; overflow: scroll; scrollbar-base-color: #FFFFFF; scrollbar-track-color: #FFCCFF; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #FFEEFF; scrollbar-darkshadow-color: #FFEEFF; scrollbar-highlight-color: #FFEEFF; scrollbar-3dlight-color: #FFEEFF; scrollbar-arrow-color: #CC0000; overflow-x:hidden; }
.news_flash { width: 570px; height: 300px; }
.news_waku .news { height: auto; width: 550px; font-family: "ＭＳ ゴシック", "Courier New", monospace; font-size: 14px; line-height: 20px; margin-bottom: 15px; /*border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FCF;*/ }
.news_title { font-family: "ＭＳ ゴシック", "Courier New", monospace; font-size: 16px; line-height: 30px; font-weight: bold; color: #F03; margin-bottom: 5px; background-image: url(../img/104.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.news_waku a { color: #3366FF; }
.news_waku a:hover { color: #FF3300; }
.news .news_date { font-family: "ＭＳ ゴシック", "Courier New", monospace; font-size: 12px; line-height: 20px; color: #F03; text-align: right; height: auto; width: auto; margin-bottom: 5px; background-color: #FFF6FF; }
.news .news_link { font-family: "ＭＳ ゴシック", "Courier New", monospace; font-size: 12px; line-height: 20px; color: #F03; text-align: right; height: auto; width: auto; margin-bottom: 5px; }
.news_naiyo { font-size: 14px; line-height: 30px; margin-bottom: 10px; }
.news_waku .std { text-align: right; font-size: 10px; line-height: 20px; }
/*--------------------------------------------------------------------------------------------------------------*/
.course_link { height: 100px; width: 570px; position: relative; }
.course_link .course_link1 { height: 100px; width: 280px; position: absolute; left: 0px; top: 0px; background-image: url(../img/bt901a.jpg); background-repeat: no-repeat; }
.course_link .course_link2 { height: 100px; width: 280px; position: absolute; left: 290px; top: 0px; background-image: url(../img/bt902a.jpg); background-repeat: no-repeat; }
.course_link .course_link1 a { height: 30px; width: 270px; font-size: 16px; line-height: 30px; font-weight: bold; color: #000; text-align: right; display: block; background-image: url(../img/bt901a.jpg); background-repeat: no-repeat; padding-top: 70px; padding-right: 10px; }
.course_link .course_link1 a:hover { background-image: url(../img/bt901b.jpg); color: #FFF; }
.course_link .course_link2 a { height: 30px; width: 270px; font-size: 16px; line-height: 30px; font-weight: bold; color: #000; text-align: right; display: block; background-image: url(../img/bt902a.jpg); background-repeat: no-repeat; padding-top: 70px; padding-right: 10px; }
.course_link .course_link2 a:hover { background-image: url(../img/bt902b.jpg); color: #FFF; }

.course_link .course_link3 { height: 100px; width: 280px; position: absolute; left: 0px; top: 0px; background-image: url(../img/bt903a.jpg); background-repeat: no-repeat; }
.course_link .course_link4 { height: 100px; width: 280px; position: absolute; left: 290px; top: 0px; background-image: url(../img/bt904a.jpg); background-repeat: no-repeat; }
.course_link .course_link3 a { height: 30px; width: 270px; font-size: 16px; line-height: 30px; font-weight: bold; color: #000; text-align: right; display: block; background-image: url(../img/bt903a.jpg); background-repeat: no-repeat; padding-top: 70px; padding-right: 10px; }
.course_link .course_link3 a:hover { background-image: url(../img/bt903b.jpg); color: #FFF; }
.course_link .course_link4 a { height: 30px; width: 270px; font-size: 16px; line-height: 30px; font-weight: bold; color: #000; text-align: right; display: block; background-image: url(../img/bt904a.jpg); background-repeat: no-repeat; padding-top: 70px; padding-right: 10px; }
.course_link .course_link4 a:hover { background-image: url(../img/bt904b.jpg); color: #FFF; }

.space15 { width: 100%; height: 15px; }
.space30 { width: 100%; height: 30px; }