/* リンク関連*/
A:link    {COLOR:midnightblue;text-decoration:none;}
A:active  {COLOR:violet;text-decoration:underline;}
A:visited {COLOR:steelblue;text-decoration:none;}
A:hover    {COLOR:violet;text-decoration:underline;}

/*　タイトルのリンク*/
A:link.s    {COLOR:midnightblue;text-decoration:none;}
A:active.s  {COLOR:midnightblue;text-decoration:NONE;}
A:visited.s {COLOR:midnightblue;text-decoration:none;}
A:hover.s    {COLOR:steelblue;text-decoration:underline;}

/*　	下線のリンク*/
A:link.t    {COLOR:midnightblue;text-decoration:underline;}
A:active.t  {COLOR:violet;text-decoration:underline;}
A:visited.t {COLOR:sttelblue;text-decoration:underline;}
A:hover.t   {COLOR:violet;text-decoration:underline;}

/* ページ全体の基本的な設定。背景色や文字色など */
BODY {BACKGROUND-COLOR:#FFFFFF;
 background-image:url("./images/hg06.gif");
 COLOR:#000000;
 FONT-SIZE:15px;
 LINE-HEIGHT:140%;
 FONT-FAMILY:"メイリオ",sans-selif;
 PADDING:0px;
 MARGIN: 0;
 TEXT-ALIGN:center;
scrollbar-arrow-color: royalblue; scro	llbar-base-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: royalblue; scrollbar-3d-light-color: #FFFFFF; scrollbar-shadow-color: royalblue; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF;}

/* サイト全体センタリング */
DIV.wrapper {BACKGROUND-COLOR:#FFFFFF;  
     max-width:800px;
    width:100%;
    margin:0 auto;
    text-align:center;
    border:1px solid steelblue;  }



/* タイトル */
H1 {FONT-SIZE:165%;
 BACKGROUND-COLOR:#ffffff;
 background:#ffffff url("./images/iroenpitsu-tate2.jpg") no-repeat bottom right; 	
 TEXT-ALIGN:left;
 FONT-WEIGHT:bolder;
 FONT-FAMILY:"メイリオ",sans-selif;
 LETTER-SPACING:5px;
 LINE-HEIGHT:120%;
 COLOR:navy;
 PADDING:5px 0px 6px 5px;
 margin:0px 0px 0px 0px;
 WIDTH:795px;
 HEIGHT:px}
 H1 A:LINK {COLOR:#FFFFFF;}
 H1 A:VISITED {TEXT-DECORATION:none;COLOR:#ffffff;}

/* ヘッダー */
DIV.header {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:10px 40px;
    width:100%;
    max-width:800px;
    box-sizing:border-box;
    gap:0px; 
}

/* メニュー内のリンクをボタン風に */
DIV.header a {
    padding:8px 14px;
    border:1px solid steelblue;
    border-radius:6px;
    text-decoration:none;
    color:navy;
    font-size:15px;
    background:white;
    transition:0.2s;
}

DIV.header a:hover {
    background:#edf4ff;
    border-color:#4169e1;
}

/* 現在位置表示 */
DIV.ICHI {TEXT-ALIGN:left;
 FONT-SIZE:12px;
 PADDING:0px;
 MARGIN	:0px 0px 0px;
 COLOR: #navy;
 FONT-WEIGHT:;
 BACKGROUND-COLOR:#dae9f8;
 BORDER-BOTTOM:2px SOLID steelblue;
 WIDTH:800px;}

/* 現在位置表示下 */
DIV.ICHI2 {TEXT-ALIGN:left;
 FONT-SIZE:12px;
 PADDING:0px;
 MARGIN	:0px 0px 0px;
 COLOR: #navy;
 FONT-WEIGHT:;
 BACKGROUND-COLOR:#dae9f8;
 BORDER-BOTTOM:2px SOLID steelblue;
 BORDER-TOP:1px SOLID steelblue;
 WIDTH:800px;}


/* マイボディ  */
DIV.mybody {POSITION:relative;
 WIDTH:800px;
 MARGIN:0;PADDING:0;
 BACKGROUND-COLOR:#fff;
 max-width:auto;}

/* マイボディミニバージョン  */
DIV.mybodymini { WIDTH:px;
 MARGIN:0;PADDING:0;
 BACKGROUND-COLOR:#fff;
 max-width:auto;}

/* 日記本体 */
DIV.MAIN {float: left;
	clear: left;
 PADDING: 0 0px 0px;
 WIDTH:609PX;
 BACKGROUND: TRANSPEARENT;
 BACKGROUND-COLOR:#fff;
 BORDER-WIDTH:0px 1px 0px 0px;
 BORDER-STYLE:solid;
 BORDER-COLOR:steelblue;
}

/* 本文　*/
DIV.HONBUN {TEXT-ALIGN:left;
 PADDING:20px 20px 0px 15px;
 MARGIN	:0px;
 COLOR: #navy;
 FONT-WEIGHT:;
 background:#fff;
}

/* 本文　ハロウィーン背景付き*/
DIV.HONBUN2 {TEXT-ALIGN:left;
 PADDING:20px 20px 0px 15px;
 MARGIN	:0px;
 COLOR: #navy;
 background:#ffffff url("./images/halloween.png") no-repeat right top; 	
}

/* 本文　クリスマス背景付き*/
DIV.HONBUN3 {TEXT-ALIGN:left;
 PADDING:20px 20px 0px 15px;
 MARGIN	:0px;
 COLOR: #navy;
 background:#ffffff url("./images/xmas-tree.png") no-repeat right bottom; 	
}

/* 本文　お花背景付き*/
DIV.HONBUN4 {TEXT-ALIGN:left;
 PADDING:20px 20px 0px 15px;
 MARGIN	:0px;
 COLOR: #navy;
 background:#ffffff url("./images/flower.png") no-repeat right bottom; 	
}

/* 本文　文字ぎっしり*/
DIV.HONBUN5 {TEXT-ALIGN:left;
 PADDING:10px 20px 0px 15px;
 MARGIN	:20px 50px 0px 50px;
 COLOR: #navy;
 background:#ffffff ;
 FONT-SIZE:16px;
 LINE-HEIGHT:150%; 	
}

/* 本文　文字ぎっしり*/
DIV.HONBUN6 {TEXT-ALIGN:left;
 PADDING:10px 20px 0px 15px;
 MARGIN	:20px 50px 0px 50px;
 COLOR: #navy;
 background:#ffffff ;
 FONT-SIZE:16px;
 LINE-HEIGHT:150%; 	
}

/* サイドバー部分 */
DIV.Sidebar {BACKGROUND-COLOR:#fff;
 float: right;
 clear: right;
 WIDTH:180px;
 FONT-SIZE:100%;
 PADDING:0px 5px;
 MARGIN:0px;
 TEXT-ALIGN:center;
}

/* 小見出し青 */
SPAN.miao {TEXT-ALIGN:left;
 FONT-SIZE:20px;
 FONT-FAMILY:Verdana,Chicago;
 PADDING:0px;
 MARGIN	:0px 0px 0px;
 COLOR:steelblue;
 FONT-WEIGHT:;
 BACKGROUND-COLOR:#fff;
}

/* 小見出し青日本語 */
SPAN.miaoj {TEXT-ALIGN:left;
 FONT-SIZE:24px;
 MARGIN	:0px 5px 0px;
 COLOR:steelblue;
 FONT-WEIGHT:;
 BACKGROUND-COLOR:#FFF;
}

/* 小見出しピンク */
SPAN.mipink {TEXT-ALIGN:left;
 FONT-SIZE:20px;
 FONT-FAMILY:Verdana,Chicago;
 PADDING:0px;
 MARGIN	:0px 5px 0px;
 COLOR:violet;
 FONT-WEIGHT:;
 BACKGROUND-COLOR:#FFF;
}

/* 小見出しピンク日本語 */
SPAN.mipinkj {TEXT-ALIGN:left;
 FONT-SIZE:24px;
 MARGIN	:0px 5px 0px;
 COLOR:violet;
 FONT-WEIGHT:;
 BACKGROUND-COLOR:#FFF;
}

/* 小見出しオレンジ */
SPAN.miora {TEXT-ALIGN:left;
 FONT-SIZE:20px;
 FONT-FAMILY:Verdana,Chicago;
 PADDING:0px;
 MARGIN	:0px 5px 0px;
 COLOR:orange;
 FONT-WEIGHT:;
 BACKGROUND-COLOR:#FFF;
}

/* 小見出しオレンジ日本語 */
SPAN.mioraj {TEXT-ALIGN:left;
 FONT-SIZE:24px;
 MARGIN	:0px 5px 0px;
 COLOR:orange;
 FONT-WEIGHT:;
 BACKGROUND-COLOR:#FFF;
}

/* ぽちピンク */
SPAN.pochip {FONT-SIZE:22px;
 FONT-FAMILY:Verdana,Chicago;
 COLOR:violet;
 FONT-WEIGHT:;
}

/* ぽち青 */
SPAN.pochib {FONT-SIZE:22px;
 FONT-FAMILY:Verdana,Chicago;
 COLOR:steelblue;
 FONT-WEIGHT:;
}

/* ぽちオレンジ */
SPAN.pochio {FONT-SIZE:22px;
 FONT-FAMILY:Verdana,Chicago;
 COLOR:orange;
 FONT-WEIGHT:;
}

/* ぽち赤 */
SPAN.pochired {FONT-SIZE:22px;
 FONT-FAMILY:Verdana,Chicago;
 COLOR:red;
 FONT-WEIGHT:;
}

/* ぽち緑 */
SPAN.pochig {FONT-SIZE:22px;
 FONT-FAMILY:Verdana,Chicago;
 COLOR:#B2FFB2;
 FONT-WEIGHT:;
}

/* TOPのテーブル*/
.topzentai  { TEXT-ALIGN:left;
 margin:15px 0px;
}


TD.t  { BACKGROUND-COLOR:#fff;
 BORDER-STYLE:dotted;
 BORDER-COLOR:steelblue;
 BORDER-WIDTH:2px;
 WIDTH:275px;
 margin:50px 0x;
 padding:10px 10px;
 VERTICAL-ALIGN:top;
 FONT-SIZE:15px;
 LINE-HEIGHT:140%;
 FONT-FAMILY:"メイリオ",sans-selif;


}

TD.r2  { BORDER-STYLE:solid;
 BORDER-COLOR:steelblue;
 BORDER-WIDTH:1px;
 margin:0px 0x;
 padding:4px 0px
}


/* コースのテーブル*/
TABLE.c  { BACKGROUND-COLOR:#ffffff;
 BORDER-STYLE:solid;
 BORDER-COLOR:#ffffff;
 BORDER-WIDTH:1px;
 margin:3px 15px;
 TEXT-ALIGN:center;
}

/* 料金のテーブル全体*/
.zentai  { TEXT-ALIGN:center;
 margin:50px 0px;
}

.let  { margin:10px 0px;
}


TH.r { BORDER-BOTTOM:2px SOLID steelblue;
 BORDER-left:1px SOLID steelblue;
 BORDER-right:1px SOLID steelblue;
 BORDER-top:1px SOLID steelblue;
 WIDTH:180px;
 BACKGROUND-COLOR:#dae9f8;
 margin:0px 0px;
 padding:4px 0px
 }

TD.r1  { BORDER-STYLE:solid;
 BORDER-COLOR:steelblue;
 BORDER-WIDTH:1px;
 margin:0px 0x;
 padding:4px 0px
}

/* タイムテーブル・既存クラス　*/
TD.kizon  { BORDER-STYLE:solid;
 BORDER-COLOR:steelblue;
 BORDER-WIDTH:1px;
 margin:0px 0x;
 padding:4px 0px;
 background-color:pink;
}



/* 表組み全体 */
.hyou   {TEXT-ALIGN:center;
	FONT-SIZE:80%;
　　　  margin:0px 5px;}

/* 表題上下 */
.ue1  { BORDER-BOTTOM:2px SOLID steelblue;
 WIDTH:175px;
 BACKGROUND-COLOR:#dae9f8;
 }
.ue2  {BORDER-BOTTOM:2px SOLID mediumvioletred;
 BACKGROUND-COLOR:#ffd1ff;}

.shi1 {BACKGROUND-COLOR:#ffefff;
 BORDER-TOP:2px SOLID mediumvioletred;}
.shi2 { BACKGROUND-COLOR:#ffd1ff;
 BORDER-TOP:2px SOLID #c71585;}

/* 表の中味 */
TD.1  { BACKGROUND-COLOR:#ffefff;
 BORDER-STYLE:solid;
 BORDER-COLOR:violet;
 BORDER-WIDTH:1px;
 margin:0px 5px;
}
TD.2  { BACKGROUND-COLOR:#ffd1ff;
 BORDER-STYLE:solid;
 BORDER-COLOR:violet;
 BORDER-WIDTH:1px;
 margin:0px 5px;
}


/* フッター */
DIV.footer {CLEAR:both;}

/* メニュー */
DIV.menu {TEXT-ALIGN:left;
 margin:10px 0px;
}

/* メニューのリスト */
UL.menu {list-style:square inside url("images/crmini.gif");
 padding:0;
 margin:0px 10px 0px 5px;
 TEXT-ALIGN:left;
 VERTICAL-ALIGN:middle;}

/* メニューのリスト */
LI.ireko {list-style:square inside url(" ");
 list-style-position:inside;
 padding:0px 5px;
 TEXT-ALIGN:left;
 VERTICAL-ALIGN:middle;
 COLOR:steelblue;}


.silver {FONT-size:9pt;Font-family:"Comic Sans MS";COLOR:silver;}

/* 画像がはみ出さないように */
img {
    max-width:100%;
    height:auto;
}

/* スマホ用の簡易メディアクエリ */
@media (max-width:600px) {

   H1 {
        width:100% !important;
        max-width:100%;
        /* 画像を H1 の高さに合わせる（横は割合で縮む） */
        background-size:auto 100%;
        background-position:right bottom;
        background-repeat:no-repeat;

        /* 画像に文字がかぶらないための右側余白 */
        padding-right:80px;

        box-sizing:border-box;
    }

   /* メニューを縦に並べる */
    DIV.header {
        flex-direction:column;
        gap:2px;
        padding:12px 0;
    }

    DIV.header a {
        width:90%;
        text-align:center;
        font-size:18px;
        padding:6px 6px; 
    }

    DIV.header, DIV.ICHI, DIV.ICHI2, DIV.mybody {
        width:100%;
        box-sizing:border-box;
        padding-left:10px;
        padding-right:10px;
    }

    TABLE.topzentai, 
    TABLE.topzentai TR, 
    TABLE.topzentai TD {
        display:block;
        width:100%;
        margin-bottom:15px;
    }

    TD.t {
        width:auto;
    }
}