/* ----------------------------------------------------- */
/* ------------------ default.css Start ---------------- */
/* ----------------------------------------------------- */

body		{ background: #ffffff; }

/* ---------------------- 見出しタグについて ----------- --------- */

.kisomain h1		{ background-color: transparent;
                  margin: 0pt;
                  font-size: 1.4em;
                  color: #ffffff			}


.kisomain h2		{ background-color: transparent; 
                  border-style: solid ;
                  border-color: #cc3300;
                  border-width: 0px 0px 2px 6px;
                  margin: 10px 0px;
                  padding: 5px; 
                  font-size: 1.2em;
                  color: #330099			}

.kisomain h2.sp		{ background-color: transparent; 
                  border-style: solid ;
                  border-color: #cc3300;
                  border-width: 0px 0px 2px 6px;
                  margin: 35px 0px 10px 0px;
                  padding: 5px; 
                  font-size: 1.2em;
                  color: #330099			}

.kisomain h3		{ background-color: transparent;
                  border-style: solid ;
                  border-color: #cc3300;
                  border-width: 0px 0px 2px 0px;
                  margin: 3px 10px;
                  padding: 5px;
                  font-size: 1.1em;
                  color: #330099			}

.kisomain h3.sp		{ background-color: transparent;
                  border-style: solid ;
                  border-color: #cc3300;
                  border-width: 0px 0px 2px 0px;
                  margin: 20px 10px 10px 10px;
                  padding: 5px;
                  font-size: 1.1em;
                  color: #330099			}

.kisomain h4		{ background-color: transparent;
                  margin: 3px 15px;
                  font-size: 1em;
                  font-weight: normal;
                  color: #000000			}

.kisomain h4.sp		{ background-color: transparent;
                  margin: 20px 15px 10px 15px;
                  font-size: 1em;
                  font-weight: normal;
                  color: #000000			}

.kisomain h5		{ background-color: #ff6600;
                  display: inline;
                  padding: 3px;
                  font-size: 0.8em;
                  font-weight: normal;
                  color: #ffffff			}

.kisomain h6		{ background-color: transparent;
                  margin: 3px 5px;
                  font-size: 0.8em;
                  font-weight: normal;
                  color: #000000			}

/* --------------- classに対する定義 ----------------- */






.asdf		{ background-color: transparent;
                  font-size: 1.6em;
                  font-style: normal;
                  font-weight: bold;
                  color: #330099;
                  padding-left: 10px		}


.cont		{ background-color: #ff6600;
                  float: left;
                  width: 160px;	/* 22% */
                  margin-top: 50px;
                  padding: 5px 10px 5px 3px			}

.cont0		{ background-color: #ff6600;
                  float: left;
                  width: 160px;	/* 22% */
                  margin-top: 40px;
                  padding: 5px 10px 5px 3px;
                  color: #ffffff			}

.kisomain		{ background-color: #ffffff;
                  margin-top: 0px;
                  margin-left:0px; /* 24% */

                  padding: 10px 20px 2px 20px;
		  font-size: 16.2px;
		}

.left		{ float: left }

.right		{ float: right }

.clsl		{ clear: left }

.clsr		{ clear: right }


.kisomain h4.next         { font-size: 0.9em;
                  color: #ffffff;
                  margin: 5px 0px 5px 0px;
                  padding: 3px;
                  border-style: inset;
                  border-color: #336699;
                  border-width: 1px;
                  background-color: #ff6600     }










  


.kisomain1		{ background-color: #ffffff;
                  margin-top: 0px;
                  margin-left:193px; /* 24% */
		  width:690px;
                  padding: 10px 0px 3px 0px		}


td.aaa { background-color: #cc3300;
         padding: 3px;
         text-align: center;
	 font-family: selif;
	 font-size: 0.8em;
	 font-weight: bold;
	 color: #ffffff;
	 }

td.aaa a:link		
 { background-color: transparent;
   color: #fff;			}

td.aaa a:visited	
 { background-color: transparent;
   color: #fff; 
				}

td.bbb 
 { background-color: #ffffff;
   padding: 3px;
   text-align: center;
   font-family: selif;
   font-size: 0.8em;
   font-weight: bold;
   color: #ff6600;
				}

td.bbb a:link
 { background-color:transparent;color:#ffffff;}

td.bbb a:visited
 { background-color:transparent;color:#fff; }

td.ccc { background-color: #ff6600; /* #c4466f */
         padding: 3px;
         text-align: center;
	 font-family: selif;
	 font-size: 0.8em;
	 font-weight: bold;
	 color: #ffffff;
	 }

td.ccc a:link		{ background-color: transparent;
                          color: #fff;	}

td.ccc a:visited	{ background-color: transparent;
                          color: #fff; }

/* -------------- div classに対する定義 ---------------- */

div.cont a:link		{ background-color: transparent;
                          color: #fff;
                          font-weight: normal		}

div.cont a:visited	{ background-color: transparent;
                          color: #fff;
                          font-weight: normal		}

div.cont a:hover	{ background-color: transparent;
                          color: #330099;
                          font-weight: bold		}

/*
.kisomain p		{ text-indent: 1em			}
*/


p.noi { text-indent: 0em; }

.text_mokuji	{ line-height: 1.3em;
                  font-size: 1.2em;
                  margin: 7px 15px 7px 15px		}

.text1		{ line-height: 1.5em;
/*
                  font-size: 0.9em;
*/
                  font-size: 1.0em;
                  margin: 7px 15px 7px 15px		}

.text2		{ font-style: normal;
                  font-weight: normal;
/*
                  font-size: 0.9em;
*/
                  font-size: 1.0em;
                  line-height: 1.5em;
                  margin: 0pt 10pt 15pt 10pt	}

.kadai		{ background-color: #ddf;
                  color: #345678;
/*
                  font-size: 0.9em;
*/
                  font-size: 1.0em;
                  margin: 5px 0px 5px 0px;
                  padding: 5px;
                  line-height: 1.3em		}

.kadai2		{ background-color: #fec;
                  color: #000;
                  margin: 5px 0px 5px 0px;
                  padding: 5px;
                  line-height: 1.3em		}


.enshu		{ background-color: #dfc;
                  color: #345678;
                  font-size: 1.0em;
                  margin: 5px 0px 5px 0px;
                  padding: 5px;
                  line-height: 1.3em;
                  border: solid 1px #345678 }

.enshu2		{ background-color: #dfc;
                  color: #345678;
                  font-size: 1.0em;
                  margin: 5px 0px 5px 14px;
                  padding: 5px;
                  line-height: 1.3em;
                  border: solid 1px #345678 }

.enshu3		{ background-color: #dfc;
                  color: #345678;
                  font-size: 1.0em;
                  margin: 10px 8px 5px 20px;
                  padding: 5px;
                  line-height: 1.3em;
                  border: solid 1px #345678 }


.aid		{ font-style: normal;
                  font-weight: normal;
                  font-size: 0.9em;
                  line-height: 1.3em;
                  color: #345678;
                  margin: 10px 0px 5px 0px;
                  padding: 8px;			
                  border: solid 1px #345678;
                  background-color: #ecd	}

div.sty         { background: #3366ff;
                  font-size: 0.8em;
                  font-weight: bold;
                  text-align: center;
                  color: #fff;
                  margin: 5px 15px 5px 15px;
                  padding: 5px;
                  border: 2pt solid #008080     }

div.prom        { background: #000000;
                  font-size: 1em;
                  font-style: normal;
                  font-weight: bold;
                  margin: 5px 5px 5px 5px;
                  padding: 5px;
                  line-height: 1.3em;
                  color: #ffffff                }


p.up		{ margin: 0px;
                  text-align: right;
                  font-size: 0.8em		}

.image1		{ text-align: right;
                  font-style: normal;
                  font-weight: normal;
                  font-size: 1.2em;
                  line-height: 1.3em;
                  color: #345678;
                  margin: 20px 20px 20px 20px;
                  padding: 15px 280px 10px 20px;			
                  border: solid 0px transparent;
                  background-image: url("../images/pc.gif")}

/* -------------- table ---------------- */
.tc		{ padding: 5px 10px;
                  text-align: center;
                  vertical-align: middle	}

.tl		{ padding: 5px 10px;
                  text-align: left;
                  vertical-align: middle	}

/* ------------------------------------------  */

.iro1		{ background-color: transparent;  		
                  color: #0000ff		}    /* blue  */

.iro2		{ background-color: transparent;
                  color: #ff0000		}    /* red   */

.iro3		{ background-color: transparent;
                  color: #008000		}    /* green */

.iro4		{ background-color: transparent;
                  color: #006400		}    /* dark green */

.iro5		{ background-color: transparent;
                  color: yellow		}	     /* yellow */

.iro6		{ background-color: transparent;
                  color: purple		}    /* purple */

.c_lime		{ background-color: transparent;
                  color: lime		}    /* lime */

.c_green	{ background-color: transparent;
                  color: green		}    /* green */

.c_aqua		{ background-color: transparent;
                  color: aqua		}    /* aqua */

.c_maroon	{ background-color: transparent;
                  color: maroon		}    /* maroon */

.c_mgenta	{ background-color: transparent;
                  color: magenta	}    /* magenta */

.c_pink	{ background-color: transparent;
                  color: pink	}    /* pink */

.ironote	{ background-color: transparent;
                  color: #802;		}    /* color of note */

.n		{ font-weight: normal }

.b		{ font-weight: bold }

.lt		{ text-align: left }
.c		{ text-align: center }
.rt		{ text-align: right }

.cb		{ text-align: center;
                  font-weight: bold		}

.bgc		{ background-color: #336699;
                  padding: 3px;
                  color: #ffffff		}

.bgd		{ background-color: #ffffcc;
                  padding: 15px;
                  color: royalblue;
                  border: solid 1px royalblue	}

.bge		{ background-color: transparent;
                  display: inline;
                  padding: 3px;
                  font-size: 0.9em;
                  font-weight: normal;
                  color: #345678		}

ul.toc		{ list-style-type: none }

ul.sq		{ list-style-type: square }


address		{ clear:left;
                  background-color: #336699;
                  margin: 0px;
                  padding: 10px;
                  font-size: small;
                  font-style: normal;
                  font-family: Verdana, "Times New Roman", sans-serif;
                  color: #ffffff;
                }

               
                




div.inpact	{ border: 2px groove #f06;
                  background-color: ffc		}


dl		{ font-size: 0.9em;
                  margin: 3px 2px 0px 2px;    /* top right bottom left */ 
                  padding: 0px			} 		

dt		{ margin: 2px 0px 0px 5px;   /* top right bottom left */
                  font-weight: bold; }
/* dt		{ margin: 7px 0px 10px 5px } */ /* top right bottom left */

dd		{ margin: 1px 0px 5px 20px } /* top right bottom left */
/* dd		{ margin: 7px 0px 7px 20px } */ /* top right bottom left */

pre.waku        { background: #ffffcc;
                  color: royalblue;
                  padding: 15px;
                  border: solid 1px #345678 }

pre.smwaku       { background: #ffffcc;
		  color: royalblue;
		  padding: 5px;
                  margin: 5px 30px 5px 20px;
                  padding: 4px 0px 4px 15px;
		  border: solid 1px #345678 }

pre.prom	{ background: #000000;
                  color: #ffffff;
                  padding: 15px;
                  border: solid 1px #345678 }

.fsm		  { font-size: 94% ;}

.fssm		  { font-size: 85% ;}

.fbg		  { font-size: 115%;}

.fsbg		  { font-size: 120%;}

.fs2bg		  { font-size: 130%;}

.fs5bg		  { font-size: 180%;}

.note1		  { color: #802;
                    margin-bottom: 8px;
		    font-size: 90%;
                    padding: 3px 15px;}

.note1mt	  { color: #802;
                    margin-top: 12px;
                    margin-bottom: 12px;
                    padding: 0px 15px;}

.note2		  { padding: 3px 15px;
                    font-size: 90%; }

.note3		  { color: #802;
                    padding: 0px 15px;}

.note_li	  { color: #802;
		    padding: 5px 2px 0px 12px;
                    font-size: 95%; }

.note_li_ns	  { color: #802;
		    padding: 0px 2px 0px 12px;
                    font-size: 90%; }

.note_li_b	  { padding: 5px 2px 0px 12px;
                    font-size: 95%; }

.note_li_b2	  { padding: 2px 2px 3px 12px;
                    font-size: 95%; }

.note_box         { background: #fff8dc ;
                    color: #000;
                    margin-left: 20px;
                    padding: 15px;
                    border: solid 1px #345678 }

.smftbl           { font-size: 95%; }

/* -------------- for leagal responsibility ---------------- */

.kisobook             { float: right;
                    /* width: 160px; */ /* 22% */
                   width: 160px; 
                    margin: 20px 20px 20px 20px ; }
                  /*  padding: 6px 10px 5px 3px; } */


.bookname         { margin: 50px 200px 5px 240px ;
                    padding: 5px 8px ;
                    font-size: 78%; 
                    line-height: 1.4em;
                    border: solid 1px ;}

.bookref          { margin: 2px 190px 2px 240px ;
                    padding: 2px 8px ;
                    font-size: 78%; 
                    line-height: 1.3em; }

ul.tocs           { list-style-type: none;
                    font-size: 1.0em; 
                    line-height: 1.4em; }

.judgment         { font-size: 1.7em; 
                    margin-bottom: 20px;
                    padding: 7px;
                    border: solid 2px #848; }

.margjudg         { margin-top: 2.0em; 
                    margin-bottom: 2.0em;}

/* ------------------------------------------------------- */

.dra              { margin: 0% 20% 12px 3%;
                    line-height: 1.6em; }


.dhc              { float: right;
                    width: 340px; 
                    margin: 10px 20px 20px 5px ; }

.dhcname          { margin: 30px 170px 30px 120px ;
                    font-size: 85%; 
                    line-height: 1.3em; }


.twochname          { margin: 10px 170px 20px 170px ;
                    font-size: 95%; 
                    line-height: 1.3em; }

blockquote.twoch  { padding: 10px;
                    color: #0000cd; 
                    border: solid 1px #345678 }

.fbg4bd           { font-weight: bold; font-size: 1.3em; }

.uline            { text-decoration: underline; }

.sp1              { margin-top: 10px;
                    margin-bottom: 10px; }

.sp2              { margin-top: 20px;
                    margin-bottom: 20px; }

li.mg1            { margin-top: 20px;
                    margin-bottom: 20px; }

li.mg2            { margin-top: 10px;
                    margin-bottom: 10px; }

li.mg3            { margin-top: 0.4em;
                    margin-bottom: 0.4em; }

li.mg4            { margin-top: 0.5em;
                    margin-bottom: 0.5em;
                    margin-left: 2em;
                    text-indent: -2em; }

.button           { font-weight: bold;
                    background-color: #eeffdd;
		    padding-top: 0px;
		    padding-bottom: 0px;
                    border: 1px solid #aabb99; }

em                { font-weight: bold;
                    color: #f30; }

em.blc            { font-weight: bold;
                    font-size: 115%;
                    color: #000; }

/* --------------------------------------------------- */
.etitle {
  margin: 50px 0px 12px 0px;
  padding: 3px;
  border: 1px solid #da70d6;
  border-left: 9px solid #da70d6;
  font-size: 110%;
  text-indent: 0.4em;
}

.etitle_sm {
  margin: 25px 0px 12px 0px;
  padding: 3px;
  border: 1px solid #da70d6;
  border-left: 9px solid #da70d6;
  font-size: 110%;
  text-indent: 0.4em;
}

.expb {
  margin: 8px 0px 10px 4px;
}

.expi {
  padding: 4px;
  border: 2px solid #00ced1;
  font-size: 105%;
}

.exp2b {
  margin: 8px 0px 10px 8px;
}

.exp2i {
  padding: 4px;
  border: 2px solid #00ce41;
  font-size: 105%;
}


.exp3i {
  padding: 4px;
  border: 2px solid #aa8841;
  font-size: 105%;
}


.elexpb {
  margin: 8px 0px 10px 4px;
}

.elexpi {
  padding: 4px;
  border: 1px solid #00ced1;
  font-size: 105%;
}

.elexp2b {
  margin: 8px 0px 10px 8px;
}

.elexp2i {
  padding: 4px;
  border: 1px solid #00ce41;
  font-size: 105%;
}


.elexp3i {
  padding: 4px;
  border: 1px solid #aa8841;
  font-size: 105%;
}

.explane {
  margin: 0px 10px 2px 16px;
  padding: 2px;
  font-size: 105%;
  text-indent: 0em;
}

.explane2 {
  margin: 0px 10px 2px 20px;
  padding: 2px;
  font-size: 105%;
  text-indent: 0em;
}

.sphtml {
  margin: 2px 50px 14px 25px;
  padding: 3px 8px;
  border: 2px solid #ffc0cb;
  background-color: #fff8dc;
  font-size: 105%;
  text-indent: 0em;
}

.sphtml_lg {
  margin: 2px 10px 14px 25px;
  padding: 3px 8px;
  border: 2px solid #ffc0cb;
  background-color: #fff8dc;
  font-size: 105%;
  text-indent: 0em;
}


.sphtml_ng {
  margin: 2px 50px 14px 25px;
  padding: 3px 8px;
  border: 2px solid #aa8841;
  background-color: #eee8cc;
  font-size: 105%;
  text-indent: 0em;
}

.sphtml_samp {
  margin: 0.5em 50px 0.5em 25px;
  padding: 3px 8px;
  border: 2px solid #80c;
  background-color: #eff;
  font-size: 80%;
  text-indent: 0em;
  line-height: 115%;
}

.sphtml_enshu {
  margin: 4px 50px 12px 25px;
  padding: 3px 8px;
  border: 2px solid #ffc0cb;
  background-color: #fff8dc;
  font-size: 95%;
  line-height: 1.17em;
  text-indent: 0em;
}

/* wrapped pre */
.wr {
/*  white-space: -moz-pre-wrap; */ /* Mozilla */
/*  white-space: -pre-wrap;     */ /* Opera 4-6 */
/*  white-space: -o-pre-wrap;   */ /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}

.spnote {
  margin: 2px 50px 14px 25px;
  padding: 3px 8px;
  font-size: 105%;
  text-indent: 0em;
}


br.ind {
  text-indent: 1em;
}

p.disp {
  margin: 5px 0px 20px 5px;
}

.disp_bord {
  margin: 2px 120px 20px 25px;
  padding: 6px 8px 1px 8px;
  border: 5px groove #4169e1;
}

img.disp {
  border: 5px groove #4169e1;
}

img.disp2 {
  border: 2px groove #4169e1;
}

img.disp_ng {
  border: 5px groove #aa8841;
}


div.disp {
  margin: 2px 120px 20px 25px;
  padding: 6px 8px 1px 8px;
  border: 5px groove #4169e1;
}


div.disp_wide {
  margin: 2px 50px 16px 25px;
  padding: 15px 8px 20px 8px;
  border: 5px groove #4169e1;
}

div.disp_p0 {
  margin: 2px 150px 20px 70px;
  padding: 0px;
  border: 5px groove #4169e1;
  width: 450px;
}

div.disp_p1 {
  margin: 2px 160px 5px 130px;
  padding: 0px;
  border: 5px groove #4169e1;
  width: 420px;
}

img.cent    { vertical-align: middle; }

td.fsmc {
  font-size: 94%; 
  text-align: center;
}

img.agc {
  margin: 5px 12px 5px 12px ;
}

img.ftp {
  margin-bottom: 8px;
  margin-right: 5px;
  border: 1px solid #7fff00;
  padding: 0px;
  vertical-align: middle;
}

.txtcent {
  vertical-align: middle;
}

.style_rule {
/*  border: 5px groove #ff00ff ; */
  border: 5px groove #7ac ;
  padding: 3px ;
  font-size: 125% ;
}

.style_rule1 {
/*  border: 5px groove #ff00ff ; */
  border: 5px groove #7ac ;
  padding: 3px ;
  font-size: 110% ;
}

div.kiso_form {
  margin: 2px 180px 20px 180px;
  padding: 6px 5px 6px 10px;
  border: 5px groove #4169e1;
  font-size: 105%;
}

pre.tsume {
  line-height: 120%;
}

.class_ref {
/*  border: 5px groove #4169e1 ; */
  border: 5px groove #dfa0ab ;
  padding: 3px ;
  font-size: 125% ;
}

.spcss {
  margin: 2px 50px 14px 25px;
  padding: 3px 8px;
  border: 2px solid #adf;
  background-color: #eff;
  font-size: 105%;
  text-indent: 0em;
}

.spcss_ng {
  margin: 2px 50px 14px 25px;
  padding: 3px 8px;
  border: 2px solid #777;
  background-color: #eee;
  font-size: 105%;
  text-indent: 0em;
}


.expcssdt {
  margin: 8px 0px 4px 4px;
}

.expcssdd {
  padding: 3px;
  border-top: 1px solid #00ced1;
  border-right: 1px solid #00ced1;
  border-bottom: 1px solid #00ced1;
  border-left: 5px solid #00ced1;
  font-size: 105%;
}

a.test:link    { color: blue; text-decoration: underline; }
a.test:visited { color: purple; text-decoration: underline; }
a.test:hover   { color: red; }
a.test:active  { color: yellow; }


p.box0 {
  border: 0px none #fff;
  margin: 0px;
  padding: 0px;
}

/*  2005 version */
/*
.box1 {
  margin: 10px;
  border: 1px solid red;
  padding: 10px;
  text-indent: 0em;
}

.box2 {
  margin: 30px;
  border: 1px solid red;
  padding: 0px;
}

.box3 {
  margin: 30px;
  border: 1px solid red;
  padding: 10px;
}

.box4 {
  margin: 30px;
  border: 20px solid #f33;
  padding: 10px;
}

.box5 {
  margin: 30px;
  border: 20px solid #f33;
  padding: 10px;
  background-color: #8bf;
}
*/

/*  2006 version */
.box10 {
  margin: 10px;
  border: 1px solid red;
  padding: 10px;
  text-indent: 0em;
}

.box1 {
  border: 10px solid #f33;
}

.box1_dashed1 {
  border: 1px dashed #f33;
}

.box1_double1 {
  border: 1px double #f33;
}

.box2 {
  border: 1px solid red;
  padding: 10px;
}

.box2_no {
  border: 1px solid red;
/*  padding: 0px; */
}

.box2_mag {
  border: 1px solid red;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.box3 {
  border: 1px solid red;
  margin: 20px;
  padding: 0px;
}

.box4 {
  border: 1px solid red;
  margin: 30px;
  padding: 10px;
}

.box5 {
  border: 1px solid red;
  margin: 30px;
  padding: 10px;
  background-color: #8bf;
/*  background-color: #8bf; */
}

.box6 {
  border: 15px solid red;
  margin: 15px;
  padding: 0px;
}

.box6_top {
  border: 15px solid red;
  margin: 15px 15px 0px 15px;
  padding: 0px;
}

.box6_bot {
  border: 15px solid red;
  margin: 0px 15px 15px 15px;
  padding: 0px;
}

.box6_am {
  border: 0px solid #fff;
  margin: 0px;
  padding: 0px;
  font-size: 0.5em;
  background-color: #6ff;
}

.box7 {
  border: 15px solid red;
  margin: 45px;
  padding: 0px;
}

.strangebox {
  margin: 10px;
  border-top:     2px dotted green;
  border-right:   0px none   white;
  border-bottom:  3px dashed red;
  border-left:   20px solid  purple;
  padding: 10px;
  background-color: #8bf;
}

p.box1width {
  margin: 10px;
  border: 1px solid red;
  padding: 0px;
  width: 250px;
  text-indent: 0px;
}

p.box3width {
  border: 1px solid red;
  margin: 20px;
  padding: 0px;
  width: 250px;
  text-indent: 0px;
}


div.disp_raw_wide {
  margin: 2px 50px 16px 25px;
  padding: 0px;
  border: 5px groove #4169e1;
}

div.disp_raw_nar1 {
  margin: 2px 160px 16px 25px;
  padding: 0px;
  border: 5px groove #4169e1;
}

div.disp_raw_nar2 {
  margin: 2px 200px 16px 25px;
  padding: 0px;
  border: 5px groove #4169e1;
}

div.disp_raw_nar3 {
  margin: 2px 300px 16px 25px;
  padding: 16px 20px 20px 5px;
  border: 5px groove #4169e1;
}

div.nomarg {
  margin: 0px;
  padding: 10px;
  border: 1px solid #fff;
  width: 258px;
  height: 77px;
/*  height: 68px; */
/*  width: 278px; */
}

.bgc_white {
  background-color: #fff;
}

.bgc_1 {
  background-color: #6ff;
}

.bgc_2 {
  background-color: #4f4;
}


.bgc_ly {
  background-color: #ffa;
}

.bgc_lb {
  background-color: #cef;
}

.bord_back {
  margin: 8px;
  padding: 10px 14px;
  background-color: #aee;
}

.bord {
  margin: 16px;
  padding: 2px 14px;
  font-size: 1.3em;
  line-height: 2.8em;
  border-width: 5px;
  border-color: #646;
}

.bord.none {
  border-style: none;
}

.bord.hidden {
  border-style: hidden;
}

.bord.dotted {
  border-width: 7px;
  border-style: dotted;
}

.bord.solid {
  border-width: 7px;
  border-style: solid;
}

.bord.groove {
  border-width: 7px;
  border-style: groove;
}

.bord.inset {
  border-width: 7px;
  border-style: inset;
}

.bord.dashed {
  border-width: 7px;
  border-style: dashed;
}

.bord.double {
  border-width: 7px;
  border-style: double ;
}

.bord.ridge {
  border-width: 7px;
  border-style: ridge;
}

.bord.outset {
  border-width: 7px;
  border-style: outset;
}

.haikei {
  margin: 15px;
  padding: 5px;
  width: 480px;
  background-color: #cfd;
}

.mgn {
  color: blue;
  font-size: 1.5em;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #fcc;
}

.expcssb_val {
  margin: 6px 0px 3px 4px;
}

.expi_val {
  padding: 2px 4px;
  border: 1px solid #00ced1;
  font-size: 98%;
}

.hidari {
  float: left;
}

.migi {
  float: right;
}

.cll {
  clear: left;
}

img.mg1 { 
  margin: 10px;
}

.flbox {
  height: 140px;
  width: 100px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 10px;
/*
  margin: 0px 15px;
  padding: 10px;
*/
/*
  margin: 5px;
  padding: 10px;
 */
  background-color: #ffa;
  float: left;
}

.kisomainbox {
  width: 220px;
  margin-left: 150px;  /* flboxのボックス幅 (100 + 15*2 + 10*2 = 150) */
/*  margin: 70px; */ /* flboxのボックス幅(30+5*2+10*2=60) + 10 px */
  padding: 7px;
  background-color: #fdf;
}

.kisomainbox_nomargin {
  width: 220px;
  margin-left: 0px; 
/*  margin-left: 150px; */ /* flboxのボックス幅(100+15*2+7*2=144) + 6 px */
/*  margin: 70px; */ /* flboxのボックス幅(30+5*2+10*2=60) + 10 px */
/*  width: 220px; */
  padding: 7px;
  background-color: #fdf;
}

.pearent1 {
   width: 400px;
}

.al {
  text-align: left;
}

.ar {
  text-align: right;
}

.ac {
  text-align: center;
}

.aj {
  text-align: justify;
}

.atop {
  vertical-align: top;
}

.abot {
  vertical-align: bottom;
}

.amid {
  vertical-align: middle;
}

.lnormal {
  font-size: 1.5em;
}

.lwide {
  font-size: 1.5em;
  line-height: 2em;
}

.lnarrow {
  font-size: 1.5em;
  line-height: 0.7em;
}

.kasen {
  text-decoration: underline;
}

.left_red {
  text-align: left;
  color: red;
}

.right_bigfont {
  text-align: right;
  font-size: 1.5em;
}

.left_red_ato {
  text-align: left;
  color: red;
}

.uesen {
  text-decoration: overline;
}
.uchikeshi {
  text-decoration: line-through;
}
.tenmetsu {
  text-decoration: blink;
}

.bigfont {
  font-size: 1.3em;
}
.smallfont {
  font-size: 0.7em;
}
.shatai {
  font-style: italic;
}
.futomoji {
  font-weight: bold;
}

.fgc_aka {
  color: red;
}
.fgc_ao {
  color: blue;
}

.bgc_usumidori {
  background-color: #cf6;
}
.bgc_usuki {
  background-color: #ff6;
}
.bgc_suke {
  background-color: transparent;
}
.trans {
  background-color: transparent;
}

.bg_img { 
  background-image: url("./bgpt.png");
}
.bg_img_no_rep {
  background-image: url("./bgpt.png");
  background-repeat: no-repeat;
}
.bg_img_suihei {
  background-image: url("./bgpt.png");
  background-repeat: repeat-x;
}
.ind {
  text-indent: 1em;
}

.ind_minus {
  text-indent: -2em;
  margin-left: 2em;
/*  border: 1px solid red; */
}

.sphtml {
  margin: 2px 50px 14px 25px;
  padding: 3px 8px;
  border: 2px solid #ffc0cb;
  background-color: #fff8dc;
  font-size: 105%;
  text-indent: 0em;
}


.sphtml_s {
  margin: 2px 50px 14px 25px;
  padding: 3px 8px;
  border: 2px solid #ffc0cb;
  background-color: #fff8dc;
  font-size: 95%;
  text-indent: 0em;
}


.jsdisp {
  margin: 2px 50px 14px 25px;
  padding: 3px 8px;
  border: 2px solid #dcf;
  background-color: #dcdcf8;
  font-size: 105%;
  text-indent: 0em;
}

.jsdisp_ng {
  margin: 2px 50px 14px 25px;
  padding: 3px 8px;
  border: 2px solid #dcf;
  background-color: #ccc;
  font-size: 105%;
  text-indent: 0em;
}

.jsdisp_enshu {
  margin: 4px 50px 12px 25px;
  padding: 3px 8px;
  border: 2px solid #dcf;
  background-color: #dcdcf8;
  font-size: 95%;
  line-height: 1.17em;
  text-indent: 0em;
}

.noborder {
  border: none;
}

.imgborder {
  border: 1px solid #f6f;
}

li.non { list-style-type: none; }
li.dis { list-style-type: disc; }
li.cir { list-style-type: circle; }
li.squ { list-style-type: square; }
li.alp { list-style-type: lower-alpha; }
li.rom { list-style-type: lower-roman; }


.term           { background: black;
                  color: white;
                  padding: 3px 10px 4px 10px;
                  margin: 10px 50px 10px 10px;
                  border: solid 1px black; }

img.mr2 {
  border: 1px solid blue;
  width:600px
}

.nkajou         { background-color: #ffc;
                  color: #345678;
                  font-size: 1.0em;
                  margin: 5px 0px 5px 0px;
                  padding: 5px;
                  line-height: 1.3em;
                  border: solid 1px #658 }

.ind05          { margin-left: 0.5em; }
.ind1           { margin-left: 1em; }
.ind2           { margin-left: 2em; }
.ind4           { margin-left: 4em; }
.ind6           { margin-left: 6em; }
.ind8           { margin-left: 8em; }
.ind10          { margin-left: 10em; }


.kakomi {
  margin: 1.1em 7% 1em 8%;
  padding: 2px 5px;
  border: 2px solid #dcb;
  background-color: #ffd;
  font-size: 95%;
  text-indent: 0em;
}

.caption {
  margin: 0px 0px 16px 0px;
  padding: 0px;
}

.dashed_box {
  border: 1px dashed #a6f;
  margin-bottom: 10px;
}

.akairo {
  color: red;
}

.youten1 {
  margin: 2px 30px 14px 20px;
  padding: 3px 8px;
  border: 2px solid #fac;
  font-size: 108%;
  background-color: #ffd;
  text-indent: 0em;
}

.source1 {
  margin: 2px 160px 14px 25px;
  padding: 3px 8px;
  border: 1px solid #a84;
  background-color: #efd;
  font-size: 103%;
  text-indent: 0em;
}


.table_ind4 {
  margin-left: 4em;
}

.form_test {
  padding: 15px 0px 15px 17px;
  margin-bottom: 0px;
  background-color: #fa6;
}

.form_testw {
  padding: 15px 0px 15px 17px;
  margin-bottom: 0px;
  background-color: #fa6;
  line-height: 2.6em;}

.caption_sp1 {
  padding: 0.6em;
  text-align: center;
}


pre.smwaku2      { background: #ffffdd;
		  color: black; 
		  padding: 5px;
                  margin: 5px 30px 5px 20px;
                  padding: 4px 0px 4px 15px;
		  border: solid 1px #345678 }

.iro_yousomei	{ background-color: #d68ec6 ; } 	/* youso mei  */
.iro_zokusei	{ background-color: #6ed16e ; } 	/* zokusei */
.iro_naiyou	{ background-color: #7272db ; } 	/* naiyou  */

.btn01 {
  background-color: #eeffdd;
}

.chuui01 {
  margin: 20px 50px 20px 5px;
  padding: 5px 8px;
  border: 1px solid #f60;
  background-color: #efd;
  font-size: 110%;
  text-indent: 0em;
}

.td_lt1 {
  padding: 4px 1px 4px 7px;
  text-align: left;
}

.td_lt2 {
  padding: 4px 1px 4px 7px;
  text-align: left;
  line-height: 170%;
}

.mg_lt01 {
  margin-left: -8px;
}

.sphtml_wide1 {
  margin: 2px 7px 14px 20px;
  padding: 3px 5px;
  border: 2px solid #ffc0cb;
  background-color: #fff8dc;
  font-size: 105%;
  text-indent: 0em;
}

.divhaikei {
  margin: 10px;
  padding: 15px;
  width: 550px;
  background-color: #cfd;
}

.hyouzentai {
  margin: 10px;
  width: 500px;
}

.gyouhaikei {
  background-color: #f66; 
}

.cellhaikei {
  background-color: #5c5; 
}

.mojikazari {
  color: blue;
  font-size: 1.5em;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fcc;
}

.akamoji {
  color: red;
}

.mawariaki {
  width: 550px;
  padding: 10px;
}

pre.prom1 {
        font-size: 78%;
        line-height: 130%;
        background: #111;
        color: #ffffff;
        margin: 0px 5px 0px 30px;
        padding: 10px;
        border: solid 1px #345678
}

/* replace for absta image */
.absta {
  background-color: #ffc;
  font-weight: bold;
  
  margin-left: 35px;
  padding: 5px 0px 5px 42px;
  border: 1px solid #000;
  /* for rounded corner */
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.absta04 {
  background-color: #ffc;
  font-weight: bold;
  
  margin-left: 35px;
  padding: 5px 0px 5px 60px;
  border: 1px solid #000;
  /* for rounded corner */
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.absta13 {
  background-color: #ffc;
  font-weight: bold;
  
  margin-left: 35px;
  padding: 5px 0px 5px 42px;
  border: 1px solid #000;
  /* for rounded corner */
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.absta14bl {
  background-color: #cbfefe;
  font-weight: bold;
  
  margin-left: 35px;
  padding: 5px 0px 5px 42px;
  border: 1px solid #000;
  /* for rounded corner */
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}

.absta li ul {
  /* .fssm */
  font-size: 85%;
}

.txtalnl { text-align: left }
.txtalnr { text-align: right }
.txtalnc { text-align: center }

.html01 {
/*
  background-color: #ffc;
  font-weight: bold;
*/
  width: 750px;
  margin: 1.2em 0 1.2em 1em;
  padding: 10px 0px 10px 1.2em;
  border: 1px dashed #000;
  /* for rounded corner */
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}


.html02 {
  margin: 1.1em 30px 1.1em 0.5em;
  padding: 9px 0px 9px 1em;
  border: 2px solid #ffc0cb;
  background-color: #fff8dc;
  font-size: 100%;
  text-indent: 0em;
  /* for rounded corner */
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.htmldisp01 {
  margin: 1.1em 30px 1.1em 0.5em;
  padding: 9px 0px 9px 1em;
  border: 4px groove #4169e1;
  /* for rounded corner */
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}


.info01 {
  margin: 1em 25px 1em 25px;
  padding: 11px 1.2em 11px 7px;
  border: 1px solid #99b7d0;
  background-color: #e2f0ff;
  font-size: 1em;
  text-indent: 0em;
  /* for rounded corner */
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.warn01 {
  margin: 1em 25px 1em 25px;
  padding: 11px 1.2em 11px 7px;
  border: 1px solid #f7dd90;
  background-color: #ffffdd;
  font-size: 1em;
  text-indent: 0em;
  /* for rounded corner */
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.check01 {
  margin: 1em 25px 1em 25px;
  padding: 11px 1.2em 11px 7px;
  border: 1px solid #99bb99;
  background-color: #ddffee;
  font-size: 1em;
  text-indent: 0em;
  /* for rounded corner */
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.forb01 {
  margin: 1em 25px 1em 25px;
  padding: 11px 1.2em 11px 7px;
  border: 1px solid #dd9999;
  background-color: #ffeeee;
  font-size: 1em;
  text-indent: 0em;
  /* for rounded corner */
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}


.disp-gray01 {
  margin: 1em 25px 1em 25px;
  padding: 11px 1.2em 11px 7px;
  border: 1px solid #bbbbbb;
  background-color: #f0f0f0;
  font-size: 1em;
  text-indent: 0em;
  /* for rounded corner */
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.disp-gray02 {
  margin: 1em 25px 1em 25px;
  padding: 3px 1.2em 3px 7px;
  border: 1px solid #bbbbbb;
  background-color: #f0f0f0;
  font-size: 1em;
  text-indent: 0em;
  /* for rounded corner */
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.disp-gray-tsume01 {
  margin: 1em 25px 1em 25px;
  padding: 4px 1.2em 4px 7px;
  border: 1px solid #bbbbbb;
  background-color: #f0f0f0;
  font-size: 1em;
  text-indent: 0em;
  line-height: 1em;
  /* for rounded corner */
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}


.code01 {
  margin: 1em 25px 1em 25px;
  padding: 0px 1.2em 0px 7px;
  border: 1px dashed #b0b0b0;
  background-color: #ffffff;
  font-size: 1em;
  text-indent: 0em;
  /* for rounded corner */
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.code-title01 {
  margin: 0px -17px 0px -7px;
  padding: 6px 5px 5px 9px;
  background-color: #e9e9e9;
  font-size: 1em;
  text-indent: 0em;
  font-weight: bold;
  /* for rounded corner */
  border-radius-topleft: 8px;
  border-radius-topright: 8px;
  -webkit-border-radius-topleft: 8px;
  -webkit-border-radius-topright: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
}

.mg-bt-08em {
  margin-bottom: 0.8em;
}

.mg-bt-1em {
  margin-bottom: 1em;
}

.mg-bt-15em {
  margin-bottom: 1.5em;
}


/* --- begin for w10 --- */

.sf {
  font-size: 0.9em;
}
.ctab {
  text-indent: -2em;
  padding-left: 3em;
}
.cico {
  padding: 0.2em 0.4em 0em 0em;
}
.cli {
  text-indent: 0em;
}
.update {
  border: solid 2px red;
}
.fb1 {
  font-size: 110%;
}
.rbox {
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 0.6em;
  border: 4px solid red;
}
.mgb0 {
  margin-bottom: 0px;
}
.pane1 {
  background-color: #ffffff;
  border: 3px solid blue;
}
.pane2 {
  background-color: #ffffff;
  border: 2px solid green;
}
.lh1 {
  line-height: 1.6em;
}
.nind {
  text-indent: -2em;
}
.illbox		  {
  border-color: #000000;
  border-style: double;
  padding: 3px 15px;
  color: #00008b;
}
.iro0		  {
  color: #000000;
}
.fsz3		  {
  font-size: 1.1em;
}
.fsz2		  {
  font-size: 0.9em;
}
.u		  { 
  text-decoration: underline;
}
.imgbox {
  border: solid 1px #e5e5e5;
}
.lialp {
  list-style-type: lower-alpha;
}

/* --- end for w10 --- */

.kisomain img {
max-width: 100%;
height: auto;
}