@charset "UTF-8";
@import url("style2_new.css");
/* CSS Document */

body {
	font-size: 12px;
	color: #333333;
	text-align: center;
	margin: 0px;
	background-image: url(image/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 0px;
}
#body-box {
	background-image: url(image/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
a {
	color: #0000ff;
	text-decoration: underline;
}
a:hover {
	color: #ff3366;
	text-decoration: none;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#outbox {
	text-align: left;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	width: 900px;
	background-image: url(image/header.jpg);
	background-repeat: no-repeat;
}
#header .lef {
	float: left;
	width: 340px;
	padding-top: 25px;
}
#header h1 {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 300px;
}
#header h1 a {
	line-height: 107px;
	height: 80px;
	width: 340px;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#header .rig {
	float: right;
	width: 490px;
	padding-top: 22px;
}
#header .catch {
	width: auto;
	padding-top: 25px;
	padding-left: 22px;
	padding-bottom: 17px;
}
#header h2 {
	font-size: 13px;
	line-height: normal;
	font-weight: normal;
	color: #e44701;
	width: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header .navi {
	height: 39px;
	width: auto;
	background-image: url(image/navi.jpg);
	background-repeat: no-repeat;
	margin-left: 139px;
}
#header .navi ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#header .navi li {
	float: left;
	width: 117px;
	height: 39px;
}
#header .navi li a {
	line-height: 39px;
	text-indent: -9999px;
	display: block;
	height: 39px;
	width: 117px;
}
#n1 a:hover {
	background-image: url(image/navi.jpg);
	background-repeat: no-repeat;
	background-position: 0px -39px;
}
#n2 a:hover {
	background-image: url(image/navi.jpg);
	background-repeat: no-repeat;
	background-position: -117px -39px;
}
#n3 a:hover {
	background-image: url(image/navi.jpg);
	background-repeat: no-repeat;
	background-position: -234px -39px;
}
#n4 a:hover {
	background-image: url(image/navi.jpg);
	background-repeat: no-repeat;
	background-position: -351px -39px;
}
table.course{
    border-top:1px solid #663300;
	border-bottom:1px solid #663300;
    border-left:1px solid #663300;
	border-right:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
	margin-top:7px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
    empty-cells:show;
}

.course th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#FFFFFF;
    background-color:#996633;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}

.course td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}

#contentsbox {
	width: 900px;
	padding-top: 25px;
	padding-bottom: 30px;
}
#contentsbox .left {
	float: left;
	width: 220px;
	padding-top: 10px;
}
#contentsbox .right {
	float: right;
	width: 660px;
}
#cat-search {
	width: 220px;
}
#cat-search .inner {
	width: auto;
}
#cat-search .ttl {
	width: auto;
	padding: 0px;
}
#cat-search .list {
	width: auto;
	margin: 0px;
	padding: 0px;
}
#cat-search ul {
	list-style-image: none;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#cat-search h3 {
	line-height: 32px;
	background-image: url(image/left_cate_ttl.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 220px;
}
#cat-search li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DE4222;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#cat-search li a {
	font-size: 12px;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	width: 90px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 90px;
}
#cat-search .cate-cul {
	float: left;
	width: 100px;
}
#cat-search .cate-spo {
	float: right;
	width: 100px;
}
#cat1 {
	background-image: url(image/left_eigo_btn.jpg);
	background-repeat: no-repeat;
}

#cat2 {
	background-image: url(image/left_study_btn.jpg);
	background-repeat: no-repeat;
}
#cat3 {
	background-image: url(image/left_youji_btn.jpg);
	background-repeat: no-repeat;
}
#cat4 {
	background-image: url(image/left_music_btn.jpg);
	background-repeat: no-repeat;
}
#cat5 {
	background-image: url(image/left_syuzan_btn.jpg);
	background-repeat: no-repeat;
}
#cat6 {
	background-image: url(image/left_syodo_btn.jpg);
	background-repeat: no-repeat;
}
#cat7 {
	background-image: url(image/left_flower_btn.jpg);
	background-repeat: no-repeat;
	}
#cat8 {
	background-image: url(image/left_other1_btn.jpg);
	background-repeat: no-repeat;
}
#cat9 {
	background-image: url(image/left_swim_btn.jpg);
	background-repeat: no-repeat;
}
#cat10 {
	background-image: url(image/left_dance_btn.jpg);
	background-repeat: no-repeat;
}
#cat11 {
	background-image: url(image/left_budo_btn.jpg);
	background-repeat: no-repeat;
}
#cat12 {
	background-image: url(image/left_other2_btn.jpg);
	background-repeat: no-repeat;
}
#cat13 {
	background-image: url(image/left_btn.jpg);
	background-repeat: no-repeat;
}
#age-search {
	width: 220px;
	margin-top: 10px;
}
#age-search .inner {
	width: 220px;
}
#age-search .ttl {
	width: auto;
}
#age-search h3 {
	line-height: 32px;
	background-image: url(image/left_old_ttl.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 220px;
}
#age-search .list {
	width: auto;
	background-color: #FDFDF2;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7D9C1;
}
#age-search ul {
	margin: 0px;
	padding: 0px;
	width: auto;
	list-style-image: none;
	list-style-type: none;
}
#age-search li {
	font-size: 12px;
	line-height: 24px;
	background-image: url(image/age_search_listmark.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	text-indent: 12px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 65px;
}
#age-search li a {
	color: #ff6666;
	text-decoration: underline;
}
#age-search li a:hover {
	color: #ff6600;
	text-decoration: none;
}
#contentsbox  .top-center {
	float: left;
	width: 420px;
}
#contentsbox .top-bnr {
	width: 338px;
	padding-top: 10px;
}
.top-bnr h3 {
	margin: 0px;
	padding: 0px;
}
#contentsbox #schoole {
	margin-top: 0px;
	padding-top: 0px;
}
#video {
	width: 420px;
	margin-bottom: 20px;
}
#video h3 {
	line-height: 34px;
	background-image: url(image/top_video_ttl.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 136px;
	width: 420px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
#video .list {
	width: 420px;
	padding-bottom: 10px;
}
#video ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#video li {
	margin: 0px;
	width: 338px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#video .item {
	width: 420px;
}
#video img {
	border: 1px solid #666666;
	float: left;
	margin-top: 4px;
}
#video .box {
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EB2F01;
}
#video .box p {
	background-image: url(image/top_video_more.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 60px;
	width: 61px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#video .box p a {
	height: 60px;
	width: 61px;
	text-indent: -9999px;
	display: block;
}
#video .box-right {
	float: right;
	width: 150px;
}
#video .box-left {
	width: 260px;
	float: left;
}
#video h4 {
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
	color: #EE2F00;
	height: 17px;
	overflow: hidden;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(image/icon01.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 22px;
}
#video h5 {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 32px;
}
#video .link {
	background-image: url(image/top_video_f.jpg);
	background-repeat: no-repeat;
	width: 420px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	height: 32px;
}
#video .link p {
	width: auto;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 210px;
	margin: 0px;
}
#video .link a {
	line-height: 14px;
	text-indent: -9999px;
	display: block;
	height: 15px;
}

#campaign {
	width: 420px;
	margin-top: 10px;
}
#campaign h3 {
	line-height: 34px;
	background-image: url(image/top_campain_ttl.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 112px;
	width: 420px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
#campaign .list {
	width: 420px;
	padding-bottom: 10px;
}
#campaign ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#campaign li {
	margin: 0px;
	width: 338px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#campaign .item {
	width: 420px;
}
#campaign img {
	border: 1px solid #666666;
	float: left;
	margin-top: 4px;
}
#campaign .box {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EB2F01;
	margin-bottom: 5px;
}
#campaign .box p {
	background-image: url(image/top_cam_more.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 40px;
	width: 40px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#campaign .box p a {
	line-height: 40px;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 40px;
	color: #FF6600;
}
#campaign h4 {
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #FE3300;
	height: 17px;
	overflow: hidden;
	background-image: url(image/icon01.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#campaign h4 a {
	color: #333333;
	text-decoration: none;
}
#campaign h4 a:hover {
	color: #FF3300;
}
#campaign h5 {
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
	height: 20px;
	overflow: hidden;
}
#campaign .link {
	background-image: url(image/top_campain_f.jpg);
	background-repeat: no-repeat;
	width: 420px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	height: 32px;
}
#campaign .link p {
		width: auto;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 210px;
	margin: 0px;
}
#campaign .link a {
	line-height: 14px;
	text-indent: -9999px;
	display: block;
	height: 15px;
}
.sidebar {
	width: 220px;
	float: right;
}
#footer {
	text-align: center;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 160px;
}
#rss {
	text-align: center;
}
#rss h3 {
	background-image: url(image/rssblue.jpg);
	background-repeat: no-repeat;
	background-position: 55px 0px;
	height: 35px;
	line-height: 35px;
	font-size: 13px;
}
#footer p {
	font-size: 12px;
	line-height: normal;
	color: #665545;
	padding: 0px;
	margin: 0px;
}
#footer  p a {
	font-size: 12px;
	line-height: normal;
	color: #665545;
	padding: 0px;
	margin: 0px;
}

#rss a {
	color: #4875FF;
}
#footer address {
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 20px;
	padding: 0px;
	height: 20px;
}
#footer .banner {
	width: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.n {
	display: none;
}
.uppage {
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	margin-top: 20px;
}
.uppage p {
	font-size: 10px;
	line-height: normal;
	color: #999999;
	margin: 0px;
	padding: 0px;
}
.uppage span {
	font-size: 90%;
	margin-right: 2px;
}