@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
  

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



/* ==

　00. file import

=============================================================================== */


/* ==

　01. 基本

=============================================================================== */
.mainCnts .mb20{ margin-bottom:20px !important; }
.mainCnts .mb40{ margin-bottom:40px !important; }
.mainCnts div:after{ content:''; display:block; clear:both; }


div.title2 p.hd{
	width:880px;
	padding:7px 47px 7px 7px;
	background-color:#0068b7;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-align:right;
	position:relative;
}
div.title2 p.hd span{
	width:20px;
	margin:0;
	padding:7px;
	background-color:#939598;
	color:#fff;
	text-align:center;
	display:block;
	position:absolute;
	top:0;
	right:0;
}

div.title2 h1{ background-position:right bottom; background-repeat:no-repeat; }
div.title2 h1 small{ color:#333; }

#case01 div.title2 h1{ height:115px; padding-top:30px; background-image:url(../images/cs01/bg_title.jpg); }




/* サマリー
----------------------------------------------------------------------------------- */
.mainCnts .colBlock01{
	width:930px;
	margin:0;
	padding:0 0 20px;
	clear:both;
}
.mainCnts .colBlock01 .col1{ width:447px; margin-right:20px; float:left; }
.mainCnts .colBlock01 .col2{ width:447px; float:left; }
.mainCnts .colBlock01 .col2 .defTable{ width:437px; }




/* 
----------------------------------------------------------------------------------- */
.mainCnts .colBlock02{ margin-bottom:30px; zoom:1; clear:both; }
.mainCnts .colBlock02 .colTxt{ width:580px; float:left; }
.mainCnts .colBlock02 .colImg{ width:290px; float:right; }

.mainCnts .colBlock02 .colImg li{ margin-bottom:10px; }



/* photoBlock
----------------------------------------------------------------------------------- */
.mainCnts .photoBlock{
	width:934px;
	margin:0 0 0 -20px;
	clear:both;
}
.mainCnts .photoBlock .col{
	width:447px;
	margin:0 0 0 20px;
	float:left;
}
.mainCnts .photoBlock p{ padding:10px 0 20px 20px; font-size:90%; clear:both; }
.mainCnts .photoBlock .col p{ padding:10px 0 20px; }


.mainCnts .photoBlock02{
	width:934px;
	margin:0 0 0 -20px;
	clear:both;
}
.mainCnts .photoBlock02 .col{
	width:620px;
	margin:0 0 0 20px;
	float:left;
}
.mainCnts .photoBlock02 .colN{ width:274px; }
.mainCnts .photoBlock02 .w536{ width:536px; }
.mainCnts .photoBlock02 .w358{ width:358px; }


.mainCnts .photoBlock02 p{ padding:10px 0 20px 20px; font-size:90%; clear:both; }
.mainCnts .photoBlock02 .col p{ padding:10px 0 20px; }








/* 代表
----------------------------------------------------------------------------------- */
.mainCnts div.msg{
	width:910px;
	margin:0;
	padding:20px 0;
	background:url(../images/line_dotted01.gif) left top repeat-x;
	clear:both;
}
.mainCnts div.msg.bgNone{ border-top:1px dotted #ddd; background:none; }


.mainCnts div.msg p.img{ width:245px; float:left; }
.mainCnts div.msg div.txt{ width:645px; margin-right:20px; float:left; }

.mainCnts div.msg.opReverse p.img{ float:right; }
.mainCnts div.msg.opReverse div.txt{ margin-left:20px; margin-right:0px; float:right; }



.mainCnts div.msg p strong{ font-size:115%; color:#333; }
.mainCnts div.msg p em{ color:#333; font-style:normal; font-weight:bold; }





/* ケーススタディ一覧
----------------------------------------------------------------------------------- */
.mainCnts .caseIndex{
	margin-top:40px;
	padding:10px;
	background-color:#f4f4f4;
	border-top:1px solid #fff;
	font-size:85%;
	line-height:1.3;
	zoom:1;
	clear:both;
}
.mainCnts .caseIndex div{
	width:884px;
	margin:0 auto;
	padding:5px;
	background-color:#dbdbdb;
	zoom:1;
	clear:both;
}
.mainCnts .caseIndex div ul{ padding-bottom:10px; background-color:#fff; border:1px solid #ccc; }
.mainCnts .caseIndex li{
	width:272px;
	margin:0;
	padding:10px 10px 0;
	float:left;
}
.mainCnts .caseIndex li img{ margin-right:10px; float:left; }

.mainCnts .caseIndex li a{ display:block; }
.mainCnts .caseIndex li a span{
	width:185px;
	padding-left:10px;
	background:url(/common/images/renew2009/arrow.gif) left 4px no-repeat;
	color:#404f6f;
	cursor:pointer;
	display:block;
	float:left;
}
.mainCnts .caseIndex li a span small{ color:#404f6f; }
.mainCnts .caseIndex li a strong{ color:#404f6f; }
.mainCnts .caseIndex li a:link span, .mainCnts .caseIndex li a:visited span{ text-decoration:underline; }
.mainCnts .caseIndex li a:hover span, .mainCnts .caseIndex li a:active span{ text-decoration:none; }



/* カテゴリーリンク */
.mainCnts .cateList li{
	width:24.25%;
	/width:24.2%;
	margin-top:10px;
	margin-left:1%;
	float:left;
}
.mainCnts .cateList li.hospital{ margin-left:0; background-color:#f5e6f1; }
.mainCnts .cateList li.elderly{ background-color:#dde9f2; }
.mainCnts .cateList li.clinic{ background-color:#e5f0df; }
.mainCnts .cateList li.care{ background-color:#fbede0; }

.mainCnts .cateList li img{ width:100%; height:auto; }