@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. 
　01. 医療・介護施設での活用
　02. 大和ハウス工業の考える医療・介護施設活用
　03. シルバーエイジ研究所

******************************************************************************* */

/* ==

　00. 

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
#main{ width:auto; padding-top:0; padding-bottom:0; }
#main div:after{ content:''; display:block; clear:both; }

#main .inner{ width:950px; margin:0 auto; }


/* メインビジュアル
------------------------------------------------------------------------------- */
.visual {
	margin-bottom:20px;
	position: relative;
	min-width: 950px;
	height: 440px;
}
.visual_in {
	width:950px;
	margin:0 auto;	
	position:relative;
}
.visual .anystretch img {
	max-width: none;
}


.visual_in div {
	width:670px;
	height:100px;
	padding:60px 40px 20px;
	background-color:#fff;
	position: absolute;
	top: 100px;
	left: 100px;
	text-align:center;
	background: rgba(255,255,255,0.95);
}
.visual_in h1 {
	margin-bottom:15px;
	font-size:34px;
	line-height:1.0;
}

#main .visual_in div p{ font-size:18px; font-weight:normal; }





/* ==

　01. 医療・介護施設での活用

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
#main .utilizationBlock{
	padding:55px 0;
	background-color:#cde0eb;
	background-image:url(../../images/rn/bg01.png), url(../../images/rn/bg02.png);
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
	position:relative;
}
.utilizationBlock .colBlock{
	margin:0 -9px;
	position:relative;
	zoom:1;
	clear:both;
}
.utilizationBlock .colBlock .col{
	width:304px;
	margin:0 9px;
	padding: 0;
	background-color:#fff;
	box-shadow:0px 0px 8px 1px #bbcdd7;
	-moz-box-shadow:0px 0px 8px 1px #bbcdd7;
	-webkit-box-shadow:0px 0px 8px 1px #bbcdd7;
	position:relative;
	float:left;
}

.utilizationBlock .colBlock .col:after{
	content:"";
	width:48px;
	height:48px;
	background-color:#fff;
	position:absolute;
	top:168px;
	left:10px;
	display:block;
	z-index:500;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}


.utilizationBlock .inner .col.uiHover img,
.utilizationBlock .inner .col.uiHover div{
	cursor:pointer;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.utilizationBlock .inner .col.uiHover:hover img,
.utilizationBlock .inner .col.uiHover:hover div{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}



.utilizationBlock .inner .col img.icoImg{ position:absolute; top:168px; left:10px; z-index:510; }


.utilizationBlock .inner .col div{
	padding:20px 15px;
}





/* ==

　02. 大和ハウス工業の考える医療・介護施設活用

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
#main .landUtilizationBlock{
	margin-bottom:50px;
	padding:55px 0 0;
	zoom:1;
	clear:both;
}

.landUtilizationBlock .colBlock{
	margin:0 -9px;
	zoom:1;
	clear:both;
}
.landUtilizationBlock .colBlock .col{
	width:224px;
	margin:0 9px 20px;
	float:left;
}


#main .landUtilizationBlock .col span{ font-size:134%; display:block; }
.landUtilizationBlock .col a span{
	padding-left:12px;
	background:url(../../images/rn/ico_arrow02.png) left 0.5em no-repeat;
	font-weight:bold;
	display:block;
}

.landUtilizationBlock .col a span.img{ margin-bottom:10px; padding-left:0; background:none; display:block; }

.landUtilizationBlock .col a img{
	text-decoration:none;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	cursor:pointer;
	zoom:1;
	display:block;
}
.landUtilizationBlock .col a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}




/* ==

　03. シルバーエイジ研究所

=============================================================================== */
.silverBlock{
	margin-bottom:50px;
	padding:20px 0;
	background-color:#eee;
	zoom:1;
	clear:both;
}

.silverBlock .colImg{ width:320px; float:left; }
.silverBlock .colTxt{ width:630px; float:left; }

#main .silverBlock .colTxt .hdTxt{ margin-bottom:5px; font-size:140%; }