/*index　style CSS*/

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

#AA#　基本設定
　　　（リンク）

#AB#　ヘッダ
　　　（メニュー部分・個人情報保護方針・サイト利用条件・リンク）

#AC#　メインエリア

#AD#　フッタ
　　　（seo用のテキストリンク・施工エリア・ＰＲテキスト・コピーライト）

#AE#　トップページのみのCSS
　　　（#AE01#　FLASHの範囲　・　#AE02#　更新履歴
　　　　#AE03#　会社情報・お問合わせバナー
　　　　#AE04#　右側ブロック　バナーメニュー）


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





/*****************************************************************************
　　　　　　　　 #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 {
	height: 100%;
}

/*メイン表示部分とスクロールバー*/
body       {
	color: #636363;
	font-size: x-small;
	font-family: Verdana,Tahoma,Arial,Helvetica,"ＭＳ ゴシック", "ＭＳ Ｐゴシック", Osaka;
	text-decoration: none;
	background-color: #FFFFFF;
	scrollbar-highlight-color:#F2F2F2;
	scrollbar-shadow-color:#89827F;
	scrollbar-arrow-color:#691212;
	scrollbar-face-color:#FFFFFF;
	scrollbar-3dlight-color:#C3BEBB;
	scrollbar-darkshadow-color:#41281A;
	text-align: center; /* IE 向けセンタリング指定 */
}

/*ページ全体を囲むの*/
div#container {
	width: 100%;
	position: relative;
	min-height: 100%;
}

* html div#container {
	height: 100%;
}
/*フッターを除く全体を囲むの*/
div#contents{
	padding-bottom: 140px;
}


/********************************
　　リンク
********************************/

a:link    { 
	color: #7B1109; 
	text-decoration: none;
	}

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

a:hover  {
	color: #B73C32;
	background-color:#F9E6E5;
	text-decoration: none;
	}



/*****************************************************************************
　　　　　　　　 #AB#　ヘッダ
*****************************************************************************/
/*H1の背景を全面に表示*/
div#SeoArea_Out {
	background-image: url(../image/bg_seo.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #625043;
	width: 100%;
	height: 28px;
	}

/*H1の横幅を指定*/
div#SeoArea_In {
	margin: 0 auto;
	padding-top: 8px;
	width: 800px;
	}

/*SEO*/
H1   {
	color: #FFFFFF;
	font-size: xx-small;
	font-style: normal; 
	font-weight: lighter;
	text-decoration: none;
	letter-spacing: 1px;
	display: block;
	text-align:justify;
	text-justify:distribute-all-lines;
	}


/********************************
　　会社ロゴ　メニュー
********************************/
/*メニューの背景を全面に表示*/
div.MenuArea_Out {
	background-image: url(../image/bg_menu.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #8D2A25;
	width: 100%;
	height: 100px;
	}

/*メニューの横幅を指定*/
div.MenuArea_In{
	margin: 0 auto;
	padding-top: 9px;
	width: 800px;
	height: 100px;
	}

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


/********************************
　　個人情報保護方針
　　サイト利用条件・リンク
********************************/
/*メニューの背景を全面に表示*/
div.SubMenuArea_Out {
	background-image: url(../image/bg_submenu.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #F0F0F0;
	width: 100%;
	height: 32px;
	}

/*メニューの横幅を指定*/
div.SubMenuArea_In{
	color: #787878;
	text-align: right;
	margin: 0 auto;
	padding-top: 9px;
	width: 800px;
	}

div.SubMenuArea_In a{
	font-size: xx-small;
	letter-spacing: 1px;
	padding: 0 2px;
	margin: 0px 3px 0px 5px;
	}

div.SubMenuArea_In a:link,div.SubMenuArea_In a:visited {
	color: #666666;
	}

div.SubMenuArea_In a:hover {
	color: #B73C32;
	background-color: transparent;
	}


/*****************************************************************************
　　　　　　　　 #AC#　メインエリア
*****************************************************************************/
/*メインエリア*/
div.MainArea_Out{
	background-color: #FFFFFF;
	background-image: url(../image/bg_mainarea.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: auto;
	}

div.MainArea_In{
	margin: 0 auto;
	padding: 10px 0px 15px 0px;
	width: 840px;
	}


/*****************************************************************************
　　　　　　　　 #AD#　フッタ
*****************************************************************************/
/*フッタ　下部固定*/
div#FooterSpace {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 140px;
}

/*フッタエリア*/
div.FooterArea_Out{
	background-color: #691212;
	background-image: url(../image/bg_foot.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 140px;
	}

div.FooterArea_In {
	margin: 0 auto;
	padding: 10px 0px;
	width: 840px;
	}

div.FooterArea{
	margin: 0px 20px 0px 15px;
	}

div.FooterArea {
	color: #F9F2F2;
	}
div.FooterArea a:hover {
	background-color: transparent;
}

/********************************
　　seo用のテキストリンク
********************************/
#seo_txt {
	color: #ECECEC;
	font-size: xx-small;
	line-height: 150%;
	text-align:justify;
	text-justify:distribute-all-lines;
	background-color: transparent;
	margin: 0px 0px 15px 5px;
	width: 800px;
	}

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

#seo_txt a#sright {
	margin: 0px 0px 2px 5px;
	}

#seo_txt a#sleft {
	margin: 0px 5px 2px 0px;
	}

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

#seo_txt a:hover {
	color: #FFFFFF;
	margin-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	}
	
/********************************
　　施工エリア
********************************/
div.FooterArea H2 {
	color: #FFFFFF;
	font-size: 10px;
	text-align: left;
	font-weight: lighter; 
	text-decoration: none;
	line-height: 150%;
	letter-spacing: 2;
	display: block;
	margin: 0px 0px 5px 5px;
	}

/********************************
　　ＰＲテキスト
********************************/
div.FooterArea H2#pr {
	color: #F9F2F2;
	font-size: xx-small;
	letter-spacing: 1;
	text-align:justify;
	text-justify:distribute-all-lines;
	margin: 0px 0px 5px 5px;
	}



/********************************
　　     コピーライト
********************************/
div.FooterArea div#copyright{
	color: #C8A0A0;
	font-size: xx-small;
	font-family: Verdana,Tahoma,Arial,Helvetica,"ＭＳ ゴシック", "ＭＳ Ｐゴシック", Osaka;
	line-height: 130%;
	text-decoration: none;
	text-align: left;
	margin-left: 5px;
}



/*****************************************************************************
　　　　　　　　 #AE#　トップページのみのCSS
*****************************************************************************/
/*****************************************
　　#AE01#　FLASHの範囲
*****************************************/
/*FLASHの範囲*/
div.FlashArea{
	width: 840px;
	height: 390px;
	margin-bottom: 20px;

	}

/*更新履歴・バナーメニューの範囲*/
div.TopMainArea{
	width: 825px;
	padding-left: 15px;
	}

div.TopMainArea h3{
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	width: 440px;
	margin-bottom: 10px;
	}

/*****************************************
　　#AE02#　更新履歴
*****************************************/
/*更新履歴*/	
div.TopMainArea h3.newsinfo{
	background-image: url(../image/newes_info.gif);
	height: 65px;
	}

/*更新履歴のタイトル*/	
dl.update {
	font-size: x-small;
	line-height: 150%;
	margin: 10px 0px 0px 15px;
	}

/*更新履歴　日付*/	
dl.update dt {
	background-image: url(../image/icon_datearrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 2px 2px 5px 20px;
	}

/*更新履歴　更新内容アイコンをつけるの*/
dl.update dt span {
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 50px;
	}

/*更新履歴　ニュースアイコン*/
dl.update dt span.news {
	background-image: url(../image/icon_news.gif);
	}

/*更新履歴　イベントアイコン*/
dl.update dt span.event {
	background-image: url(../image/icon_event.gif);
	}

/*更新履歴　施工中アイコン*/
dl.update dt span.now {
	background-image: url(../image/icon_now.gif);
	}

/*更新履歴　施工例アイコン*/
dl.update dt span.work {
	background-image: url(../image/icon_work.gif);
	}

/*更新履歴　パースアイコン*/
dl.update dt span.pers {
	background-image: url(../image/icon_pers.gif);
	}

/*更新履歴　内容*/	
dl.update dd {
	background-image: url(../image/info_line.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	width:430px;
	padding: 2px 2px 5px 20px;
	}

/*****************************************
　　#AE03#　会社情報・お問合わせバナー
*****************************************/
/*会社情報*/	
div.TopMainArea h3.cominfo{
	background-image: url(../image/company_info.gif);
	height: 31px;
	margin-top: 10px;
	}

.nontext{
	display: none;
	}

/*会社情報*/	
div.address {
	margin: 0px 40px 0px 15px;
	clear: both;
	}

div.address H2 {
	font-size: 10px;
	text-align: left;
	font-weight: lighter;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	text-decoration: none;
	line-height: 130%;
	letter-spacing: 1px;
	display: block;
	margin: 5px 0px;
	}

/*左側*/
div.address H2#addleft {
	width: 180px;
	float: left;
	}

/*右側*/
div.address H2#addright {
	float: right;
	}

/*お問合わせバナーのBOX*/
td#contact_area {
	padding-top: 10px;
	}


/*****************************************
　　#AE04#　右側ブロック　バナーメニュー
*****************************************/
div.bana_menu {
	width: 358px;
	float: right;
	}


/*****************************************************************************
     　　     Newebへのリンク
*****************************************************************************/
div#produced { 
	padding: 2 0 0 0px;
	margin: 0px 0px 3px 5px;
}

div#produced,
div#produced a { 
	color: #C8A0A0;
	font-size: xx-small;
	font-weight: normal; 
	text-align: left;
	text-decoration: none; 
	border-bottom: none;
	letter-spacing:1px;
}

div#produced a:visited { 
	color: #A6A6A6;
}

div#produced a:hover { 
	background-color: #8B2B2B;
	color: #FFFFFF;
	}