@charset "utf-8";

/*** section ********************************************************************/

img{
	display	: block;
}

#section *{
	margin	: 0 0 10px 10px;
}
	#section * *{
		margin	: 0;
	}

#section strong{
	font-weight	: bold;
}

#section em{
	color		: #cc3333;
}

#section dt{
	font-weight	: bold;
}

#section p,
#section img,
#section h4,
#section table,
#section dl,
#section dd,
#section ul,
#section ol,
#section hr,
#section div.column{
	margin-left		: 10px;
	margin-bottom	: 10px;
}
	#section ul li,
	#section ol li,
	#section dl dd{
		margin-left		: 1.5em;
	}
	#section ul ul{
		margin-bottom	: 0;
	}
	#section p img{
		margin	: 0;
	}


/*** アーティクル ***/
#section div.article{
	margin			: 0 10px 10px 10px;
	padding			: 0 10px 0 10px;
	clear			: both;
	height			: auto;
	overflow		: visible;
}
#section div.article:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
	#section div.article div.article{
		margin			: 0 0 10px 10px;
		padding			: 0 10px 0 0;
	}


/*** 見出し ***/
#section h2{
	clear	: both;
	margin	: 0 0 10px 10px;
	background	: transparent none no-repeat scroll left top;
}
#section h3{
	clear	: both;
	margin	: 0 -10px 10px 0;
	background	: transparent none no-repeat scroll left top;
}
#section h4{
	margin	: 0 0 0 10px;
	color	: #f5ac29;
}



/*** コラム ***/
#section div.column{
	padding			: 10px 10px 0 0;
	border			: 1px solid #aaaaaa;
	background-color: #cccccc;
}


/*** 水平線 ***/
#section hr{
    display		: block;
    clear		: both;
    height		: 1px;
    border		: 0;
    border-top	: 1px dotted #cccccc;
}



/*** 署名 ***/
#section p.end_sign{
	clear			: both;
	text-align		: right;
}

/*** 注釈 ***/
#section p.end_notice{
	text-align		: right;
	font-size		: 80%;
	color			: #cc3333;
}
#section span.notice{
	font-size		: 80%;
}

/*** トップに戻る ***/
#section p.back_to_top{
	text-align	: right;
	clear		: both;
}

/*** 左右寄せ ***/
#section .photo_image_right,
#section .photo_image_left{
	text-align	: center;
	height		: 100%;
	overflow	: visible;
	margin-bottom:10px;
	display		: inline;
}
#section img.photo_image_right,
#section img.photo_image_left{
	height		: auto;
	position	: relative;
}
#section .photo_image_right{
	float		: right;
}
#section .photo_image_left{
	float		: left;
	margin-right: 10px;		/* element幅（気休め程度） */
}


/*** フォーム ***/
#section table input,
#section table textarea{
	height		: 1.5em;
	border-top	: 1px solid #cccccc;
	border-left	: 1px solid #cccccc;
	border-right	: 1px solid #eeeeee;
	border-bottom	: 1px solid #eeeeee;
	padding	: 2px;
	height	: auto;
	width	: 400px;
}
#section table th span{
	color			: #cc3333;
}
#section table td label{
	white-space		: nowrap;
	padding-right	: 10px;
	float			: left;
	display			: block;
	min-width		: 70px;
	position		: relative;
	_position		: static;
}
	#section table td label input{
		position	: relative;
		_position	: static;
		top			: 3px;
		border-top		: none;
		border-left		: none;
		border-right	: none;
		border-bottom	: none;
		width	: 1.5em;
	}
	#section table td label span{
		padding-left:5px;
	}
#section div.buttons{
	text-align	: center;
	margin		: 20px auto;
}
	#section div.buttons input{
		width	: 100px;
		height	: 2em;
	}


/*** テーブル ***/
#section table{
	border-collapse	: collapse;
	margin-top		: 1px;
}
#section table.layout table{
	width		: auto;
}
	#section table th,
	#section table.layout table th{
		background-color	: #f2f2f2;
		color		: #333333;
		border		: 1px solid #aaaaaa;
		padding		: 5px;
		text-align	: center;
		white-space	: nowrap;
		vertical-align	: top;
	}
	#section table td,
	#section table.layout table td{
		border	: 1px solid #aaaaaa;
		padding	: 5px;
	}

/*** レイアウト用テーブル ***/
#section table.layout{
	border	: none;
	margin	: 0;
	padding	: 0;
	width	: 100%;
}
	#section table.layout td,
	#section table table.layout td{
		border	: none;
		margin	: 0;
		padding	: 0;
		vertical-align	: top;
	}


/*** ボックス横並べ ***/
#section ul.gallery{
	margin			: 0;
	width			: 100%;
	height			: auto;
	overflow		: visible;
}
#section ul.gallery:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
	#section ul.gallery li{
		list-style-type	: none;
		margin			: 0;
		float			: left;
	}
		#section ul.gallery li ul li{
			list-style-type	: disc;
			margin-left		: 1.5em;
			float			: none;
		}
		#section ul.gallery li ol li{
			list-style-type	: decimal;
			margin-left		: 1.5em;
			float			: none;
		}

/*** ボックス中央寄せ横並べ ***/
#section ul.buttons{
	margin			: 0;
	width			: 100%;
	height			: 100%;
	overflow		: visible;
	text-align		: center;
}
	/* テキストノード分の2~3ピクセルが開くので注意 */
	#section ul.buttons li{
		display			: inline-block;
		margin			: 0;
		*display		: inline;
		*zoom			: 1;
	}




/*** section - 単発もの ********************************************************************/

#section ul.auctions_point{
	margin		: 0 0 10px 10px;
	padding		: 75px 10px 0 0;
	width		: 600px;
	height		: 267px;
	background	: transparent url("../auctions/images/point.png") no-repeat scroll left top;
}
	#section ul.auctions_point img{
		margin-bottom	: 0;
	}
	#section ul.auctions_point h4{
		color			: #c00;
	}
	#section ul.auctions_point p{
		font-size	: 12px;
	}

#section dl.insp dd{
	margin-left		: 0;
	margin-bottom	: 10px;
	border-bottom	: 1px dotted #ccc;
	padding-bottom	: 10px;
}
	#section dl.insp dd *{
		margin	: 0 0 10px 0;
	}

#section #inq{
	height		: 63px;
	padding		: 60px 10px 0 285px;
	font-size	: 12px;
	background	: transparent url("../company/images/inq.jpg") no-repeat scroll left top;
}
#section #inq a{
	font-size	: 12px;
}

#section #banzen{
	width	: 570px;
	height	: 400px;
	padding	: 160px 20px 10px 20px;
	background	: transparent url("../inspection/images/banzen.jpg") no-repeat scroll left top;
}
	#section #banzen .banzen1{
		padding		: 0 0 0 180px;
		background	: transparent url("../inspection/images/banzen1.jpg") no-repeat scroll left top;
	}
		#section #banzen .banzen1 strong{
			color	: #ed5252;
		}
	#section #banzen .banzen2{
		padding		: 0 0 0 180px;
		background	: transparent url("../inspection/images/banzen2.jpg") no-repeat scroll left top;
	}
		#section #banzen .banzen2 strong{
			color	: #446fd1;
		}
	#section #btn1{
		width	: 127px;
		height	: 17px;
		line-height	: 17px;
		text-indent	: -9876px;
		display		: inline-block;
		position	: relative;
		top			: 3px;
		background	: transparent url("../inspection/images/btn1.png") no-repeat scroll left top;
	}
	#section #btn1:hover{
		background-position	: right bottom;
	}

#section #hikitori{
	height	: 143px;
	margin	: 0 0 10px 10px;
	background	: transparent url("../inspection/images/hikitori.png") no-repeat scroll left top;
}

	#section #btn2{
		width	: 127px;
		height	: 17px;
		line-height	: 17px;
		text-indent	: -9876px;
		display		: inline-block;
		position	: relative;
		text-align	: left;
		background	: transparent url("../inspection/images/btn2.png") no-repeat scroll left top;
	}
	#section #btn2:hover{
		background-position	: right bottom;
	}

#section div.whole{
	margin	: 0 0 10px 10px;
	height	: 172px;
	background	: transparent url("../maintain/images/advice.png") no-repeat scroll left top;
}
	#section div.whole strong{
		color	: #f5ac29;
	}

#section dl.nagare{
	margin-top	: -10px;
	padding-right	:10px;
	background	: transparent url("../flow/images/nagare_bg.png") no-repeat scroll left bottom;
}
	#section dl.nagare dd{
		margin-left		: 10px;
		margin-bottom	: 10px;
		border-bottom	: 1px dotted #aaa;
		padding-bottom	: 10px;
		padding-left	: 185px;
	}
	#section dl.nagare dd.end{
		border-bottom	: none;
	}
	#section dl.nagare dd.pop1{
		background	: transparent url("../flow/images/pop1.jpg") no-repeat scroll 60px 30px;
	}
	#section dl.nagare dd.pop2{
		background	: transparent url("../flow/images/pop2.jpg") no-repeat scroll 60px 30px;
	}

#section .index_block{
	border	: 1px solid #aaaaaa;
	margin	: 0 0 10px 10px;
	height	: 320px;
	width	: 318px;
}
	#section .index_block h2{
		margin	: -1px -1px 5px;
	}
		#section .index_block h2 img{
			margin	: 0;
		}

#section #news{
	height	: 270px;
	margin	: 5px;
	padding	: 5px;
	overflow	: auto;
}
	#section #news dt span.date{
		margin	: 0 10px 0 0;
		background-color	: #f07700;
		padding	: 1px 5px;
		color	: white;
	}
	#section #news dd{
		padding	: 0 0 5px;
		border-bottom	: 1px dotted #aaa;
		margin	: 0 0 5px;
	}

#section div.pre{
	height	: 235px;
	margin	: 5px;
	padding	: 5px;
	overflow	: auto;
}
	#section div.pre img{
		margin	: 0 10px 0 0;
		position	: static;
	}
	#section div.pre p{
		margin	: 0;
	}