@charset "UTF-8";

@media screen and (min-width: 641px) {

header nav ul li.gnav02 a {
	display: block;
	color: #333333;
	border-bottom: 5px solid #333333;
}

#area {
	box-sizing: border-box;
	margin-bottom: 60px;
	padding: 55px 0 0 0;
	height: 466px;
	background: url(../images/index/bg_area.png) center top;
}
#area .inner {
	position: relative;
	width: 857px;
	margin: 0 auto;
}
#area .inner .map {
	position: absolute;
	top: 38px;
	left: 178px;
}
.area_table {
	border-collapse: collapse;
	width: 182px;
	font-size: 13px;
	line-height: 1.0;
}
.area_table thead th {
	padding: 6px 0;
	border-radius: 4px 4px 0 0;
	text-align: center;
	background: #ffffff;
	color: #ff0000;
	font-weight: bold;
}
.area_table tbody td {
	border: 1px solid #fff;
	text-align: center;
}
.area_table tbody td a {
	display: block;
	padding: 6px 0;
	background: #ff0000;
	text-align: center;
	color: #ffffff;
}
.area_table.hokkaido {
	position: absolute;
	right: 0;
	top: 0;
}
.area_table.hokkaido thead th {
	color: #14c0c9;
}
.area_table.hokkaido tbody td {
	background: #14c0c9;
}
.area_table.hokkaido tbody td a{
	background: #14c0c9;
}
.area_table.hokkaido tbody td a:hover{
	background: #159ea5;
}
.area_table.hokuriku {
	position: absolute;
	right: 0;
	top: 117px;
}
.area_table.hokuriku thead th {
	color: #2f94cd;
}
.area_table.hokuriku tbody td {
	background: #2f94cd;
}
.area_table.hokuriku tbody td a{
	background: #2f94cd;
}
.area_table.hokuriku tbody td a:hover{
	background: #2b7aa7;
}
.area_table.kantou {
	position: absolute;
	right: 0;
	top: 226px;
}
.area_table.kantou thead th {
	color: #7086cd;
}
.area_table.kantou tbody td {
	background: #7086cd;
}
.area_table.kantou tbody td a{
	background: #7086cd;
}
.area_table.kantou tbody td a:hover{
	background: #5e6ea5;
}
.area_table.toukai {
	position: absolute;
	left: 307px;
	top: 316px;
	width: 243px;
}
.area_table.toukai thead th {
	color: #3bc070;
}
.area_table.toukai tbody td {
	background: #3bc070;
}
.area_table.toukai tbody td a{
	background: #3bc070;
}
.area_table.toukai tbody td a:hover{
	background: #399d5e;
}

.area_table.kinki {
	position: absolute;
	left: 0;
	top: 0;
}
.area_table.kinki thead th {
	color: #bddd35;
}
.area_table.kinki tbody td {
	background: #bddd35;
}
.area_table.kinki tbody td a{
	background: #bddd35;
}
.area_table.kinki tbody td a:hover{
	background: #9cb736;
}

.area_table.shikoku {
	position: absolute;
	left: 0;
	top: 100px;
}
.area_table.shikoku thead th {
	color: #f3b42f;
}
.area_table.shikoku tbody td {
	background: #f3b42f;
}
.area_table.shikoku tbody td a{
	background: #f3b42f;
}
.area_table.shikoku tbody td a:hover{
	background: #ca972c;
}
.area_table.kyushu {
	position: absolute;
	left: 0;
	top: 226px;
}
.area_table.kyushu thead th {
	color: #f08866;
}
.area_table.kyushu tbody td {
	background: #f08866;
}
.area_table.kyushu tbody td a{
	background: #f08866;
}
.area_table.kyushu tbody td a:hover{
	background: #c77255;
}

}

@media screen and (max-width: 640px) {
	
#area {
	width: 92%;
	margin: 0 auto 25px;
}
#area h2 {
}
#area .inner {
	position: relative;
	width: 100%;
}
#area .inner .map {
	display: none;
}

.area_table {
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
	line-height: 1.0;
}
.area_table thead th {
	padding: 10px 0;
	text-align: center;
	border: 1px solid #fff;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
.area_table tbody td {
	border: 1px solid #fff;
	text-align: center;
	background: #ff0000;
}
.area_table tbody td a {
	display: block;
	padding: 10px 0;
	text-align: center;
	color: #333333;
}

.area_table.hokkaido {
}
.area_table.hokkaido thead th {
	background: #14c0c9;
}
.area_table.hokkaido tbody td {
	background: #d0f2f4;
}

.area_table.hokuriku {
}
.area_table.hokuriku thead th {
	background: #2f94cd;
}
.area_table.hokuriku tbody td {
	background: #d5eaf5;
}

.area_table.kantou {
}
.area_table.kantou thead th {
	background: #7086cd;
}
.area_table.kantou tbody td {
	background: #e2e7f5;
}

.area_table.toukai {
}
.area_table.toukai thead th {
	background: #3bc070;
}
.area_table.toukai tbody td {
	background: #d8f2e2;
}

.area_table.kinki {
}
.area_table.kinki thead th {
	background: #bddd35;
}
.area_table.kinki tbody td {
	background: #f2f8d7;
}

.area_table.shikoku {
}
.area_table.shikoku thead th {
	background: #f3b42f;
}
.area_table.shikoku tbody td {
	background: #fdf0d5;
}

.area_table.kyushu {
}
.area_table.kyushu thead th {
	background: #f08866;
}
.area_table.kyushu tbody td {
	background: #fce7e0;
}

}

@media screen and (min-width: 641px) {

#area02 {
	box-sizing: border-box;
	padding-bottom: 75px;
}
#area02 .inner {
	position: relative;
	width: 857px;
	margin: 0 auto;
}
.area_table02 {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 25px;
}
.area_table02 tbody th {
	width: 177px;
	padding: 6px 0;
	text-align: center;
	border: 2px solid #fff;
	background: #ff0000;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
}
.area_table02 tbody td {
	width: 254px;
	border: 2px solid #fff;
	text-align: center;
	/*background: #ff0000;*/
	font-size: 16px;
}
.area_table02 tbody td a {
	display: block;
	padding: 20px 0;
	/*background: #ff0000;*/
	text-align: center;
	color: #333333;
}
.area_table02.hokkaido {
}
.area_table02.hokkaido tbody th {
	background: #14c0c9;
}
.area_table02.hokkaido tbody td {
}
.area_table02.hokkaido tbody td a{
	background: #d0f2f4;
}
.area_table02.hokkaido tbody td a:hover{
	background: #a1e6e9;
}
.area_table02.hokuriku {
}
.area_table02.hokuriku tbody th {
	background: #2f94cd;
}
.area_table02.hokuriku tbody td {
}
.area_table02.hokuriku tbody td a{
	background: #d5eaf5;
}
.area_table02.hokuriku tbody td a:hover{
	background: #acd4eb;
}
.area_table02.kantou {
}
.area_table02.kantou tbody th {
	background: #7086cd;
}
.area_table02.kantou tbody td {
}
.area_table02.kantou tbody td a{
	background: #e2e7f5;
}
.area_table02.kantou tbody td a:hover{
	background: #c6cfeb;
}
.area_table02.toukai {
}
.area_table02.toukai tbody th {
	background: #3bc070;
}
.area_table02.toukai tbody td {
}
.area_table02.toukai tbody td a{
	background: #d8f2e2;
}
.area_table02.toukai tbody td a:hover{
	background: #b1e6c6;
}

.area_table02.kinki {
}
.area_table02.kinki tbody th {
	background: #bddd35;
}
.area_table02.kinki tbody td {
}
.area_table02.kinki tbody td a{
	background: #f2f8d7;
}
.area_table02.kinki tbody td a:hover{
	background: #e5f1ae;
}

.area_table02.shikoku {
}
.area_table02.shikoku tbody th {
	background: #f3b42f;
}
.area_table02.shikoku tbody td {
}
.area_table02.shikoku tbody td a{
	background: #fdf0d5;
}
.area_table02.shikoku tbody td a:hover{
	background: #fae1ac;
}
.area_table02.kyushu {
}
.area_table02.kyushu tbody th {
	background: #f08866;
}
.area_table02.kyushu tbody td {
}
.area_table02.kyushu tbody td a{
	background: #fce7e0;
}
.area_table02.kyushu tbody td a:hover{
	background: #f9cfc2;
}

}

@media screen and (max-width: 640px) {

#area02 {
	display: none;
}

}