/* 《〠増刷》 */
* {
	margin: 0;
	padding: 0;
}

.diff {
	font-weight: bold;
	color: green;
}

ins {
	color: blue;
}

del {
	color: red;
}

h1,h2,h3,h4,ul,li,p,address {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

body {
	margin:0;
	padding:0;
	color: #000000;
/*	_overflow:hidden;*/
	font-family:Arial, Helvetica, verdana,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	font-size:90%;
	letter-spacing: 0.1em;
	line-height:150%;
	background-image: url(img/main_bk.gif);
	background-repeat: repeat-y;
}

td {
	font-size: 90%;
}

#answer_area td {
	font-size: 100%;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	padding:0.1em;
}

#question_area td {
	font-size: 100%;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	width: auto;
	padding-top: 0.1em;
	padding-right: 0.5em;
	padding-bottom: 0.1em;
	padding-left: 0.5em;
}

#reg-l-text td {
	font-size: 90%;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}

#reg-text td {
	font-size: 90%;
	line-height: 1.4em;
	letter-spacing: 0.2em;
}

td h2 {
	font-size: 110%;
}

h1 {
	color: #000000;
	font-size: 110%;
	font-weight: bold;
}

h2 {
	color: #000000;
	font-size: 110%;
	font-weight: bold;
}

h3 {
	color: #000000;
	font-size: 100%;
	font-weight: bold;
}

/*
P	{
	font-size: 1.2em;
}
*/

a:link,a:visited {
	color: #003399;
	text-decoration:underline;
}
a:hover {
	color: #993300;
	text-decoration:underline;
}
a:active {
	color: #003399;
	text-decoration:underline;
}

/* 220415 yamada add */
u{
	text-decoration:none;
	/* background: linear-gradient(transparent 50%, #a8eaff 50%); */
	border-bottom: 1px black solid;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear :both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
/* MacIE begin \*/
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/* MacIE end */

#wrapper {
	width:926px;
}

#leftbox {
	font-size: 90%;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
/*	height:100%; 140523 firefoxで切れる */
	width:152px;
	left:0px;
	top:0px;
	background-color: #cccc99;
	background-image: url(img/left_bk.gif);
	float: left;
	overflow: hidden;
}

#leftbox #display_name {
	font-size: 95%;
	color: #CC0000;
	font-weight: bold;
	text-align: center;
}

#inside_leftbox {
	width : auto;
	border : 0;
	padding-top : 1.5em;
/*	text-align: center;*/
	margin-left: 1px;
}	

#mainbox {
	height:100%;
	float: right;
	width: 773px;
	margin: 0px;
/*	_overflow:auto ;*/
}

#mainbox .zh {
	letter-spacing: 0.1em;
	line-height: 2em;
/*	font-size: 113%;    220728 */
}

#mainbox .zh-input {
	font-size: 110%;
}

#header_mainbox {
	width : 773px;
	height: 35px;
	border : 0;
	margin : 0;
	padding: 0;
	background-image: url(img/header.jpg);
	text-align: right;
	padding-top: 3px;
}

#inside_mainbox {
	width : 740px ;
	border : 0;
	margin : 0;
	margin-left: 10px;
	padding-left : 1em ; 
	padding-top : 0.7em ;
}

#trg-main {
	width : 720px;
	background-image: url(img/trg_main.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	padding-top: 1.2em;
	padding-right: 1.2em;
	padding-bottom: 0.1em;
	padding-left: 1em;
	clear :both;
}

#trg-graph {
	width : 720px;
	background-image: url(img/trg_praph.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	padding-top: 0.3em;
	padding-right: 1.2em;
	padding-bottom: 0em;
	padding-left: 1.2em;
}

#rate {
	width : auto;
	color: #FFFFFF;
}

#__sound_flash__ {
	width : auto;
}

#question_num {
	width : 25px;
	border: 1px solid #7C7C50;
	font-size: 1.3em;
	text-align: center;
	float: left;
	padding: 0.2em;
}

#is_correct {
	width : 640px;
	font-size: 2.3em;
	color: #FF0000;
	font-weight: bold;
	float: right;
	padding-bottom: 0.1em;
	padding-top: 0.1em;
	padding-right: 0.3em;
	padding-left: 0.1em;
	line-height: 0.8em;
}

#question {
}

#options {
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0.3em;
	padding-left: 1.5em;
	width: 600px;
}

#mainbox .option_cell {
	border: 1px solid #C5C5A5;
	white-space: nowrap;
	cursor: pointer;
	font-size: 90%;
}

#mainbox .answer_cell {
	font-size: 100%;
	white-space: nowrap;
}

#tr-hint {
	width : 665px;
	border: 1px dotted #CACAAC;
	padding: 0.4em;
	margin: 0 0.4em 0.6em;
}

#answer_area {
	width : 690px;
	clear :both;
	padding-top: 0.3em;
	padding-bottom: 0.6em;
	height: auto;
}

#question_area {
	width : 690px;
	clear :both;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
}

#lesson_form {
	text-align: right;
	width : 690px;
}

#mainbox p {
	margin-top: 0.2em;
}


.free-box {
	border: medium solid #E9E9D1;
	padding: 1em;
}

.free-box2 {
	border: thin solid #E9E9D1;
	padding: 0.2em;
}

#reg-text {
	clear: both;
	margin-left: 30px;
	padding-top : 1.1em ;
	width : 700px ;
}

#reg-l-text {
	clear: both;	
	margin-left: 60px;
	padding-top : 1em ;
	width : 620px ;
}

#info-area {
	clear: both;
	margin-left: 10px;
	padding-bottom : 0.5em;
	width : 700px;
	font-size: 80%;
}

.info-message {
	background-image: url(img/info-message.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0.2em 1.5em 0.1em 27px;
	color: #CC0000;
	height: 25px;
}

.info-speaker {
	background-image: url(img/info-spaeker.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0.2em 1.5em 0.1em 27px;
	color: #CC0000;
	height: 25px;
}


.info-comment {
	background-image: url(img/info-comment.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0.2em 1.5em 0.1em 27px;
	color: #CC0000;
	height: 25px;
}

#info-area ul {
	list-style-type: none;
}

.ja {
	font-family: "ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 2em; /* 220728 */
}

.ja-input {
	font-family: "ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

.zh {
	font-family: "Times New Roman", "SimSun", "Song";
}

.zh-input {
	font-family: "Times New Roman", "SimSun", "Song";
}

.comment {
	color: #003399;
}

.wrong {
	background-color: #FEE9E9;
}

.this_time {
	background-color: #fcc;
}

.prev {
	background-color: #eef;
}

.red {
	color: #cc0000;
}

.red2 {
	color: #ff0000;
}

.blue {
	color: #0066CC;
}

.darkblue {
	color: #003399;
}

.olive {
	color: #848455;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.right_answer {
	background-color: #FFEC9D;
}
.wrong_answer {
	background-color: #E3E3E3;
}

.font-brown {
	color: #604300;
}

.font-down {
	font-size: 90%;
}

.font-up {
	font-size: 120%;
}

.font-little {
	font-size: 80%;
}

.answer_table {
	border: 1px black solid;
	border-collapse: collapse;
}
.answer_table td {
	border: 1px black solid;
	border-collapse: collapse;
	width: 40pt;
	text-align: center;
	padding: 0.1em;
}

.result_table {
	border: 1px black solid;
	border-collapse: collapse;
}

.result_table td, th{
	border: 1px black solid;
	border-collapse: collapse;
	text-align: center;
	padding: 0.1em;
}

.result_table th {
	color: white;
	background-color: gray;
}

.result_table .class1 {
	background-color: honeydew;
}

.result_table .class2 {
	background-color: lemonchiffon;
}

.result_table .class3 {
	background-color: lavenderblush;
}

.result_table .passed {
	color: red;
}

#mainbox #header_mainbox h1 {
	display : none;
}

#mainbox #inside_mainbox .q-box {
	border: solid 1px #999999;
	text-align: center;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 0.2em;
	width: 10em;
}

.no-box {
	border: 1px solid #999999;
	text-align: center;
	width: 1.1em;
	padding-top: 0.2em;
	padding-right: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	margin-top: 0.5em;
	margin-right: 0.2em;
	margin-bottom: 0em;
	cursor: pointer;
}

.no-box2 {
	border: 1px solid #999999;
	text-align: center;
	width: 1.1em;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	margin-top: 0.5em;
	margin-right: 0.2em;
	margin-bottom: 0.8em;
}

.no-box3 {
	border: solid 1px #999999;
	text-align: center;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 0.2em;
}

.question-box {
	border: 1px solid #999999;
	text-align: center;
	width: 1em;
	padding-top: 0em;
	padding-right: 1em;
	padding-bottom: 0em;
	padding-left: 1em;
	margin-top: 0em;
	margin-right: 0.2em;
	margin-bottom: 0em;
	margin-left: 0.2em;
	white-space: nowrap;
}

.no-a-box {
	border: 1px solid #999999;
	text-align: center;
	width: 1em;
	padding-top: 0.2em;
	padding-right: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	margin-top: 0.5em;
	margin-right: 0.2em;
	margin-bottom: 0em;
	background-color: #EFEFBA;
}

.g-box {
	margin-left: 15px;
	padding-left : 1em ; 
	padding-top : 1em ;
	border: solid 1px #999999;
	width : 670px ;
}

.free-box3 {
	padding: 0.5em;
	border: dotted 1px #CC0000;
	width : 700px ;
}

.middle-font {
}

#mainbox .no-font {
	white-space: nowrap;
}
/*
.no-box a:link,a:visited {
	color: #003399;
	text-decoration:none;
}
.no-box a:hover {
	color: #993300;
	text-decoration:underline;
}
.no-box a:active {
	color: #003399;
	text-decoration:none;
}
*/
.submit_button {
	width : 5.5em;
	height: 1.9em;
	font-size: 105%;
}

.submit_button2 {
	width : 10em;
	height: 2.5em;
	font-size: 110%;
}

.radio_button {
	width:20px;
	height:20px;
}

.check_box {
	width:18pt;
	height:18pt;
}

#header_mainbox a {
	font-size: 80%;
	color: #ffffff;
	text-decoration:underline;
}

#header_mainbox a:hover {
	color: #cccccc;
}

#reg-text a:link,a:visited {
	color: #003399;
	text-decoration:underline;
}
#reg-text a:hover {
	color: #993300;
	text-decoration:underline;
}
#reg-text a:active {
	color: #003399;
	text-decoration:underline;
}

#mainbox #inside_mainbox #topline {
	clear: both;
	margin: 0.2em 0 0 0;
	background-image: url(img/line.gif);
	background-repeat: repeat-x;
	background-position: 0% top;
}

#mainbox #inside_mainbox #topline_tr {
	margin: 0.2em 0 0 0;
	background-image: url(img/line_tr.gif);
	background-repeat: repeat-x;
	background-position: 0% top;
}

#mainbox #inside_mainbox #topline_lt {
	clear: both;
	margin: 0.1em 0 0 0;
	background-image: url(img/line_lt.gif);
	background-repeat: repeat-x;
	background-position: 0% top;
}

#mainbox #inside_mainbox #footer {
	clear: both;
	margin: 3em 0 0.7em;
	text-align: right;
	font-size: 85%;
	letter-spacing: 0em;
	border-top-style: solid;
	border-top-color: #DCDCB8;
	border-top-width: thin;
}

#leftbox #inside_leftbox ul li li{
background:url(img/navi.jpg) no-repeat;
background-position:0 0;
width:149px;
height:55px;
/* hack \*/
overflow:hidden;
/* end hack */
display:inline;
}

#leftbox #inside_leftbox ul li{
	line-height:0;
}

#leftbox #inside_leftbox ul li a{
background:url(img/navi.jpg) no-repeat;
background-position:0 0;
display:block;
text-indent:-9999px;
text-decoration:none;
font-size:1px;
width:149px;
height:55px;
/* hack \*/
overflow:hidden;
/* end hack */
}

#leftbox #inside_leftbox ul li a.navi01 {background-position:0 0;}
#leftbox #inside_leftbox ul li a.navi01:hover {background-position:-150px 0;}

#leftbox #inside_leftbox ul li a.navi02 {background-position:0 -57px;}
#leftbox #inside_leftbox ul li a.navi02:hover {background-position:-150px -57px;}

#leftbox #inside_leftbox ul li a.navi03 {background-position:0 -115px;}
#leftbox #inside_leftbox ul li a.navi03:hover {background-position:-150px -115px;}

#leftbox #inside_leftbox ul li a.navi04 {background-position:0 -173px;}
#leftbox #inside_leftbox ul li a.navi04:hover {background-position:-150px -173px;}

#leftbox #inside_leftbox ul li a.navi05 {background-position:0 -231px;}
#leftbox #inside_leftbox ul li a.navi05:hover {background-position:-150px -231px;}

#leftbox #inside_leftbox ul li a.navi06 {background-position:0 -288px;}
#leftbox #inside_leftbox ul li a.navi06:hover {background-position:-150px -288px;}

#leftbox #inside_leftbox ul li a.navi07 {background-position:0 -346px;}
#leftbox #inside_leftbox ul li a.navi07:hover {background-position:-150px -346px;}

#leftbox #inside_leftbox ul li a.navi08 {background-position:0 -578px;height:100px;}
#leftbox #inside_leftbox ul li a.navi08:hover {background-position:-150px -578px;height:100px;}

#leftbox #inside_leftbox ul li a.navi09 {background-position:0 -404px;}
#leftbox #inside_leftbox ul li a.navi09:hover {background-position:-150px -404px;}

#leftbox #inside_leftbox ul li a.navi10 {background-position:0 -462px;}
#leftbox #inside_leftbox ul li a.navi10:hover {background-position:-150px -462px;}

#leftbox #inside_leftbox ul li a.navi11 {background-position:0 -520px;}
#leftbox #inside_leftbox ul li a.navi11:hover {background-position:-150px -520px;}

#waku {
	width: 95%;
	padding: 0.8em;
	height: auto;
}

#free_member {
	width : 736px;
//	height: 270px; 130604 yamada
	margin: 0;
	background-image: url(img/muryo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 60px;
	padding-right: 280px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 90%;
}

#inside_free_member {
	width : 430px;
//	height: 260px; 130604 yamada
	margin: 0;
	padding: 0;
}


.komoku_blue {
	font-size: 105%;
	font-weight: bold;
	background-image: url(img/blueline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #003366;
	padding-bottom: 0.2em;
}

div.progress-container {
	border: 0px; 
	margin: 2px 5px 2px 0; 
	padding: 0px; 
	float: left; 
}

div.progress-container > div {
	background-color: #ACE97C; 
}

img.middle {
	vertical-align:middle;
}

img.img-title {
	vertical-align:baseline;
}

.title {
	font-size: 1.2em;
	font-weight: bold;
}

.std_table {
	border-collapse:collapse;
	border-top:solid 1px #666666;
	border-right:solid 1px #666666;
	letter-spacing: 0.1em;

}
.std_table th {
	border-bottom:solid 1px #666666;
	border-left:solid 1px #666666;
	border-right:solid 1px #666666;
	background-color: #DDE7F0;
	color: #223953;
	font-size: 90%;
	font-weight: normal;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
.std_table td {
	border-bottom:solid 1px #666666;
	border-left:solid 1px #666666;
	width: auto;
	padding: 0.5em;
}
.std2_table {
	border-collapse:collapse;
	border-top:solid 1px #8A8A75;
	border-right:solid 1px #8A8A75;
	letter-spacing: 0.1em;
}
.std2_table th {
	border-bottom:solid 1px #8A8A75;
	border-left:solid 1px #8A8A75;
	border-right:solid 1px #8A8A75;
	background-color: #E6ECE6;
	color: #223953;
	font-size: 90%;
	font-weight: normal;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
.std2_table td {
	border-bottom:solid 1px #8A8A75;
	border-left:solid 1px #8A8A75;
	width: auto;
	padding: 0.3em;
}

.tm5{margin-top:5px;}
.bm5{margin-bottom:5px;}
.tm10{margin-top:10px;}
.bm10{margin-bottom:10px;}
.tm15{margin-top:15px;}
.bm15{margin-bottom:15px;}
.tm20{margin-top:20px;}
.bm20{margin-bottom:20px;}
.rm10{margin-right:10px;}
.lm10{margin-left:10px;}

#lesson_title {
	width : 535px;
	float: left;
	height: 40px;
	padding-bottom: 0;
	padding-top: 2.8em;
}
#lesson_level {
	width : 120px;
	float: left;
	height: 40px;
	padding-bottom: 0;
	padding-top: 1.5em;
}
#lesson_title2 {
	width : 580px;
	float: left;
	padding-bottom: 0;
	padding-top: 0.2em;
}
#lesson_level2 {
	width : 120px;
	float: left;
	padding-bottom: 0;
	padding-top: 1.5em;
}

audio {
	margin-bottom:10px;
}