*{
   font-weight: normal;
   font-style: normal;
}

body{
   color: #7d6a5b;/* 文字色 */
   background-color: #fefff9;/* 背景色 */
   font-size: 75%;
   font-family: 'あくびん','Verdana,ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,serif;
   overflow: hidden;
}

td,th{
   font-size: 1em;
}
/*--------------------------------------------------------
リンク
--------------------------------------------------------*/

A{
   color: #b5ac8b;
   text-decoration: none;
}

A:hover{
   color: #d4c9a3;
}

A img{
   border-style: none;
}

#page A{
   color: #b5ac8b;
}
/*--------------------------------------------------------
リンクページ
--------------------------------------------------------*/

.link01 A img,.link01 img{
   margin: 3px;
}
/*--------------------------------------------------------
背景画像、土台基本設定
--------------------------------------------------------*/

#page{
   color: #7d6a5b;
   background-color: #fff1f0;
   background-image: url(/media/tile/crowns.gif);
   background-size: 150px;
   text-align: center;
}

#mainta{
   margin: 0px auto;
   height: 100%;/* 広告表示のあるサーバーの場合90%等に変更 */
}

#main{
   width: 621px;
   height: 456px;/* 幅と高さ 全体の大きさを変えるときはここ */
   color: #7d6a5b;/* インデックスページ中央の文字色を変えるときはここ */
   background-color: #fefff9;
   padding: 10px;
}

#page td,#page th{
   font-size: 75%;
}

/*--------------------------------------------------------
メニュー
--------------------------------------------------------*/

#menu{
   font-size: 1.2em;
   font-weight: bold;
   padding: 0;
   text-align: center;
}

#menu a{
   font-size: 1.2em;
   color: #7d6a5b;
   font-weight: bold;
   margin: 0;
   padding: 0;
}
/*--------------------------------------------------------
枠の設定
--------------------------------------------------------*/

.k01{
   background-image: url(/media/border/01.gif);
   width: 23px;
   height: 23px;
}

.k02{
   background-image: url(/media/border/02.gif);
   width: 23px;
   height: 23px;
}

.k03{
   background-image: url(/media/border/03.gif);
   width: 23px;
   height: 23px;
}

.k04{
   background-image: url(/media/border/04.gif);
   width: 23px;
   height: 23px;
}

.k-left{
   background-image: url(/media/border/05.gif);
   width: 23px;
}

.k-right{
   background-image: url(/media/border/06.gif);
   width: 23px;
}

.k-up{
   background-image: url(/media/border/07.gif);
   height: 23px;
}

.k-bottom{
   background-image: url(/media/border/08.gif);
   height: 23px;
}
/*--------------------------------------------------------
インラインフレーム
--------------------------------------------------------*/

.if-container {
 width:100%;
 height:100%;
 overflow: auto;
 -webkit-overflow-scrolling:touch;
 display: inline-block;
 margin : 0 auto;
}
.ifrm {
 width:100%;
 height:100%;
 border:none;
 display:block;
}

/*--------------------------------------------------------
見出し、枠、線
--------------------------------------------------------*/

#title,#title A{
   color: white;
   font-size: 1.7em;
   font-weight: bold;
   text-align: right;
}

.h01{
   color: #ffdcdc;
   font-size: 1.4em;
   font-weight: bold;
   margin: 0 0 10px 0;
   text-align: right;
   border-bottom: 2px dotted #ffdcd6;
}

.h02{
   font-weight: bold;
   letter-spacing: 4px;
   margin: 10px 0px;
   padding-left: 20px;
   height: 30px;
   line-height: 30px;
   /*background: url(/media/graphic/) no-repeat 0% 50%;*/
   border-bottom: 1px dotted #7d6a5b;
}

.h02 .in{
   background-color: #fefff9;
   font-weight: bold;
   display: inline;
}

h1{
   font-size: 1.4em;
   font-weight: bold;
   margin: 0 0 10px 0;
}

h2{
   font-size: 1.2em;
   font-weight: bold;
   margin: 0 0 10px 0;
}

h3{
   font-size: 1.1em;
   font-weight: bold;
   margin: 0 0 10px 0;
}

strong{
   background-color: #ffeeed;
}

.news{
   background-color: #ffeeed;
   width: 300px;
   height: 25px;
   margin: 5px 0;
   padding: 3px;
   overflow-y: scroll;
   border: 1px dotted #7d6a5b;
}

.pos{
   margin: 5px 0;
   padding: 3px;
   border: 2px dotted #ffdcd6;
}

.ln01{
   border-left: 5px solid #7d6a5b;
   margin: 0 0 10px 0;
   padding: 0 5px ;
}

.ln02{
   border-left: 5px solid #ffdcd6;
   margin: 0 0 10px 0;
   padding: 0 5px ;
}

.co01{
   color: #c00;
   font-weight: bold;
}

.co02{
   color: #ccc;
}

header-text{
  position: absolute;
  height: 70px;
  width: 100%;
  top: 0px;
  left: 0px;
  color: #b5ac8b;
}

header{
  background: url(/media/border/wa18-bg-lace.gif);
  background-repeat: repeat-x;
  position: absolute;
  height: 70px;
  width: 100%;
  top: 0px;
  left: 0px;
}

footer-con{
  position: absolute;
  height: 65px;
  width: 100%;
  bottom: 0px;
  left: 0px;
  color: #b5ac8b;
}

footer{
  background: url(/media/tile/polka-dot.png);
  background-repeat: repeat;
  position: absolute;
  height: 65px;
  width: 100%;
  bottom: 0px;
  left: 0px;
  border-top-style: solid;
  border-top-width: 0.5px;
  border-color: #b5ac8b;
}

/*--------------------------------------------------------
TOPへの戻りリンク、左右寄せ
--------------------------------------------------------*/

.pagetop{
   margin-top: 20px;
   border-top: 2px dotted #ffdcd6;
}

.right{
   text-align: right;
}

.left{
   text-align: left;
}

/*--------------------------------------------------------
アニメーション
--------------------------------------------------------*/

.wrapper {
  max-width: 100%;
  overflow: hidden;
}

.marquee {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  animation: marquee 25s linear infinite;
}

.marquee p {
  display: inline-block;
}

@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}