@charset "UTF-8";

/* ============ アイキャッチ ============ */
#eyecatch-block {
	width: 100%;
	background: url("eyecatch-bg.gif") center top repeat-x;
}
#eyecatch-block-inner {
	position: relative;
	width: 880px;
	height: 210px;
	margin: 0 auto;
	background-image: url("eyecatch-1.jpg");
}
#eyecatch-block .img-r {
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 322px;
	height: 77px;
	background-image: url("eyecatch-btn-1.gif");
}

/* ============ チェックボックス ============ */
div.checkbox {
	width: 593px;
	height: 145px;
	background: url("checkbox_bg.jpg");
	margin: 15px 0 5px;
}
div.checkbox #checkbox_h {
	width: 546px;
	height: 80px;
	background: url("checkbox_h.gif") 0 bottom no-repeat;
	margin: 0 0 10px 20px;
}
div.checkbox form{
	margin: 0 0 0 23px;
}
div.checkbox form input{
	vertical-align: middle;
}
div.checkbox form #url {
	width: 400px;
	height: 19px;
	margin: 0 5px 0 0;
	float: left;
}
div.checkbox form div {
	background: url("checkbox_btn_ov.gif") 0 top no-repeat;
	float: left;
}
div.checkbox form #button {
	width: 130px;
	height: 25px;
	border: 0;
}
div.checkbox input#button:hover {
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	opacity: 0.0;
}

#caution {
	clear: both;
}

/* ============ メインコンテンツ ============ */

/* ========== タイトル ========== */
#content .title {
	line-height: 1;
	font-size: 120%;
	padding: 0 0 0 1em;
	border-left: 7px solid #ac1a1d;
}
#content .title strong {
	color: #000;
}

/* タイトル画像 */
#title-1 {
	height: 120px;
	margin: 0 0 15px;
	background-image: url("title-1.gif");
}
#title-2 {
	height: 40px;
	margin: 0 0 15px;
	background-image: url("title-2.gif");
}
#title-3 {
	height: 120px;
	margin: 0 0 15px;
	background-image: url("title-3.gif");
}
#title-4 {
	height: 120px;
	margin: 0 0 15px;
	background-image: url("title-4.gif");
}



/* ========== コンテンツ画像 ========== */
/* #content-1 */
#content-1 {
	_height: 190px;
	min-height: 190px;
	margin: 0 0 15px;
	padding: 0 230px 0 0;
	background: url("content-1-bg.gif") right top no-repeat;
}

/* #content-2 */
#content-2 {
	height: 100px;
	margin: 0 0 15px;
	background-image: url("content-2.gif");
}

/* #content-3 */
#content-3 {
	margin: 0 0 15px;
}
#content-3 .btn-service {
	margin: 0 0 5px;
}
#content-3 .btn-service a {
	width: 177px;
	height: 30px;
	background-image: url("btn-service.gif");
}
#content-3 .contact-link a {
	padding: 0 0 0 20px;
	background: url("arrow-1.gif") left center no-repeat;
}
#content-3-1 {
	float: left;
	width: 180px;
	height: 68px;
	margin: 0 5px 0 0;
	padding: 150px 10px 0;
	background: url("content-3-1.gif") no-repeat;
}
#content-3-2 {
	float: left;
	width: 180px;
	height: 68px;
	margin: 0 5px 0 0;
	padding: 150px 10px 0;
	background: url("content-3-2.gif") no-repeat;
}
#content-3-3 {
	float: left;
	width: 180px;
	height: 68px;
	padding: 150px 10px 0;
	background: url("content-3-3.gif") no-repeat;
}

/* #content-4 */
#content-4 {
	height: 203px;
	margin: 0 0 15px;
	background-image: url("content-4.gif");
}

/* #content-5 */
#content-5 {
	height: 262px;
	margin: 0 0 15px;
	background-image: url("content-5.gif");
}

/* #content-5 */
#content-6 {
	height: 46px;
	margin: 0 0 15px;
	background-image: url("content-6.gif");
}

/* #content-7 */
#content-7 {
	height: 248px;
	margin: 0 0 15px;
	background-image: url("content-7.gif");
}

/* #content-8 */
#content-8 {
	margin: 0 0 15px;
	height: 334px;
	background-image: url("content-8.gif");
}



/* ========== テーブルスタイル ========== */
#content-main-block .style-black {
	margin: 0;
	width: 100%;
}
#content-main-block .style-black td,
#content-main-block .style-black th {
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #dfe0d2;
}
#content-main-block .style-black tbody th {
	background: #f5f5f5;
}
#content-main-block .style-black thead th {
	color: #fff;
	background: #393939 url("th-bg-black.gif") center center repeat-x;
}
#content-main-block .style-black .price {
	color: #ca0000;
}



/* ========== カテゴリボタン ========== */
#cat-link-btn {
	margin: 15px 0;
}
#cat-link-btn ul {
	margin: 0;
	padding: 0;
}
#cat-link-btn ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#cat-link-btn a {
	float: left;
	display: block;
	width: 200px;
	height: 50px;
	margin: 0 5px 5px 0;
}
#cat-link-btn .last a {
	margin: 0 0 5px;
}
#cat-link-btn a.btn-1 {background-image: url("btn-cat-1.gif");}
#cat-link-btn a.btn-2 {background-image: url("btn-cat-2.gif");}
#cat-link-btn a.btn-3 {background-image: url("btn-cat-3.gif");}
#cat-link-btn a.btn-4 {background-image: url("btn-cat-4.gif");}
#cat-link-btn a.btn-5 {background-image: url("btn-cat-5.gif");}
#cat-link-btn a.btn-6 {background-image: url("btn-cat-6.gif");}
#cat-link-btn a.btn-7 {background-image: url("btn-cat-7.gif");}



/* 問い合わせボタン + 実績ページボタン */
#content-contact-btn {
	margin: 15px 0;
	background: #f5f5f5;
	border: 1px solid #e9e9e9;
}
#content-contact-btn ul {
	width: 534px;
	margin: 0 auto;
	padding: 0;
}
#content-contact-btn ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#content-contact-btn a {
	width: 262px;
	height: 58px;
	margin: 10px 0;
}
#content-contact-btn .btn-1 a {
	float: left;
	background-image: url("content-cat-case-btn.gif");
}
#content-contact-btn .btn-2 a {
	float: right;
	background-image: url("content-contact-btn.gif")
}