@charset "shift_jis";

@import url(../css/general.css);
@import url(../css/basic.css);

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

   Style Info: –ò‹ÇŒŸ�õ
 
==================================================================== */

/* ---------------------------------------------
   •ª‹ÆMAP�@TOP
----------------------------------------------*/

/* ’n�}
--------------------------------- */

#prefecture, #prefecture_h {
	width:640px;
	margin-top:15px;
	text-align:center;
	}

#prefecture {
	height:390px;
	background:url(image/prefecture_bg.gif) no-repeat left top;
	}

#prefectureBox{
    border: 3px solid #58B77E;
    border-radius: 10px;
    margin-top: 15px;
    padding-bottom: 19px;
}

.prefecture_areaBox{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.prefecture_areamap{
    width: 405px;
    margin-right: 15px;
}

.prefecture_areaList{
    width: 160px;
}

.prefecture_areaList li{
    list-style: none;
    border:1px solid #98D1AF;
    border-radius: 5px;
    line-height: 1.4;
    width: 100%;
    margin-bottom: 8px;
    box-sizing: border-box;
    font-size: 12px;
    text-align: left;
    display: flex;
    justify-content: flex-start;
}

.prefecture_areaList li:last-child{margin-bottom: 0px;}

.prefecture_areaList li a{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding: 7px 10px 7px 30px;
    text-decoration: none;
    color: #323232;
    background: linear-gradient(to bottom, #fff -10%, #E4F3EB);
    border-bottom: 1px solid #fff;
    border-radius: 5px;
    position: relative;
}

.prefecture_areaList li a::before{
    content: "";
    display: block;
    position: absolute;
    top: 27%;
    left: 10px;
    width: 14px;
    height: 14px;
    background-color: #57B67D;
    border-radius: 50%;
}

.prefecture_areaList li a::after{
    content: "";
    display: block;
    position: absolute;
    left: 16px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #fff;
}

.prefecture_areaList li a:hover{color: #3AAA67;}



/* ”ªŒË */
#prefecture_h {
	height:748px;
	background:url(image/prefecture_h_bg.gif) no-repeat left top;
	}

#prefectureBox_ha{
    border: 3px solid #58B77E;
    border-radius: 10px;
    margin-top: 15px;
    padding-bottom: 9px;
}

#prefecture_fla {
	width:602px;
	margin:0 auto;
	padding-top:19px;
	}

/* FlashƒGƒ‰�[ ----- */

#fla_error, #fla_error_h { text-align:center; }
#fla_error p img { margin:90px 0 20px 0; }
#fla_error_h p img { margin:255px 0 20px 0; }

.prefecture_mapBtn{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
/*    align-items: center;*/
    margin-top: 20px;
}

.prefecture_mapBtn li{
    list-style: none;
    border:1px solid #98D1AF;
    border-radius: 5px;
    line-height: 1.4;
    width: calc((100% - (10px*4)) /5);
    min-height: 49px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    font-size: 11px;
    text-align: left;
    display: flex;
    justify-content: flex-start;
}

.prefecture_mapBtn li:nth-child(5n){
    width: calc((100% - (10px*4)) /5);
    margin-right: 0px;
    margin-bottom: 12px;
}

.prefecture_mapBtn li a{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding: 7px 10px;
    text-decoration: none;
    color: #323232;
    background: linear-gradient(to bottom, #fff -10%, #E4F3EB);
    border-bottom: 1px solid #fff;
    border-radius: 5px;
}

.prefecture_mapBtn li a:hover{color: #3AAA67;}



.prefecture_mapBtn .grText{
    font-weight: bold;
    font-size: 18px;
    color: #3AAA67;
    margin-right: 8px;
}


/* ˆê——
--------------------------------- */

ul#map_list {
	width:648px;
	margin:0 auto;
	list-style:none;
	padding-top:15px;
	}

#map_list li {
	float:left;
	display:inline;
	margin:0 4px;
	font-size:0;
	line-height:0;
	}


/* ˆó�ü‚ɂ‚¢‚Ä
--------------------------------- */

#print ol { margin-left:20px; }
*html body #print ol { margin-left:25px; }
#print li img { margin:0 5px; vertical-align:middle; margin-bottom:5px; }

/* IE6 ----- */

#print_ie6 {
	width:640px;
	background:url(../image/box_bg.gif) repeat-y left top;
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	margin:20px auto 0 auto;
	text-align:left;
	padding:22px 0;
	}

#print_ie6 h4 {
	padding-left:22px;
	padding-bottom:15px;
	}

#print_ie6 div#left {
	width:324px;
	float:left;
	margin-left:22px;
	display:inline;
	}

#print_ie6 div#left ol { margin-left:20px; }
*html body #print_ie6 div#left ol { margin-left:25px; }
#print_ie6 div#left li code { font-weight:bold; color:#fb981e; }

#print_ie6 p#right {
	width:272px;
	float:left;
	margin-left:22px;
	display:inline;
	padding-top:2px;
	}


/* ---------------------------------------------
   �Ú�×
----------------------------------------------*/

/* ’nˆæ–¼�Eˆó�üƒ{ƒ^ƒ“
--------------------------------- */

#area_title {
	width:640px;
	margin:0 auto;
	padding:27px 0 20px 0;
	text-align:left;
	}

#area_title h3 { width:460px; float:left; }
#area_title h3 img { margin-top:5px; }

#area_title p { width:160px; float:right; }


/* ’n�}
--------------------------------- */

#area {
	width:640px;
	height:500px;
	background:url(image/area_back.gif) no-repeat left top;
	text-align:center;
	margin:0 auto;
	}

#area_map {
	width:634px;
	margin:0 auto;
	/*padding-top:19px;*/
	}

/* ˆÚ“®ƒ{ƒ^ƒ“ ----- */

/* �ã */
#area p.move_up { height:19px; text-align:center; }
#area p.move_up img { margin-top:3px; }

/* ‰º */
#area p.move_down { height:16px; text-align:center; }

/* �¶‰E */
#area_map p.move { width:16px; height:462px; float:left; }
#area_map p.move img { margin-top:180px; }
#area_map p.move a { outline:none; }

/* MAP ----- */

#area_map p.map { width:602px; height:462px; text-align:center; float:left; }


/* –ò‹Çˆê——
--------------------------------- */

#area_list table {
	width:640px;
	border-top:1px solid #5fc487;
	border-left:1px solid #5fc487;
	border-collapse:separate;
	border-spacing:0;
	}

#area_list th, #area_list td {
	border-bottom:1px solid #5fc487;
	border-right:1px solid #5fc487;
	padding:8px;
	line-height:1.2em;
	}

#area_list th {
	background-color:#e6fad7;
	text-align:center;
	font-weight:normal;
	}

#area_list td span { color:#fb981e; font-weight:bold; }
#area_list td b { color:#56b013; }

#area_list td b a {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding-right:14px;
	background:url(image/glink.gif) no-repeat right top;
	color:#56b013;
	}

#area_list td b a:hover { color:#73d22d; }