@charset "utf-8";
/* CSS Document */

/* -----left_side----- */
#left_side{
	position:relative;
	top:-20px;
}
#contents_top{
	background:url(../../img/common/side_back_top.jpg) center 29px no-repeat;
}

/* -----main text----- */
#main{
	width:615px;
}
#main h2{
	background:url(../../img/common/bar_01.jpg) left top no-repeat;
	width:565px;
	height:22px;
	color:#ffffff;
	font-weight:bold;
	font-size:120%;
	margin:0 auto 15px;
	padding:8px 30px 0;
	text-align:left;
}
#main h3.bar{
	background:url(../../img/common/bar_02.jpg) left top no-repeat;
	width:525px;
	height:24px;
	color:#ff0000;
	font-weight:bold;
	font-size:120%;
	margin:0 auto 15px;
	padding:10px 30px 0;
	text-align:left;
	clear:both;
}
#main h3.bar a,#main h3.bar a:hover{
	text-decoration:none;
	color:#ff0000;
}

/* ----- ----- */

.main_txt p{
	line-height:150%;
	margin-top:8px;
	margin-bottom:20px;
}
.main_txt ul{
	width:560px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
.main_txt ul.banner_li li{
	float:left;
}
#txt{
	background:url(../img/service/back_01.jpg) left top no-repeat;
	padding-top:20px;
	padding-left:210px;
	height:164px;

}

#hp_table{
	width:98%;
	margin:0 auto 30px;
}
#hp_table th{
	width:90px;
}
#hp_table td{
	vertical-align:middle;
}

.hp_block{
	width:275px;
	float:left;
	margin:10px 8px;
}
/* IE6用ハック */
*html .hp_block{
	width:278px;
	margin:10px 4px;
}
.hp_block h4{
	background:url(../img/results/bar.jpg);
	color:#ffffff;
	font-weight:bold;
	padding:6px 7px 0;
	margin-bottom:8px;
	height:19px;
}
.hp_block p{
	margin:0;
}
.hp_block a{
	color:#0000ff;
}
.hp_block a.photo{
	display:block;
	background:url(../img/results/img_back.jpg) left top no-repeat;
	width:187px;
	height:190px;
	padding-top:5px;
	text-align:center;
	float:left;
}

.ns_block{
	width:188px;
	float:left;
	margin:10px 3px 0;
	height:290px;
}
/* IE6用ハック */
*html .ns_block{
	height:300px;
}
.ns_block h4{
	background:url(../img/results/bar.jpg);
	color:#ffffff;
	font-weight:bold;
	padding:6px 7px 0;
	margin-bottom:8px;
	height:19px;
}
.ns_block p{
	margin:0;
}
.ns_block a{
	color:#0000ff;
}
.ns_block a.photo{
	display:block;
	background:url(../img/results/img_back.jpg) left top no-repeat;
	width:187px;
	height:190px;
	margin-bottom:5px;
	padding-top:5px;
	text-align:center;
}

#catalog_back{
	background:url(../img/results/catalog_back.jpg) left top no-repeat;
	width:569px;
	height:267px;
	padding-top:116px;
	padding-left:11px;
}
#catalog_back p{
	margin:0;
	padding:0;
}
.ca_block{
	float:left;
	margin:10px 2px 0;
	text-align:center;
}
/* IE6用ハック */
*html .ca_block{
	margin:10px 1px 0;
}

.category li{
	background-image: url(../../dtp/img/category_b.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 184px;
	text-align: center;
	padding-top: 5px;
	float:left;
	display: block;
}
.ctg_jamp {
	clear: left;
	height: 23px;
	width: 581px;
	color: #666666;
	font-size: 14px;
	padding-top: 25px;
	text-align: left;
	font-weight: bolder;
	background-image: url(../../dtp/img/category_l.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#ctglist span {
	font-size: 11px;
	color: #333333;
}

.category a{
	color:#FFFFFF;
}
.category a:hover{
	text-decoration:underline;
}
.recat {
	clear: left;
	height: 23px;
	width: 581px;
	color: #666666;
	font-size: 14px;
	padding-top: 25px;
	text-align: right;
	font-weight: bolder;
}