/*****************************************************************************
  #AA#　基本設定

  #AB#　リンク
  
  #AC#　フッターの下部固定用DIV

　#AD#　SEO

　#AE#　FLASH部分

　#AF#　メインコンテンツ（左BOX、右BOX）

　#AG#　フッター
		(#AG01#　下部メニューのテキストリンク・#AG02#　ＰＲテキスト
		 #AG03#　住所・#AG04#　施工エリア・コピーライト)

　#AH#　左側BOX（ボタン2つ）

　#AI#　右側BOX（#AI01#　更新履歴・#AI02#　お問合わせ）

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





/*****************************************************************************
　　　　　　#AA#　基本設定
*****************************************************************************/
/*ブラウザ別のCSS解除*/

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,
blockquote,
table,th,td,span {
   margin: 0px;
   padding: 0px;
   border: 0px;
}

table {
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

* html,body {
	width: 100%;
	height: 100%;
}

*html body {  　　　　　/*IE6だけに適用*/
   overflow-y:auto;
}

*+html body {　　　　　/*IE7だけに適用*/
   overflow-y:auto;
}

/*メイン表示部分とスクロールバー	下層はcolor: #444444;*/
body {
	color: #FFFFFF;
	font-family: Verdana,Tahoma,Arial,Helvetica,"ＭＳ ゴシック", "ＭＳ Ｐゴシック", Osaka;
	font-size: x-small;
	text-decoration: none;
	text-align: center;
	background-color: #2B2623;
	overflow-y:scroll;
	scrollbar-highlight-color:#F2F2F2;
	scrollbar-shadow-color:#89827F;
	scrollbar-arrow-color:#691212;
	scrollbar-face-color:#FFFFFF;
	scrollbar-3dlight-color:#C3BEBB;
	scrollbar-darkshadow-color:#41281A;
}


/*****************************************************************************
　　　　　　#AB#　リンク
*****************************************************************************/
a:link {
	color: #FFFFFF;
	text-decoration: none;
	}

a:visited {
	color: #64768C;
	text-decoration: none;
	}

a:active {
}

a:hover {
	color: #740B0B;
	text-decoration: none;
	}


/*****************************************************************************
　　　　　　#AC#　フッターの下部固定用DIV
*****************************************************************************/
/*ページ全体を囲むの*/
div#container {
	background-image: url(../image/bg_top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
	position: relative;
	min-height: 100%;
}

* html div#container {
	height: 100%;
}

/*フッターを除く全体を囲むの*/
div#contents {
	background-color: #2C2A29;
	width: 780px;
	margin: 0px auto;
	padding-bottom: 120px;
}

/*フッタ　下部固定*/
div#footer_space {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 120px;
	margin: 0px auto;
}


/*隠しテキスト*/
.nontxt{
	display: none;
	}

/*****************************************************************************
　　　　　　#AD#　SEOヘッダ
*****************************************************************************/
h1#seo	{
	font-size: 9px;
	color: #565656;
	font-weight: lighter;
	text-align:justify;
	text-justify:distribute-all-lines;
	background-image: url(../image/bg_seo.gif);
	background-repeat: repeat-x;
	background-position: center;
	width: 780px;
	height: 22px;
	padding: 3px 5px;
	display: block;
}

/*firefox用ハック*/
html>/**/body h1#seo {
	width: 770px;
	height: 18px;
	padding: 2px 5px;
}

/*****************************************************************************
　　　　　　#AE#　FLASH部分
*****************************************************************************/
div#flashbox	{
	width: 780px;
	height: 378px;
}


/*****************************************************************************
　　　　　　#AF#　メインエリア
*****************************************************************************/
div#main_area {
	background-image: url(../image/bar.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 780px;
	padding: 20px 0px 20px 10px;
	clear: both;
}

/*firefox用ハック*/
html>/**/body div#main_area {
	width: 770px;
}

/*-----左ボックス-----*/
div#leftbox {
	text-align: left;
	width: 304px;
	float: left;
}
/*-----右ボックス-----*/
div#rightbox {
	width: 454px;
	float: right;
}



/*****************************************************************************
　　　　　　#AG#　フッタ
*****************************************************************************/
/*フッタエリア*/
div.footer_area {
	color: #FFFFFF;
	font-size: xx-small;
	line-height: 150%;
	background-color: #3F352F;
	margin: 0px auto;
	width: 780px;
	height: 120px;
	overflow: hidden;
	}

div.footer_area h2 {
	color: #FFFFFF;
	font-size: xx-small;
	line-height: 150%;
	font-weight: normal;
	}

div.footer_area a:hover {
	background-color: transparent;
}



/**************************************
　#AG01#　下部メニューのテキストリンク
**************************************/
#footer_menu {
	text-align:justify;
	text-justify:distribute-all-lines;
	margin: 2px 15px;
	width: 750px;
	}


#footer_menu a {
	color: #FFFFFF;
	margin: 0px 5px 2px 5px;
	padding: 0px 2px;
	background-color: transparent;
	}

/* 左端 */
#footer_menu a.left_s {
	margin: 0px 5px 2px 0px;
	padding: 0px 2px 0px 0px;
	}

/* 右端 */
#footer_menu a.right_e {
	margin: 0px 0px 2px 5px;
	padding: 0px 0px 0px 2px;
	}

#footer_menu a:visited {
	color: #DEDEDE;
	}

#footer_menu a:hover {
	color: #FFFFFF;
	margin-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	}

/*firefox用ハック*/
html>/**/body #footer_menu {
	font-size: x-small;
	letter-spacing: 1px;
}

html>/**/body #footer_menu a {
	margin: 0px 4px 2px 4px;
	padding: 0px 2px;
}

/**************************************
　#AG02#　ＰＲテキスト
**************************************/
div.footer_area H2#pr {
	letter-spacing: 1px;
	text-align:justify;
	text-justify:distribute-all-lines;
	width: 750px;
	margin: 5px 15px 0px 15px;
	}


/**************************************
　#AG03#　住所
**************************************/
div#address {
	text-align: left;
	width: 750px;
	height: auto;
	margin: 8px 15px;
	clear: both;
	}

div#address h2 {
	display: block;
	}

div#address h2#com_name {
	width: 130px;
	height: auto;
	margin-right: 15px;
	float: left;
	}

/**************************************
　#AG04#　施工エリア・コピーライト
**************************************/
div#area_cr_box {
	margin: auto 15px;
	width: 750px;
	height: auto;
	clear: both;
	}

/* 施工エリア */
div#area_cr_box h2 {
	text-align: left;
	width: 320px;
	height: auto;
	float: left;
	display: block;
	}


/* コピーライト */
div#area_cr_box div#copyright{
	text-align: right;
	width: 400px;
	height: auto;
	float: right;
	display: block;
}

div#area_cr_box div#copyright a:hover {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	}

div#area_cr_box div#copyright a:hover {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	}

div#area_cr_box div#copyright a:visited {
	color: #9F0505;
	}


/*****************************************************************************
　　　　　　#AH#　左側BOX
*****************************************************************************/
/*ボタンメニュー*/
ul#btnbox {
	width: 304px;
	display: inline;
	}

ul#btnbox li{
	background-position: 0px 0px;
	background-repeat: no-repeat;
	list-style-type : none;
	list-style-position : outside;
	width: 304px;
	height: 126px;
	overflow: hidden;
}

ul#btnbox li a {
	font-size: 8pt;
	line-height: 160%;
	text-align: left;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 304px;
	height: 126px;
	padding: 80px 5px 5px 135px;
	display: block;
}

/*firefox用ハック*/
html>/**/body ul#btnbox li a {
	font-size: 7pt;
	letter-spacing: 0px;
	padding: 75px 5px 5px 135px;
	width: 164px;
	height: 56px;
}


/*文字色の固定*/
ul#btnbox li a:link,ul#btnbox li a:visited,ul#btnbox li a:active,ul#btnbox li a:hover {
	color: #FFFFFF;
}

/*ブログボタン*/
ul#btnbox li#blog {
	margin-bottom: 22px;
	background-image: url(../image/btn_blog_on.jpg);
}

ul#btnbox li#blog a {
	background-image: url(../image/btn_blog.jpg);
}

/*職人の誇りボタン*/
ul#btnbox li#policy {
	margin-bottom: 22px;
	background-image: url(../image/btn_policy_on.jpg);
}

ul#btnbox li#policy a {
	background-image: url(../image/btn_policy.jpg);
}

/*店舗案内ボタン*/
ul#btnbox li#shoeroom {
	background-image: url(../image/btn_showroom_on.jpg);
}

ul#btnbox li#shoeroom a {
	background-image: url(../image/btn_showroom.jpg);
}

ul#btnbox li#blog a:hover,ul#btnbox li#policy a:hover,ul#btnbox li#shoeroom a:hover {
	background-image: none;
}


/*****************************************************************************
　　　　　　#AI#　右側BOX
*****************************************************************************/
div#rightbox_area {
	background-image:url(../image/btn_contact.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 454px;
	min-height: 270px;
}
div#rightbox_area2 {
	width: 454px;
}

/***********************************************************
　　　　　　#AI01#　新着情報　更新：2010年05月
***********************************************************/
#notice {
	text-align: left;
	margin-top: 0px;
}
#notice dl {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	width: 420px;
	margin-bottom: 5px;
	padding-bottom: 6px;
}
#notice dt {
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 3px;
}
#notice dd {
	padding-left: 5px;
}
#notice a {
	color: #FFFFFF;
	background-color: transparent;
	}

#notice a:visited {
	color: #CCCCCC;
	}

#notice a:hover {
	border-bottom: 1px solid;
	}

/***********************************************************
　　　　　　#AI01#　更新履歴
***********************************************************/
div#info_area {
	width: 454px;
	height: 194px;
	clear: both;
	overflow: hidden;
}
div#info_area2 {
	width: 454px;
	clear: both;
	overflow: hidden;
}

/*タイトル*/
h3#info {
	background-image:url(../image/title_info.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 454px;
	height: 55px;
	margin-bottom: 0px;
}

/*更新履歴*/
dl#infobox {
	font-size: x-small;
	line-height: 160%;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 454px;
	height: 135px;
	display: inline;
}

dl#infobox dt,dl#infobox dd {
	display: block;
}

dl#infobox dt {
	text-indent: 1em;
	width: 80px;
	padding-right: 10px;
	float: left;
}

dl#infobox dd {
	width: 340px;
}

/*firefox用ハック*/
html>/**/body dl#infobox dd {
	width: 340px;
	margin-left: 98px;
}

dl#infobox a {
	color: #FFFFFF;
	background-color: transparent;
	}

dl#infobox a:visited {
	color: #CCCCCC;
	}

dl#infobox a:hover {
	border-bottom: 1px solid;
	}


/***********************************************************
　　　　　　#AI02#　お問合わせ
***********************************************************/
/*お問合わせ*/
div#contact_banner,div#contact_banner a {
	width: 454px;
	height: 80px;
}


div#contact_banner a {
	background-image:url(../image/btn_contact_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
}

div#contact_banner a:hover {
	background-image: none;
}