/* CSS Document */
div#contents { margin: 20px 0 0; width: 950px;}
div#contents h1, h2, h3, h4, img, p, ul, li, dl, dt, dd { margin: 0; padding: 0; border: 0;}
div#contents ul, li, dl, dt, dd { list-style: none;}
div#contents a:link, a:visited { text-decoration:underline;}
div#contents a:hover { text-decoration:none;}
div#contents a:hover { text-decoration:none;}
div.wrap { padding: 0; width: 950px;}
div#main_contents { padding: 0 0 15px; width: 740px; text-align: left; float: left;}
div.contents1000 { width: 740px; height: 184px; background: url(img/main_contents.gif) no-repeat;}
div.contents1000 .btn1000 { width: 619px; height: 46px; background: url(img/contentsmain_contents.gif) no-repeat; position: relative; top: 168px; left: 108px;}
div.contents1000 .btn1000 a { width: 619px; height: 46px; text-indent: -9877em; display: block; overflow: hidden;}
div.contents1000 .btn1000 a:hover { background: url(img/contents1000_btn.gif) no-repeat 0 -46px;}
div.contents500 { width: 740px; height: 170px; background: url(img/contents500.gif) no-repeat;}
div.contents500 .btn500 { width: 619px; height: 46px; background: url(img/contents500_btn.gif) no-repeat; position: relative; top: 102px; left: 108px;}
div.contents500 .btn500 a { width: 619px; height: 46px; text-indent: -9877em; display: block; overflow: hidden;}
div.contents500 .btn500 a:hover { background: url(img/contents500_btn.gif) no-repeat 0 -46px;}
div.contents100 { width: 740px; height: 100px; background: url(img/contents100.gif) no-repeat;}
div.contents100 .btn100 { width: 619px; height: 46px; background: url(img/contents100_btn.gif) no-repeat; position: relative; top: 86px; left: 108px;}
div.contents100 .btn100 a { width: 619px; height: 46px; text-indent: -9877em; display: block; overflow: hidden;}
div.contents100 .btn100 a:hover { background: url(img/contents100_btn.gif) no-repeat 0 -46px;}
div#main_contents .entry_btn { margin: 20px 0 0; width: 740px; height: 73px;}
div#main_contents .entry_btn a { width: 740px; height: 73px; text-indent: -9877em; display: block; overflow: hidden; background: url(img/entry_btn.gif) no-repeat 0 0;}
div#main_contents .entry_btn a:hover { background: url(img/entry_btn.gif) no-repeat 0 -73px;}
div.attention { margin: 20px 0;}
div.attention  h2{ padding: 0 0 4px; color: #bf0000; font-weight: bold; font-size: 16px;}
dl.attention_list em { font-style: normal;}
dl.attention_list dt { padding: 4px 0; font-weight: bold;}
dl.attention_list dd { padding: 0 0 0 1em; font-weight: normal;}
div.main_course1000 { margin: 0 0 20px; border: 2px #bf0000 solid; padding:10px;}
div.main_course500 { margin: 0 0 20px; border: 2px #3366FF solid; padding:10px;}
div#side_bar { padding: 0; width: 200px; text-align: left; float: right;}
div.course { margin: 0 0 20px; background: #fafaf6; padding:0 5px;}
div.course1000 { border: 1px #bf0000 solid;}
div.course500 { border: 1px #3366FF solid;}
div.course h4 { padding: 8px 0 0;}
div.course dl.course_erea { padding: 8px 8px 0 8px;}
div.course dl.course_erea dt { padding: 2px; font-weight: bold; background: #ebebd1;}
div.course1000 dl.course_erea dt { color: #bf0000;}
div.course500 dl.course_erea dt { color: #3366FF;}
div.course dl.course_erea dd { padding: 0 0 8px;}
div.course dl.course_list { padding: 8px 0 0 0;}
div.course dl.course_list dt { padding: 0 0 0 13px; font-weight: normal;}
div.course1000 dl.course_list dt { background: url(img/list_icon1000.gif) no-repeat; margin: 5px 0;}
div.course500 dl.course_list dt { background: url(img/list_icon500.gif) no-repeat;}
div.course dl.course_list dd { padding: 0 0 4px 13px; font-size: 10px;}
div.course1000 a { color: #bf0000;}
div.course500 a { color: #3366FF;}
.go_top { text-align: right; clear: both !important; float: none !important;}
.att { font-weight: bold; color: #FFF; font-size: 12px; line-height: 140%;}
div#main_contents ul.attention { padding: 5px 0 20px;}
div#main_contents ul.attention li { padding: 0 0 0 0; display: inline; zoom: 1;}
.fs12 { color: #996600; font-size: 12px; font-weight: bold;}
.area { font-size:14px; font-weight: bold; padding:0 0 5px 0; text-align:center;}
div#main_contents .area_tit {
color: #000066;
font-weight: bold;
font-size: 20px;
text-align: left;
line-height: 140%;
background: url(img/ico.gif) no-repeat 17px 4px;
padding: 5px 0 5px 40px;
}

/* --- ƒGƒŠƒA --- */
div.nav {
width: 100%;
padding-top: 20px;
background-color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}
div.nav ul.nl {
width: 100%;
margin: 0 40px;
padding: 0;
list-style-type: none;
text-align: center;
}
div.nav ul.nl li {
width: 120px;
margin-right: 4px;
background: #CC0000 url(img/tab_gen2_left.gif) no-repeat left top;
float: left;
}
div.nav ul.nl li a {
display: block;
padding: 10px 2px;
background: url(img/tab_gen2_right.gif) no-repeat right top;
text-decoration: none;
}
div.nav ul.nl li a:hover {
text-decoration: underline;
}

div.nav ul.nl li a:visited{
text-decoration: underline;
}

div.nav ul.nl li.active {
background: #CC0000 url(img/tab_act2_left.gif) no-repeat left top;
}
div.nav ul.nl li.active a {
background: url(img/tab_act2_right.gif) no-repeat right top;
color: #FFFFFF;
}
div#contents .ttl {
position: relative;
margin: 0;
padding: 6px 10px 6px 28px;
background: url(img/tab_bg.gif) repeat-x left top;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}

/* --- “s“¹•{Œ§ --- */
div.localNav {
position: relative;
z-index: 2;
width: 100%;
background: #A21300;
border-top: 1px #6E0C00 solid;
border-bottom: 1px #6E0C00 solid;
font-weight: bold;
font-size: 14px;
}
div.localNav ul.nl {
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
div.localNav ul.nl li {
float: left;
}
div.localNav ul.nl li a {
display: block;
position: relative;
padding: 10px 20px;
border-right: 1px #6E0C00 solid;
text-decoration: none;
}
div.localNav ul.nl li.active {
display: block;
position: relative;
padding: 10px 20px;
border-right: 1px #6E0C00 solid;
text-decoration: none;
background: #FFCC00;
}
div.localNav ul.nl li a:link,
div.localNav ul.nl li a:visited,
div.localNav ul.nl li a:hover,
div.localNav ul.nl li a:active
{
color: #FFFFFF;
}
div.localNav ul.nl li a:hover {
background: #FF0000;
text-decoration: underline;
}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}