/*-----------------------------
	contents関連
-------------------------------*/

#top-image {margin:0px; padding:1px 0 15px 0; width:900px;}

#sub-image {margin:0px; padding:5px 0 10px 0;}

/* 当社について */
#cam_box {
	width: 670px;
	padding:5px 0;
	margin: 0;
	position:relative;
	background-color: #fff;   /* 背景色 */
	_zoom: 1;
	overflow: hidden;
}

.bold {
	font-size:14px;
	line-height:105%;
	margin:0;
	padding:0;
	font-weight:bold;
}

/* トップ下コンテンツ */

.two-cols .col {
	width: 210px;
	margin-right: 15px;
}

.three-cols .col {
	width: 293px;
	margin-right: 10px;
}

.cols {
	margin:0;
	padding: 7px 0;
	_zoom: 1;
	overflow: hidden;
}
.cols .col { float: left; display: inline; }
.cols .col-last { margin-right: 0 !important; }
.cols .col p {
	font-size:0.9em;
	line-height:120%;
	padding:3px 0;
	font-weight:bold; 
	display:inline;
}

.more { padding-left: 15px; background: url(../image/arr.gif) no-repeat 0 center; }

/* サブタイトル */

h2 {   
    background: url(../image/sub_back.gif) no-repeat 0 0;   
    padding: 5px 10px;   
    font-size: medium;   
    color: #FFF;
	height:20px;
} 

h4 {color: #075FAE; padding:3px 7px; margin:0;
	border-bottom: 3px #008bc5 solid;
}

.bq1{ 
    background: #f0f0f0; 
    padding: 5px; 
    }

.column h3 {
    padding: 5px;
    background: url(../image/sub_back.gif) no-repeat 0 0;
	height:20px;
	color:#fff;
}

.column span{border-left:5px #F0F0F0 solid; padding-left:10px;} /* 縦ラインの色 */ 

.column p{	
    padding: 7px 0;
	margin:0px;
	overflow: hidden;
	_zoom: 1;
}

/* コメント・記事関連 */

.con_box {
	width: 310px;
	padding:10px;
	float:left;
	border-radius: 10px;         /* CSS3 */
	position:relative;
	behavior: url("css/PIE.htc");     /* CSS3 PIE */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border: 1px #CCCCCC solid;     /* 枠線の装飾 */
	background-color: #fff;   /* 背景色 */
}

.con_box p {font-size:0.9em; line-height:130%; padding:5px 2px;}  

.con_box2 {
	width: 648px;
	padding:10px;
	border-radius: 10px;         /* CSS3 */
	position:relative;
	behavior: url("css/PIE.htc");     /* CSS3 PIE */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border: 1px #CCCCCC solid;     /* 枠線の装飾 */
	background-color: #fff;   /* 背景色 */
}

.con_box2 p {font-size:0.9em; line-height:130%; padding:5px 2px;} 

.comment_box {  
    width: 650px;
	margin:5px 0 0 0;
	padding:5px;      
    _zoom: 1;     
    overflow: hidden; 
}

.comment_box p {font-size:0.9em; line-height:130%; font-weight: bold;}

.right {text-align:right;}

.tx_gray {font-size:12px; line-height:120%; color:#333;}


.box650 {
	width: 650px;
	padding:5px;
	margin:0 0 15px;
	line-height:135%;      
    _zoom: 1;     
    overflow: hidden;
}  

.box650 p { margin:5px 0; overflow: hidden; _zoom: 1; font-size:0.9em; font-weight: bold;}

.comment_L {
	padding:5px 0;
	float:left;
	width:355px;
	margin:0;
	display:inline;
}

.imagemap {
	float: right;
	margin: 5px 0px 0px 10px; 
	display:inline;
	font-size:0.9em;
}

.imgL   { float: left; margin: 3px 10px 0 0;
	display:inline; }

.red {color:#FF0000; font-weight:bold;}

/* 会社概要 */
div.gaiyou {overflow: hidden; /* エリアからはみ出したオブジェクトを非表示 */
}

div.gaiyou dl {
  margin: 0 0 -1px; /* ここにネガティブマージン */
}

div.gaiyou dt {
  float: left;
  clear: left;
  width: 6em;
  padding: 5px 5px;
  font-weight: bold;
}

div.gaiyou dd {
  padding: 5px 0 5px 7em;
  border-bottom: 1px #ccc dotted;
  font-weight: bold;
}

/* 工事経歴 */
div.keireki {overflow: hidden; /* エリアからはみ出したオブジェクトを非表示 */
}

div.keireki dl {
  margin: 0 0 -1px; /* ここにネガティブマージン */
}

div.keireki dt {
  float: left;
  clear: left;
  width: 8em;
  padding: 5px 5px;
  font-weight: bold;
}

div.keireki dd {
  padding: 5px 0 5px 9em;
  border-bottom: 1px #ccc dotted;
  font-weight: bold;
}

/* 事業内容 */
div.jigyou_box {
	background-color: #fff;  /* 背景色 */
	width: 205px;               /* 横幅 */
	float: left;                /* 左に配置 */
	margin: 4px 5px 2px 5px;                /* 周囲の余白 */
	display:inline;
}
div.jigyou_box p.image, p.caption {
		   text-align: center; /* 中央寄せ */
		   margin: 5px 0;        /* 余白・間隔 */
}
div.jigyou_box p.caption {
		   font-size: 0.8em;     /* 文字サイズ */
}

/* 施工前・施工後 */
div.sekou_box {
	background-color: #fff;  /* 背景色 */
	width: 300px;               /* 横幅 */
	float: left;                /* 左に配置 */
	margin: 4px 12px 2px 12px;                /* 周囲の余白 */
	display:inline;
}
div.sekou_box p.image, p.caption {
		   text-align: center; /* 中央寄せ */
		   margin: 5px 0;        /* 余白・間隔 */
}
div.sekou_box p.caption {
		   font-size: 0.8em;     /* 文字サイズ */
}


/*-----------------------------
	パンくず
-------------------------------*/

.topicpath {padding:0 0 10px 5px;}

.topicpath ol li {
	/* liを横並び＆ブレットを消す */
	display: inline;
	list-style-type: none;
}

.topicpath ol li a {
    /* aの背景画像に記号の画像を指定 */
    background-image: url(../image/p_sakai.gif);
	
	/* 右寄せ＆リピート無し */
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 10px;
}


/*-----------------------------
	link 関連
-------------------------------*/

/* 「トップページへ」 */

#pagetop {padding:5px 10px; text-align:right;}
*html #pagetop {margin-right:20px; padding:5px 10px; text-align:right; width:450px;}
#pagetop a{ font-size:12px;	}
#pagetop img{ vertical-align:middle;}


a:link {
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	color: #008bc5;
}
a:active {
	color: #008bc5;
}