@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通パーツ
　02. 中ページ枠組み
　03. 事例紹介
　04. 個人情報保護
  

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



/* ==

　00. file import

=============================================================================== */
@import url("../../css/style.css");


#hdArea{ border-bottom:none !important; }


/* ==

　01. 共通パーツ

=============================================================================== */
#utilize .container{ position:relative; }

.main p.txt_lead{
	margin-bottom:10px;
	line-height:1.5;
}

.section h2{ margin-bottom:20px; }
.section main h2{ margin-bottom:10px; }



/* グローバルナビ
------------------------------------------------------------------------------- */
#utilize .header .floatR .gnav li.gnav_utilize a{
	background-position:left bottom;
}

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


/* ナビゲーション
------------------------------------------------------------------------------- */
div.nav{
	width:100%;
	height:28px;
	background:url(/common/images/renew2009/bk_nav.gif) left top repeat-x;
	position:relative;
	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 h1{ margin-top:4px; float:left; }*/
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 li.nav01 a{ width:159px; background-image:url(../images/nav_concept.gif); left:128px; }
div.nav li.nav02 a{ width:65px; background-image:url(../images/nav_practical.gif); left:294px; }
div.nav li.nav03 a{ width:150px; background-image:url(../images/nav_support.gif); left:366px; }
div.nav li.btnConsult a{ width:95px; height:21px; background-image:url(/tochikatsu/images/btn_consult.gif); top:3px; right:100px; }
div.nav li.btnUselist a{ width:95px; height:21px; background-image:url(/tochikatsu/images/btn_uselist.gif); top:3px; right:0; }


/* 活用紹介プルダウン（ナビ） */
ul#nav02_sub{
	position:absolute;
	top:0px;
	left:294px;
	z-index:110;
	display:none;
	float:none;
}
ul#nav02_sub li{
	margin:0;
	padding:0;
	background:none;
	text-indent:0;
	/*
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	*/
	z-index:111;
	display:block;
	float:none;
	clear:both;
}
ul#nav02_sub li a{
	width:233px;
	height:16px;
	padding:9px 5px 5px 57px;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
	overflow:visible;
	display:block;
	position:relative;
	left:0;
	z-index:112;
	float:none;
	clear:both;
}
ul#nav02_sub li a:link, ul#nav02_sub li a:visited{ background-position:left top; }
ul#nav02_sub li a:hover, ul#nav02_sub li a:active{ background-position:left bottom; }

* html ul#nav02_sub li a{ filter:alpha(opacity=80); }

ul#nav02_sub li.roadside a{ background-image:url(../images/bk_nav02_roadside.png); }
ul#nav02_sub li.comComplex a{ background-image:url(../images/bk_nav02_comComplex.png); }
ul#nav02_sub li.office a{ background-image:url(../images/bk_nav02_office.png); }
ul#nav02_sub li.remodel a{ background-image:url(../images/bk_nav02_remodel.png); }
ul#nav02_sub li.businesshotel a{ background-image:url(../images/bk_nav02_businesshotel.png); }

* html ul#nav02_sub li.roadside a{ background-image:url(../images/bk_nav02_roadside.gif); }
* html ul#nav02_sub li.comComplex a{ background-image:url(../images/bk_nav02_comComplex.gif); }
* html ul#nav02_sub li.office a{ background-image:url(../images/bk_nav02_office.gif); }
* html ul#nav02_sub li.remodel a{ background-image:url(../images/bk_nav02_remodel.gif); }
* html ul#nav02_sub li.businesshotel a{ background-image:url(../images/bk_nav02_businesshotel.gif); }



 
/* 各index.html内サポート体制、事例紹介
------------------------------------------------------------------------------- */
.main div.partner p{ margin-bottom:10px; line-height:1.4; }
.main div.partner p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}
.main div.partner p.img a{
	padding-left:0;
	background:none;
}

.main div.case li{
	width:260px;
	min-height:1%;
	margin-bottom:10px;
	padding-top:10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
	clear:both;
}
.main div.case li.firstChild{ padding-top:0; background:none; }
.main div.case li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main div.case li p.img{ width:70px; float:left; }
.main div.case li div.txt{ width:180px; float:right; }
.main div.case li div.txt p{ margin-bottom:5px; }
.main div.case li div.txt p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 7px no-repeat;
	display:block;
}
.main div.case li div.txt p a strong{ color:#404f6f; }
.main div.case li div.txt p.notes{ font-size:85%; }



 
/* 営業所一覧
------------------------------------------------------------------------------- */
.office{ margin-top:20px; }
.office div{
	width:948px;
	margin-bottom:20px;
	padding:1px;
	background-color:#d9d9d9;
}
.office table{
	width:100%;
}
.office td{
	padding:7px 10px;
	background-color:#f7f7f0;
	border:1px solid #fff;
	line-height:1.4;
}
.office td.ofc_name{ background-color:#fff; text-align:center; }


/* その他の店舗活用
------------------------------------------------------------------------------- */
.lnav .otherprctcl{
	width:200px;
	margin:0;
	padding:10px 0 0;
	background-color:#fff;
}
.lnav .otherprctcl dl{
	width:198px;
	margin:0;
	padding:0;
	border:1px solid #ccc;
}
.lnav .otherprctcl dt{ margin:0 0 5px; padding:1px; }
.lanv .otherprctcl dd{ margin:0; padding:0; }
.lnav .otherprctcl dd ul{
	width:190px;
	margin:0 auto;
	padding:0;
}
.lnav .otherprctcl 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 .otherprctcl dd li.lastChild{ margin-bottom:0; background:none; }
.lnav .otherprctcl 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;
}



/* ==

　02. 中ページ枠組み

=============================================================================== */
.section .main{
	width:730px;
	min-height:1%;
	float:right;
}
.section .lnav{
	width:200px;
	min-height:1%;
	float:left;
}
.main div{
	min-height:1%;
	margin-bottom:20px;
	line-height:1.5;
}
* html .main div{ height:1%; }
.main div div{ margin-bottom:0; }

.section .main:after,
.main div:after,
.section .lnav:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.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;
}
@media print{
	.lnav{ display:none; }
	.section .main{ float:left; }
}


/* ローカルナビゲーション（.lnav）
------------------------------------------------------------------------------- */
.lnav p.title a{ background-image:url(/tochikatsu/loc/images/lnav_title.gif); }
.lnav .lnav01 p a{ background-image:url(/tochikatsu/loc/images/lnav_subt_concept.gif); }
.lnav .lnav03 p a{ background-image:url(/tochikatsu/loc/images/lnav_subt_partner.gif); }


/* タブコンテンツ
------------------------------------------------------------------------------- */
/* タブ */
.main .tabTop{ margin:0; }
.main .tabTop{ height:36px; background-image:url(/tochikatsu/images/bk_tabTop.gif); }
.main .tabBtm{ height:36px; background-image:url(/tochikatsu/images/bk_tabBtm.gif); }
.main .tabTop li a, .main .tabBtm li a{ width:240px; height:31px; }

/* コンテンツ */
/* .main div{ margin-bottom:0; } */
.main .contents{
	width:728px;
	min-height:1%;
	padding-top:20px;
	background:none;
	border-left:1px solid #b2b4b6;
	border-right:1px solid #b2b4b6;
	clear:both;
}
.main .contents div{
	width:707px;
	min-height:1%;
	margin:0 auto 20px;
	/*background-color:#f0f0f0;*/
	line-height:1.5;
	clear:both;
}
.main .contents div div{ margin-bottom:0; }
.section .main .contents h3{
	margin-bottom:10px;
	padding-bottom:3px;
	background:none;
	border-bottom:1px solid #ccc;
}

/* ==

　03. 事例紹介

=============================================================================== */
.main dl.case_user dt{
	margin-bottom:10px;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
}


/* ==

　04. 個人情報保護

=============================================================================== */
.main .txt_privacy{
	margin-bottom:10px;
	padding:7px 10px 0;
	background-color:#f0e7db;
	border:1px solid #ccc;
}

.main .privacy p.alignR a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}

.main .privacy p.btn_agree{
	width:234px;
	margin:40px auto;
	text-align:center;
}
.main .privacy p.btn_agree a{
	width:234px;
	height:34px;
	background-image:url(../images/btn_agree.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.main .privacy p.btn_agree a span{ display:none; }

.main .privacy p.btn_agree a:link, .main .privacy p.btn_agree a:visited{ background-position:left top; }
.main .privacy p.btn_agree a:hover, .main .privacy p.btn_agree a:active{ background-position:left bottom; }





/* ==

　05. レコメンドフッター

=============================================================================== */
/*
.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 ul.category{ margin-bottom:10px; }
.recoFooter .contents div.lastChild li{ margin-bottom:3px; }

*/
.recoFooter .contents div.howto_store{ width:227px; padding-top:15px; }
.recoFooter .contents div li li{ padding-left:0; }


/* 中ページ（5カラム）
------------------------------------------------------------------------------- */
.rf_column5 .contents{ background:url(../../images/bk_recoFooter03.gif) left top no-repeat; }
.rf_column5 .contents div{ width:176px; }
.rf_column5 .contents div.firstChild{ width:163px; }
.rf_column5 .contents div.howto_store{ width:151px; }
.rf_column5 .contents div.utlz_cnts{ width:169px; }
.rf_column5 .contents div.lastChild{ width:169px; }