@charset "utf-8";

/*---------------------------------------
 list （製品一覧のスタイル）
=======================================*/

#contents ul#sub-nav{
	background: url("../imgs/list/bg-cont.jpg") no-repeat left top;
}

#contents ul#sub-nav li{
	letter-spacing: -1px;
}

#contents .cont-left #cont-inner .cont-main{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

#contents .cont-left #cont-inner .cont-main .cm-left{
	display: block;
	width: 240px;
	height: 171px;
	float: left;
}

#contents .cont-left #cont-inner .cont-main .cm-right{
	display: block;
	width: 320px;
	float: right;
}

#contents .cont-left #cont-inner .cont-main .cm-right p{
	font-size: 13px;
	line-height: 20px;
}

#contents .cont-left #cont-inner h2.cont-topic{
	display: block;
	width: 577px;
	height: 28px;
	line-height: 20px;
	font-size: 20px;
	font-weight: bold;
	text-indent: 15px;
	background: url("../imgs/common/bg-title.jpg") no-repeat left bottom;
	margin-bottom: 15px;
}

#contents .cont-left #cont-inner .img-cont02,
#contents .cont-left #cont-inner .img-cont01{
	display: block;
	width: 575px;
	height: 144px;
	color: #ffffff;
	margin-bottom: 5px;
}

#contents .cont-left #cont-inner .img-cont01{
	background: url("../imgs/list/img-cont01.jpg") no-repeat left top;
}

#contents .cont-left #cont-inner .img-cont02{
	background: url("../imgs/list/img-cont02.jpg") no-repeat left top;
}

#contents .cont-left #cont-inner .img-cont02 .text01,
#contents .cont-left #cont-inner .img-cont01 .text01{
	width: 300px;
	position: relative;
	top: 70px;
	left: 250px;
}

#contents .cont-left #cont-inner .img-cont02 .text02,
#contents .cont-left #cont-inner .img-cont01 .text02{
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	width: 300px;
	position: relative;
	top: 80px;
	left: 250px;
}

#contents .cont-left #cont-inner .txt-details{
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 15px;
	float: left;
}

#contents .cont-left #cont-inner .btn-details{
	display: block;
	width: 136px;
	height: 31px;
	text-indent: -9999px;
	overflow: hidden;
	float: right;
}

#contents .cont-left #cont-inner .btn-details a{
	display: block;
	width: 136px;
	height: 31px;
	background: url("../imgs/list/btn-details.jpg") no-repeat left top;
}

#contents .cont-left #cont-inner .btn-details a:hover{
	background: url("../imgs/list/btn-details_on.jpg") no-repeat left top;
}

#contents .cont-left #cont-inner .tit-cont02,
#contents .cont-left #cont-inner .tit-cont01{
	display: block;
	width: 575px;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 10px;
}

#contents .cont-left #cont-inner .tit-cont01{
	background: url("../imgs/list/tit-cont01.jpg") no-repeat left top;
}

#contents .cont-left #cont-inner .tit-cont02{
	background: url("../imgs/list/tit-cont02.jpg") no-repeat left top;
}

#contents .cont-left #cont-inner table.spec{
	width: 521px;
	font-size: 15px;
	font-weight: bold;
	margin: 0 27px 5px;
}

#contents .cont-left #cont-inner table.spec th,
#contents .cont-left #cont-inner table.spec td{
	text-align: center;
	border-bottom: 1px dashed #cccccc;
	border-collapse: collapse;
	padding: 3px 0;
}

#contents .cont-left #cont-inner table.spec td.title{
	font-weight: normal;
}

#contents .cont-left #cont-inner table.spec th a{
	color: #ff6600;
}

#contents .cont-left #cont-inner table.spec th a:hover{
	color: #999999;
}

#contents .cont-left #cont-inner .border{
	display: block;
	width: 575px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}

#contents .cont-left #cont-inner p.txt-normal,
#contents .cont-left #cont-inner p.txt-special{
	font-size: 13px;
	color: #666666;
	margin: 0 10px 5px;
}

#contents .cont-left #cont-inner p.txt-normal{
	padding-left: 20px;
}

#contents .cont-left #cont-inner p.txt-special{
	padding-left: 20px;
	background: url("../imgs/list/icon-title.jpg") no-repeat left top;
}

#contents .cont-left #cont-inner p.last-text{
	margin-bottom: 10px;
}


#contents .cont-left #cont-inner .spec-border{
	display: block;
	width: 575px;
	height: 3px;
	background: url("../imgs/speclist/border-spec.jpg") no-repeat left top;
	margin-bottom: 10px;
}

#contents .cont-left #cont-inner p.speclist-link{
	text-align: right;
	margin: 0 27px 10px;
}

#contents .cont-left #cont-inner p.endlist-link{
	text-align: right;
	margin-bottom: 10px;
}

#contents .cont-left #cont-inner p.endlist-link a{
	padding-left: 20px;
	background: url("../imgs/common/icon-arrow-r.png") no-repeat left top;
}

#contents .cont-left #cont-inner .box-button {
	margin-bottom: 15px;
}