@charset "Shift_JIS";

/* 自由に消して足して書き換えてください。 */

@media screen and (min-width:480px) {}
@media screen and (min-width:768px) and (max-width:1024px) {}
@media screen and (min-width:1024px) {}

body{
text-align:center;                            /* ページの中央に表示 */
margin:0px 10px;padding:0px;                  /* マージン・パディングの設定 */
background-image : url(kabegami.gif);   /* 背景画像の設定 */
}

/* フォント、行間の設定 */
body,TD{
color       : #555555;                             /* 文字色の設定*/
font-family : Verdana,Chicago,osaka,"sans-serif";  /* フォントの種類 */
line-height : 150%;                                /* 行間の設定 */
font-size   : 100%;                                 /* 文字の大きさ */
}

/* リンクの設定 */
A:link   {color:#0000aa;}                /* リンク色 */
A:visited{color:#0000aa;}                /* 既読リンク色 */
A:hover  {color:#ff0000;                 /* カーソルがリンクの上に来た時の色 */
          text-decoration: none;}    /* カーソルがリンクの上に来た時下線を出す */
A        {text-decoration: none;         /* リンクの下線を消す */
          font-weight : ;}           /* リンクを太くする。 */

/* 画面幅の90%の幅で画像を表示 */
.image-vw {
  width : 90vw ; 
}

/* 画面幅の40%の幅で画像を表示 */
.image-vw40 {
  width : 40vw ; 
}

/* 画面幅の28%の幅で画像を表示 */
.image-vw28 {
  width : 28vw ; 
}

/* 画面幅の20%の幅で画像を表示 */
.image-vw20 {
  width : 20vw ; 
}

/* その他の設定 */
.div00{                          /* テンプレートの中心部分。一番肝心 */
text-align:left;                 /* 文字を左揃えで表示する。 */
margin:0;padding:10;             /* スペースの設定。 */
background-color:#ffffff;        /* 背景の色。初期設定は白(ffffff)。 */
border-width:0px 1px 5px 1px;    /* 左と右に1pxの線を表示します。 */
border-style:solid;              /* 上の線の種類。初期設定は実線 */
border-color:#aaaaaa;            /* 上の線の色。初期設定は灰色(999999) */
}

.subject{                        /* 『This template is...』や『record』等の部分 */
margin-bottom:10px;              /* 下マージン */
padding:8;                       /* スペースの設定 */
background-color:#ccccaa;        /* 背景色の指定。初期設定はcccc99。 */
border-width:0px 0px 0px 10px;   /* 左に10pxの線を表示します。 */
border-style:solid;              /* 上の線の種類。初期設定は実線。 */
border-color:#555533;            /* 上の線の色。初期設定は666633。 */
font-size:150%;                  /* 文字サイズの設定。初期設定は200% */
font-weight: ;                   /* 文字を太くする。 */
}

.gray  {background-color:#cccccc;}  /* 背景色を灰色にします(cccccc) */

.r_brwn  {background-color:#ccccaa;}  /* 背景色をライトブラウンにします(ccccaa) */

.d_brwn  {background-color:#aaaa88;}  /* 背景色をライトダークブラウンにします(aaaa88) */

.menu  {color:#009999;}   /* メニュー選択色 */

.right {               /* rightの設定 */
text-align:right;      /* メニューの表示位置。右揃え。 */
margin:8px 0px 10px;   /* マージン */
padding-right:10px;    /* パディング */
}

.left {               /* rightの設定 */
text-align:left;      /* メニューの表示位置。右揃え。 */
margin:8px 0px 10px;   /* マージン */
padding-left:10px;    /* パディング */
}

.center_m {               /* rightの設定 */
text-align:center;      /* メニューの表示位置。右揃え。 */
margin:8px 0px 10px;   /* マージン */
padding-center:10px;    /* パディング */
}

.center{
text-align:center;
color       : #555555;                             /* 文字色の設定*/
font-family : Verdana,Chicago,osaka,"sans-serif";  /* フォントの種類 */
line-height : 150%;                                /* 行間の設定 */
font-size   : 100%;                                 /* 文字の大きさ */
}   /* 中央揃え。 */

.copy_r{
text-align:center;
color       : #555555;                             /* 文字色の設定*/
font-family : Verdana,Chicago,osaka,"sans-serif";  /* フォントの種類 */
line-height : 150%;                                /* 行間の設定 */
font-size   : 100%;                                 /* 文字の大きさ */
}   /* ページの一番下、著作権表示の表示位置。中央揃え。 */