@charset "utf-8";

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

　目次

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

　01. 共通
　02. タブナビ
　03. アンカーナビ
　04. エリアタイプ
　05. 施設建築ソリューション
　06. 店舗出店ソリューション
　07. 生活環境ソリューション

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


/* ==

　01. 共通

=============================================================================== */
#subHeader .fixArea {
	z-index: 1000;
}
#main {
	width: auto;
}
#main #supportArea,
#main #businessArea,
#main .bgVisualArea .areaIn {
	width: 950px;
	margin: 0 auto;
}
#fullVisual {
	min-width: 950px;
	padding: 53px 0 51px;
}
#fullVisual.mainVisual1 {
	padding: 49px 0 33px;
	border-bottom: none;
}

#fullVisual.mainVisual1 p.movieBtn{ margin:0; padding:5px 0 0; }



/* topColBlock01
------------------------------------------------------------------------------- */
#main .topColBlock01 {
	width: 950px;
}
#main .topColBlock01 .col1 {
	float: left;
	width: 450px;
	margin-bottom: 0;
}
#main .topColBlock01 .col2 {
	float: right;
	width: 450px;
	margin-bottom: 0;
}

/* topColBlock02
------------------------------------------------------------------------------- */
#main .topColBlock02 {
	width: 950px;
	line-height: 1.4;
}
#main .topColBlock02 .col {
	float: left;
	width: 214px;
	margin-right: 18px;
	padding: 4px 4px 15px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
}
#main .topColBlock02 .lastChild {
	margin-right: 0;
}

/* topColBlock03
------------------------------------------------------------------------------- */
#main .topColBlock03 {
	width: 950px;
	line-height: 1.4;
}
#main .topColBlock03 .col1,
#main .topColBlock03 .col2,
#main .topColBlock03 .col3 {
	float: left;
	width: 300px;
	margin-right: 25px;
}
#main .topColBlock03 .col3 {
	margin-right: 0;
}

/* topColBlock04
------------------------------------------------------------------------------- */
#main .topColBlock04 {
	width: 950px;
}
#main .topColBlock04 .col1,
#main .topColBlock04 .col2 {
	width: 440px;
	padding: 4px 4px 15px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
}
#main .topColBlock04 .col1 {
	float: left;
}
#main .topColBlock04 .col2 {
	float: right;
}

/* topColBlock05
------------------------------------------------------------------------------- */
#main .topColBlock05 {
	width: 950px;
	line-height: 1.4;
}
#main .topColBlock05 .col1,
#main .topColBlock05 .col2,
#main .topColBlock05 .col3 {
	float: left;
	width: 290px;
	margin-right: 25px;
	padding: 4px 4px 15px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
}
#main .topColBlock05 .col3 {
	margin-right: 0;
}

/* topColBlock06
------------------------------------------------------------------------------- */
#main .topColBlock06 {
	width: 450px;
	margin: 0 auto;
}
#main .topColBlock06 .col {
	width: 440px;
	padding: 4px 4px 15px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
}

/* topColBlock07
------------------------------------------------------------------------------- */
#main .topColBlock07 {
	width: 910px;
	line-height: 1.4;
	margin: 40px 0;
	padding: 16px;
	border: 4px solid #e9e9e9;
}
#main .topColBlock07 .colImg {
	float: left;
	width: 200px;
}
#main .topColBlock07 .colTxt {
	float: right;
	width: 690px;
}
#main .topColBlock07 .fsXL {
	margin-bottom: 10px;
	font-weight: bold;
}

/* テキスト調整
------------------------------------------------------------------------------- */
#main .topColBlock02 h3,
#main .topColBlock03 h3,
#main .topColBlock04 h3,
#main .topColBlock05 h3 {
	line-height: 1.5;
	margin-bottom: 5px;
	padding-bottom: 0;
	border-bottom: none;
}
#main .topColBlock02 h3,
#main .topColBlock04 h3,
#main .topColBlock05 h3,
#main .topColBlock02 p,
#main .topColBlock04 p,
#main .topColBlock05 p,
#main .topColBlock06 p {
	margin-right: 5px;
	margin-left: 5px;
}
#main .topColBlock03 h3,
#main .topColBlock03 p {
	margin-right: 1px;
	margin-left: 1px;
}
#main .topColBlock06 p {
	font-weight: bold;
}
#main .topColBlock05 sub {
	margin: 0;
}

/* 画像ボックス
------------------------------------------------------------------------------- */
#main .imgWrap {
	display: block;
}

/* メイン
------------------------------------------------------------------------------- */
#fullVisual.mainVisual1,
#fullVisual.mainVisual2,
#fullVisual.mainVisual3 {
	min-height: 186px;
	height: auto !important;
	height: 186px;
	padding: 0;
	padding-top: 50px;
	padding-bottom: 0;
}
#fullVisual .bsMain01 {
	line-height: 1.4;
	margin: 15px 0 0;
	padding: 0;
	background: none;
	color: #000;
	font-size: 367%;
	font-weight: normal;
	text-align: center;
}
#fullVisual .bsMain02 {
	line-height: 1.4;
	margin: 5px 0 0;
	font-size: 125%;
	text-align: center;
}
/* タイトル
------------------------------------------------------------------------------- */
#main .bsHeading01 {
	line-height: 1.4;
	margin: 0 0 40px;
	padding: 0;
	background: none;
	font-size: 267%;
	font-weight: normal;
	text-align: center;
}
#main .bsHeading01-t2 {
	color: #fff;
}
#main .bsHeading02 {
	line-height: 1.4;
	margin: 0 0 20px;
	padding: 0;
	background: none;
	font-size: 250%;
	font-weight: normal;
	text-align: center;
}
#main .bsHeading03 {
	line-height: 1.4;
	margin: 0 0 20px;
	padding: 50px 0 0;
	background: none;
	background-position: center top;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 250%;
	font-weight: normal;
	text-align: center;
}
#main .bsHeading03-t1 {
	background-image: url(/business/images/rn02/index_ico01.png);
}
/* キャプション
------------------------------------------------------------------------------- */
#main .bsCaption01 {
	line-height: 1.5;
	margin: 0 1px 5px;
	padding-bottom: 0;
	font-size: 150%;
	font-weight: bold;
}
#main .bsCaption02 {
	line-height: 1.5;
	margin: 0 5px 5px;
	padding-bottom: 0;
	font-size: 134%;
	font-weight: bold;
}


/* ==

　02. タブナビ

=============================================================================== */
#tabArea {
	min-width: 950px;
	background-color: #6e6e6e;
}
#tabArea ul {
	width: 948px;
	margin: 0 auto;
	border-right: 1px solid #999;
}
#tabArea li {
	float: left;
	position: relative;
	width: 316px;
	height: 50px;
}
* html #tabArea li {
	width: 315px;
} /* ie6 */
#tabArea li a {
	display: block;
	width: 215px;
	height: 30px;
	padding: 10px 0 10px 100px;
	border-left: 1px solid #999;
	background-position: 35px 9px;
	background-repeat: no-repeat;
}
* html #tabArea li a {
	width: 214px;
} /* ie6 */
#tabArea #opIndex a {
	background-image: url(/business/images/rn02/tabarea_img01.png);
}
#tabArea #opIndex2 a {
	background-image: url(/business/images/rn02/tabarea_img02.png);
}
#tabArea #opIndex3 a {
	background-image: url(/business/images/rn02/tabarea_img03.png);
}
#tabArea .uiCurrent a {
	background-color: #8bcf2f;	
}
#tabArea #opIndex.uiCurrent a {
	background-image: url(/business/images/rn02/tabarea_img01_on.png);
}
#tabArea #opIndex2.uiCurrent a {
	background-image: url(/business/images/rn02/tabarea_img02_on.png);
}
#tabArea #opIndex3.uiCurrent a {
	background-image: url(/business/images/rn02/tabarea_img03_on.png);
}
#tabArea .icoArw {
	display: block;
	position: absolute;
	left: 148px;
	bottom: -9px;
	width: 20px;
	height: 10px;
	background: url(/business/images/rn02/tabarea_bg01.png) left top no-repeat;
	font-size: 0;
}
.d_hover #tabArea li a { -ms-filter: "alpha(opacity=100)"; }
.d_hover #tabArea li a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.d_hover #tabArea .uiCurrent a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}



/* ==

　03. アンカーナビ

=============================================================================== */
#anchorNav {
	display: none;
	position: absolute;
	top: 218px;
	right: 0;
	width: 37px;
	padding: 0;
	z-index: 999;
}
#anchorNav p {
	padding-top: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #666;
}
#anchorNav ul {
	padding: 0 0 10px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background: #000;
}
#anchorNav.uiFix {
	position: fixed;
	top: 100px;
}
#anchorNav li {
	position: relative;
	width: 37px;
	height: 43px;
	line-height: 1;
	font-size: 0;
	outline: none;
}
#anchorNav li a {
	display: block;
	width: 37px;
	height: 43px;
	background: url(/common/images/rn02/anchor_ico01.png) center top no-repeat;
	text-indent: -99999px;
	outline: none;
}
#anchorNav .uiCurrent a {
	background-position: center bottom;	
}
#anchorNav .uiHover a {
	background-color: #ccc;	
}
#anchorNav li div {
	display: none;
	position: absolute;
	top: 9px;
	right: 29px;
	line-height: 25px;
	padding: 0 8px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background-color: #4c4c4c;
	color: #fff;
	font-size: 14px;
	white-space: nowrap;
	cursor: pointer;
}
#anchorNav li span {
	display: block;
	position: absolute;
	top: 50%;
	right: -5px;
	width: 6px;
	height: 5px;
	margin-top: -3px;
	background: url(/common/images/rn02/anchor_bg02.png) right center no-repeat;
}


/* ==

　04. エリアタイプ

=============================================================================== */
/* インデントエリア
------------------------------------------------------------------------------- */
#main .indentArea .imgWrap {
	margin-bottom: 12px;
}
#main .indentArea h2 {
	margin-bottom: 20px;
}
#main .indentArea .topLead {
	line-height: 1.6;
	margin-bottom: 30px;
	color: #333;
	text-align: center;
}
#main .indentArea a {
	text-decoration: none;
}
#main .indentArea a:hover {
	text-decoration: underline;
}

/* 背景画像エリア
------------------------------------------------------------------------------- */
#main .bgVisualArea {
	min-width: 950px;
	margin: 0;	
	padding: 80px 0;
}
#main .bgVisualArea h2 {
	margin-bottom: 20px;
}
#main .bgVisualArea .topLead {
	line-height: 1.6;
	margin-bottom: 30px;
	color: #333;
	text-align: center;
}
#main .bgVisualArea .imgWrap {
	margin-bottom: 12px;
}
#main .bgVisualArea a {
	text-decoration: none;
}
#main .bgVisualArea a:hover {
	text-decoration: underline;
}



/* ==

　05. 施設建築ソリューション

=============================================================================== */
#main #supportArea {
	padding: 25px 0 60px;
}
#main #supportArea h2 {
	margin-bottom: 40px
}
#main #supportArea h3 {
	line-height: 1.5;
	margin-bottom: 5px;
	border-bottom: none;
	padding-bottom: 0;
	font-size: 150%;
}
#main #supportArea .colBlock02 h3,
#main #supportArea .colBlock02 p {
	margin-right: 1px;
	margin-left: 1px;
}
#main #centerArea {
	color: #fff;
}
* html #main #centerArea {
	background-color: #333;
} /* ie6 */
#main #centerArea h2 {
	text-align: center;	
}
#main #centerArea .linkBox {
	margin-top: 20px;
	padding: 5px 5px 9px;
	background-color: #fff;
}
* html #main #centerArea .linkBox {
	zoom: 1;
} /* ie6 */
*:first-child+html #main #centerArea .linkBox {
	zoom: 1;
} /* ie7 */
#main #centerArea .linkTxt {
	margin: 10px 0 0 6px;
	font-weight: bold;
}
#main #businessArea {
	padding: 60px 0;
}
#main #businessArea h2 {
	margin-bottom: 40px;
}
#main #businessArea .topColBlock03 {
	margin-bottom: 30px;
}
#main #businessArea .topColBlock03 h3 {
	line-height: 1.5;
	margin-bottom: 5px;
	font-size: 150%;
}
#main #businessArea .topColBlock03 .linkTxt {
	background-position: 1px 0.55em;
}
#main #businessArea .topColBlock03 .linkExternal {
	background-position: left 0.45em;
}
* html #main #dssmartArea {
	background-color: #f5f9df;
} /* ie6 */



/* ==

　06. 店舗出店ソリューション

=============================================================================== */
* html #main #storeArea {
	background-color: #5a8d80;
} /* ie6 */
#main #storeArea .topLead {
	color: #fff;
}

#main #storeArea .linkBox {
	margin-top: 20px;
	padding: 5px 5px 9px;
	background-color: #fff;
}
* html #main #storeArea .linkBox {
	zoom: 1;
} /* ie6 */
*:first-child+html #main #storeArea .linkBox {
	zoom: 1;
} /* ie7 */
#main #storeArea .linkTxt,
#main #storeArea .linkExternal {
	margin: 10px 0 0 6px;
	font-weight: bold;
}


/* ==

　07. 生活環境ソリューション

=============================================================================== */
* html #main #robotArea {
	background-color: #5D676E;
} /* ie6 */
#main #robotArea .topLead {
	color: #fff;
}
* html #main #eneArea {
	background-color: #dfedf6;
} /* ie6 */
* html #main #agricubeArea {
	background-color: #5f6b48;
} /* ie6 */
* html #main #cocolanArea {
	background-color: #bc3e8e;
} /* ie6 */
#main #agricubeArea h2,
#main #cocolanArea h2 {
	margin-bottom: 30px;
}
#main #agricubeArea .topLead,
#main #cocolanArea .topLead {
	color: #fff;
}



/* ==

　99. 印刷

=============================================================================== */
@media print {
	#anchorNav {
		display: none !important;		
	}
	#fullVisual,
	#tabArea,
	#main .bgVisualArea {
		min-width: 0;
	}
	.fnFadeIn {
		opacity: 1 !important;
	}
}