.main-menu {
	display: none;
}
/* main visual
--------------------------------*/
#mvBox {
	background-image:url(../images/subpage_mv_bg.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}
#mvBox .inner {
    position: relative;
    margin: 0 auto;
    width: 980px;
}
h1 {
	padding: 58px 0;
	text-align: center;
}
h1 img {
	width: 342px;
}
/* contents common
--------------------------------*/
h2 {
	padding: 53px 0;
	color: #fff;
	font-size: 243%;
}
#areaBox {
	background: #fff;
}
#areaBox #mapArea {
    padding: 40px 40px 65px;
}
#areaBox #mapArea ul {
	margin-top: 4px;
}
#areaBox #mapArea ul li {
	float: left;
}
#areaBox #mapArea ul li a {
	position: relative;
	display: block;
	padding: 17px 0;
	text-align: center;
	font-size: 122%;
	color: #fff;
	font-weight: bold;	
}
#areaBox #mapArea ul li a:before {
	position: absolute;
	content: "";
	top: 50%;
	margin-top: -3.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 4.5px 0 4.5px;
	border-color: #ffffff transparent transparent transparent;
	right: 21px;
}
#areaBox .areaBg {
	padding: 0 40px 60px;
	background: url(../images/areabox_bg.png) center 22px repeat-y;
}
#areaBox .areaBg > div + div {
	margin-top: 100px;
}
#areaBox h3 {
	margin-bottom: 60px;
	padding: 24px 0 22px;
	border-top: 2px solid #b30004;
	border-bottom: 2px solid #b30004;
	font-size: 200%;
	text-align: center;
}
/* spot details */
#areaBox ul.spotList li {
	overflow: hidden;
	padding: 0 20px;
}
#areaBox ul.spotList li + li {
	margin-top: 60px;
}
#areaBox ul.spotList.left_start li:nth-child(2n+1) .img {
	float: left;
}
#areaBox ul.spotList.left_start li:nth-child(2n) .img {
	float: right;
}
#areaBox ul.spotList.right_start li:nth-child(2n+1) .img {
	float: right;
}
#areaBox ul.spotList.right_start li:nth-child(2n) .img {
	float: left;
}
#areaBox ul.spotList li .img,
#areaBox ul.spotList li .img img {
	width: 400px;
}
#areaBox ul.spotList li .img small {
	display: block;
	text-align: right;
	font-size: 72%;
}
#areaBox ul.spotList li .txtBox {
	width: 430px;
}
#areaBox ul.spotList.left_start li:nth-child(2n+1) .txtBox {
	float: right;
}
#areaBox ul.spotList.left_start li:nth-child(2n) .txtBox {
	float: left;
}
#areaBox ul.spotList.right_start li:nth-child(2n+1) .txtBox {
	float: left;
}
#areaBox ul.spotList.right_start li:nth-child(2n) .txtBox {
	float: right;
}
#areaBox ul.spotList li .txtBox h4 {
	margin-bottom: 15px;
	font-size: 172%;
	font-weight: bold;
    line-height: 1.1;
}
#areaBox ul.spotList li .txtBox .spotInfo + h4 {
	margin-top: 15px;
}
#areaBox ul.spotList li .txtBox .spotInfo {
	margin-top: 15px;
	padding: 12px 10px 10px 16px;
	background: #ededed;
	font-size: 79%;
	line-height: 1.6;
}
#areaBox ul.spotList li.column .txtBox .spotInfo {
	background: #fff;
}
#areaBox ul.spotList li .txtBox .spotInfo p {
	font-weight: bold;
	margin-bottom: 5px;
}
#areaBox ul.spotList li .txtBox .spotInfo table + p {
	margin-top: 10px;
}
#areaBox ul.spotList li .txtBox .spotInfo table th {
	width: 85px;
	padding-right: 5px;
	text-align: justify;
	-webkit-text-align-last: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-justify: inter-ideograph;
}
#areaBox ul.spotList li .txtBox .btn {
	margin-top: 15px;
}
#areaBox ul.spotList li .txtBox .btn a {
	display: block;
	padding: 14px 0 15px;
	width: 310px;
	background: #000;
	font-size: 115%;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
/* column */
#areaBox ul.spotList li.column {
	padding-top: 18px;
	padding-bottom: 20px;
	border-top: 2px solid #a50001;
	background: #f4f2eb;
}
#areaBox ul.spotList li.column + li.column {
	padding-top: 20px;
	margin-top: 0;
	border-top: none;
}
#areaBox ul.spotList li.column .txtBox {
	margin-top: 13px;
}
#areaBox ul.spotList li.column .txtBox h4 {
	font-size: 143%;
}
/* contents sanin
--------------------------------*/
.page-sanin #areaBox #mapArea ul li + li {
	margin-left: 4px;
}
.page-sanin #areaBox #mapArea ul li a {
	width: 448px;
	background: #589541;
}
/* contents setouchi
--------------------------------*/
.page-setouchi #areaBox #mapArea ul li:nth-child(2){
	margin-left: 4px;
}
.page-setouchi #areaBox #mapArea ul li a {
	width: 448px;
	background: #ce4d3d;
}
.page-setouchi #areaBox #mapArea ul li:nth-child(n+3) a{
	width: 297px;
	margin-top: 9px;
}
.page-setouchi #areaBox #mapArea ul li:nth-child(n+4) a{
	margin-left: 4.5px;
}
.page-setouchi #areaBox #kagawaArea ul.spotList li.column .img {
	margin: 0 -40px;
}
.page-setouchi #areaBox #kagawaArea ul.spotList li.column .txtBox {
	width: 540px;
}