/*---背景色などの設定---*/
#home_st0 { background-color: #ffffff; }
#home_st1 { background-color: #f1f1f1; }
#home_st2 { background-color: #00cc00; }
#home_st3 { background-color: #CCFF66; }
#home_st4 { background-color: #21dd11; }
#home_st5 { background-color: #86FF64; }
#home_st3_ex1 {
	padding: 3px 0;
	font-size: 16px; color: #009900;
	background-color: #66ff33;
	border-bottom: solid 1px #00cc00;
}

#home_mosi1 {background: #66FF00 url(../img_home/bg_mosi01.gif) 0 0 repeat-x; }

/*---名前・ディレクトリ欄設定---*/
#name_s1 {
	width: 100%; margin: 1px 0 0;
	border-top: solid 3px #66ff33;
	border-bottom: solid 1px #66ff33;
}

.name_c1 {
	float: left; width: 50%;
	padding: 2px 4px 2px;
	border-left: solid 14px #66ff33;
	font-size: 16px; color: #00cc00; text-align: left;
}

.name_c2 {
	float: right; width: 40%;
	padding: 2px 4px 2px;
	border-right: solid 14px #66ff33;
	font-size: 16px; color: #00cc00; text-align: right;
}

/*---ライン設定---*/
#line_home1 {
	border-top: solid 1px #00cc00;
	border-bottom: solid 1px #00cc00;
	border-left: solid 1px #00cc00;
	border-right: solid 1px #00cc00;
	text-align: left;
}

/*--- 見出し系文字設定 ---*/
#title1 {
	font-size: 16px; color: #009900; text-align: left;
	padding: 3px;
}

#title2 {
	font-size: 14px; color: #ffffff; text-align: left;
	padding: 3px;
}

#title3 {
	font-size: 12px; color: #ffffff; text-align: left;
	padding: 3px;
}

#title4 {
	font-size: 16px; color: #00cc00; text-align: center;
	padding: 3px;
}

#title5 {
	font-size: 14px; color: #009900; text-align: center;
	padding: 3px;
}


/*---Infomation設定---*/
h3.info1 {
	margin: 0 0 10px 0; padding: 4px 0 2px 26px;
	font-size: 14px; color: #FFFFFF;
	background: #00CC00 url("../img_home/ico_information.gif") 4px 50% no-repeat;
}

.info_tx1 {
	padding: 0 0 8px 16px;
	text-align: left; vertical-align: middle;
	line-height: 1.3em; color: #333333;
	background: url("../img_home/ico_information_bit.gif") 5px 5px no-repeat;
}

/*---カテゴリ別見出し設定: Listening---*/
table.home_l1 { border: 1px solid #3399FF; }
.color_l1 {color: #66CCFF;}
.color_l2 {color: #3399FF;}

/*---カテゴリ別見出し設定: Reading---*/
table.home_r1 { border: 1px solid #CC66CC; }
.color_r1 {color: #CC99CC;}
.color_r2 {color: #993399;}

/*---カテゴリ別見出し設定: Vocabulary---*/
table.home_v1 { border: 1px solid #CC6666; }
.color_v1 {color: #FF9999;}
.color_v2 {color: #EE7A8F;}

/*---カテゴリ別見出し設定: Vocabulary---*/
table.home_i1 { border: 1px solid #CC0000; }
.color_i1 {color: #DD5E5F;}
.color_i2 {color: #CC0000;}

/*---カテゴリ別見出し設定: Vocabulary---*/
table.home_c1 { border: 1px solid #FF6600; }
.color_c1 {color: #FF9900;}
.color_c2 {color: #FF6600;}

/*---カテゴリ別見出し設定: Grammar---*/
table.home_g1 { border: 1px solid #FF9900; }
.color_g1 {color: #FFCC66;}
.color_g2 {color: #FF9900;}

/*---グラフ設定---*/
#graph_tx1 {
	text-align: right;
	font-size: 12px;
	color: #ffffff;
	padding: 4px;
}

#graph_tx2 {
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	padding: 4px;
}

#graph_tx3 {
	text-align: center;
	font-size: 12px; color: #333333;
	padding: 2px;
	background: #f6f6f6;
}

#graph_bar1 {
	text-align: left;
	padding: 4px 0 1px 0px;
}

#graph_bar2 {
	text-align: left;
	padding: 0 0 3px 0px;
}

#gra_st10 { background-color: #e7ed00 }
#gra_st20 { background-color: #d6ed00 }
#gra_st30 { background-color: #beed00 }
#gra_st40 { background-color: #aced00 }
#gra_st50 { background-color: #9bed00 }
#gra_st60 { background-color: #84ed00 }
#gra_st70 { background-color: #6eed00 }
#gra_st80 { background-color: #4fed00 }
#gra_st90 { background-color: #38ed00 }
#gra_st100 { background-color: #04ed00 }

#gra_c_l1 { background-color: #3399FF; }
#gra_c_r1 { background-color: #CC66CC; }
#gra_c_v1 { background-color: #CC6666; }
#gra_c_i1 { background-color: #CC0000; }
#gra_c_c1 { background-color: #FF6600; }
#gra_c_g1 { background-color: #FF9900; }