* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0; padding: 0px;
	color: #111111;
	background: #eeeeee;
	font-size: 9pt;
    font: normal arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
    }


h1, h2, h3, h4, h5, h6 { color:#000000; font-weight: bold; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote { margin: 0 0 10px 0; }

h1 { font-size: xx-small; padding: 5px 10px; color: #777777; text-align:right;}
h2 { font-size: 14pt; margin: 17px 0px 6px 0px;
}
h2 img { vertical-align: text-bottom  ; }

h3 { font-size: 1em; padding: 5px 0px 0px 0px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

a { text-decoration: underline; color: #003399; }
a:visited { text-decoration: underline; color: #003399; }
a:hover { text-decoration: underline; color: #CC3300; }

img { border: 0;
      vertical-align: bottom; }

td {
	font-size: 9pt;
    line-height:170%;
    font: normal arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}

.clr {
	clear: both; overflow: hidden;
	margin: 0; padding: 0;
}

/*--メインレイアウト--*/
#main {
	width: 781px;
    background: #ffffff url(./images/menu_bk.gif) 0 0 repeat-y;
}

#header1 {
	width: 100%;
	height: 65px; margin: 0; padding: 0;
	background: #77F726 url(../img_common/hd01.gif) right 0 no-repeat;
}
#header2 { width: 100%; background: url(../img_common/hd_bg01.gif) 0 0 repeat-x; }
#tsologo { width: 30%; float: left; padding: 10px 0 0 13px; background: transparent; }
#header_menu { float: right; }
#course_title { text-align: right; background: #00CC00; }


#menu { float: left; width:213px;}
#content { float: left; width:568px;}
}
p { margin: 0; padding: 5px 0px; line-height: 1.4em; }

.content_text {
    font-weight: bold;
	background: #ffffff url(images/yamaguchi_top2_05.gif) left 0 no-repeat;
	margin: 0;
    padding: 5px 20px 20px 30px;
}
.content_text p{
    line-height:170%;
    text-indent:1em;
	margin: 0;
    padding: 6px;
}

#info { margin: 10px 10px;
    	padding: 0px 15px 0px 15px;
    	border-top: solid 1px #888888;
    	border-bottom: solid 1px #888888;
    	border-left: solid 1px #888888;
    	border-right: solid 1px #888888;
         }
ul {
    padding: 5px 20px 5px 20px;
}
li {
    padding: 4px;
}

/*--コンテンツ全体の設定--*/
#contents {
	width: 100%;
	border-left: solid 0px #00cc00;
	text-align: left; margin: 0; padding: 0;}

/*--メインコンテンツの設定--*/
#contents_main { float: left; padding: 15px 15px; }

/*---間隔設定---*/
#pad_b5 { padding: 0 0 5px 0; }
#pad_b10 { padding: 0 0 10px 0; }
#pad_b15 { padding: 0 0 15px 0; }
#pad_b20 { padding: 0 0 20px 0; }

/*--共通の注意書き--*/
#attention {
	clear: both;
	padding: 10px 10px 14px 14px;
	line-height: 1.3em;
	text-align: left;
	color: #506a6a;
}

/*---フッター設定---*/
#footer1 {
	width: 100%;
	border-top: solid 0px #888888;
	padding: 0px 0px 30px 0px;
	font-size: 10px;
	color: #aaaaaa;
	text-align: center;
	background-color: #ffffff;
}

/*---ボタン用---*/
#btn1 { text-align: right; padding: 4px 0px 2px 2px; }
#btn2 { text-align: right; padding: 2px 0px 2px 2px; }
#btn_toppage1 { padding: 0 0 15px 0; text-align: right; }

/*---問題・解答・解説用・幅設定---*/
#answer_w1 { width: 100 }
#answer_w2 { width: 230 }
#answer_w3 { width: 300 }
#answer_w4 { width: 200 }

#answer_p1 { padding: 10px 0px 10px 0px }
#answer_p2 { padding: 0px 0px 10px 0px }
#answer_p3 { padding: 0px 0px 10px 15px }

/*---Question & Answer 基本テキスト---*/
#qa1_1 {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
	padding: 3px;
}

#qa1_2 {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
	padding: 7px 3px;
}

#qa1_3 {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
	padding: 7px 7px;
}

#qa2_1 {
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.4em;
	color: #333333;
	padding: 3px;
}

#qa2_2 {
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.4em;
	color: #333333;
	padding: 5px 3px;
}

#qa2_3 {
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.4em;
	color: #333333;
	padding: 5px 5px;
}

/*--進捗度カラー--*/
#lv1 { background-color: #eaffe5 }
#lv2 { background-color: #caffca }
#lv3 { background-color: #9eff92 }
#lv4 { background-color: #55ff4b }


/*--メインレイアウト--*/
#main_s {
	width: 99%;
	padding: 0px;
	margin: 0px auto;
}

/*--コンテンツ全体の設定--*/
#contents_s {
	border-left: solid 1px #00cc00;
	border-right: solid 1px #00cc00;
	text-align: left;
}

/*--コンテンツ全体の幅設定--*/
#contents_width_s {
	width: 95%;
}

#footer1_s {
	width: 100%;
	background-color: #00cc00;
}

/*--q_wordselect 用--*/
.posabs  { position:absolute }


table{
    border-collapse: collapse;
    font-size: small;
    text-align: center;
}
caption{
    text-align: left;
}
th { 
    background-color: #eeeeee; 
    line-height:140%;
}
th,td{
    padding: 8px;
    border: 1px solid #999999;
    vertical-align: middle;
    font-weight: bold;
}
td.nb{
    border: 0;
}
td.nb_np{
    margin:0;
    padding: 0;
    border: 0;
}
th.left{
    text-align: left;
}
td.left{
    text-align: left;
}
th.w90 {
    width: 90px;
}
th.w70 {
    width: 70px;
}

table.s{
    border-collapse: collapse;
    font-size: small;
    text-align: left;
    margin:12px;
}
table.s_center{
    border-collapse: collapse;
    font-size: small;
    text-align: center;
    margin:12px;
}
th.s,td.s{
    padding: 3px;
    border: 1px solid #999999;
    vertical-align: middle;

}
th.s_top,td.s_top{
    padding: 4px;
    border: 1px solid #999999;
    vertical-align: top;
}
th.ss,td.ss{
    margin: 0px;
    padding: 1px;
    border: 1px solid #999999;
    vertical-align: middle;
    font-size: x-small;
    word-break : break-all;
    line-height: 140%;
}
th.ss_top,td.ss_top{
    margin: 0px;
    padding: 1px;
    border: 1px solid #999999;
    vertical-align: top;
    font-size: x-small;
    word-break : break-all;
    line-height: 140%;
}