body {
	background: #DBDBDB;
	margin: 0px;
	padding: 0px;
}

a:link,a:visited,a:hover,a:active {
	text-decoration: none;
}


.indexback {
	background: url(img/back_01.gif) repeat;
}
.indexback02 {
	background: url(img/back_02.gif) repeat;
}

/*HEADER設定----------------------------------------------------------------------------------------------------------------------- */
#header {
	background: #DBDBDB;
	padding: 0px 0px 5px;
}


/*FOOTER設定----------------------------------------------------------------------------------------------------------------------- */
#footer01 {
	background: #DBDBDB;
	padding: 0px 0px 8px;
}
#footer02 {
	background: #DBDBDB;
}

/*BODYBOX設定----------------------------------------------------------------------------------------------------------------------- */
#bodybox {
	margin: 0px 5px;
}
#left {
	margin: 0px;
	padding: 0px;
	width: 172px;
	float: left;
}
#content {
	margin: 0px;
	padding: 0px;
	width: 570px;
	float: right;
}
#main {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 390px;
}
#right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 172px;
}


#content02 {
	margin: 0px;
	padding: 0px 20px 20px;
	background: url(img/back_top.gif) no-repeat left top;
}



/*共通設定----------------------------------------------------------------------------------------------------------------------- */
.magin5 {
	margin: 0px 0px 5px;
}
.magin10 {
	margin: 0px 0px 10px;
}
.magin15 {
	margin: 0px 0px 15px;
}
.magin20 {
	margin: 0px 0px 20px;
}
.magin30 {
	margin: 0px 0px 30px;
}

.textbox01 {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	margin: 0px 0px 20px;
}

.about_orange {
	font-size: 14px;
	line-height: 140%;
	color: #FF8A00;
	font-weight: bold;	

}
.tableborder {
	border: 1px solid #FFCC00;
}

.text01 {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
}






/*左メニュー設定----------------------------------------------------------------------------------------------------------------------- */
.button {
	background: #DBDBDB;
	padding: 0px 0px 8px;
}
#about_menu {
	margin: 0px 1px;
	padding: 8px 0px 8px 20px;
	background-color:#FFFDE6;
	font-size: 10px;
	line-height: 180%;
	color: #333333;
}

#about_menu a{
	color: #666666;
}
#about_menu a:hover,
#about_menu a.on{
	color: #FF8A00;
}


/*右メニュー設定----------------------------------------------------------------------------------------------------------------------- */
.rightbox {
	background: url(img/right_head.gif) no-repeat left top;
}
.right01 {
	background: url(img/right_border.gif) no-repeat left bottom;
	padding: 9px 9px 15px;
	margin-bottom: 5px;
}
.right02 {
	padding: 9px 9px 15px;
}
.righttext {
	padding: 3px;
	font-size: 12px;
	line-height: 130%;
	color: #006E00;
}


/*中央メニュー設定----------------------------------------------------------------------------------------------------------------------- */
.center01 {
	background: url(img/center_head.gif) no-repeat left top;
	padding: 10px 10px 20px;
}
.flash{
	border: 1px solid #D2D2D2;
	margin: 0px 0px 8px;
}
.center01 img {
	border: 1px solid #D2D2D2;
}

.topics {
	padding: 0px 10px 20px;
}
.topics td{
	font-size: 12px;
	line-height: 140%;
	color: #333333;
}
.topics td.year{
	font-size:14px;
	color: #0069FF;
	font-weight:bold;
	padding: 0px 20px;
	background:url(html/img/topics_year-midashi.gif) no-repeat left center;
}
.topics td.day{
	color: #0069FF;
	padding-right: 5px;
}
.topics a{	color: #333333;}
.topics a:hover{	color: #FF8400;}


.topics_year {
	width:500px;
	text-align:right;
}  
.topics_year td{
	font-size:14px;
	font-weight:bold;
	text-align:right;
	color: #333333;
	padding-left: 20px;
	padding-right: 10px;
	background:url(html/img/topics_year.gif) no-repeat left center;
}
.topics_year a{	color: #333333;}
.topics_year a:hover{	color: #FF8400;}
p.topics_line{
	border-top: 1pt solid #0069FF　dotted;
}
.topics_box {
	margin-top:10px;
	width:380px;
	border: 1px dotted #0069FF ;
	text-align:left;
}
.topics_box td {
	font-size:14px;
	color:#0068F3;
	font-weight:bold;
	padding-right:5px;
	padding-left:10px;
}




.center02 {
	padding: 0px 10px 20px;
}





/*既存の設定----------------------------------------------------------------------------------------------------------------------- */
.middle {
	font-size: 14px;
	line-height: 16px;
}
.green {
	font-size: 12px;
	line-height: 14px;
	color: #109402;
	font-weight: normal;
}
.orange {
	font-size: 12px;
	line-height: 14px;
	color: #FF8A00;
	font-weight: normal;	
}
.blue {
	font-size: 12px;
	line-height: 14px;
	color: #0068F3;
	font-weight: normal;
}
.blue_bold {
	font-size: 12px;
	line-height: 14px;
	color: #0068F3;
	font-weight: bold;
}
.ranking {
	font-size: 10px;
	line-height: 12px;
	color: #109402;
	font-weight: normal;
}
.text {
	font-size: 12px;
	line-height: 14px;
	color: #666666;
	font-style: normal;
}
.text_red {
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	color: #FF0000;
}


.textlink{
	font-size: 12px;
	line-height: 14px;
	color: #666666;
	font-style: normal;
}
.text14px {
	font-size: 14px;
	line-height: 120%;
	font-weight: normal;
}
.test12px-red {
	font-size: 12px;
	line-height: 120%;
	color: #FF3300;
	font-style: normal;
}
.textlink a{	color: #333333;}
.textlink a:hover{	color: #FF8400;}

.indexback #bodybox #content #main .topics .text .text {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #FF0000;
}

.small {
	font-size: 10px;
	line-height: 14px;
	color: #666666;
	font-style: normal;
}
.small-red {
	font-size: 10px;
	color: #FF3300;
	font-style: normal;
}
.CategoryName {
	font-size: 16px;
	line-height: 130%;
	color: #000099;
	font-weight: bold;
}
.LessonName {
	font-size: 16px;
	line-height: 130%;
	color: #5D719B;
	font-weight: bold;
}
.st_00 {
	font-size: 10px;
	line-height: 130%;
	color: #333333;
}
.forms {
	border: 1pt solid #B8CFF8;
}
/* 既存の設定：見出し（大） */
#midashi-green {
	background-image:url(html/img/midashi_green.gif);
	width: 528px;
	height: 51px;
	margin: 0px 0px 10px 0px;
}
#midashi-blue {
	background-image:url(html/img/midashi_blue.gif);
	width: 528px;
	height: 51px;
	margin: 0px 0px 10px 0px;
}
#midashi-ranking {
	background-image:url(html/img/midashi_blue_ranking.gif);
	width: 528px;
	height: 51px;
	margin: 0px 0px 10px 0px;
}
.midashi-title {
	font-size: 20px;
	font-weight:bold;
	color: #ffffff;
	padding: 15px 0px 0px 5px;
}
/* 既存の設定：見出し（中） */
.midashi-middle-green{
	background: url(html/img/midashi-middle-green.gif) no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #006600;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 10px 0px;
}
.midashi-middle-blue{
	background: url(html/img/midashi-middle-blue.gif) no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #0066FF;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 10px 0px;
}
.midashi-middle-aqua {
	background: #DAEDFF;
	border-left: solid 5px #0E83FD;
	font-size: 14px;
	font-weight: bold;
	color: #0E83FD;
	padding: 5px 0px 5px 10px;
	margin: 10px 0px 10px 0px;
} 
.midashi-klist {
	background: url(html/img/title02.gif) no-repeat;
	height:23px;
	font-size: 16px;
	font-weight: bold;
	color: #000099;
	padding: 5px 0px 0px 30px;
	margin: 0px 0px 5px 0px;
}
.midashi-klistkyozai {
	background: url(html/img/title.gif) no-repeat;
	height:14px;
	font-size: 16px;
	font-weight: bold;
	color: #000099;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 5px 0px;
}
.midashi-schedule {
	background: url(img/osusume/btn_osusume_girl.gif) no-repeat;
	height:15px;
	font-size: 16px;
	font-weight: bold;
	color: #000099;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 5px 0px;
}
.midashi-ranking-pink {
	background-color: #FFCCFF;
	height: 35px;
	font-size: 14px;
	font-weight: bold;
	color: #0066FF;
	padding:5px 0px 5px 5px;
} 
.midashi-sitemap {
	border-left: solid 5px #0E83FD;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 5px 0px 5px 10px;
	margin: 10px 0px 10px 0px;
} 
.text-klist {
	color: #000099;
}
/* 既存の設定：見出し（小） */
.midashi-sankaku {
	background: url(html/img/midashi_sankaku.gif) no-repeat;
	font-size: 12px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
}
	/* スケジュール一覧 */
.yokoku{
	background:url(img/osusume/btn_osusume_girl.gif) no-repeat;
	height: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #0E83FD;
	padding: 2px 0px 0px 20px;
	margin: 0px 0px 10px 0px;
}

/* 既存の設定：矢印　TOPへ戻る */
.back {
	background: url(html/img/sankaku_top.gif) no-repeat right;
	font-size: 10px;
	text-decoration:underline;
	text-align:right;
	padding: 0px 10px 0px 0px;
	margin: 5px 0px 10px 0px;
}

/* 既存の設定：テーブル */
	/* 講座一覧 */
#klist{
	text-align: left;
	border-top: 1px solid #F3BE41;
	border-right: 1px solid #F3BE41;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#klist td.name,
#klist td.blank{
	width:95px;
	border-left: 1px solid #F3BE41;
	border-bottom: 1px solid #F3BE41;
	vertical-align:top;
	font-size:10px;
	margin:0px;
	padding:5px;
}
#klist td.name{
	background: #fee3c1;
}
#klist td.blank{
	background: #ffffff;
}


	/* 講座一覧（各講座） */
#klistkoza{
	margin:0px;
	padding:0px;
	border:1px solid #666666;
	font-size:10px;
}
#klistkoza td.box2,
#klistkoza td.box3{
	text-align:left;
	font-size:10px;
	line-height:120%;
	margin:0px;
	padding:2px;
}
#klistkoza td.box1{
	width:100px;
}
#klistkoza td.box2{
	width:300px;
	border-left: 1px solid #666666;
	vertical-align: middle;
}
#klistkoza td.box3{
	width:128px;
	background: #ffffcc;
	border-left: 1px solid #666666;
	text-align:center;
	vertical-align:middle;
}


	/* スケジュール一覧 */
#schedule{
	text-align: left;
	border-top: 1px solid #F3BE41;
	border-right: 1px solid #F3BE41;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#schedule td.date,
#schedule td.detail{
	border-left: 1px solid #F3BE41;
	border-bottom: 1px solid #F3BE41;
	vertical-align:top;
	font-size:12px;
	line-height:140%;
	margin:0px;
	padding:5px;
}
#schedule td.date{
	width:55px;
	background: #fee3c1;
}
#schedule td.detail{
	width:345px;
	background: #ffffff;
}


	/* ランキング一覧 */
#ranking{
	text-align: left;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
#ranking td.kyozaimei,
#ranking td.kyozaimei2,
#ranking td.gazo,
#ranking td.shokai,
#ranking td.komoku,
#ranking td.komoku2{
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align:top;
	font-size:12px;
	padding:5px;
	margin:0px;
}
#ranking td.kyozaimei{
	background:#FFCCFF;
	color:#0066FF;
	/*font-size:12px;*/
}
#ranking td.kyozaimei2{
	background:#CCFFFF;
	color:#0066FF;
	/*font-size:12px;*/
}
#ranking td.gazo{
	width:110px;
	text-align:center;
	/*font-size:12px;*/
}
#ranking td.shokai{
	width:220px;
	/*font-size:12px;*/
}
#ranking td.komoku{
	width:80px;
	background-color:#E6E6E6;
	/*font-size:12px;*/
}
#ranking td.komoku2{
	width:118px;
	/*font-size:12px;*/
}
/*.rankingbox{
	width:100px;
	vertical-align:top;
	padding:0px;
}
.rankingbox2{
	width:220px;
	vertical-align:top;
	padding:5px;
}
.rankingbox3{
	width:80px;
	background: #E6E6E6;
	vertical-align:top;
	padding:5px;
}
.rankingbox4{
	width:125px;
	background: #ffffff;
	vertical-align:top;
	padding:5px;
}*/

.syuryou {
border-bottom:1px solid #00F;
border-top:1px solid #00F;
color:#000099;
border-collapse:collapse;
font-size:12px;
padding:5px 0px 5px 20px;

}

.syuryou table{
margin-left:30px;
width:450px;
}

	
	
	
	
