/* --------------------------------------------------
	scinex　2013.7.22.
	re_css/wagamachi.css
-------------------------------------------------- */


/* ------------------------
	container
------------------------ */
#container {
	width:1026px;
	margin:0 auto;
	padding:20px 0 0;
}

/* ------------------------
	main
------------------------ */
#main {
	width:695px;
	padding:0 0 0 1px;
	float:left;
}

/* ------------------------
	side
------------------------ */
#side {
	width:308px;
	float:right;
}




/* --------------------------------------------------
	ページ内リンク
-------------------------------------------------- */

#topLinkArea {
	background:#53cef1 url("../re_img/wagamachi/toplink_bg.gif") left top no-repeat;
	margin:1px 0 0 0;
	padding:0;
	height:33px;
	}

#topLinkArea ul {
	margin:0;
	padding:8px 0 0 60px;
	overflow:hidden;
	}
	
#topLinkArea ul li {
	list-style:none;
	background:url("../re_img/wagamachi/arrow01.png") left center no-repeat;
	padding:0 20px 0 10px;
	margin:0;
	color:#FFFFFF;
	font-size: 14px;
	float:left;
	white-space:nowrap;
	}
#topLinkArea ul li a {
	color:#FFFFFF;
	}


/* --------------------------------------------------
	各地域エリア
-------------------------------------------------- */

div#wagamachiAllList {
	padding-top:20px;
	padding-bottom:10px;
	}
	div#wagamachiAllList .areaLeft {
		width:336px;
		float:left;
		}
	div#wagamachiAllList .areaRight {
		width:335px;
		float:right;
		}

	div#wagamachiAllList .areaBox {
		margin-bottom:30px;
		}
	div#wagamachiAllList h3 {
		padding:3px 5px;
		margin:0px;
		text-align:left;
		font-weight:bold;
		color:#ffffff;
		}
	div#wagamachiAllList div#hokkaido h3   { background:#4991e8; }
	div#wagamachiAllList div#kanto h3      { background:#92bc15; }
	div#wagamachiAllList div#koshinetsu h3 { background:#ff5b7d; }
	div#wagamachiAllList div#hokuriku h3   { background:#afa07d; }
	div#wagamachiAllList div#tokai h3      { background:#3ea650; }
	div#wagamachiAllList div#kinki h3      { background:#ff6a0f; }
	div#wagamachiAllList div#chugoku h3    { background:#f2b114; }
	div#wagamachiAllList div#shikoku h3    { background:#3fb9d3; }
	div#wagamachiAllList div#kyushu h3     { background:#a058e7; }



	div#wagamachiAllList dl {
		list-style:none;
		padding:0px;
		margin:0px;
		}
		div#wagamachiAllList dl dt {
			margin-top:15px;
			margin-bottom:5px;
			padding-bottom:3px;
			border-bottom:dotted 1px #ffffff;
			font-weight:bold;
			}
		div#wagamachiAllList div#hokkaido dl dt   { border-color:#4991e8; color:#4991e8; }
		div#wagamachiAllList div#kanto dl dt      { border-color:#92bc15; color:#92bc15; }
		div#wagamachiAllList div#koshinetsu dl dt { border-color:#ff5b7d; color:#ff5b7d; }
		div#wagamachiAllList div#hokuriku dl dt   { border-color:#afa07d; color:#afa07d; }
		div#wagamachiAllList div#tokai dl dt      { border-color:#3ea650; color:#3ea650; }
		div#wagamachiAllList div#kinki dl dt      { border-color:#ff6a0f; color:#ff6a0f; }
		div#wagamachiAllList div#chugoku dl dt    { border-color:#f2b114; color:#f2b114; }
		div#wagamachiAllList div#shikoku dl dt    { border-color:#3fb9d3; color:#3fb9d3; }
		div#wagamachiAllList div#kyushu dl dt     { border-color:#a058e7; color:#a058e7; }

		div#wagamachiAllList dl dd {
			line-height:20px;
			}
			div#wagamachiAllList dl dd a {
				padding:0 0 0 12px;
				background-position:left center;
				background-repeat:no-repeat;
				}
			div#wagamachiAllList div#hokkaido dl dd a   { background-image:url(../re_img/main/map/icon_hokkaido.gif); }
			div#wagamachiAllList div#kanto dl dd a      { background-image:url(../re_img/main/map/icon_kanto.gif); }
			div#wagamachiAllList div#koshinetsu dl dd a { background-image:url(../re_img/main/map/icon_koshinetsu.gif); }
			div#wagamachiAllList div#hokuriku dl dd a   { background-image:url(../re_img/main/map/icon_hokuriku.gif); }
			div#wagamachiAllList div#tokai dl dd a      { background-image:url(../re_img/main/map/icon_tokai.gif); }
			div#wagamachiAllList div#kinki dl dd a      { background-image:url(../re_img/main/map/icon_kinki.gif); }
			div#wagamachiAllList div#chugoku dl dd a    { background-image:url(../re_img/main/map/icon_chugoku.gif); }
			div#wagamachiAllList div#shikoku dl dd a    { background-image:url(../re_img/main/map/icon_shikoku.gif); }
			div#wagamachiAllList div#kyushu dl dd a     { background-image:url(../re_img/main/map/icon_kyushu.gif); }
			div#wagamachiAllList div dl dd span {
				font-size: 86%;
				}


/* --------------------------------------------------
	サイドメニュー
	「最新エリア公開情報」
-------------------------------------------------- */
div#wagamachiNewArea {
	border:solid 1px #999999;
	margin-bottom:10px;
	padding-bottom:20px;
	overflow:hidden;
	width:298px;
	}
	div#wagamachiNewArea h2 {
		background:#8a8a8a url("../re_img/wagamachi/righttitle.gif") left center no-repeat;
		height:29px;
		margin-bottom:15px;
		}
		div#wagamachiNewArea h2 span { display:none; }
	div#wagamachiNewArea dl {
		width:278px;
		margin:5px 10px 5px 10px;
		clear:both;
		}
	div#wagamachiNewArea dt,
	div#wagamachiNewArea dd {
		display:block;
		font-size:86%;
		color:#666666;
	}
	div#wagamachiNewArea dt {
		line-height:1;
		padding:5px 5px 5px 12px;
		background:url("../common/images/arrow.gif") left 0.3em no-repeat;
		}
	div#wagamachiNewArea dt img { vertical-align:top; margin-left:1px; }
	div#wagamachiNewArea dd {
		line-height:1.3;
		padding:0 6px 0 12px;
		margin-bottom:6px;
		white-space:nowrap;
		float:left;
		border-right:1px solid #CCCCCC;
		}
	div#wagamachiNewArea dd a:link,
	div#wagamachiNewArea dd a:visited {
		color:#666666;
		}
	div#wagamachiNewArea dd a:hover {
		color:#666666;
		}


/* --------------------------------------------------
	avalanche　2018.5.25 added
-------------------------------------------------- */
/* layout */
.wagamachiWrap {
	margin:25px 0 30px;
	display: flex;
}
.wagamachiWrap #side {
	overflow-y: hidden;
	min-height: 260px;
	margin-left:22px;
	position:relative;
}
.wagamachiWrap .side-inner {
	height: 0;
}
.cf:after {
	content: "";
	clear: both;
	display: block;
}

/* Top page */
#WagamachiTop {
	display:block;
	height:260px;
	overflow:hidden;
}
#WagamachiTop li {
	display:block;
	width:235px;
	height:90px;
	float:left;
}
#WagamachiTop li:nth-child(3n) {
	width:225px;
}
#WagamachiTop li a {
	display:table-cell;
	width:225px;
	height:80px;
	overflow:hidden;
	text-align:left;
	text-decoration:none;
	vertical-align:middle;
	font-size:20px;
	font-size:1.25em;
	line-height:1.1;
	font-weight:bold;
}
#WagamachiTop li:nth-child(1) a {
	background:url("../re_img/wagamachi/bt_hokkaido.gif") left top no-repeat;
	color:#4991e8;
}
#WagamachiTop li:nth-child(2) a {
	background:url("../re_img/wagamachi/bt_kanto.gif") left top no-repeat;
	color:#92bc15;
}
#WagamachiTop li:nth-child(3) a {
	background:url("../re_img/wagamachi/bt_koshinetsu.gif") left top no-repeat;
	color:#ff5b7d;
}
#WagamachiTop li:nth-child(4) a {
	background:url("../re_img/wagamachi/bt_hokuriku.gif") left top no-repeat;
	color:#afa07d;
}
#WagamachiTop li:nth-child(5) a {
	background:url("../re_img/wagamachi/bt_tokai.gif") left top no-repeat;
	color:#3ea650;
}
#WagamachiTop li:nth-child(6) a {
	background:url("../re_img/wagamachi/bt_kinki.gif") left top no-repeat;
	color:#ff6a0f;
}
#WagamachiTop li:nth-child(7) a {
	background:url("../re_img/wagamachi/bt_chugoku.gif") left top no-repeat;
	color:#f2b114;
}
#WagamachiTop li:nth-child(8) a {
	background:url("../re_img/wagamachi/bt_shikoku.gif") left top no-repeat;
	color:#3fb9d3;
}
#WagamachiTop li:nth-child(9) a {
	background:url("../re_img/wagamachi/bt_kyushu.gif") left top no-repeat;
	color:#a058e7;
}
#WagamachiTop li a:hover {
	opacity:0.65;
}
#WagamachiTop li a span {
	display:block;
	margin-left:28px;
}




/* List page */
#WagamachiMenu1 {
	display:block;
	height:50px;
	margin-top:10px;
}
#WagamachiMenu2 {
	display:block;
	height:45px;
	margin-bottom:30px;
}
#WagamachiMenu1 li,
#WagamachiMenu2 li {
	display:block;
	width:110px;
	height:45px;
	margin-right:2px;
	float:left;
}
#WagamachiMenu1 li:last-child,
#WagamachiMenu2 li:last-child {
	margin-right:0;
}
#WagamachiMenu1 li a,
#WagamachiMenu2 li a {
	display:table-cell;
	width:110px;
	height:45px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	font-size:16px;
	font-size:1.0em;
	line-height:1.1;
	font-weight:bold;
	border-radius:4px;
	z-index:0;
	position:relative;
}
#WagamachiMenu1 li:nth-child(1) a { background:#4991e8; }
#WagamachiMenu1 li:nth-child(2) a { background:#92bc15; }
#WagamachiMenu1 li:nth-child(3) a { background:#ff5b7d; }
#WagamachiMenu1 li:nth-child(4) a { background:#afa07d; }
#WagamachiMenu1 li:nth-child(5) a { background:#3ea650; }
#WagamachiMenu1 li:nth-child(6) a { background:#ff6a0f; }
#WagamachiMenu1 li:nth-child(7) a { background:#f2b114; }
#WagamachiMenu1 li:nth-child(8) a { background:#3fb9d3; }
#WagamachiMenu1 li:nth-child(9) a { background:#a058e7; }
#WagamachiMenu2 li:nth-child(1) a { background:#4991e8; }
#WagamachiMenu2 li:nth-child(2) a { background:#92bc15; }
#WagamachiMenu2 li:nth-child(3) a { background:#ff5b7d; }
#WagamachiMenu2 li:nth-child(4) a { background:#afa07d; }
#WagamachiMenu2 li:nth-child(5) a { background:#3ea650; }
#WagamachiMenu2 li:nth-child(6) a { background:#ff6a0f; }
#WagamachiMenu2 li:nth-child(7) a { background:#f2b114; }
#WagamachiMenu2 li:nth-child(8) a { background:#3fb9d3; }
#WagamachiMenu2 li:nth-child(9) a { background:#a058e7; }
#WagamachiMenu1 li.in,
#WagamachiMenu2 li.in {
	width:120px!important;
	z-index:99;
}
#WagamachiMenu1 li.in a,
#WagamachiMenu2 li.in a {
	width:120px;
	background:#fff!important;
	box-shadow:0 0 5px 3px rgba(0,0,0,0.3);
}
#WagamachiMenu1 li.in a:after {
	content:url("../re_img/wagamachi/menu_horn1.png");
	position:absolute;
	bottom:-26px;
	left:50%;
	margin-left:-12px;
}
#WagamachiMenu2 li.in a:after {
	content:url("../re_img/wagamachi/menu_horn2.png");
	position:absolute;
	top:-26px;
	left:50%;
	margin-left:-12px;
}
#WagamachiMenu1 li.in:nth-child(1) a { color:#4991e8; }
#WagamachiMenu1 li.in:nth-child(2) a { color:#92bc15; }
#WagamachiMenu1 li.in:nth-child(3) a { color:#ff5b7d; }
#WagamachiMenu1 li.in:nth-child(4) a { color:#afa07d; }
#WagamachiMenu1 li.in:nth-child(5) a { color:#3ea650; }
#WagamachiMenu1 li.in:nth-child(6) a { color:#ff6a0f; }
#WagamachiMenu1 li.in:nth-child(7) a { color:#f2b114; }
#WagamachiMenu1 li.in:nth-child(8) a { color:#3fb9d3; }
#WagamachiMenu1 li.in:nth-child(9) a { color:#a058e7; }
#WagamachiMenu2 li.in:nth-child(1) a { color:#4991e8; }
#WagamachiMenu2 li.in:nth-child(2) a { color:#92bc15; }
#WagamachiMenu2 li.in:nth-child(3) a { color:#ff5b7d; }
#WagamachiMenu2 li.in:nth-child(4) a { color:#afa07d; }
#WagamachiMenu2 li.in:nth-child(5) a { color:#3ea650; }
#WagamachiMenu2 li.in:nth-child(6) a { color:#ff6a0f; }
#WagamachiMenu2 li.in:nth-child(7) a { color:#f2b114; }
#WagamachiMenu2 li.in:nth-child(8) a { color:#3fb9d3; }
#WagamachiMenu2 li.in:nth-child(9) a { color:#a058e7; }

#WagamachiMenu1 li a:hover,
#WagamachiMenu2 li a:hover {
	opacity:0.65;
}



.inMenu {
	width:100%;
	margin-bottom:20px;
	padding:5px 0;
	text-align:center;
	border-radius:4px;
}
.hokkaido .inMenu { background:#dbe9fa; }
.kanto .inMenu { background:#e9f2d0; }
.koshinetsu .inMenu { background:#ffdee5; }
.hokuriku .inMenu { background:#efece5; }
.tokai .inMenu { background:#d8eddc; }
.kinki .inMenu { background:#ffe1cf; }
.chugoku .inMenu { background:#fcefd0; }
.shikoku .inMenu { background:#d9f1f6; }
.kyushu .inMenu { background:#ecdefa; }
.inMenu li {
	display:inline-block;
	padding:0 10px;
	border-right:solid 1px #ccc;
}
.inMenu li:last-child { border:none; }
.hokkaido .inMenu li { border-color:#4991e8; }
.kanto .inMenu li { border-color:#92bc15; }
.koshinetsu .inMenu li { border-color:#ff5b7d; }
.hokuriku .inMenu li { border-color:#afa07d; }
.tokai .inMenu li { border-color:#3ea650; }
.kinki .inMenu li { border-color:#ff6a0f; }
.chugoku .inMenu li { border-color:#f2b114; }
.shikoku .inMenu li { border-color:#3fb9d3; }
.kyushu .inMenu li { border-color:#a058e7; }
.inMenu li a { color:#00479d; }


#main dl {
	margin-bottom:10px;
}
#main dt {
	background:#999 url("../re_img/wagamachi/icon_dot.gif") 10px center no-repeat;
	border-radius:4px;
	padding:10px 30px;
	margin-bottom:8px;
	font-size:18px;
	font-size:1.125;
	line-height:1.1;
	color:#fff;
	font-weight:bold;
	text-align:left;
}
.hokkaido #main dt { background-color:#4991e8; }
.kanto #main dt { background-color:#92bc15; }
.koshinetsu #main dt { background-color:#ff5b7d; }
.hokuriku #main dt { background-color:#afa07d; }
.tokai #main dt { background-color:#3ea650; }
.kinki #main dt { background-color:#ff6a0f; }
.chugoku #main dt { background-color:#f2b114; }
.shikoku #main dt { background-color:#3fb9d3; }
.kyushu #main dt { background-color:#a058e7; }
#main dt a {
	color:#fff;
	text-decoration:none;
	pointer:arrow;
}
#main dd {
	display:block;
	width:215px;
	float:left;
	margin:0 5px 15px 10px;
	padding:0;
	font-size:12px;
	font-size:0.88em;
}
#main dd a {
	display:inline-block;
	padding-left:13px;
}
.hokkaido #main dd a { background:url("../re_img/main/map/icon_hokkaido.gif") center left no-repeat; }
.kanto #main dd a { background:url("../re_img/main/map/icon_kanto.gif") center left no-repeat; }
.koshinetsu #main dd a { background:url("../re_img/main/map/icon_koshinetsu.gif") center left no-repeat; }
.hokuriku #main dd a { background:url("../re_img/main/map/icon_hokuriku.gif") center left no-repeat; }
.tokai #main dd a { background:url("../re_img/main/map/icon_tokai.gif") center left no-repeat; }
.kinki #main dd a { background:url("../re_img/main/map/icon_kinki.gif") center left no-repeat; }
.chugoku #main dd a { background:url("../re_img/main/map/icon_chugoku.gif") center left no-repeat; }
.shikoku #main dd a { background:url("../re_img/main/map/icon_shikoku.gif") center left no-repeat; }
.kyushu #main dd a { background:url("../re_img/main/map/icon_kyushu.gif") center left no-repeat; }




/* Side menu */
.wagamachiWrap #wagamachiNewArea {
	border:solid 1px #999;
	border-radius:8px;
	margin-bottom:0;
	padding-bottom:0;
	overflow:hidden;
	width:298px;
	}
	.wagamachiWrap #wagamachiNewArea h2 {
		background:#999 url("../re_img/wagamachi/icon_dot.gif") 10px center no-repeat;
		height:auto;
		margin-bottom:20px;
		padding:10px 30px;
		font-size:18px;
		font-size:1.125;
		line-height:1.1;
		color:#fff;
		font-weight:bold;
		text-align:left;
		}
		.wagamachiWrap #wagamachiNewArea h2 span { display:inline; }
	.wagamachiWrap #wagamachiNewArea dl {
		width:278px;
		margin:0 0 20px 18px;
		padding:0 0 20px;
		border-bottom:dotted 1px #999;
		clear:both;
		}
	.wagamachiWrap #wagamachiNewArea dt,
	.wagamachiWrap #wagamachiNewArea dd {
		display:block;
		font-size:86%;
		color:#666666;
	}
	.wagamachiWrap #wagamachiNewArea dt {
		color:#00125d;
		font-weight:bold;
		line-height:1;
		padding:0 0 5px;
		background:none;
		}
	div#wagamachiNewArea dt img { vertical-align:top; margin-left:1px; }
	div#wagamachiNewArea dd {
		width:130px;
		line-height:1.3;
		padding:0;
		margin-right:15px;
		margin-bottom:6px;
		white-space:nowrap;
		float:left;
		border-right:none;
		}
	div#wagamachiNewArea dd:nth-child(2n+1) {
		margin-right:0;
	}
	div#wagamachiNewArea dd a {
		display:block;
		padding-left:14px;
	}
	div#wagamachiNewArea dd a.hokkaido {
		background:url("../re_img/main/map/icon_hokkaido.gif") center left no-repeat;
	}
	div#wagamachiNewArea dd a.kanto {
		background:url("../re_img/main/map/icon_kanto.gif") center left no-repeat;
	}
	div#wagamachiNewArea dd a.koshinetsu {
		background:url("../re_img/main/map/icon_koshinetsu.gif") center left no-repeat;
	}
	div#wagamachiNewArea dd a.hokuriku {
		background:url("../re_img/main/map/icon_hokuriku.gif") center left no-repeat;
	}
	div#wagamachiNewArea dd a.tokai {
		background:url("../re_img/main/map/icon_tokai.gif") center left no-repeat;
	}
	div#wagamachiNewArea dd a.kinki {
		background:url("../re_img/main/map/icon_kinki.gif") center left no-repeat;
	}
	div#wagamachiNewArea dd a.chugoku {
		background:url("../re_img/main/map/icon_chugoku.gif") center left no-repeat;
	}
	div#wagamachiNewArea dd a.shikoku {
		background:url("../re_img/main/map/icon_shikoku.gif") center left no-repeat;
	}
	div#wagamachiNewArea dd a.kyushu {
		background:url("../re_img/main/map/icon_kyushu.gif") center left no-repeat;
	}
	
	div#wagamachiNewArea dd a:link,
	div#wagamachiNewArea dd a:visited {
		color:#666666;
		}
	div#wagamachiNewArea dd a:hover {
		color:#666666;
		}


	.wagamachiWrap #wagamachiNewArea > div {
		position:absolute;
		left:0;
		bottom:0;
		width:300px;
		background:#fff;
	}
	.wagamachiWrap #wagamachiNewArea > div a {
		display:block;
		background:#999;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		border-radius:0 0 8px 8px;
		padding:10px 0;
		text-align:center;
	}
	.wagamachiWrap #wagamachiNewArea > div a:before {
		content:"+";
		margin-right:5px;
	}
	.wagamachiWrap #wagamachiNewArea > div a.close:before {
		content:"−";
		margin-right:5px;
	}
	.wagamachiWrap #wagamachiNewArea > div a:hover {
		background:#333;
	}