body{
     color: #191970;       
     background-color:ffffff;
     background-image: url(""); 
     background-repeat:;
     background-attachment:;
     background-position:;
     scrollbar-base-color: #FDF5E6;
     scrollbar-face-color: #F5DEB3; 
     scrollbar-track-color: #FDF5E6; 
     scrollbar-arrow-color: #8B3A3A; 
     scrollbar-highlight-color: #8B3A3A; 
     scrollbar-shadow-color: #8B3A3A; 
     scrollbar-3dlight-color: #FDF5E6; 
     scrollbar-darkshadow-color: #FDF5E6;   
     margin: 0 0 0 0;
     overflow:;
     background-color: transparent;
}

@media (max-width: 830px) {
    
}

@media (min-width: 320px) {
}

a{
  font-size: 95%;
  font-weight: bold;
}

a.index:link {
              color: #191970;
              text-decoration: none;              
}

a.index:visited {
                 color: #191970;
              text-decoration: none;
}

a.index:hover {
               color: #999966;
               text-decoration: underline;
}

a.new:link,a.new:visited {
                          color: #CC3366;
                          text-decoration: underline;
                          font-weight: ;
}
a.new:hover {
             background-color:#FFFF99;
}

a.back:link {color: #3399CC;
             text-decoration: underline;
             font-weight:;
}

a.back:visited {
                color: #3399CC;
                text-decoration: underline;
}

a.back:hover {
              color: #FF0099;
              text-decoration: underline;
}


h2,h3,h5,table,pre{
                   margin: 0px auto;
                   width: 830px;
}

pre.tpl{
   margin: 0px auto;
   width: 830px;
   padding: 20px 0px 15px 0px;
   height: 50px;
   background-color: #1e90ff; 
   font-size: 30px;
   font-weight: bold;
   color: #ffffff;
   text-align: center;
   line-height: 200%;
    border-bottom: 10px #ffffff solid;
}

span.eng { 
           color: #ffffff;
           font-size: 60%;
}

p.setumei{
     margin: 0px auto;
     width: 805px;
     padding: 0px;
     height: 20px;
     background-color: #ffffff; 
     font-size: 90%;  
     font-weight: bold;
     border-bottom: 10px #ffffff solid;
}

.scroll {
  margin     : 0px auto;
  width      : 800px;
  font-size  : 95%;
  line-height: 1.5em;
  text-align : center;
  border     : ;
  color      : #000000;
  background : #fff;
  overflow   : hidden;
  border-bottom: 5px #ffffff solid;
}
.scroll span{
  display     : inline-block;
  padding-left: 100%;
  white-space : nowrap;
  line-height : 1em;
  animation   : scrollAnime 30s linear infinite;
}
@keyframes scrollAnime{
    0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}          

h5{
   font-size: 75%;
   font-weight: ;
   text-align: center;
   padding-bottom: 15px;
}

h3{
   font-size: 200%;
   font-weight: bolder;
   text-align: center;
}

td { 
    vertical-align: top;
    padding: 5px 0px 0px 5px;
    border-style: none;
}

table.flame{margin: 0px auto;
            height: px;
            text-align: ;
            border: #778899 2px solid;
            background-color:;      
            background-repeat: no-repeat;
            background-position: ;	
            line-height: %;
}

div.menu{
         border-bottom: dashed 1px #4169e1; 
         width: 260px;
         margin-left: px;
         margin-bottom: 5px;
         background-color:#ffffff;
         padding: 10px 5px 0px 5px;       
}

td.img{
       width: 500px;
       background-color:;
       background-repeat: no-repeat;
       background-position: right;
}

/* slideの枠 */
.cp_cssslider01 {
  width: 500px;
  height: 500px;
  overflow: hidden;
  margin: 1em auto;
  border: 0px solid #ffffff;
  box-shadow:0px 0px 5px 0px rgba(0,0,0,0.0);
}

/* 画像のグループ */
.cp_slidewrapper01 {
  width: min-content;/* slideの枚数×100% */
  position: relative;
  display: flex;
  animation: cp_slider01 50s infinite ease;
}

/* 画像単体の設定 */
.cp_slide01_item {
  width: 500px;
  height: 500px;
}

@keyframes cp_slider01 {
  /* 100%を枚数で割った%に割り振る */
    0% { transform: translateX(0); }
   10% { transform: translateX(-500px); }
   20% { transform: translateX(-1000px); }
   30% { transform: translateX(-1500px); }
   40% { transform: translateX(-2000px); }
   50% { transform: translateX(-2500px); }
   60% { transform: translateX(-3000px); }
   70% { transform: translateX(-3500px); }
   80% { transform: translateX(-4000px); }
   90% { transform: translateX(-4500px); }
  100% { transform: translateX(0); }
}

pre.about {
           color: #f5f5f5;
           border-style: none;
           height: 250px;
           padding: 15px 0px 20px 20px;
           line-height: 170%;
           background-color:#1e90ff;
           font-size: 110%;                 
}

div.syamei{
           font-size: 120%;
}

span.sikaku { 
             color: #4169e1;
             font-size: 70%;
}

span.red{
         color:#ff0000;
}