@charset "UTF-8";
/**
 * 群馬県 スマホサイト 色指定CSS
 */
/* 共通 */
#contentsWrapper {
	background: #d0d0d0;
/* 	width: 480px; */
}
#mainContents > h4 {
	float: left;
	width: 100%;
	line-height: 70px;
	height: 70px;
	background: #d0d0d0;
	color: #232323;
	font-size: 18px;
}
#mainContents > h4 span {
	padding-left: 12.744%;
}
#mainContents > h4 img {
	width: 18px;
	height: 18px;
	margin: 26px 0 26px 5%;
	position: absolute;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
}
#mainContents > h4 > img.collapse {
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
}

#areaMenu {

}
#areaMenu li{
/* 	margin: 0 9px 5px 9px; */
	margin: 0 1.875% 5px 1.875%;
	float: left;
	border-top: none;
/* 	width: 460px; */
	width: 96%;
	background: #ffffff;
	border:1px solid #cbcbcb;
	color: #232323;
	background: -webkit-linear-gradient(top, #fafcfd, #f2f4f5); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom,  #fafcfd, #f2f4f5); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, #fafcfd, #f2f4f5); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #fafcfd, #f2f4f5); /* Standard syntax (must be last) */
}
#areaMenu li span.title{
/* 	margin: 0 10%; */
	margin: 0 10.869%;
/* 	width: 80%; */
	width: 78.3%;
	float: left;
	line-height: 90px;
	height: 90px;
	font-size: 35px;
	letter-spacing: 2px;
}
#areaMenu li span.title font {
	font-size: 18px;
}
#areaMenu li span.detail{
	width: 97.4%;
	float: left;
	border: 1px solid #afc9d1;
	background: #ecf2f6;
/* 	margin: 0 6px 5px 6px; */
	margin: 0 1.3% 5px 1.3%;
	display: none;
	font-size: 24px;
 	min-height: 90px;
/* 	padding: 10px 50px; */
	padding: 10px 11.21%;
}
#areaMenu li img{
	height: 80px;
	width: 80px;
	right: 10.869%;
	position: absolute;
	margin: 5px 0 5px 0;
}
#mapNav ul li {
	width: 33.333333%
}