@charset "UTF-8";
/* ----------------------------------------
   トップページ専用 CSS
   
---------------------------------------- */


/*--ヘッダ系--*/
#mv h1{font-size:12px; 
		color:#FFF;
		height:17px;
		padding:4px 0 0 4px;
		margin:0;}


#mv 
{
	background:url(../images/top/mv.jpg) no-repeat;
	height:233px;
	padding:0;
}

#mv img.mvp{
	margin:0;
	padding:0;
}

#mv div#pageTitle{
	margin-top:0;
}


/*--コンテンツエリアサイズ--*/
#contentArea{
	width: 655px;
}
#contentArea img.tit{
	margin-left:5px;
}
#contentArea p{
	margin:5px 0 7px 5px;
}


/*--メインナビ--*/
#contentArea .b_main{
	float:left;
	width:480px;
	height:410px;
	padding-right:5px;
	margin-right:5px;
	background-repeat:no-repeat;
	border-right:1px dotted #032752;
}

	/*-- hack --*/
#contentArea .b_main p{
	font-size:0;
	line-height:0;
	display:inline;
	color:#ffffff;
}
/* Except IE */html>/**/body #contentArea .b_main p{
	display:none;
}

#contentArea .b_main div.mainP{
	float:left;
	width:240px;
	padding:0;
	margin:0;
}


/*--subbutton--*/
#contentArea .b_sub{
	float:left;
	width:160px;
	height:410px;
	padding:0;
	margin:0;

}
#contentArea .b_sub p{
	display:none;
}

#contentArea .b_sub h2{
	width:160px;
	height:137px;
	padding:0;
	margin:0;
}
#contentArea .b_sub h2 a{
	width:150px;
	height:127px;
	margin:5px;
	font-size:1px;
	text-indent:-4000px;
	display: block;
	overflow:hidden;
	background-repeat: no-repeat;
}

#contentArea .b_sub h2 a:hover{
	background-image: url(../images/top/b_sub_o.jpg);
}
#contentArea .b_sub h2 a#b_maintenance:hover{
	background-position:-5px -5px;
	height:128px;
}
#contentArea .b_sub h2 a#b_welfare:hover{
	background-position:-5px -142px;
	height:128px;
}
#contentArea .b_sub h2 a#b_member:hover{
	background-position:-5px -279px;
	height:127px;
}

a:hover img.op{
    opacity:0.7;
    filter: alpha(opacity=70);
}