@charset "utf-8";



/* member_unit
-----------------------------------*/
#member_unit{
	width: 100%;
	background: url("../img/bg_member_01.gif") repeat-x 0 250px;
	margin-bottom: 105px;
}
#member_unit header.page_title{
	margin-bottom: 57px;
}


#member_unit section.intro{
	width: 1000px;
	margin: 0 auto 70px auto;
}
#member_unit section.intro h3{
	color: #218cd9;
	font-size: 230.7%;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
}
#member_unit section.intro p{
	font-weight: bold;
	text-align: center;
	margin-bottom: 9px;
}
#member_unit section.intro nav ul{
	width: 980px;
	margin-left: 10px;
}
#member_unit section.intro nav ul li{
	list-style: none;
	width: 100px;
	float: left;
}
#member_unit section.intro nav ul li.uc{
	color: #999999;
	font-weight: bold;
	width: 98px;
	background: #ffffff url("../../common/img/ico_06.png") no-repeat center 36px;
	border: 1px dashed #999999;
	border-radius: 5px;
	text-align: center;
	padding: 16px 0 21px 0;
}
#member_unit section.intro nav ul li + li{
	margin-left: 10px;
}
#member_unit section.intro nav ul li a{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	background: #ffffff url("../../common/img/ico_05.png") no-repeat center 36px;
	border: 1px dashed #999999;
	border-radius: 5px;
	text-align: center;
	display: block;
	padding: 16px 0 21px 0;
}
#member_unit section.intro nav ul li a.current, 
#member_unit section.intro nav ul li a:hover{
	color: #218cd9;
	background-position: center 38px;
	padding: 18px 0 19px 0;
}


#member_unit section.area{
	width: 998px;
	background: #ffffff;
	border: 1px solid #218cd9;
	border-radius: 5px;
	margin: 0 auto;
	padding: 34px 0 31px 0;
	position: relative;
}
#member_unit section.area + section.area{
	margin-top: 60px;
}
#member_unit section.area:after{
	content: "";
	width: 35px;
	height: 32px;
	background: url("../../common/img/ico_07.png") no-repeat 0 0;
	display: block;
	position: absolute;
	left: 539px;
	top: -6px;
}
#member_unit section.area h4{
	color: #ffffff;
	font-size: 131%;
	line-height: 43px;
	font-weight: bold;
	width: 110px;
	height: 43px;
	background: #218cd9;
	border-radius: 5px;
	text-align: center;
	margin-left: -55px;
	padding-top: 2px;
	position: absolute;
	left: 50%;
	top: -25px;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
#member_unit section.area ul{
	width: 940px;
	margin-left: 29px;
}
#member_unit section.area ul li{
	list-style: none;
}
#member_unit section.area ul li + li{
	margin-top: 21px;
}
#member_unit section.area ul li h5{
	font-size: 131%;
	font-weight: bold;
	line-height: 1.2;
	border-bottom: 1px dashed #999999;
	margin-bottom: 6px;
}
#member_unit section.area ul li h5 a, 
#member_unit section.area ul li h5 > span{
	color: #000000;
	display: block;
	padding: 12px 0 2px 20px;
	position: relative;
}
#member_unit section.area ul li h5 a:after, 
#member_unit section.area ul li h5 > span:after{
	content: "";
	width: 7px;
	height: 45px;
	background: #218cd9;
	border-radius: 2px;
	display: block;
	position: absolute;
	left: 5px;
	top: 0;
}
#member_unit section.area ul li h5 a{
	text-decoration: none;
}
#member_unit section.area ul li h5 span.btn{
	width: 95px;
	height: 26px;
	display: block;
	position: absolute;
	right: 5px;
	bottom: 4px;
	overflow: hidden;
}
#member_unit section.area ul li h5 span.btn img{
	position: absolute;
	left: 0;
	top: 0;
}
#member_unit section.area ul li h5 a:hover{
	color: #218cd9;
}
#member_unit section.area ul li h5 a:hover span.btn img{
	top: -26px;
}
#member_unit section.area ul li dl{
	width: 910px;
	margin-left: 30px;
}
#member_unit section.area ul li dl dt{
	width: 220px;
	float: left;
	clear: left;
	margin: 0 10px 5px 0;
}
#member_unit section.area ul li dl dd{
	float: left;
	margin-bottom: 5px;
}
#member_unit section.area ul li dl dd.address{
	width: 385px;
	margin-right: 10px;
}
#member_unit section.area ul li dl dd.tel{
	width: 280px;
}