BODY {
   color : #330000 ;
   background-color : #ffffcc ;
   text-decoration : none ;
   line-height :120% ;
   margin:8px
   }
A:LINK {
   color : #006699 ;
   text-decoration : underline ;
   }
A:VISITED {
   color : #003366 ;
   text-decoration : underline ;
   }
A:ACTIVE {
   color : #333300 ;
   text-decoration : underline ;
   }
A:HOVER {
   color : #ffffff ;
   background-color : #003366 ;
   text-decoration : none ;
   font-size : 100% ;
   }
H1 {
   color : #ffffff ;
   background-color : #006633 ;
   font-size : 160% ;
   font-weight : bold ;
   line-height : 110% ;
   padding: 8px;
   }
H2 {
   color : #006633 ;
   background-color : #cccc99 ;
   border-color : #006633 ;
   border-top-style : dashed ;
   border-top-width: 2px ;
   border-bottom-style : dashed ;
   border-bottom-width: 2px ;
   font-size : 140% ;
   line-height : 110% ;
   padding: 6px;
    }
H3 {
   color : #006666 ;
   font-weight : bold ;
   font-size : 130% ;
   line-height : 110% ;
   border-color : #006666 ;
   border-bottom-style : dashed ;
   border-bottom-width: 2px ;
   margin : 20px 0px 8px 0px ;
   padding: 4px;
    }
H4 {
   color : #006699 ;
   font-weight : bold ;
   font-size : 110% ;
   margin : 20px 0px 2px 0px ;
    }
DIV.main {
   width:980px;
   text-align:left
   }
P {
   margin-top: 4px ;
   line-height :130% ;
   }
P.foot {
   color : #008080 ;
   font-size : x-small ;
   font-style : italic ;
   text-align : right ;
   margin-right: 20px ;
   }
.author {
   margin-top: 16px ;
   border-style:dotted;
   border-color:#006699 ;
   padding:8px;
   margin-left:5%;
   width:90%;
   }
.comment {
    margin-top: 16px ;
  margin-left: 40px ;
   color:#006666 ;
   width:95%;
   }
DL {
   width  : 90% ;
   }
DT {
   font-size: 110% ;
   font-weight: bold ;
   color:#009966 ;
   margin-top : 8px ;
   margin-bottom : 4px ;
   }
HR.kugiri {
   size: 8px ;
   color:#6699cc ;
   }
HR.dot {
   border-style: dotted ;
   size: 12px ;
   color:#006699 ;
   }
CAPTION.midashi {
   text-align:left;
   margin-top:20px;
   padding:4px;
   font-size:120%;
   background-color:#99ccff;
   }
TH {
   background-color : #cccc99 ;
   }
TD.book {
   border : none ;
   padding : 0px 0px 8px 24px ;
   }

TABLE.green {
   border-collapse : collapse ;
   }
TABLE.green TD {
   border : 1px solid #669999 ;
   padding: 6px ;
   }
TABLE.green TH {
   border-style : solid ;
   border-width : 1px ;
   border-color : #669999 ;
   background-color : #cccc99 ;
   padding: 6px ;
   }
.big {
   font-size: 120% ;
   font-weight: 600 ;
   color:#006600 ;
   }
.big2 {
   font-size: 140% ;
   font-weight: 600 ;
   color:#000066 ;
   }
.small {
   font-size: 80% ;
   color:#660000 ;
   }
.teal {
   color:#008080 ;
   }
.rose {
   color:#cc3399 ;
   }
.orange {
   color:#ff6600 ;
   }
.yellow {
   background-color : #ffcc00 ;
   }
.lemon {
   background-color : #ffff66 ;
   }
.pale {
   background-color : #ccffcc ;
   }
.name {
   font-weight: bold ;
   color:#336600 ;
   }

/* ---------------------------------
メディアクエリー
--------------------------------- */
@media screen and (max-width : 767px){
  /* 基本要素 */
  img {
    max-width: 100%;
  }
}