@charset "UTF-8";
/* ---------------------------------------------------------- */

/* ----- Homeのメインコンテンツ表示の設定 ---------------- */
main {
    padding: 60px 0 30px;      /* 要素内側の上部と下部の余白 */
}
/* ------------------------------------------------------ */

/* --▽▽▽ メインタイトルの背景画像設定 ▽▽▽-- */
.top-visual {
    height: 420px;
    width: 980px;
    background-image: url(../images/top-img001.JPG);    /* 背景画像 */
    background-size: cover;                   /* 背景画像のサイズ調整 */
    margin-bottom: 60px;                      /* 要素外側の下部余白 */
    text-align: center;                       /* テキストの位置指定 */
}

.top-logo {
    height: 140px;          /* イメージの高さ指定 */
    margin-top: 10px;
    margin-bottom: 90px;    /* 下側の余白 */
}

.top-subtitle {
    font-size: 24px;        /* 文字の大きさ */
    margin-bottom: 5px;     /* 下側の余白 */
}

.top-text {
    /* opacity: 0.9;           /* 要素の不透明度を指定 */
    color: #202020;
    line-height: 140%;
}
/* --△△△ メインタイトルの背景画像設定 △△△-- */

/* --▽▽▽ 新着・更新情報の表示設定 ▽▽▽-- */
.new-information-title {
    width: 650px;
    display: flex;
    margin: 0px auto 10px;
}

.new-information-title h3 {
    height: 24px;
    width: 280px;
	margin-right: 20px;
	padding: 5px 0px 0px 25px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	background-image: url(../images/head010_01.gif);
}

.new-information-title img {
    height: 29px;
    width: 316px;
}

.new-info-top {
    width: 650px;
    height: 210px;
    overflow-y: auto;
    border: 1px solid #808080;
    background-color: white;
    margin: 0 auto 60px;
}

.new-information {
    width: 650px;
    font-size: 14px;
    padding: 3px 0px;
}

.new-information td {
    padding: 3px 7px;
    border-bottom: 1px dotted #808080;
    vertical-align: top;
    line-height: 130%;
}

.new-contents {
    width: 100%;
}

.new-contents a {
    text-decoration: none;
}

.new-contents a:hover {
    text-decoration: underline;
}
/* --△△△ 新着・更新情報の表示設定 △△△-- */

/* --▽▽▽ メインMAPの表示設定 ▽▽▽-- */
.top {
    margin-bottom: 60px;
    color: #5a5c5f;         /* 文字の色 */
    /* text-align: center;     /* テキストの位置指定 */
}

.top h2 {
    margin-bottom: 10px;    /* 下側の余白 */
    text-align: center;     /* テキストの位置指定 */
}

.top-map {
    height: 650px;
    width: 650px;
    background-color: white;
    background-image: url(../japan-map-img/map-japan-todofuken.png);
    background-size: cover;
    border: 1px solid #c0c0c0;
    box-shadow: 3px 3px 5px #b7b7b7;
    margin-left: auto;
    margin-right: auto;
}

.top-map a {
    font-size: 16px;
    line-height: 160%;
    padding: 1px 10px;
    border: 1px solid #c0c0c0;
    border-radius: 12px;
    text-decoration: none;
}

.top-map a:hover {
    background-color: #fff799;
}

.text-hokkaido {
    width: 102px;
    position: relative;
    top: 80px;
    left: 300px;
}

.text-tohoku {
    width: 86px;
    position: relative;
    top: 220px;
    left: 280px;
}

.text-kanto {
    width: 86px;
    position: relative;
    top: 350px;
    left: 440px;
}

.text-chubu {
    width: 86px;
    position: relative;
    top: 250px;
    left: 220px;
}

.text-kinki {
    width: 86px;
    position: relative;
    top: 395px;
    left: 285px;
}

.text-chugoku {
    width: 86px;
    position: relative;
    top: 275px;
    left: 60px;
}

.text-shikoku {
    width: 86px;
    position: relative;
    top: 395px;
    left: 160px;
}

.text-kyushu {
    width: 86px;
    position: relative;
    top: 420px;
    left: 115px;
}

.top-select-area {
    text-align: center
} 
/* --△△△ メインMAPの表示設定 △△△-- */

/* --▽▽▽ エリアリストと累計の表示設定 ▽▽▽-- */
.area-map-list-top {
    width: 730px;
    display: flex;
    justify-content: space-around;
    margin: 0 auto 60px;
}

.area-map-list {
    width: 298px;
    height: 238px;
    padding-top: 10px;
    background-color: white;
    border: 1px solid #c0c0c0;
    box-shadow: 3px 3px 5px #b7b7b7;
}

.area-map-list h3 {
    text-align: center;
    margin-bottom: 8px;
}

.area-map-list li {
    margin-left: 5em;
    line-height: 160%;
    list-style-type: none;
}

.area-map-list li:hover {
    list-style-image: url(../images/yajirusi103.gif);
}

.area-map-list a {
    text-decoration: none;
}

.area-map-list a:hover {
    text-decoration: underline;
    color: red;
}
/* --△△△ エリアリストと累計の表示設定 △△△-- */

/* --▽▽▽ 作者プロフィールの表示設定 ▽▽▽-- */
.my-profile {
    width: 630px;
    /* height: 200px; */
    background-color: whitesmoke;
    /* border: 1px solid #c0c0c0; */
    border: 4px double #c0c0c0;
    padding: 10px 10px;
    margin: 0 auto;
}

.my-profile dt {
    margin-bottom: 0.2em;
}

.my-profile dd {
    margin-left: 1.4em;
    margin-bottom: 1em;
    line-height: 140%;
}

/* --△△△ 作者プロフィールの表示設定 △△△-- */