@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;
}

/* ============ メインコンテンツ ============ */
#text-1 .img-r {
	height: 95px;
	margin: 0 0 15px;
	background-image: url("content-1.gif");
}

#title-1 {
	height: 61px;
	margin: 0 0 15px;
	background-image: url("title-1.gif");
}
#title-2 {
	height: 37px;
	margin: 0 0 15px;
	background-image: url("title-2.gif");
}
#title-3 {
	height: 37px;
	margin: 0 0 15px;
	background-image: url("title-3.gif");
}
#title-4 {
	height: 37px;
	margin: 0 0 15px;
	background-image: url("title-4.gif");
}


/* カテゴリサービス一覧 */
.cat-data {
	margin: 0 0 5px;
	padding: 0 0 5px;
	background: url("line.gif") center bottom no-repeat;
}
.cat-data table {
	width: 100%;
	margin: 0;
}

.cat-name-1 {width: 130px;}
.cat-name-1 a {height: 60px;}
.cat-name-2 {
	vertical-align: middle;
	width: 202px;
}
.cat-stars {
	vertical-align: middle;
	width: 145px;
}
.cat-stars .img-r {height: 19px;}
.cat-stars .star-1 {background-image: url("star-1.gif");}
.cat-stars .star-2 {background-image: url("star-2.gif");}
.cat-stars .star-3 {background-image: url("star-3.gif");}
.cat-stars .star-4 {background-image: url("star-4.gif");}
.cat-stars .star-5 {background-image: url("star-5.gif");}

.cat-price {
	width: 123px;
	padding: 0 0 0 10px;
}
.cat-price .price {
	height: 40px;
	margin: 0 0 5px;
}
.cat-price a.img-r {
	height: 23px;
	background-image: url("btn-contact.gif");
}

/* カテゴリ */
#cat-1 .cat-name-1 a {background-image: url("cat-1.gif");}
#cat-1 .cat-price .price {background-image: url("price-1.gif");}

#cat-2 .cat-name-1 a {background-image: url("cat-2.gif");}
#cat-2 .cat-price .price {background-image: url("price-2.gif");}

#cat-3 .cat-name-1 a {background-image: url("cat-3.gif");}
#cat-3 .cat-price .price {background-image: url("price-2.gif");}

#cat-4 .cat-name-1 a {background-image: url("cat-4.gif");}
#cat-4 .cat-price .price {background-image: url("price-3.gif");}

#cat-5 .cat-name-1 a {background-image: url("cat-5.gif");}
#cat-5 .cat-price .price {background-image: url("price-6.gif");}

#cat-6 .cat-name-1 a {background-image: url("cat-6.gif");}
#cat-6 .cat-price .price {background-image: url("price-4.gif");}

#cat-7 .cat-name-1 a {background-image: url("cat-7.gif");}
#cat-7 .cat-price .price {background-image: url("price-3.gif");}

#cat-8 .cat-name-1 a {background-image: url("cat-1.gif");}
#cat-8 .cat-price .price {background-image: url("price-1.gif");}

#cat-9 .cat-name-1 a {background-image: url("cat-2.gif");}
#cat-9 .cat-price .price {background-image: url("price-2.gif");}

#cat-10 .cat-name-1 a {background-image: url("cat-3.gif");}
#cat-10 .cat-price .price {background-image: url("price-5.gif");}

#cat-11 .cat-name-1 a {background-image: url("cat-4.gif");}
#cat-11 .cat-price .price {background-image: url("price-5.gif");}

#cat-12 .cat-name-1 a {background-image: url("cat-1.gif");}
#cat-12 .cat-price .price {background-image: url("price-6.gif");}

#cat-13 .cat-name-1 a {background-image: url("cat-4.gif");}
#cat-13 .cat-price .price {background-image: url("price-7.gif");}

#cat-14 .cat-name-1 a {background-image: url("cat-14.gif");}
#cat-14 .cat-price .price {background-image: url("price-14.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")
}