@charset "utf-8";

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

　目次

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

　01. グローバルナビゲーション
　02. パンくず、ナビゲーション
　03. レコメンドフッター
　04. その他のソリューション
　05. サポート
　06. 事例紹介
　07. 共通パーツ
  

******************************************************************************* */
@import url("/common/css/rn01/common.css");
@import url("/common/css/tf02/base_part.css");
@import url("/common/css/rn04/hd_ftr.css");
.container .topicPath{ background:none; }
.devSmp{display:none !important;}



/* ==

　01. グローバルナビゲーション

=============================================================================== */
.header .floatR .gnav li a:active,
.header .floatR .gnav li a:hover{ background-position:left center; }

#business .header .floatR .gnav li.gnav_business a{
	width:255px;
	height:28px;
	background-image:url(../images/gnav_business.gif);
	background-position:left bottom;
	left:0;
}
.header .floatR .gnav li.gnav_store a{
	width:142px;
	background-image:url(../images/gnav_store.gif);
	left:255px;
}
.header .floatR .gnav li.gnav_robot a{
	width:89px;
	background-image:url(../images/gnav_robot.gif);
	left:397px;
}
.header .floatR .gnav li.gnav_ene a{
	width:131px;
	background-image:url(../images/gnav_ene.gif);
	left:486px;
}


/* 「住まい」リンク 
------------------------------------------------------------------------------- */
.header .floatR .upper li#fontSizeChg{ width:163px; }
.header .floatR .upper li#fontSizeChg a{ right:61px; }

.header .floatR .upper p#live a{
	width:51px;
	height:20px;
	background-image:url(../images/btn_live.gif);
	backgound-repeat:no-repeat;
	display:block;
	position:absolute;
	top:5px;
	right:0;	
}
.header .floatR .upper p#live a span{ display:none; }
.header .floatR .upper p#live a:link, .header .floatR .upper p#live a:visited{ background-position:left top; }
.header .floatR .upper p#live a:active, .header .floatR .upper p#live a:hover{ background-position:left bottom; }



/* ==

　02. パンくず、ナビゲーション

=============================================================================== */
/* パンくず
------------------------------------------------------------------------------- */
.container .topicPath{ background:none; }

/* ナビ
------------------------------------------------------------------------------- */
div.nav{
	width:100%;
	height:28px;
	background:url(/common/images/renew2009/bk_nav.gif) left top repeat-x;
	clear:both;
}
div.nav div{
	width:950px;
	min-height:1%;
	margin:0 auto;
	background:url(../images/bk_nav.gif) left top no-repeat;
	position:relative;
	claer:both;
}
div.nav div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
div.nav p{ margin-top:4px; float:left; }
div.nav ul{ float:left; }

div.nav li{ text-indent:-9999px; float:left; }
div.nav li a{
	height:20px;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	position:absolute;
	top:4px;
	display:block;
}
div.nav li a:link, div.nav li a:visited{ background-position:left top; }
div.nav li a:hover, div.nav li a:active{ background-position:left bottom; }


/* トータルサポート */
div.nav div li.nav01 a{ width:109px; background-image:url(../images/nav_needs.gif); left:236px; }
div.nav div li.nav02 a{ width:83px; background-image:url(../images/nav_case.gif); left:360px; }
div.nav div li.nav03 a{ width:121px; background-image:url(../images/nav_useofland.gif); left:458px; }
div.nav div li.nav04 a{ width:110px; background-image:url(../images/nav_jigyo.gif); left:594px; }
div.nav div li.nav05 a{ width:84px; background-image:url(../images/nav_industrial.gif); left:717px; }




/* ==

　03. レコメンドフッター

=============================================================================== */
.recoFooter .contents{ background:url(../images/bk_recoFooter.gif) left top no-repeat; }
.recoFooter .contents div{ width:215px; }
/*
.recoFooter .contents div.howto_store{ width:227px; padding-top:39px; }
.recoFooter .contents div.utlz_cnts{ width:195px; padding-top:20px; }
.recoFooter .contents div.lastChild{ width:214px; }
*/
.recoFooter .contents div li li{ padding-left:10px; }
.recoFooter .contents div li ul{ margin:5px 0 0; }
.recoFooter .contents div li li ul{ margin:5px 0 10px; }
.recoFooter .contents div li li li{ padding-left:0; font-size:100%; }
.recoFooter .contents p.firstChild{
	margin-bottom:10px;
	padding-bottom:7px;
	border-bottom:1px solid #ebebeb;
}
.recoFooter .contents div.lastChild li{ margin-bottom:3px; }
.recoFooter .contents div.lastChild ul.category{ margin-bottom:10px; }
.recoFooter .reco_em {
	font-weight: bold;
}



/* BSデフォルト
------------------------------------------------------------------------------- */
.default_bs .contents div.bs_cnts{
	width:690px;
	margin:0 5px 0 0;
	padding:0 0 0 10px;
}
.default_bs .contents div.bs_cnts ul{ width:220px; margin-right:10px; padding:0 10px; float:left; }
.default_bs .contents div.bs_cnts li ul{ width:auto; margin-bottom:10px; padding:0; float:none; }
.default_bs .contents div.bs_cnts ul.sltn{ width:222px; padding:0; }
.default_bs .contents div.bs_cnts ul.lastChild{ width:185px; margin-right:0; }
.default_bs .contents div.bs_cnts ul.lastChild ul{ width:auto; margin-right:0; float:none; }


/* 事業トータルサポート＋店舗展開（5カラム）
------------------------------------------------------------------------------- */
.rf_column5 .contents{ background:url(../images/bk_recoFooter02.gif) left top no-repeat; }
.rf_column5 .contents div.firstChild{ width:200px; }
.rf_column5 .contents div.bs_cnts{
	width:502px;
	margin:0 0 0 10px;
	padding:0;
}
.rf_column5 .contents div.lastChild{ width:183px; }
.rf_column5 .contents div.lastChild ul.category{ margin-bottom:10px; }

.rf_column5 .contents div.bs_cnts ul{ width:145px; margin-right:10px; padding-right:10px; float:left; }
.rf_column5 .contents div.bs_cnts li ul{ width:auto; margin-bottom:10px; padding-right:0; float:none; }
.rf_column5 .contents div.bs_cnts ul.sltn{ width:145px; }
/*.rf_column5 .contents div.bs_cnts ul.sltn li strong{ font-size:110%; }*/
.rf_column5 .contents div.bs_cnts ul.lastChild{ width:150px; margin-right:0; }
.rf_column5 .contents div.bs_cnts ul.lastChild ul{ width:auto; margin-right:0; float:none; }


/* ==

　04. その他のソリューション

=============================================================================== */
.lnav .othersltn{
	width:200px;
	margin:0;
	padding:10px 0 0;
	background-color:#fff;
}
.lnav .othersltn dl{
	width:198px;
	margin:0;
	padding:0;
	border:1px solid #ccc;
}
.lnav .othersltn dt{ margin:0 0 5px; padding:1px; }
.lanv .othersltn dd{ margin:0; padding:0; }
.lnav .othersltn dd ul{
	width:190px;
	margin:0 auto;
	padding:0;
}
.lnav .othersltn dd li{
	width:auto;
	height:auto;
	margin-bottom:7px;
	padding-bottom:7px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
}
.lnav .othersltn dd li.lastChild{ margin-bottom:0; background:none; }
.lnav .othersltn dd li a{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	padding-left:10px;
	background:url(/common/images/renew2009/arrow_02.gif) 3px 5px no-repeat;
}



/* ==

　05. サポート

=============================================================================== */
.main .support{
	width:450px;
	margin-bottom:20px;
	position:relative;
	float:left;
	clear:none;
}
.main .support div{
	width:450px;
	margin-bottom:10px;
	padding-top:10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
	min-height:1%;
}
.main .support div.firstChild{ padding-top:0; background:none; }

.main .support div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main .support p.img{
	width:125px;
	float:left;
}
.main .support div.txt{
	width:310px;
	margin-bottom:0;
	padding-top:0;
	background:none;
	float:right;
}
.main .support div.txt p{ margin-bottom:5px; }
.main .support div.txt li{
	margin:0 10px 5px 0;
	float:left;
}
.main .support div.txt li a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	white-space:nowrap;
}

/* ==

　06. 事例紹介

=============================================================================== */
.main .list_case{
	width:260px;
	margin-bottom:20px;
	position:relative;
	float:right;
	clear:none;
}
.main .list_case div{
	width:260px;
	min-height:1%;
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	clear:both;
}
.main .list_case div.lastChild{ background:none; }
.main .list_case div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main .list_case div p.img{ width:94px; float:left; }
.main .list_case div p.txt{ width:155px; float:right; }
.main .list_case div p.txt a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 7px no-repeat;
	font-weight:bold;
	display:block;
}



/* ==

　07. 共通パーツ

=============================================================================== */
/* 基本枠組
------------------------------------------------------------------------------- */
.section .main{
	width:730px;
	min-height:1%;
	float:right;
}
.section .lnav{
	width:200px;
	min-height:1%;
	float:left;
}
.section .main:after,
.section .lnav:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main p{ line-height:1.5; }

@media print{
	.lnav{ display:none; }
	.section .main{ float:left; }
}

/* h2～
------------------------------------------------------------------------------- */
.section .main h2{
	margin-bottom:0;
	padding-bottom:10px;
	background-image:none;
	background-color:#fff;
}
.section .main h3{
	margin-bottom:10px;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
	font-size:120%;
	line-height:1.2;
	color:#333;
}
* html .section .main h3{ height:1%; }

.section .main h4{
	margin-bottom:10px;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
}


/* バナー
------------------------------------------------------------------------------- */
.main p.bnr{ margin-bottom:10px; }

.main ul.bnr li{ float:left; }
.main ul.bnr li.lastChild{ float:right; }


/* 横遷移のリンク（次のページ、前のページへのリンク）
------------------------------------------------------------------------------- */
.main .nextprev{
	width:730px;
	min-height:1%;
	margin:10px 0 20px;
	padding:5px 0 0;
	background:url(/common/images/renew2009/line_dotted03.gif) left top repeat-x;
	clear:both;
}
.section .main div.nextprev p{
	width:360px;
	margin-bottom:0;
	padding-bottom:0;
	line-height:1.3;
}
.main .nextprev p.prev{ float:left; }
.main .nextprev p.prev a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_back.gif) left 7px no-repeat;
	display:block;
}
.main .nextprev p.next{ text-align:right; float:right; }
.main .nextprev p.next a{
	padding-left:0;
	padding-right:7px;
	background:url(/common/images/renew2009/arrow_02.gif) right 7px no-repeat;
	display:block;
}