@charset "utf-8";

.catalog a {
	background:url("/common/img/h4_icon.png") no-repeat scroll left 3px transparent;
	padding-left:25px;
}

#mainContents .companyTable01 td{
	border-left: none;
	padding: 3px 3px 3px 5px;
}

#mainContents .companyTable01 th{
	border-right: 1px solid #BEBEBE;
	padding: 3px 3px 3px 5px;
}

#mainContents .contArea .infoList{
    width: 270px;
	border: 1px dotted #ccc;
	padding: 8px;
	margin-bottom: 0px;
	font-size: 90%;
}


.safeList #cover img,
.safeList #motor img{
	float: right;
	margin: 0 0 0 10px;
}

#mainContents #firstList{
	margin-bottom: 10px;
}

#mainContents #secondList{
	margin-bottom: 10px;
}

#mainContents .infoList dt{
	font-weight: bold;
	border-bottom: 1px solid #3664D5;
}

#mainContents .infoList img{
	margin: 0 10px 0 0;
	display: block;
}

#mainContents .infoList .smallTitle{
	font-weight: bold;
	display: block;
	padding-top: 5px;
}

#mainContents .infoList .basic .companyTable01,
#mainContents .infoList .option .companyTable01{ 
	width: 420px;
}

#mainContents .infoList .basic .size,
#mainContents .infoList .option .size{ 
	width: 100px;
}

#mainContents .infoList .basic{
	padding-bottom: 10px;
}

#mainContents .infoList .companyTable01{
	margin: 10px 0;
	width: 400px;
}

#mainContents .infoList .imgBox .listmark{
	margin: 0 0 10px 310px;
}

#mainContents .contArea .imgList{
	clear: both;
	margin: 0;
	padding-top: 10px;
}

#mainContents .contArea .detailList{
	clear: both;
	padding-top: 10px;
	margin: 0;
}

#mainContents .detailList img{
	float: left;
	display: block;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #CCC;
}

#mainContents .detailList li{
	zoom: 1;
	padding-top: 10px;
}

#mainContents .detailList li:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 0;
}

.iconList,
.safeList .iconList li,
.infoList .imgBox,
.safeList #cover,
.safeList #motor,
#mainContents .infoList .singleImgBox{
	zoom: 1;
}

.iconList:after,
.safeList .iconList li:after,
.infoList .imgBox:after,
.safeList #cover:after,
.safeList #motor:after,
#mainContents .infoList .singleImgBox:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 0;
}


#mainContents .contArea .safeList{
	clear: both;
	margin: 20px 0 0;
}

#mainContents .safeList .w200{
	margin-left: 150px;
}

#mainContents .contArea .safeList .iconList{
	margin: 0;
}

.safeList dt{
	border-bottom:1px dotted #3664D5;
	color:#3664D5;
	font-weight:bold;
	margin-bottom:15px;
	padding:10px 3px 3px;
}

#positionRel{ position: relative; }

#positionFix{ position: absolute; left: -160px; top: 10px; padding: 2px; border: 1px solid #CCC; }

.safeList .iconList li{
	float: left;
	width: 280px;
	padding-left: 5px;
	padding-right: 10px;
}

#mainContents .contArea .iconList .detail{
	width: 200px;
	float: right;
}

#mainContents .contArea .iconList .lastChild .detail{
	margin-bottom: 0;
}

#mainContents .contArea .iconList .detail{
	width: 200px;
}

.iconList .detail dt{
	font-weight: bold;
	margin-bottom: 5px;
	padding: 0 0 3px;
	border-color: #CCC;
	color: #333;
}

#mainContents .listmark .listmark{
	margin-bottom: 0;
}

#mainContents .infoList img {
    margin: 10px auto;
    display: block;
}

#mainContents .infoList .companyTable01{
  margin: 10px 0 0;
    width: 100%;  
}

#mainContents .companyTable01.xbtable th.center{
	text-align:center;
}


.xblist02{
	clear:both;
	text-align:center;
	margin-bottom:25px!important;
	margin-top:40px!important;
}
.xblist02 li {
    display: inline-block;
    margin-left: 30px;
    margin-right: 30px;
    width: 105px;
    vertical-align: top;
}
.xblist02 li .img{
	height:115px;
}

.xblist02 li img {
    padding: 2px;
    border: 1px solid #CCC;
}
.xblist02 li p{
	text-align:left;
	padding-top:7px;
}