@import url("https://fonts.googleapis.com/css2?family=Sacramento&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Kaisei Opti&display=swap");

body {
 background-color:#fffff7;
 font-family: "Times New Roman", "Hiragino Mincho ProN", "YuMincho", "Yu Mincho", "MS PMincho", serif;
 color:#8a6f5a;
 font-size:14px;
 margin:0;
 padding-top:30px
}

/** Webフォント。 */
@font-face {
    font-family: "HuiFontP29";
    src: url("../font/HuiFontP29.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

.hui {
    font-family: "HuiFontP29", sans-serif;
}


.title {
 background-color:#f1eeff;
 margin:0;
 width:100%;
}

.center_ni {
 text-align:center;
}

.info {
 background-color:#fff8ff;
 border:dotted 3px #ffe6fe;
 padding:5 5 5 5;
 width:280px;
 margin:auto;
 text-align:center
}
 
.prof {
 color:palevioletred;
 border:dotted 3px #ffe6fe;
 padding:5px 5px 5px 0px;
 margin:auto;
 text-align:left;
 width:400px;
 max-height:270px;
 display: block;
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
 line-height: 1.5em;
 }
 
td.prof_pad {
 padding:0px 5px 0px 5px;
 vertical-align: top;
}

.prof_tate {
 color:#6993B5;
 writing-mode: vertical-rl;
 -webkit-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 text-orientation: upright;
 width:20px;
 height:270px;
 letter-spacing:8px;
}

.shirase {
 background-color:#f0ffff;
 margin:0;
 width:100%;
 background-repeat:repeat-y
}

.shirase2 {
 background-color:#f0ffff;
 margin:0;
 width:100%;
 background-image:url("../img/bluecheck.gif");
 background-repeat:repeat-y
}

.sakura {
 background:#fff3fa url(../img/bg-sakura.gif);
 margin:0 0 10 0;
 padding:5 10 5 10;
 width:300px;
 height:50;
 text-align:right
}

.b-dama {
 background:url(../img/3_b-dama.gif);
 background-repeat:no-repeat;
 background-position:right;
 margin:0 0 10 0;
 padding:5 10 5 10;
 width:100%;
}

.eng {
 margin:auto;
 padding:5px;
 width:400px
}

.eng2 {
 color:#6f8aa8;
 background-color:#ddffff;
 text-align:left;
 margin:auto;
 padding:10px;
 width:400px
}

.purplebar {color:#b47cc2; background-color:#E5DEFF; width:100px; text-align:left}
.whitebar {color:#b47cc2; background-color:#ffffff; width:200px; text-align:left}

li.mizu {
 list-style-image:url("../img/drop.gif");
}

li.hana {
 list-style-image:url("../img/s-fl.gif");
 font-size:16px;
 line-height:0.8
}

li.heart {
 list-style-image:url("../img/miniheart-s.gif");
}

span.iro {
color:#5CA7C5;
font-size:14px;
font-family: "Kaisei Opti", cursive,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic","游ゴシック","YuGothic",sans-serif;
}

span.iro2 {
color:#5CA7C5;
font-size:20px;
font-family: "Sacramento", cursive,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic","游ゴシック","YuGothic",sans-serif;
}

span.kazari {
color:#BDA559;
}

span.since {
color:#6993B5; font-size:10px;
}

span.legacy {
color:#ffffff; font-size:10px;
}

a {text-decoration:none; border-style:none}
a:link {color:#009DBC}
a:hover {background-color:#fdeff9; color:#a87d51; cursor:nw-resize}
a:active {color:#6993B5}
a:visited {color:#6993B5}

/* スクロールバー全体 */
::-webkit-scrollbar {
  width: 6px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #f0ffff;
  border-radius: 2px;
}
/* スクロールバーで動かすとこ */
::-webkit-scrollbar-thumb {
  background: #f1eeff;
  border-radius: 2px;
}

img {
 border-style:none
}

/*上メニュー*/
table.menu {
 position:fixed;
 top:0;
 left:0;
 right:0;
 font-size:16px;
 width:100%;
 height:30px
}

td.counter{
 width:150px; 
 text-align:right
}

/*メインメニュー*/
table.menua { 
 background-image: url(../img/bluecheck.gif);
 background-position: center center;
 background-size: contain;
 width:320px;
 text-align:left;
 margin:auto;
 }
 
td.menub { 
 background-image: url(../img/l-fl.gif);
 background-position: center center;
 background-size: cover;
 background-color:#fffff7;
 width:160px;
 height:250px;
}

td.menuc { 
 background-image: url(../img/l-fl.gif);
 background-position: center center;
 background-size: cover;
 background-color:#fffff7;
 width:160px;
 height:250px;
}

table.menud { 
 background-image: url(../../top_img/tope.jpg);
 background-position: center center;
 background-size: contain;
 width:380px;
 height:269px;
 text-align:left;
 margin:auto;
}