BODY
{
    MARGIN: 0px;
    FONT-WEIGHT: lighter;
    COLOR: #000000;
    FONT-FAMILY: 'ＭＳ ゴシック';
    BACKGROUND-COLOR: lightcyan;
}

H1
{
	font-weight:bold;
	font-size:20px;
    MARGIN: 0px;
    COLOR: white;
    TEXT-ALIGN: center;
}
H2
{
    BORDER-TOP: thistle dotted;
/*    COLOR: thistle;*/
    COLOR: plum;
    BORDER-BOTTOM: thistle dotted;
    TEXT-ALIGN: center;
}
H3
{
    MARGIN-LEFT: 30px;
    COLOR: limegreen;
    MARGIN-RIGHT: 30px;
    BORDER-BOTTOM: limegreen double;
    TEXT-ALIGN: center
}
A.Sb1:hover
{
    BORDER-RIGHT: plum 1px solid;
    BORDER-TOP: plum 1px solid;
    BORDER-LEFT: plum 20px solid;
    BORDER-BOTTOM: plum 1px solid;
    BACKGROUND-COLOR: #ffff99;
}

A.Sel1:hover
{
    BORDER-RIGHT: plum 1px solid;
    BORDER-TOP: plum 1px solid;
    BORDER-LEFT: plum 20px solid;
    BORDER-BOTTOM: plum 1px solid;
/*    BACKGROUND-COLOR: #ffff99*/
}
A.Sb1:visited
{
    BORDER-RIGHT: plum 1px solid;
    BORDER-TOP: plum 1px solid;
    BORDER-LEFT: plum 20px solid;
    BORDER-BOTTOM: plum 1px solid
}
A.Sel1:visited
{
    BORDER-RIGHT: plum 1px solid;
    BORDER-TOP: plum 1px solid;
    BORDER-LEFT: plum 20px solid;
    BORDER-BOTTOM: plum 1px solid;
}
A.Sel1
{
    BORDER-RIGHT: plum 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: plum 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 5px;
    MARGIN: 2%;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: plum 20px solid;
    WIDTH: 90%;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: plum 1px solid;
    BACKGROUND-COLOR: #FFC0CB;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
}
A.Sb1
{
    BORDER-RIGHT: plum 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: plum 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 5px;
    MARGIN: 2%;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: plum 20px solid;
    WIDTH: 90%;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: plum 1px solid;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
}



/* 記録画面のﾒﾆｭｰ */
A.Sb2:hover
{
    BORDER-RIGHT: plum 1px solid;
    BORDER-TOP: plum 1px solid;
    BORDER-LEFT: plum 10px solid;
    BORDER-BOTTOM: plum 1px solid;
    BACKGROUND-COLOR: #ffff99;
}

A.Sel2:hover
{
    BORDER-RIGHT: plum 1px solid;
    BORDER-TOP: plum 1px solid;
    BORDER-LEFT: plum 10px solid;
    BORDER-BOTTOM: plum 1px solid;
/*    BACKGROUND-COLOR: #ffff99*/
}
A.Sb2:visited
{
    BORDER-RIGHT: plum 1px solid;
    BORDER-TOP: plum 1px solid;
    BORDER-LEFT: plum 10px solid;
    BORDER-BOTTOM: plum 1px solid
}
A.Sel2:visited
{
    BORDER-RIGHT: plum 1px solid;
    BORDER-TOP: plum 1px solid;
    BORDER-LEFT: plum 10px solid;
    BORDER-BOTTOM: plum 1px solid;
}
A.Sel2
{
    BORDER-RIGHT: plum 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: plum 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 5px;
    MARGIN: 2%;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: plum 10px solid;
    WIDTH: 90%;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: plum 1px solid;
    BACKGROUND-COLOR: #FFC0CB;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
}
A.Sb2
{
    BORDER-RIGHT: plum 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: plum 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 5px;
    MARGIN: 2%;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: plum 10px solid;
    WIDTH: 90%;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: plum 1px solid;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
}


DIV.BackDiv
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    LEFT: 10%;
    BACKGROUND-image: url(images/002-001.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 90%;
    PADDING-TOP: 0px;
    POSITION: absolute;
    TOP: 0px;
}
/* ﾀｲﾄﾙ上 */
DIV.HeadDiv
{
    BACKGROUND-IMAGE: url(images/back2.gif);
    COLOR: white;
    POSITION: relative;
    TOP: 0px;
    BACKGROUND-COLOR: lightblue;
}
/* ﾒｲﾝﾒﾆｭｰ左 */
DIV.SideDiv
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: x-small;
    LEFT: 0%;
    PADDING-BOTTOM: 5px;
    WIDTH: 180px;
    PADDING-TOP: 30px;
    POSITION: absolute;
    TOP: 100px;
}
/* TOP用ﾒｲﾝ右 */
DIV.TopMainDiv
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    LEFT: 180px;
    PADDING-BOTTOM: 20px;
    MARGIN: 0px;
/*    WIDTH: 700px;*/
	WIDTH: 100%;
    PADDING-TOP: 30px;
    POSITION: absolute;
    TOP: 100px;
}
/* 通常ﾒｲﾝ右 */
DIV.MainDiv
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    LEFT: 180px;
    PADDING-BOTTOM: 20px;
    MARGIN: 0px;
    WIDTH: 100%;
    PADDING-TOP: 20px;
    POSITION: relative;
}

DIV.FootDiv
{
/*

    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: x-small;
    LEFT: 0%;
    PADDING-BOTTOM: 5px;
    WIDTH: 180px;
    PADDING-TOP: 30px;
    POSITION: absolute;
    TOP: 100px;

    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    COLOR: white;
    PADDING-TOP: 5px;
    FONT-FAMILY: 'ＭＳ 明朝';
    POSITION: relative;
    BACKGROUND-COLOR: dimgray;
*/
}


P.qestion
{
    FONT-WEIGHT: bold;
}
span.Menu
{
    MARGIN-LEFT: 5px;
    WIDTH: 100%;
    PADDING-TOP: 5px;
    HEIGHT: 30px;
    TEXT-ALIGN: center;
}

P.topic
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 20px;
    BACKGROUND-IMAGE: url(images/p007_02.gif);
    PADDING-BOTTOM: 15px;
    BORDER-TOP-STYLE: none;
    PADDING-TOP: 15px;
    BACKGROUND-REPEAT: no-repeat;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BACKGROUND-COLOR: #ffffcc;
    BORDER-BOTTOM-STYLE: none;
}
P.LastMessage
{
    COLOR: dimgray;
    FONT-STYLE: italic;
}
.point
{
    COLOR: red;
    TEXT-DECORATION: underline;
}
P.memo
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 25px;
    FONT-SIZE: x-small;
    BACKGROUND-IMAGE: url(images/p005-2_03.gif);
    PADDING-TOP: 25px;
    BACKGROUND-REPEAT: no-repeat;
}
P.date
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 0px;
    FONT-SIZE: x-small;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    POSITION: relative;
    TEXT-ALIGN: right;
}
P.Jump
{
    TEXT-ALIGN: center;
}
P.Back
{
    TEXT-ALIGN: center;
}
IMG.Back
{
    WIDTH: 105px;
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    HEIGHT: 30px;
    BORDER-BOTTOM-STYLE: none;
}

/* 解説共通ﾍﾟｰｼﾞﾚｲｱｳﾄ */
TABLE.Kai
{
    WIDTH: 810px;	/*1024画面*/
	border-style: solid;
	border-color: #8fbc8f;
	border-width: 2px;
	color: #000088;
}
TD.Kai
{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 0px;
	padding-left: 0px;
	border-style: solid;
	border-color: #8fbc8f;
	border-width: 1px;
}
DIV.KaiTxt
{
	margin-left: 20px;
	margin-left: 30px;
}
IMG.Kai
{
	align: center;
}
P.Kai
{
    FONT-SIZE: large;
    TEXT-ALIGN: center;
}


/* 共通ﾘﾝｸTABLE,TD,A　ﾚｲｱｳﾄ */








/* 共通戻るﾎﾞﾀﾝTABLE,TD,A　ﾚｲｱｳﾄ */

/* 解説ﾍﾟｰｼﾞ下部　戻る位置*/
TABLE.KaiBack
{
	width:810px;
    TEXT-ALIGN: center;
    BORDER-RIGHT: plum 0px solid;
    BORDER-TOP: plum 0px solid;
    BORDER-LEFT: plum 0px solid;
    BORDER-BOTTOM: plum 0px solid;
}
TABLE.TbB	/*戻る*/
{
    TEXT-ALIGN: center;
    BORDER-RIGHT: plum 0px solid;
    BORDER-TOP: plum 0px solid;
    BORDER-LEFT: plum 0px solid;
    BORDER-BOTTOM: plum 0px solid;
	
	margin-top: 10px;
	margin-bottom: 10px;
}
TABLE.TbF	/*進む*/
{
    TEXT-ALIGN: center;
    BORDER-RIGHT: plum 0px solid;
    BORDER-TOP: plum 0px solid;
    BORDER-LEFT: plum 0px solid;
    BORDER-BOTTOM: plum 0px solid;

	margin-right: 30px;	
	margin-top: 10px;
	margin-bottom: 10px;
}


TABLE.Title1
{
    BORDER-TOP: plum 1px solid;
    BORDER-LEFT: plum 15px solid;
    BORDER-RIGHT: plum 15px solid;
    BORDER-BOTTOM: plum 1px solid;
}
TD.Title1
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
}
TABLE.Title2
{
/*	width: 600px;*/
    BORDER-RIGHT: plum 0px solid;
    BORDER-TOP: plum 0px solid;
    BORDER-LEFT: plum 0px solid;
    BORDER-BOTTOM: plum 0px solid;
	
}
TABLE.Title3
{
/*	width: 600px;*/
    BORDER-RIGHT: plum 0px solid;
    BORDER-TOP: plum 0px solid;
    BORDER-LEFT: plum 0px solid;
    BORDER-BOTTOM: plum 0px solid;
}

TABLE.Title4
{
/*	width: 600px;*/

	margin-left: 40px;
}

/*ﾃﾞﾌｫﾙﾄﾘﾝｸﾃｰﾌﾞﾙ(段落40中央)*/
TABLE.Tb1
{
    TEXT-ALIGN: center;
    BORDER-RIGHT: plum 0px solid;
    BORDER-TOP: plum 0px solid;
    BORDER-LEFT: plum 0px solid;
    BORDER-BOTTOM: plum 0px solid;
	
	margin-top: 2px;
	margin-bottom: 15px;
	margin-right: 1px;
	margin-left: 40px;
}
TABLE.Tb2
{
    TEXT-ALIGN: center;
    BORDER-RIGHT: plum 0px solid;
    BORDER-TOP: plum 0px solid;
    BORDER-LEFT: plum 0px solid;
    BORDER-BOTTOM: plum 0px solid;
	
	margin-top: 2px;
	margin-bottom: 15px;
	margin-right: 1px;
	margin-left: 40px;
}
/*ﾃﾞﾌｫﾙﾄﾘﾝｸﾃｰﾌﾞﾙ(段落40左寄)*/
TABLE.Tb3
{
    TEXT-ALIGN: left;
    BORDER-RIGHT: plum 0px solid;
    BORDER-TOP: plum 0px solid;
    BORDER-LEFT: plum 0px solid;
    BORDER-BOTTOM: plum 0px solid;
	
	margin-top: 2px;
	margin-bottom: 15px;
	margin-right: 1px;
	margin-left: 40px;
}

/*ﾃﾞﾌｫﾙﾄﾘﾝｸﾃｰﾌﾞﾙ(中央ﾏｰｼﾞﾝなし)*/
TABLE.Tb4
{
    TEXT-ALIGN: center;
    BORDER-RIGHT: plum 0px solid;
    BORDER-TOP: plum 0px solid;
    BORDER-LEFT: plum 0px solid;
    BORDER-BOTTOM: plum 0px solid;
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

TD.Ce1
{
	/* ﾃｰﾌﾞﾙｾﾙ行選択項目*/
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
    FONT-SIZE: small;

/*  color: #ffffff; /* 文字の色 */
  background-color: #E0FFFF; *//* 背景の色 */
  background-color: #FFFFFF; 
  border-style: solid; /* 枠の種類 */
  border-color: #AFCCCC #AFCCCC #AFCCCC #AFCCCC; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
}

A.Ca1:hover
{
    BACKGROUND-COLOR: #ffff99
}


TD.Ct1
{
	/* ﾃｰﾌﾞﾙｾﾙﾀｲﾄﾙ1*/
	width: 250px;
	
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 10px;
    FONT-SIZE: small;

/*  background-color: #FFFFFF;*/ /* 背景の色 */
  border-style: solid; /* 枠の種類 */
  border-color: #AFCCCC #AFCCCC #AFCCCC #AFCCCC; /* 枠の色 */
  border-width: 0px; /* 枠の幅 */
}
TD.Ct2
{
	/* ﾃｰﾌﾞﾙｾﾙﾀｲﾄu2*/

	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
    FONT-SIZE: x-small;

/* background-color: #FFFFFF;*/ /* 背景の色 */
  border-style: solid; /* 枠の種類 */
  border-color: #AFCCCC #AFCCCC #AFCCCC #AFCCCC; /* 枠の色 */
  border-width: 0px; /* 枠の幅 */
}



TABLE.Kaisetu
{
    BORDER-RIGHT: plum 1px solid;
    BORDER-TOP: plum 1px solid;
    BORDER-LEFT: plum 1px solid;
    BORDER-BOTTOM: plum 1px solid
	
	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
TD.Kaisetu
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;

/* background-color: #FFFFFF;*/ /* 背景の色 */
  border-style: solid; /* 枠の種類 */
  border-color: #AFCCCC #AFCCCC #AFCCCC #AFCCCC; /* 枠の色 */
  border-width: 0px; /* 枠の幅 */
}

TD.Img1
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	align=center;
	valign=middle;
}
IMG.Img1
{
    WIDTH: 30px;
    HEIGHT: 30px;
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BORDER-BOTTOM-STYLE: none
}
DIV.Page2
{
	margin-left: 30px;
}

TABLE.Base1
{
    WIDTH: 70%;
	border-style: solid;
	border-color: #8fbc8f;
	border-width: 2px;
	color: #000088; 
}
TD.Base1
{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 0px;
	padding-left: 0px;
	border-style: solid;
	border-color: #8fbc8f;
	border-width: 1px;
}

TABLE.MTitle
{
    BORDER-RIGHT: plum 1px solid;
    BORDER-TOP: plum 1px solid;
    BORDER-LEFT: plum 1px solid;
    BORDER-BOTTOM: plum 1px solid;
	margin-left: 7px;
    BACKGROUND-COLOR: white;
    WIDTH: 140px;
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: center;
	border-color: #ffd050;
    FONT-SIZE: x-small;
}
TD.MTitle
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 2px;
	border-style: solid;
	border-color: #ffdd50;
	border-width: 1px;
}

/*練習・結果用表示*/
DIV.MonBase
{
/*	font-family: Osaka, Tahoma, Verdana, 'MS UI Gothic', 'ＭＳ Ｐゴシック';
	font-size: 30pt;
	font-weight: normal;
*/
	line-height: 160%;
}


.txt {
	font-family: Osaka, 'MS UI Gothic', 'ＭＳ Ｐゴシック';
	font-size: 12pt;
	font-weight: normal;
	line-height: 160%;

	color: #000000; 
	background: #FFFFFF; 
	border-bottom: #666666 1px solid ;
	border-left:   #666666 1px solid ;
	border-right:  #666666 1px solid ;
	border-top:    #666666 1px solid ;

	scrollbar-3dlight-color:    #000000;
	scrollbar-arrow-color:      #000000;
	scrollbar-base-color:       #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color:       #FFFFFF;
	scrollbar-highlight-color:  #FFFFFF;
	scrollbar-shadow-color:     #000000;
	scrollbar-track-color:      #FFFFFF;
}

.txt2 {
	font-family: Osaka, 'MS UI Gothic', 'ＭＳ Ｐゴシック';
	font-size: 16pt;
	font-weight: normal;
	line-height: 160%;

	color: #000000; 
	background: #FFFF99; 
	border-bottom: #666666 1px solid ;
	border-left:   #666666 1px solid ;
	border-right:  #666666 1px solid ;
	border-top:    #666666 1px solid ;

	scrollbar-3dlight-color:    #000000;
	scrollbar-arrow-color:      #000000;
	scrollbar-base-color:       #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color:       #FFFFFF;
	scrollbar-highlight-color:  #FFFFFF;
	scrollbar-shadow-color:     #000000;
	scrollbar-track-color:      #FFFFFF;
}

/*　hrの標準*/
HR.Hr5
{
	width:80%;
	border: 0 none; 
	height: 5px; 
/*	color: #8fbc8f;
	background-color: #8fbc8f;*/

	color: #afbcaf;
	background-color: #afedaf;

	margin-top: 10px;
	margin-bottom: 10px;
}
HR.Hr3
{
	width:80%;
	border: 0 none; 
	height: 3px;
	color: #8fbc8f;
	background-color: #8fbc8f;

	margin-top: 10px;
	margin-bottom: 10px;
}