/********************************************************************/
/*                                                                  */
/* メイン用スタイルシート                                           */
/*                                                                  */
/* 川崎学習塾 http://www.k-j.jp/                                    */
/*                                                      2007/02/09  */
/********************************************************************/

/********************************************************************/
/* CSS リセット                                                     */
/********************************************************************/

BODY,DIV,DL,DT,DD,UL,OL,LI,H1,H2,H3,H4,H5,H6,PRE,FORM,FIELDSET,INPUT,P,BLOCKQUOTE,TH,TD {
	MARGIN: 0;
	PADDING: 0;
}
TABLE {
	BORDER-COLLAPSE: collapse;
	BORDER-SPACING: 0;
}
FIELDSET,IMG {
	BORDER: 0;
}
ADDRESS,CAPTION,CITE,CODE,DFN,EM,STRONG,TH,VAR {
	FONT-STYLE: normal;
	FONT-WEIGHT:normal;
}   
OL,UL {
	LIST-STYLE: none;
}   
CAPTION,TH {
	TEXT-ALIGN: left;
}   
H1,H2,H3,H4,H5,H6 {
	FONT-SIZE: 100%;
}   
Q:before, Q:after {
	CONTENT: '';
}

/********************************************************************/
/* 基本設定                                                         */
/********************************************************************/

BODY {
	/*FONT-SIZE: 85%;*/
	FONT-SIZE: 77%;
	TEXT-ALIGN: center;
	LETTER-SPACING: 1px;
	COLOR: #003300;
}

BODY#normal, BODY#topics, BODY#error {
	BACKGROUND: url("../image/img_background.gif") #ffffff;
}

BODY#topics_menu {
	LINE-HEIGHT: 120%;
	BACKGROUND-COLOR: #f4f7fb;
	/* topics_menu.html のみ互換モードのDOCTYPEにする必要あり */
	SCROLLBAR-FACE-COLOR: #00cccc;
	SCROLLBAR-ARROW-COLOR: #7767ad;
	SCROLLBAR-SHADOW-COLOR: #dad6e9;
	SCROLLBAR-HIGHLIGHT-COLOR: #9c91c4;
}

CAPTION {
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
}

IMG {
	BORDER: none;
}

A {
	COLOR: #003399;
	TEXT-DECORATION: none;
}

A:visited {
	COLOR: #003366;
}

A:hover {
	COLOR: #cc6600;
}

.center {
	TEXT-ALIGN: center;
	MARGIN: 0px auto;
}

.figure {
	ALIGN: middle;
	HSPACE: 5px;
	VSPACE: 5px;
}

.bold {
	FONT-WEIGHT: bold;
	COLOR: #006400;
}

#header_l {
	HEIGHT: 85px;
	WIDTH: 250px;
	TEXT-ALIGN: left;
	PADDING: 10px 0px 6px 15px;
	BACKGROUND: url("../image/title.gif") 15px #d3d3d3 no-repeat;
}

#header_r {
	TEXT-ALIGN: right;
	PADDING-TOP: 0px;
	PADDING-RIGHT: 15px;
	BACKGROUND: url("../image/logo_left.gif") right bottom #d3d3d3 no-repeat;
}

#header2 {
	HEIGHT: 15px;
	BACKGROUND-COLOR: #4B0082;
}

#footer1 {
	HEIGHT: 8px;
	BACKGROUND-COLOR: #660099;
}

#footer2 {
	PADDING: 5px 5px 5px 5px;
	TEXT-ALIGN: right;
	LETTER-SPACING: 0px;
	COLOR: #4B0082;
	BACKGROUND-COLOR: #d3d3d3;
}

/********************************************************************/
/* 本文設定                                                         */
/********************************************************************/

#main_flame {
	WIDTH: 700px;
	TEXT-ALIGN: center;
	BORDER-SPACING: 0px;
	BORDER: none;
	MARGIN: 0px auto;
}

#contents {
	BACKGROUND-COLOR: #ffffff;
}

/* トップページスタイル */
.top_page {
	WIDTH: 95%;
	BACKGROUND-COLOR: #ffffff;
	TEXT-ALIGN: left;
	LINE-HEIGHT: 110%;
	MARGIN: 0px auto;
	MIN-HEIGHT: 450px;
	_HEIGHT: 450px;	/* IE Hack */
}

/* 主文章枠スタイル */
.text_main {
	BACKGROUND-COLOR: #ffffff;
	TEXT-ALIGN: left;
	LINE-HEIGHT: 110%;
	MARGIN: 30px;
	MIN-HEIGHT: 450px;
	_HEIGHT: 450px;	/* IE Hack */
}

/* 章スタイル */
.chapter {
	CLEAR: both;
	TEXT-ALIGN: left;
	TEXT-INDENT: 10px;
	LINE-HEIGHT: 150%;
	MARGIN-LEFT: 30px;
	MARGIN-RIGHT: 20px;
}

.chapterB {
	/* 検定対策用 */
	CLEAR: both;
	TEXT-ALIGN: left;
	TEXT-INDENT: 10px;
	LINE-HEIGHT: 150%;
	MARGIN-LEFT: 20px;
	MARGIN-RIGHT: 0px;
}

/* 節スタイル */
.section {
	CLEAR: left;
	TEXT-ALIGN: left;
	TEXT-INDENT: 10px;
	LINE-HEIGHT: 150%;
	MARGIN-LEFT: 40px;
	MARGIN-RIGHT: 10px;
}

.sectionB {
	/* インデントなし */
	CLEAR: left;
	TEXT-ALIGN: left;
	LINE-HEIGHT: 150%;
	MARGIN-LEFT: 30px;
	MARGIN-RIGHT: 10px;
}

.sectionC {
	CLEAR: left;
	TEXT-ALIGN: left;
	TEXT-INDENT: 10px;
	LINE-HEIGHT: 150%;
	MARGIN-LEFT: 40px;
	MARGIN-RIGHT: 25px;
}

.section_K {
	/* 検定対策用 */
	CLEAR: left;
	TEXT-ALIGN: left;
	TEXT-INDENT: 10px;
	LINE-HEIGHT: 150%;
	MARGIN-LEFT: 40px;
	MARGIN-RIGHT: 10px;
}

.section_K A {
	BACKGROUND: url("../image/img_motion_triangle.gif") left no-repeat;
}

.section_link {
	TEXT-ALIGN: left;
	LINE-HEIGHT: 150%;
	PADDING-LEFT: 30px;
	OVERFLOW: hidden;
}

.section_link:after {
	CONTENT: "";
	DISPLAY: block;
	CLEAR: both;
	HEIGHT: 1px;
	OVERFLOW: hidden;
}

/*\*/
* html .section_link {
	HEIGHT: 1em;
	OVERFLOW: visible;
}
/**/

/* 文章中のテーブル・スタイル */
.text_table {
	WIDTH: 90%;
	FONT-FAMILY: "ＭＳ Ｐゴシック",sans-serif;
	TEXT-ALIGN: center;
	BACKGROUND-COLOR: #fff;
	BORDER-SPACING: 1px;
	BORDER: 1px #b3d465 solid;
}

.text_table_s {
	WIDTH: 50%;
	FONT-FAMILY: "ＭＳ Ｐゴシック",sans-serif;
	TEXT-ALIGN: center;
	BACKGROUND-COLOR: #fff;
	BORDER-SPACING: 1px;
	BORDER: 1px #b3d465 solid;
}

.text_table TR, .text_table_s TR {
	BACKGROUND-COLOR: #b3d465;
}

.text_table TH, .text_table_s TH {
	BACKGROUND-COLOR: #fafad2;
	COLOR: #800000;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	PADDING: 3px;
	BORDER: 1px #b3d465 solid;
}

.text_table TD, .text_table_s TD {
	LINE-HEIGHT: 120%;
	COLOR: #333333;
	BACKGROUND-COLOR: white;
	PADDING: 3px;
	BORDER: 1px #b3d465 solid;
}

.addr {
	TEXT-ALIGN: left;
	LINE-HEIGHT: 150%;
	PADDING-LEFT: 50px;
}

/* 注意書き */
.cautionA { COLOR: #dc143c; }
.cautionB { COLOR: #dc143c; FONT-WEIGHT: bold }
.cautionC { COLOR: #dc143c; FONT-WEIGHT: bold; FONT-SIZE: 120% }

/* ページトップジャンプ */
.go_top {
	MARGIN-RIGHT: 5px;
	MARGIN-BOTTOM: 5px;
	TEXT-ALIGN: right;
}

/********************************************************************/
/* 枠関連                                                           */
/********************************************************************/

.f_tl {
	WIDTH: 8px;
	HEIGHT: 8px;
	BACKGROUND-IMAGE: url("../image/f_tl.gif");
}

.f_t {
	HEIGHT: 8px;
	BACKGROUND-IMAGE: url("../image/f_t.gif");
}

.f_tr {
	WIDTH: 11px;
	HEIGHT: 8px;
	BACKGROUND-IMAGE: url("../image/f_tr.gif");
}

.f_bl {
	WIDTH:  8px;
	HEIGHT: 8px;
	BACKGROUND-IMAGE: url("../image/f_bl.gif");
}

.f_b {
	HEIGHT: 11px;
	BACKGROUND-IMAGE: url("../image/f_b.gif");
}

.f_br {
	WIDTH: 11px;
	HEIGHT: 11px;
	BACKGROUND-IMAGE: url("../image/f_br.gif");
}

.f_l {
	WIDTH: 8px;
	BACKGROUND-IMAGE: url("../image/f_l.gif");
}

.f_r {
	WIDTH: 11px;
	BACKGROUND-IMAGE: url("../image/f_r.gif");
}

.box {
	MARGIN-LEFT: 40px;
	FLOAT: none;
	PADDING: 5px;
	TEXT-INDENT: 0px;
}

.box .box_left {
	PADDING: 0px;
	BORDER: none;
	FLOAT: left;
}

.box .box_right {
	PADDING: 0px;
	BORDER: none;
	FLOAT: none;
}

.box:after {
	CONTENT: "";
	DISPLAY: block;
	CLEAR: both;
	HEIGHT: 1px;
	OVERFLOW: hidden;
}

/*\*/
* html .box {
	HEIGHT: 1em;
	OVERFLOW: visible;
}
/**/

.info1 {
	WIDTH: 640px;
	HEIGHT: 170px;
	PADDING-TOP: 35px;
	MARGIN: 0px auto;
	COLOR: #800000;
	/*BACKGROUND: url("../image/img_info.gif") top no-repeat;*/
}

.info2 {
	MARGIN: 30px 0px 10px 0px;
	PADDING: 2px;
	TEXT-INDENT: 0px;
	LETTER-SPACING: 0px;
	FONT-SIZE: 12px;
	TEXT-ALIGN: left;
	COLOR: #800000;
	BACKGROUND-COLOR: #f4f7fb;
	BORDER: 1px solid #cccccc;
}

.box_chapter {
	PADDING: 0px;
	BORDER: 1px solid #d3d3d3;
	/* BORDER: 1px solid #00008b; */
	TEXT-ALIGN: left;
	OVERFLOW: hidden;
}

.box_chapter:after {
	CONTENT: "";
	DISPLAY: block;
	CLEAR: both;
	HEIGHT: 1px;
	OVERFLOW: hidden;
}

/*\*/
* html .box_chapter {
	HEIGHT: 1em;
	OVERFLOW: visible;
}
/**/

#topics .box_chapter {
	BACKGROUND: url("../image/img_topics_back.gif");
}

#counter {
	TEXT-ALIGN: left;
	FLOAT: left;
}

/********************************************************************/
/* トピックス関連                                                   */
/********************************************************************/

/* 画像テーブル・スタイル */
.topic_table {
	MARGIN: 0px auto;
	TEXT-ALIGN: left;
	BACKGROUND-COLOR: #transparent;
	BORDER-SPACING: 0px;
	BORDER: none;
}

TD.topic_text {
	FONT-WEIGHT: bold;
	PADDING: 5px;
}

/* インライン・フレーム枠 */
.topics {
	TEXT-ALIGN: left;
	BACKGROUND-COLOR: #f4f7fb;
	MARGIN-LEFT: 20px;
	BORDER: 1px solid #c0c0c0;
	WIDTH: 95%;
}

/********************************************************************/
/* 見出し関連                                                       */
/********************************************************************/

/* 章見出し */
h1 {
	CLEAR: both;
	FONT-SIZE: 129%;
	TEXT-ALIGN: left;
	COLOR: #fff;
	MARGIN-BOTTOM: 10px; 
	PADDING-TOP: 0.6em;
	PADDING-BOTTOM: 0.4em;
	PADDING-LEFT: 10px;
	HEIGHT: 1em;
	BORDER: #fff 1px solid;
	BACKGROUND-COLOR: #3366cc;
}

/* 節見出し */
h2 {
	CLEAR: left;
	FONT-SIZE: 122%;
	TEXT-ALIGN: left;
	COLOR: #800000;
	PADDING: 5px 0px 1px 10px; 
	MARGIN: 0px 20px 3px 20px; 
	BORDER-LEFT: 8px solid #009933;
	BORDER-BOTTOM: #009933 1px solid;
}

/********************************************************************/
/* 新着情報関連                                                     */
/********************************************************************/

UL#update {
	CLEAR: both;
	TEXT-INDENT: 0px;
	MARGIN-LEFT: 10px;
	WIDTH: 550px;
	MIN-HEIGHT: 550px;
	_HEIGHT: 80px;
	LIST-STYLE-POSITION: outside;
	PADDING-BOTTOM: 50px;
}

#update LI {
	TEXT-ALIGN: left;
	PADDING: 3px 0px 3px 0px;
	FLOAT: left;
	DISPLAY: block;
	BACKGROUND: url("../image/img_line.gif") bottom repeat-x;
}

#update .date {
	WIDTH: 170px;
	DISPLAY: block;
	PADDING-LEFT: 15px;
	BACKGROUND: url("../image/img_triangle.gif") left no-repeat;
	FLOAT: left;
}

#update .info {
	WIDTH: 350px;
	DISPLAY: block;
	FLOAT: right;
}

/* お知らせ */

#oshirase {
	TEXT-ALIGN: left;
	TEXT-INDENT: 0px;
	MARGIN-LEFT: 15px;
	WIDTH: 550px;
	PADDING-LEFT: 35px;
	LIST-STYLE-POSITION: outside;
}

#oshirase LI {
	DISPLAY: list-item;
	MARGIN-TOP: 10px;
	PADDING-BOTTOM: 5px;
	COLOR: #003300;
	LIST-STYLE-IMAGE: url("../image/img_motion_triangle.gif");
	BACKGROUND: url("../image/img_line.gif") 0 90% repeat-x;
}

.msglist, #site_map, .download {
	TEXT-INDENT: 0px;
}

#jukudayori {
	TEXT-INDENT: 0px;
	PADDING-RIGHT: 150px;
}

.msglist UL, #jukudayori UL, #site_map UL {
	LIST-STYLE-POSITION: outside;
}

.msglist LI, #jukudayori LI {
	DISPLAY: list-item;
	MARGIN-TOP: 5px;
	PADDING: 0px 0 6px;
	LIST-STYLE-IMAGE: url("../image/img_triangle.gif");
	BACKGROUND: url("../image/img_line.gif") 0 100% repeat-x;
}

#site_map LI {
	PADDING: 3px 0 6px;
	DISPLAY: list-item;
	LIST-STYLE-IMAGE: url("../image/img_triangle.gif");
	BACKGROUND: none;
}

#site_map #nest {
	MARGIN-TOP: 10px;
	MARGIN-LEFT: 30px;
}

#site_map #nest LI {
	LIST-STYLE-IMAGE: url("../image/img_triangle_red.gif");
}

.download UL {
	LIST-STYLE-POSITION: outside;
	MARGIN: 0px 0px 10px 0px;
}

.download LI {
	DISPLAY: list-item;
	MARGIN-LEFT: 30px;
	LIST-STYLE-IMAGE: url("../image/img_motion_triangle.gif");
}

.triangle {
	CLEAR: left;
	TEXT-ALIGN: left;
	LINE-HEIGHT: 150%;
	MARGIN-LEFT: 10px;
	BACKGROUND: url("../image/img_motion_triangle.gif") left no-repeat;
}