@charset "utf-8";
/* kasai-chappuis standard style sheet */

/*================ overall =============*/
*,
::before,
::after {padding : 0 0 0 0;
         margin  : 0 0 0 0;
         box-sizing : border-box;}
/*================ overall =============*/

/*================  body =============*/
body
{background-image : url("../gif/Kabegami.gif");
 color            : black;
 font-family      : sans-serif;
 font-size        : 16px;
 text-align       : left;
 }
/*================ body =============*/

/*================= blockquote ==================*/
blockquote
{background  : ivory;
 border      : 0.4em double yellowgreen;
 color       : black;
 font-size   : 0.8em;
 font-weight : lighter;
 }
/*================= blockquote ==================*/

/*=================== margin ========================*/
.listbox         {margin : 0.2em 0.3em 0.2em +2em;}
.reference       {margin : 0.3em 0;}
blockquote       {margin : 0.5em 1em;}
dl,ol,ul         {margin : 0.5em 1em 0.5em +2.5em;}
dd               {margin : 0 0 0 1em;}
dt               {margin : 0.3em 0 0 0;}
h1,h2,h3,h4,h5,h6{margin : 0.2em;}
img              {margin : 0.3em;}
li  　　　　     {margin : 0.1em 0;}
p                {margin : 0.6em 0.3em 0.6em +2em;}
pre              {margin : 0.2em 1em;}
table            {margin : 0.2em 0.5em;}
table p          {margin : 0.2em 0.3em;}
/*=================== margin ========================*/

/*=================== padding ========================*/
dd               {padding : 0.3rem;}
dt               {padding : 6px 6px 4px 6px;}
div.home,div.index,div.index1,
div.index2,div.index3,div.indexend
                 {padding : 0.3em 1em 0.2em 1em;}
h1,h2,h3,h4,h5,h6{padding : 0.4em 0.3em 0.2em 0.3em;}
/*=================== padding ========================*/

/*=================== paragraph ========================*/
p{text-align  : left;
  text-indent : 1em;}
p.center {text-align : center;}
p.right  {text-align : right;}
/*=================== paragraph ========================*/

/*=========== heading =================*/
h1,h2,h3,h4,h5,h6
{background-color : white;
 border-color     : yellowgreen;
 border-style     : outset;
 border-width     : 0.5rem;
 color            : black;}
h1
{font-size    : 2.2em;
 line-height  : 1.8rem;}
h2
{border-style : outset outset none outset;
 font-size    : 2em;
 line-height  : 1.7rem;}
h3
{border-style : outset none none outset;
 font-size    : 1.8em;}
h4
{border-style : outset none none outset;
 font-size    : 1.6em;}
h5
{border-style : solid none none solid;
 border-width : 0.4rem;
 font-size    : 1.4em;
 font-weight  : bold;}
h6
{border-style : solid none none solid;
 border-width : 0.3rem;
 font-size    : 1.2em;
 font-weight  : bold;}
/*=========== heading ===========*/

/*=========== *division* ===========*/
div      {clear   : both;}

div.listbox,table.listbox
{background-color : lemonchiffon;
 border-color : yellowgreen yellowgreen yellowgreen yellowgreen;
 border-style : double double double double;
 border-width : 3px 3px 3px 3px;}
div.reference,table.reference
 {border-color : gray gray gray gray;
  border-style : solid solid solid solid;
  border-width : 3px 3px 3px 3px;
  font-size    : 0.8rem;
  font-weight  : lighter;}
div.home
 {border-color : gray silver silver silver;
  border-style : solid solid solid solid;
  border-width : 4px 0px 3px 0px}
div.index,div.index1,div.index2,div.index3
 {border-color : silver silver silver silver;
  border-style : solid solid solid solid;
  border-width : 0px 0px 3px 0px}
div.indexend
 {border-color : silver silver gray silver;
  border-style : solid solid solid solid;
  border-width : 0px 0px 5px 0px}
div.home,div.reference,div.listbox
 {background-color : ivory}
div.index
 {background-color : #fcfbe9}
div.index1
 {background-color : #f9f8e6}
div.index2
 {background-color : #f6f5e3}
div.index3
 {background-color : #f3f2e0}
div.indexend
 {background-color : #f0efdd}
div.groove,div.inset,div.outset,div.ridge
 {border-width: 8px}
div.groove{border-style : groove}
div.inset {border-style : inset}
div.outset{border-style : outset}
div.ridge {border-style : ridge}

/*================= classed division ================*/

/*================== Inline ===================*/
img {border-style : none;
     float        : none;
     height       : auto;
     max-width    : 100%;
     }
img.left  {float : left;}
img.right {float : right;}
/*================== Inline ===================*/

/*===================== list =====================*/
ul,ol       {list-style: none;}
ol          {list-style-type : decimal}
ul          {list-style-type : disc}
.alpha      {list-style-type : lower-alpha}
.circle     {list-style-type : circle}
.decimal    {list-style-type : decimal}
.disc       {list-style-type : disc}
.none       {list-style-type : none}
.roman      {list-style-type : lower-roman}
.square     {list-style-type : square}
.upalpha    {list-style-type : upper-alpha}
.uproman    {list-style-type : upper-roman}

li.title{list-style-type : none}
dt{background   : white;
   border-color : #fc9;
   border-style : none none double double;
   border-width : 2px;
   color        : black;}
/*===================== list =====================*/

/*=================== rule ==================*/
hr.end
{height      : 1px;
 border-color: black;
 border-style: double none;
 border-width: 1px 0px 2px}
hr.separate
{height      : 3px;
 border-color: black;
 border-style: double none;
 border-width: 1px}
hr
{border-bottom : 2px ridge mediumaquamarine;
 color         : mediumaquamarine;
 clear         : both;
 }
hr.none
{border-bottom : 0px ridge mediumaquamarine;
 border-width  : 0px}
hr.page
         {page-break-after : always}
@media print
{hr.page {page-break-after : always}}
/*=================== rule ==================*/

/*================== table =================*/
caption{caption-side: bottom;
        font-size   : small;
        font-weight : bold;
        text-align  : center}

table th,
table td{border: solid 1px black;}
table   {border-collapse: collapse;}

thead       {text-align : center}
tbody,tfoot {text-align : right}
thead,tfoot {background-color : tan}
tbody       {background-color : GhostWhite}
/*================== table =================*/

/*================== TextStyle =================*/
.center {text-align : center;}
.left   {text-align : left;}
.right  {text-align : right;}
.title {color       : red;
        font-size   : large;
        font-style  : italic;
        font-weight : bold;}
.noindent{text-indent : 0;}

.small   {font-size   : small;}
.x-small {font-size   : x-small;}
.large   {font-size   : large;}
.x-large {font-size   : x-large;}
.bold    {font-weight : bold;}

.cursive   {font-family     : cursive;}
.italic    {font-style      : italic;}
.underline {text-decoration : underline;}

em       {color       : red;
          font-style  : italic;
          font-weight : bold;}
strong   {color       : red;}
/*================== TextStyle =================*/

/*================ anchor =============*/
a {font-weight     : bold;
   text-decoration : underline;}
a:visited{color       : orange;}
a:link   {color       : maroon;}
a:active {color       : red;}
a:hover  {background-color : green;}
/*================ anchor =============*/

/*================ line-height =============*/
.reference{line-height : 1.2em;}
body      {line-height : 1.6em;}
blockquote{line-height : 1.2em;}
/*================ line-height =============*/