@charset "UTF-8";

/* ------------------------------------------- CSS Information
 File Name:		style.css
 Author:		kaden
 Style Info:	暫定版家電メンテナンスサイトCSS
 Last Update:	2009/02/23(Mon) t-kurita
----------------------------------------------------------- */

* {
margin: 0;
padding: 0;
}

html {
	color: #333;
	font: small/1.5em "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", "Verdana", sans-serif;
}

body {
	padding:35px 0;
	background:url(/image/all_bg.gif) ;
}


/* =================================== */
/* レイアウトの設定 */
/* =================================== */

/* 全体を囲うblock */
#wrapper {
	width: 760px;
	margin: 0 auto;
	background: #FFF url(/image/wrapper_bg.gif) repeat-y;
}

#header {
	height:120px;
	background: #FFF url(/image/header.jpg) no-repeat;
	color:#FFF;
}

/* #main,#side用のblock */
#content {
	width: 730px;
	margin: 0 auto;
}

#content #main {
	float:left;
	width: 500px;
	x-background: #FF0;
	padding-bottom:20px;
}

#content #side {
	float:right;
	width: 180px;
	background: #FFF url(/image/side_bg.gif) repeat-y;
	background: #FFF;
}


/* フッター */
#foot {
	width:760px;
	padding: 5px 0 0 0;
	margin: 0 auto;
	text-align:left;
	font : 10px;
	font-style:normal;
	color:#666;
	x-background: #FF0;
}

#foot address.copyright {
	margin: 5px 15px 0;	
	border-top:2px solid #000000;	
	font : 80%/1.5em "Trebuchet MS", Trebuchet;
	font-weight: bolder;
	font-style:normal;
	text-align:center;
	color:#666;
}



/*フッター画像*/
#footer {
	height:60px;
	background: url(/image/footer.gif) no-repeat bottom;
}


/* =================================== */
/* リンクカラーの設定 */
/* =================================== */

/* 全般 */
a 			{ color: #2A2666; text-decoration: underline; }
a:link			{ color: #000099; text-decoration: none; }
a:visited		{ color: #000099; text-decoration: none; }
a:active		{ color: #000099; text-decoration: none; }
a:hover			{ color: #990000; text-decoration: underline;}

/* ヘッダー */
#header a 		{ color: #FFF; text-decoration: none; }
#header a:link		{ color: #FFF; text-decoration: none; }
#header a:visited	{ color: #FFF; text-decoration: none; }
#header a:active	{ color: #FFF; text-decoration: none; }
#header a:hover		{ color: #FFF; text-decoration: underline; background:none; }

/* フッター */
#foot a 		{ color: #00F; text-decoration: none; }
#foot a:link		{ color: #00F; text-decoration: none; }
#foot a:visited		{ color: #00F; text-decoration: none; }
#foot a:active		{ color: #00F; text-decoration: none; }
#foot a:hover		{ color: #900; text-decoration: underline; background:none; }

/* サイドコンテンツ */
#side a 		{ color: #2A2666; text-decoration: none; }
#side a:link		{ color: #2A2666; text-decoration: none; }
#side a:visited		{ color: #2A2666; text-decoration: none; }
#side a:active		{ color: #2A2666; text-decoration: none; }
#side-xx a:hover		{ color: #990000; text-decoration: none; background:#CCC;}

/* =================================== */
/* 装飾の設定 */
/* =================================== */

blockquote {
	border: 1px dotted #CCC;
	padding:0.2em;
	margin:10px;
}

.left {	float: left;}
.right {float: right;}
.clear {clear: both; font: 0/0 sans-serif;}

/* =================================== */
/* #header */
/* =================================== */

#header h1 {
	padding: 12px 0 0 15px;
	font-size:12px;
	font-weight: normal;
}

/* =================================== */
/* #main */
/* =================================== */

/* エントリータイトル */
#main h2 {
	font-size:medium;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	background:url(/image/entry_head.gif) no-repeat;
	background-position:left;
}

/* コメントユーザー情報 */
dl#com_area dd {
	padding:5px 10px;
	margin: 5px 0 15px 0;
	border-bottom:1px solid #EFEFEF;
	text-align:right;
	font-size:0.8em;
}
/* =================================== */
/* mainコンテンツエリア */
/* =================================== */

/* 表組み */

div#main dl.tabular{
	clear:both;
	margin:0 0 0 0;
	padding:0;
	background:#EDEDED;
	background:url(/images/back-dt.gif) ;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

div#main dl.tabular dt{
	float:left;
	width:9em;
	x-font-weight:bold;
	padding:0.5em;
	clear:left;
	border-top: 1px solid #000;
}

div#main dl.tabular dd{
	margin:0 0 0 10em;
	padding:0.5em;
	border-top: 1px solid #000;
	border-left:1px solid #000;
	background:#FFFFFF;
}

div#main dl dt.tabularTitle,
div#main dl dd.tabularTitle{
	font-weight:bold;
	background:#FF0000;
	color:#FFFFFF;
}

/*入れ子service */
div#main dl.service dt {
	background:url(/image/service_disc.gif) no-repeat;
	background-position:left;
}

div#main dl.service dt{
	width:15em;
	padding-left:6px;
	padding-top:10px;
	padding-bottom:10px;
}
div#main dl.service dd{	
	margin:0 0 0 3em;padding-left:10px;
}
div#main dl.service dt,
div#main dl.service dd{
	border:0px;
	margin-top:2px;
	padding-top:0;
	padding-bottom:0;
	clear:left;
}
/*入れ子addr */
div#main dl#addr{
	margin:0;
	padding:0;
	border:0px;
	clear:left;
}
div#main dl#addr dt{
	clear:left;
	float:left;
	width:3em;
	border:0px;
}
div#main dl#addr dd{
	margin:0 0 0 3em;
	border:0px;
}

/*ビジョンイメージ*/
.center {
	width:495px;
	margin:0 auto;
	x-padding:10px;
	x-background:#F00;
}
.center img {
	margin:0 auto;
}

/*コンテンツ文章*/
#content P{
	margin:10px 0;
	x-background:#F00;
}
/* =================================== */
/* sideサイドコンテンツ */
/* =================================== */
#side img{border:none;}
#side {margin-top:1em;}



/* =================================== */
/* 共通：透過画像リンク */
/* =================================== */

a:hover img.trans{
	filter:alpha(opacity:80);
	opacity:0.8;
}
/* =================================== */
/* 共通パーツ */
/* =================================== */
/* 別ウィンドウ */
.OpenBlank {
	background:url(/image/icon_blank.gif) bottom right no-repeat;
	padding-right:13px;
}

a:hover .OpenBlank{
	background:url(/image/icon_blank_on.gif) bottom right no-repeat;
}


/* =================================== */
/* side長谷川興産グループバナー */
/* =================================== */
body #group-banner img{
	border:0px;
}

body #group-banner{
	margin:1em 0 0 0;
	padding:0;
}

body #group-banner h3{
	margin:0;
	padding:0;
}

body #group-banner a:link,
body #group-banner a:visited{
	color:#333;
}

body #group-banner a:hover{
	color:#666;
	text-decoration:underline;
}

body #group-banner ul{
	list-style-type:none;
	margin:0;
	padding:10px 4px 0 4px;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
}

body #group-banner ul li{
	margin:0 0 10px 0;
	padding:0;
	line-height:1.2;
	text-align:justify;
	text-justify:distribute;
	font-size:91.5%;
}

/* =================================== */
/* クリアフィックス */
/* =================================== */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}