@charset "utf-8";

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

　目次

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

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

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



/* ==

　00. file import

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


/* ==

　01. 基本

=============================================================================== */
.container div.title2 p.hd{
	width:880px;
	padding:7px 47px 7px 7px;
	backgorund-color:#d96d00;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	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{
	height:95px;
	padding-top:50px;
	background:#f4f4f4 url(../../images/rn01/bg_title.jpg) right bottom no-repeat;
	line-height:1.4;
}
div.title2 h1 small{ font-size:75%; color:#333; }

#case01 div.title2 h1{ background-image:url(../../images/rn01/bg_title01.jpg); }
#case02 div.title2 h1{ background-image:url(../../images/rn01/bg_title02.jpg); }
#case03 div.title2 h1{ background-image:url(../../images/rn01/bg_title03.jpg); }
#case03 div.title2 h1 span{ font-size:80%; color:#333; }
#case04 div.title2 h1{ background-image:url(../../images/rn01/bg_title04.jpg); }
#case05 div.title2 h1{ background-image:url(../../images/rn01/bg_title05.jpg); }
#case06 div.title2 h1{ background-image:url(../../images/rn01/bg_title06.jpg); }
#case07 div.title2 h1{ background-image:url(../../images/rn01/bg_title07.jpg); }
#case08 div.title2 h1{
	background-image:url(../../images/rn01/bg_title08.jpg);
	padding-top: 20px;
	padding-bottom: 30px;	
}





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



/* 代表
----------------------------------------------------------------------------------- */
.mainCnts div.msg{
	width:910px;
	margin:0 0 20px;
	padding:20px 0 0;
	background:url(../../images/rn01/line_dotted01.gif) left top repeat-x;
	clear:both;
}
.mainCnts div.msg p.img{ width:225px; float:left; }
.mainCnts div.msg div.txt{ width:665px; margin-right:20px; float:left; }

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


#case03 .mainCnts div.msg p.img,
#case04 .mainCnts div.msg p.img,
#case05 .mainCnts div.msg p.img,
#case06 .mainCnts div.msg p.img{ width:245px; float:left; }
#case03 .mainCnts div.msg div.txt,
#case04 .mainCnts div.msg div.txt,
#case05 .mainCnts div.msg div.txt,
#case06 .mainCnts div.msg div.txt,
#case07 .mainCnts div.msg div.txt,
#case08 .mainCnts div.msg div.txt{ width:645px; margin-right:20px; float:left; }




/* 画像一覧
----------------------------------------------------------------------------------- */
.mainCnts div.imgList{
	width:760px;
	margin:0 auto;
	padding:0 0 40px;
	clear:both;
}
.mainCnts div.imgList p{
	width:340px;
	margin:0 20px;
	font-size:85%;
	line-height:1.3;
	float:left;
}

.mainCnts div.imgList.column3{
	width:930px;
	margin:0 0 0 -20px;
}
.mainCnts div.imgList.column3 p{
	width:290px;
	margin:0 0 20px 20px;
}








/* ケーススタディ一覧
----------------------------------------------------------------------------------- */
.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; }