@charset "UTF-8";
/* CSS Document */
#headline{
	padding:20px 0 0 0;
	background:url(img/bg01.jpg) no-repeat right bottom;
	min-height:220px;
	margin-bottom:30px;
}
#headline p{
	padding:185px 0 0 0;
	height:0;
	overflow:hidden;
	background:url(img/headline.gif) no-repeat;
}
#problems p{
	padding:79px 0 0 0;
	height:0;
	overflow:hidden;
	background:url(img/problems.gif) no-repeat center top;
}
#problems ul{
	background:url(img/bg02.gif) no-repeat center top;
	height:378px;
	margin-bottom:20px;
}
#problems ul li{
	font-size:16px;
	line-height:15px;
	padding:25px 0 0 65px;
}
#expert{
	position:relative;
	margin-bottom:50px;
}
#expert h2{
	padding:37px 0 0 0;
	height:0;
	overflow:hidden;
	background:url(img/h2.gif) no-repeat;
	margin-bottom:20px;
}
#expert p{
	background:url(img/img.jpg) no-repeat;
	padding:0 20px 0 252px;
	min-height:285px;
}
#expert #office_btn {
	padding: 34px 0 0 0;
	height: 0;
	width: 244px;
	overflow: hidden;
	display: block;
	background-image: url(../img/top/btn01.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
	position:absolute;
	right:20px;
	bottom:20px;
}
#expert a {
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
#expert a:hover,
#consultation a:hover {
	opacity: 0.5;
	filter: alpha( opacity=50 );
	-ms-filter: "alpha( opacity=50 )";
	min-height: 0;
}
.pages{
	background:url(img/bg05.jpg) no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom:20px;
}
.pages h3{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	background:url(img/bg03.jpg) no-repeat;
	padding:30px 0 30px 50px;
}
.pages ul{
	background:url(img/bg04.jpg) repeat-y;
}
.pages ul li{
	margin:0 0 15px 35px;
	line-height:1.5;
}
.pages ul li a{
	display:block;
	background:url(img/bg06.png) no-repeat;
	min-height:57px;
	width:642px;
	padding:10px 0;
	text-decoration:none;
}
.pages ul li a:hover{
	background:url(img/bg07.png) no-repeat;
}
.pages ul li a span{
	display:table-cell;
	vertical-align:middle;
	height:57px;
}
.pages ul li a span.ttl{
	font-size:18px;
	font-weight:bold;
	color:#459900;
	width:145px;
	text-align:center;
}
.pages ul li a:hover span.ttl{
	text-decoration:none !important;
}
.pages ul li a span.text{
	font-size:12px;
	font-weight:normal;
	color:#313131;
	width:450px;
}
.pages ul li a:hover span.text{
	text-decoration:underline !important;
}
#voices{
	background:url(img/bg08.png) no-repeat 0 3px;
	margin:0 28px 0 34px;
}
#voices a {
	overflow: hidden;
	display: block;
	height: 0;
	background: url(../img/top/btn02.png) no-repeat 100% 0;
	padding-top: 92px;
}
#consultation{
	background:url(img/bg09.gif) no-repeat center top;
	min-height:105px;
	padding:75px 40px 0 40px;
	position:relative;
	margin-top:30px;
}
#consultation p{
	width:350px;
}
#consultation a {
	overflow: hidden;
	display: block;
	height: 0;
	background: url(img/btn01.png) no-repeat;
	padding-top: 82px;
	width:274px;
	position:absolute;
	right:40px;
	top:80px;
}