@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　00. 既存コンテンツ調整
　01. 共通パーツ
　02. 中ページ枠組み
　03. メインコンテンツ
　04. サブコンテンツ


******************************************************************************* */


/* ==

　00. file import

=============================================================================== */
.container{ width:950px; margin:0 auto; }
.container .topicPath{ background:none; }


.headerArea .header .upper{ position:relative; }
.headerArea .header .upper li#rss{ position:absolute; top:0; right:0; } 


.ls-fxr{ width:950px !important; }

.ls-canvas .ls-area,
.ls-canvas .ls-area-body {
	overflow:visible !important;
}

#ls-row-3-area-1, #ls-row-3-area-1 .ls-area-body{ width:730px !important; }
#ls-row-3-area-2{ width:205px !important; float:right !important; }
#ls-row-3-area-2 .ls-area-body{ margin-left:0; }



hr{ display:none; }



.container div:after{ content:''; display:block; clear:both; }
h2, h3{ zoom:1; }
h2:after, h3:after{ content:''; display:block; clear:both; }



.txtli_pagetop{ padding:0 0 15px; font-size:85%; text-align:right; clear:both; }

.infoF { display:none; }



/* ==

　00. 既存コンテンツ調整

=============================================================================== */



/* ==

　01. 共通パーツ

=============================================================================== */
html{ overflow-y:scroll; }
em{ font-style:normal; font-weight:bold; }
hr{ display:none; }
ul{ list-style-type:none; }


a:link, a:visited{ color:#404f6f; text-decoration:underline; }
a:active, a:hover{ color:#404f6f; text-decoration:none; }


.container h1.shiten_title{ border-bottom:none; }


#loacalNav { display:none; }



/* ナビゲーション
------------------------------------------------------------------------------- */
div#hdNav{
	width:100%;
	background-color:#edeef0;
	position:relative;
	z-index:100;
	clear:both;
}
div#hdNav div{
	width:950px;
	min-height:1%;
	margin:0 auto;
	position:relative;
	clear:both;
}
div#hdNav div:after{ content:''; display:block; clear:both; }

div#hdNav div p{ padding:16px 5px 16px 0; float:left; }

div#hdNav ul{ float:left; }
div#hdNav li{
	margin-left:5px;
	padding-left:5px;
	background:url(/common/images/rn01/nav_vline.gif) left center no-repeat;
	display:inline;
	float:left;
}
div#hdNav li a{ padding:16px 0; display:block; }
div#hdNav li a:link, div#hdNav li a:visited{ background:none; }
div#hdNav li a:hover, div#hdNav li a:active{ background:url(/common/images/rn01/nav_bg_over.png) left 16px repeat-x; }
div#hdNav.funcFix .fixArea {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	border-top: 3px solid #fa0046;
	border-bottom: 1px solid #dfdfdf;
	background: #fff;
}


/* エリア選択プルダウン */
#hdNav li ul{
	position:absolute;
	top:51px;
	display:none;
	z-index:110;
	float:none;
}
#hdNav li li{
	margin:0;
	padding:0;
	background:none;
	text-indent:0;
	z-index:111;
	display:block;
	float:none;
	clear:both;
}
#hdNav li li a{
	width:63px !important;
	height:15px !important;
	padding:8px 10px 5px 12px;
	background-color:transparent;
	background-image:url(/common/images/renew2009/bk_nav_area.png) !important;
	background-position:left top;
	background-repeat:no-repeat;
	line-height:1.0;
	color:#fff;
	text-decoration:none;
	overflow:visible;
	display:block;
	position:relative;
	left:0;
	z-index:112;
	float:none;
	clear:both;
}
#hdNav li.nav04 li a{ width:87px !important; }


#hdNav li.nav01 ul.nav01_pref{ left:71px; }
#hdNav li.nav02 ul.nav02_pref{ left:178px; }
#hdNav li.nav03 ul.nav03_pref{ left:271px; }
#hdNav li.nav04 ul.nav04_pref{ left:363px; }
#hdNav li.nav05 ul.nav05_pref{ left:489px; }
#hdNav li.nav06 ul.nav06_pref{ left:581px; }
#hdNav li.nav07 ul.nav07_pref{ left:674px; }
#hdNav li.nav08 ul.nav08_pref{ left:766px; }
#hdNav li.nav09 ul.nav09_pref{ left:858px; }

#hdNav li li a:link, #hdNav li li a:visited{ background-position:left top; }
#hdNav li li a:hover, #hdNav li li a:active{ background-position:left bottom; }

* html #hdNav li li a,
* html #hdNav li li a{ background-image:url(/common/images/renew2009/bk_nav_area.gif); filter:alpha(opacity=80); }





/* パンくずリスト
------------------------------------------------------------------------------- */
div.topicPath{
	width:940px;
	min-height:1%;
	margin:0 auto;
	padding:5px 5px 8px;
	position:relative;
	clear:both;
}
div.topicPath:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
div.topicPath ul{ margin:0; padding:0; }
div.topicPath li{
	margin:0 5px 0 0;
	padding:0;
	font-size:10px;
	line-height:1.2;
	color:#666;
	float:left;
}
div.topicPath li a{
	padding-right:10px;
	background:url(/common/images/renew2009/arrow_topicpath.gif) right 2px no-repeat;
	color:#666;
}
div.topicPath li a:link, div.topicPath li a:visited,
div.topicPath li a:hover, div.topicPath li a:active{ color:#666; }

div.topicPath p{
	margin:0;
	padding:0;
	font-size:10px;
	line-height:1.2;
	position:absolute;
	top:5px;
	right:0px;
}

div.topicPath p.siteTop{
	position:relative;
	top:0;
	right:0;
	float:left;
}

div.topicPath p.siteTop a{
	margin-right:5px;
	padding-right:10px;
	background:url(/common/images/renew2009/arrow_topicpath.gif) right 2px no-repeat;
	color:#666;
}
div.topicPath p.siteTop a:link, div.topicPath p.siteTop a:visited,
div.topicPath p.siteTop a:hover, div.topicPath p.siteTop a:active{ color:#666; }



/* このページの先頭へ
------------------------------------------------------------------------------- */
.container p.pagetop{
	height:20px;
	margin-bottom:20px;
	text-indent:-9999px;
	position:relative;
	clear:both;
}
.container p.pagetop a{
	width:110px;
	height:15px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(/common/images/renew2009/li_pagetop.gif);
	font-size:12px;
	line-height:1.0;
	display:block;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
}
.container p.pagetop a:hover, .container p.pagetop a:active{ background-position:left bottom; }



/* ==

　02. 中ページ枠組み

=============================================================================== */
/*
div.main{
	width:730px;
	min-height:1%;
	text-align:left;
	position:relative;
	float:left;
}
*/
div#sub{
	width:200px;
	min-height:1%;
	padding-bottom:20px;
	line-height:1.3;
	float:right;
}
.main:after, #sub:after,
.main div:after, #sub div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}



/* ==

　03. メインコンテンツ

=============================================================================== */
a strong{ color:#404f6f; }

.container .topicPath{ background:none; }
h1{ margin:0 0 5px; }
td.lot{ word-wrap:break-word; }



.mchnkList h3{
	margin-bottom:10px;
	padding:2px 0 5px 27px;
	background:url(/common/images/renew2009/ic_machinaka.gif) left top no-repeat;
	border-bottom:1px solid #ccc;
	font-size:120%;
	line-height:1.2;
	color:#333;
}
.salonList h3{
	margin-bottom:10px;
	padding:2px 0 5px 27px;
	background:url(/common/images/renew2009/ic_salon.gif) left top no-repeat;
	border-bottom:1px solid #ccc;
	font-size:120%;
	line-height:1.2;
	color:#333;
}
.tenjiList h3{
	margin-bottom:10px;
	padding:2px 0 5px 27px;
	background:url(/common/images/renew2009/ic_tenji.gif) left top no-repeat;
	border-bottom:1px solid #ccc;
	font-size:120%;
	line-height:1.2;
	color:#333;
}

* html .list div, * html .list{ height:1%; }



.container h1.shiten_title{
	width:920px;
	height:140px;
	padding:100px 0 0 30px;
	background:url(/officeHP/images/bk_title.jpg) left top no-repeat;
	font-size:36px;
	color:#333;
	line-height:1.3;
	clear:both;
}


/* 取り扱い事業
------------------------------------------------------------------------------- */
#businessBox{
	width:950px;
	min-height:1%;
	margin:0 0 10px;
	padding:0;
	background-color:#D0d0d0;
	clear:both;
}
#businessBox:after,
#businessBox dl:after{ content:''; display:block; clear:both; }
#businessBox dl{ width:950px; margin:0; padding:0; clear:both; }
#businessBox dt{ margin:0; padding:0; float:left; }
#businessBox dt img{ vertical-align:bottom; }
#businessBox dd{ float:left; }
#businessBox dd li{ padding-left:3px; float:left; }




/* ==

　04. サブコンテンツ

=============================================================================== */
#sub div.item{
	margin:0 0 20px;
	background-color:#f4f3f2;
	clear:both;
}
#sub div.item div{
	margin:0;
	padding:0;
	background-image:none;
	background-color:#f4f3f2;
	clear:both;
}
#sub div.item div div{
	margin:0;
	padding:5px 10px;
	background:none;
	border-top:none;
	clear:both;
}
#sub div.item div h3{
	height:auto;
	margin:0;
	padding:9px 0 8px 35px;
	background:#e5e5e5 url(/officeHP/images/sub/ico_img01.gif) 8px 8px no-repeat;
	border-bottom:10px solid #fff;
	font-size:15px;
	line-height:1.2;
	color:#333;
}
#sub div.item dl{
	min-height:1%;
	margin:0 auto;
	padding:7px 0;
	border-bottom:1px dotted #999;
	clear:both;
}
#sub div.item dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
#sub div.item dt{ width:70px; font-weight:bold; float:left; }
#sub div.item dd{ width:110px; float:left; }

#sub div.item dl + p{ margin-top:10px; }



/* 支店の詳細情報
----------------------------------------------------------------------------- */
#sub div.item .shiten div{ margin:0; padding:5px 10px 10px; border-bottom:1px solid #d2d2d2; }
#sub div.item .shiten img{ margin:0; }

#sub div.item div.shiten .branch{ margin:0; padding:10px; border-top:1px solid #fff; border-bottom:none; }
#sub div.item .branch p{ margin-top:0; padding:0 0 5px; }
#sub div.item .branch p em{ font-size:14px; }
#sub div.item .branch div{
	padding:0;
	border:none;
}
#sub div.item .shiten .branch dl.lastChild{ background:none; }
#sub div.item .branch div p.br_name{ margin:10px 0 0; padding:5px 5px 3px; background-color:#cfcfcf; color:#444; }
#sub div.item .branch div p.br_name strong{ color:#444; }


/* 電話番号 */
#sub div.item dl.tel dd{ color:#f00; font-weight:bold; }



/* その他の展示場
----------------------------------------------------------------------------- */
#sub div.item .other div{ padding:10px; }
#sub div.item .other p{ margin-top:0; margin-bottom:5px; padding:0; color:#444; }
#sub div.item .other ul{ width:180px; margin:0 auto; padding:0; }
#sub div.item .other li{
	width:180px;
	margin:0;
	padding:5px 0;
	border-bottom:1px dotted #999;
	clear:both;
}
#sub div.item .other li.lastChild{ padding-bottom:0; border-bottom:none; }

#sub div.item .other li strong{ padding-left:7px; display:block; }
#sub div.item .other li a{
	padding:0 5px 0 7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
	display:block;
	color:#404f6f !important;
}


/* バナー
----------------------------------------------------------------------------- */
#sub div.bnr p{ margin:0 0 7px; padding:0; }














