/* ================================================== */
       /* --- 区切り線 --- */
	.hr01 {
        width:700px;                   /* 長さ */
        border: 1px darkgray solid;    /* 幅・色・線種 dotted solid */ 
        padding: 0px; 
        margin: 0px;
	height: 1px;
	}

       /* --- 区切り線 --- */
	.hr02 {
        width:500px;                   /* 長さ */
        border: 1px darkgray solid;    /* 幅・色・線種 */
        padding: 0px; 
        margin: 0px;
	height: 1px;
	}

       /* --- 区切り線 --- */
	.hr04 {
        width: 650px;
        padding: 0px; 
        margin: 10px 25px 10px 25px;
        border:none;
 	border-top:solid 1px darkgray;  /* dotted solid dashed*/
        }



   /* ================================================== */
       /* === 先頭部分メニューエリア === */
	div.nav20 {
        line-height: 150%; 	/* 行の高さ */
        vertical-align: top;
	}

	div.nav20 td.td21 {
	width: 90px; 
        text-align: center; 
        vertical-align: middle;
        font-size : 10px;
	}

	div.nav20 td.td21 a.a21 {
	text-decoration: none;
        padding: 2px 5px 1px 5px;
	}
	div.nav20 td.td21 a:hover.a21 {
        background-color: #ffccff;
        padding: 2px 5px 1px 5px;
        border:0px;
        color: #000000;
	}


   /* ================================================== */

       /* === メニュー＆選択項目バー === */
	div.nav2 {
	width: 700px; height: 29px; 		/* ナビゲーションの幅 */
	border-top:　0px #000000　solid; 	/* 上境界線 */
	border-bottom:  2px #a9a9a9 solid; 	/* 下境界線 */
        }

       /* --- 見出し文字エリア --- */
	div.nav2 td.mds {
        width: 200px;
        text-align: center; 
        vertical-align: middle;
        font-size: 20px;                  	/* 文字の大きさ */
	color: #ff0099;                   	/* 文字色 */
        font-family: "HGS創英角ﾎﾟｯﾌﾟ体";  	/* フォント　メイリオ　HGS創英角ﾎﾟｯﾌﾟ体 */
	font-weight: bold;                	/* 文字の太さ（太字） */
	}


   /* ================================================== */

       /* --- マリンレジャー --- */
	div.marile {
	width: 700px; /* 新着情報エリアの幅 */
        }

       /* --- 新着リスト --- */
	div.marile dl {
	margin: 0;
	}

       /* --- カテゴリ別見出しエリア --- */
	.irotuki {
	margin: 15px 175px 5px 25px;      /* キャプションエリアのマージン（上右下左） */
        width: 500px;                    /* 幅 */
	padding: 2px 0px 0px 0px;        /* エリアのパディング（上右下左） */
        font-size: 14px;
	text-align: left;
        color: yellow;   
        background-color: steelblue;  
        font-weight: bold;
        }

       /* --- 個別項目エリア（日付なし） --- */
	.dd01 {
	margin:0px 0px 0px 50px; 	/* キャプションエリアのマージン（上右下左） */
	padding: 0px 20px 0px 20px; 	/* 本文エリアのパディング（上右下左） */
        font-size: 13px;
	line-height: 17px;
	text-align: left;
        vertical-align: middle;
 	}

       /* --- 個別項目エリア（日付なし/段落あり） --- */
	.dd011 {
	margin:0px 0px 0px 75px; 	/* キャプションエリアのマージン（上右下左） */
	padding: 0px 20px 0px 20px; 	/* 本文エリアのパディング（上右下左） */
        font-size: 13px;
	line-height: 17px;
	text-align: left;
        vertical-align: middle;
 	}

       /* --- 個別項目エリア（日付） --- */
	.hiduke {
	margin: 10px 0px 0px 50px;       /* キャプションエリアのマージン（上右下左） */
	padding: 0px 20px 0px 20px;  	/* 本文エリアのパディング（上右下左） */
        font-size: 11px;
	line-height: 13px;
	text-align: left;
        vertical-align: middle;
 	}
       
       /* --- 個別項目エリア（日付あり・項目名） --- */
	.moji {
	margin: 0px 0px 0px 5px; 	/* キャプションエリアのマージン（上右下左） */
	padding: 0px 20px 0px 0px; 	/* 本文エリアのパディング（上右下左） */
        font-size: 11px;
	line-height: 13px;
	text-align: left;
        vertical-align: middle;
 	}

       /* --- 個別項目エリア（日付あり・項目名） --- */
	.moji2 {
	margin: 0px 0px 0px 50px; 	/* キャプションエリアのマージン（上右下左） */
	padding: 0px 20px 0px 30px; 	/* 本文エリアのパディング（上右下左） */
        font-size: 11px;
	line-height: 13px;
	text-align: left;
        vertical-align: middle;
 	}


   /* ================================================== */

	a.sentaku2 {
	       /* text-decoration: none; */
        padding: 0px 5px 0px 5px;
	}
	a:hover.sentaku2 {
        background-color: #ffccff;
        padding: 0px 5px 0px 5px;
        color: #000000;
	}

   /* ================================================== */
       /* --- ナビゲーションバー下部 --- */
	/* === 下部線 === */
	.nav3 {
        width: 700px;
        padding: 0px;
        margin: 5px 0;
        border:none;
        border-top:solid 2px darkgray; 
        }

	/* === 下部注意書き === */
	.moji31 {
        text-align: center; 
        vertical-align: middle;
        font-size : 11px;
        line-height :20px ;
	}

	.moji32 {
        text-align: center; 
        vertical-align: middle;
        font-size : 11px;
        font-weight: bold; 
        line-height : 15px ; 
	}

	.moji33 {
        text-align: center; 
        vertical-align: middle;
        font-size : 11px;
        line-height : 12px ; 
	}


   /* ================================================== */
       /* --- トップへの戻り記述部分 --- */

        .mds071 {
        text-align: center; 
        vertical-align: top;
        font-size : 10px;
        /* line-height: 10px; */ 
        color:#000000;
	text-align: center;
        margin-left: 600px; 
        width:100px;
        }


	a.a071 {
	text-decoration: none; 
        padding: 2px 5px 1px 5px;
	}
	a:hover.a071 {
        background-color: #ffccff;
        padding: 1px 5px 1px 5px;
        border:0px;
        color: #000000; 
	}