@charset "utf-8";

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

　目次

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

　01. 基本
　02. シルバーエイジ研究所の歩み


******************************************************************************* */
@import url("/business/silver/css/rn01/style.css");

body {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Helvetica,sans-serif;
}

.wrapper{ overflow:hidden; }

div#hdNav li.line2 a {
	padding: 8px 0;
}

div.baseIn{ width:950px; margin:0 auto; }
.recoFooter{ width:950px; margin:0 auto 15px; }


h1{ display:none; }


/* ==

　01. 基本

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

/* パンくず
------------------------------------------------------------------------------- */
.topicPath{
	width:940px;
	margin:0 auto;
	min-height:1%;
	padding:5px 5px 8px;
	position:relative;
	clear:both;
}
.topicPath:after{ content:''; display:block; clear:both; }
.topicPath li{
	margin-right:5px;
	font-size:10px;
	line-height:1.2;
	color:#666;
	float:left;
}
.topicPath li a{
	padding-right:10px;
	background:url(/common/images/renew2009/arrow_topicpath.gif) right 2px no-repeat;
	color:#666;
}
.topicPath p{
	font-size:10px;
	line-height:1.2;
	position:absolute;
	top:5px;
	right:0px;
}
.topicPath p.siteTop{
	position:relative;
	top:0;
	right:0;
	float:left;
}
.topicPath p.siteTop a{
	margin-right:5px;
	padding-right:10px;
	background:url(/common/images/renew2009/arrow_topicpath.gif) right 2px no-repeat;
	color:#666;
}

/* このページの先頭へ
------------------------------------------------------------------------------- */
p.pagetop {
	clear: both;
	width:950px;
	height: 20px;
	margin: 0 auto 20px;
	position: relative;
	text-indent: -9999px;
}
p.pagetop a {
	background-image: url(/common/images/renew2009/li_pagetop.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	width: 110px;
	height: 15px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}
.container p.pagetop a:hover, .container p.pagetop a:active { background-position: left bottom; }





/* コンセプト
------------------------------------------------------------------------------- */
.conceptBlock{ padding:50px 0; zoom:1; position:relative; clear:both; }


.conceptBlock .logo{
	margin:0 0 30px;
	zoom:1;
	clear:both;
}


.conceptBlock .baseIn{
	width:950px;
	margin:0 auto;
	text-align:center;
	z-index:10;
	position:relative;
	clear:both;
}
.conceptBlock .baseIn .bg{
	padding:45px 0 30px;
	background:url(../../images/rn01/bg_fff60.png);
}
.conceptBlock .baseIn .border{ height:15px; background-color:#0068b7; line-height:1.0; }

.conceptBlock .baseIn p.fsXL{ font-size:144%; line-height:1.8; color:#333; }





/* メッセージ
------------------------------------------------------------------------------- */
.msgBlock{ padding:50px 0 30px; background-color:#f5ece6; zoom:1; clear:both; }

.msgBlock .baseIn{ width:950px; margin:0 auto; padding:45px 0 25px; background-color:#fff; text-align:center; clear:both; }
.msgBlock .baseIn h2{ margin-bottom:30px; }
.msgBlock .baseIn p.txt_last{ margin-right:-100px; }





/* 施工実績
------------------------------------------------------------------------------- */
.performanceBlock{ width:950px; margin:0 auto 70px; padding-top:40px; zoom:1; clear:both; }

.performanceBlock h2{
	margin-bottom:10px;
	padding-left:12px;
	background:url(../../images/rn01/li_disc01.gif) left center no-repeat;
	font-size:154%;
	color:#333;
	float:left;
}


.performanceBlock .totalNum{ margin:-5px 0 10px; font-size:124%; float:right; }
.performanceBlock .totalNum p{ color:#333; }
.performanceBlock .totalNum span.txt_num{ font-size:124%; color:#006caf; font-weight:bold; }
.performanceBlock .totalNum span.txt_num em{ font-size:28px; color:#006caf; font-style:normal; }


.performanceBlock div.case{ width:965px; margin:0 0 0 -15px; zoom:1; clear:both; }
.performanceBlock div.case:after{ content:''; display:block; clear:both; }
.performanceBlock div.case .col{ width:178px; margin:0 0 15px 15px; float:left; }


.performanceBlock div.case .col .txt_num{ margin:1px 0 10px; padding:5px; background-color:#006caf; font-size:134%; color:#fff; font-weight:bold; text-align:center; }
.performanceBlock div.case .col .txt_num span{ color:#fff; }

.performanceBlock div.case .col .linkTxt{ font-size:124%; }
.performanceBlock div.case .col .linkTxt a{
	padding-left:12px;
	background:url(/common/images/renew2009/arrow.gif) left 0.4em no-repeat;
	font-weight:bold;
	display:block;
}



/* ==

　02. シルバーエイジ研究所の歩み

=============================================================================== */
.silver_history:after, .silver_history .colBlock01:after, .silver_history .colBlock01 div:after{ content:''; display:block; clear:both; }

.silver_history h1{ margin:10px 10px 15px; }

.silver_history .colBlock01{ padding:0 10px 10px; zoom:1; clear:both; }
.silver_history .colBlock01 .col_y{ margin:0 0 10px; padding:3px 7px; background-color:#eee; }
.silver_history .colBlock01 .col_y p{
	font-size:12px;
	line-height:1.3;
	color:#333;
}
.silver_history .colBlock01 .col_y p em{
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#333;
}
.silver_history .colBlock01 .col_y p em span{ font-size:18px; color:#333; }

.silver_history .colBlock01 div{ margin-bottom:15px; position:relative; zoom:1; clear:both; }

.silver_history .colBlock01 .col_silver + .col_social{ padding-top:15px; border-top:1px dotted #ccc; }


.silver_history .colBlock01 div p.item{ width:19%; padding-right:2.5%; float:left; }
.silver_history .colBlock01 div p.item img{ max-width:100%; height:auto; }
.silver_history .colBlock01 div ul{
	width:78.5%;
	padding-top:5px;
	float:left;
}
.silver_history .colBlock01 div li{
	margin:0 0 5px;
	padding-left:12px;
	background-position:left 0.4em;
	background-repeat:no-repeat;
	font-size:14px;
	line-height:1.3;
	color:#333;
}
.silver_history .colBlock01 .col_silver li{ background-image:url(../../images/rn01/history/li_disc01.gif); }
.silver_history .colBlock01 .col_silver li strong{ font-size:16px; color:#006caf; }
.silver_history .colBlock01 .col_social li{ background-image:url(../../images/rn01/history/li_disc02.gif); }


.silver_history .colBlock01 div p.img{ position:absolute; top:0; right:0; }

.silver_history #y1989 .col_silver{ min-height:65px; }
.silver_history #y1989 .col_silver p.img{ padding:0 20px; }
.silver_history #y1989 .col_silver li{ padding-right:140px; }

.silver_history #y2000 .col_silver,
.silver_history #y2006 .col_silver{ min-height:100px; }
.silver_history #y2000 .col_silver li{ padding-right:160px; }
.silver_history #y2006 .col_silver li{ padding-right:290px; }

.silver_history #y2016 .col_silver{ min-height:75px; }
.silver_history #y2016 .col_silver p.img{ padding:0 5px; }
.silver_history #y2016 .col_silver li{ padding-right:170px; }