@charset "utf-8";

h2.title {
 width: 573px;
 margin: 5px auto 0;
 padding: 5px 0 5px 23px;
 background: url(/image/title_back.jpg) no-repeat left center;
 color: #333333;
 font-size: 14px;
 font-weight: bold;
}

h2.titleOt {
 width: 573px;
 margin: 15px auto 0;
 padding: 5px 0 5px 23px;
 background: url(/image/title_back.jpg) no-repeat left center;
 color: #333333;
 font-size: 14px;
 font-weight: bold;
}
	
h3,dt {
 margin: 5px auto 0;
 padding-left: 10px;
 background: url(/image/pt_rect.gif) no-repeat 0 3px;
 border-bottom: solid 1px #cccccc;
 font-size: 14px;
 font-weight: bold;
}

h3.dtlCopy {
 width: 580px;
 margin: 0 0 0 17px;
}

h3.list {
 width: 570px;
 margin: 5px 0 15px;
}

.dtlImg {
 width: 596px;
 margin: 0 auto;
 padding: 15px 0 30px;
 text-align: center;
}

.dtlImg img {
 margin-bottom: 10px;
}

.listBox {
 width: 570px;
 margin-bottom: 15px;
 padding-left: 17px;
}

.listBox ul {
 float: left;
 width: 400px;
 padding-left: 13px;
}

.listBox ul li {
 padding-left: 8px;
 background: url(../image/pt_sq.gif) no-repeat 0 8px;
}

.catImg {
 float: left;
 width: 130px;
 padding-left: 11px;
 background: url(/image/bg_sdw_s.jpg) repeat-y 6px 0;
}

.catBar {
 width: 580px;
 margin: 0 auto;
 border-top: dashed 1px #cccccc;
 border-right: 0px;
 border-bottom: 0px;
 border-left: 0px;
}

/*
#main table {
 width: 570px;
 margin: 8px auto 0;
 border-top: solid 1px #cccccc;
 border-left: solid 1px #cccccc;
}

#main table th, #main table td {
 padding: 2px 5px;
 text-align: left;

 border-right: solid 1px #cccccc;
 border-bottom: solid 1px #cccccc;
}

#main table th {
 width: 198px;
 background-color: #eaeaea;
}
*/


.listTbl table {
 width: 570px;
 margin: 8px auto 0;
 border-top: solid 1px #cccccc;
 border-left: solid 1px #cccccc;
}

.listTbl table th, .listTbl table td {
 padding: 2px 5px;
 text-align: left;

 border-right: solid 1px #cccccc;
 border-bottom: solid 1px #cccccc;
}

.listTbl table th {
 width: 198px;
 background-color: #eaeaea;
}



.notes {
 width: 570px;
 margin: 0 auto;
}

.newOutline {
 width: 570px;
 margin: 10px auto 5px;
}

.iconList {
 width: 570px;
 margin: 5px 0 10px 23px;
}

.iconList li {
 display: inline;

}

.detail {
 width: 596px;
 margin: 15px auto 15px;
 background: url(/image/lineup/detail_back.jpg) repeat-y left top;
}

.detail p {
 width: 555px;
 margin: 20px auto 0;

}

.point dl {
 width: 555px;
 margin: 5px auto 0;
}

.point dt.tit {
 clear: both;
 width: 545px;
 margin-top: 25px;
}

.point dt.sml {
/*
 float: left;
 width: 366px;
*/
 margin-bottom: 5px;
}

.point dd.img {
 float: right;
 width: 159px;
/*
 margin: 25px 0 0 0;
*/
 margin: 5px 0 0 0;
 padding: 0 0 0 0;
/* background: url(/image/bg_sdw_dtl.jpg) repeat-y 0 0; */
 line-height: 1;
}

.point dd.img img{
 display:block;
}


.point dd.txt {
 width: 537px;
 padding-left: 8px;
}

.point dd.sml {
 width: 370px;
}
 
/* 特長の画像 */



.point dd.txt img.left {
 float: left;
 margin: 5px 10px 10px 0;
}

.point dd.txt img.right {
 float: right;
 margin: 5px 0 10px 10px;
}

.point dd.txt img.center {
 display:block;
 margin: 0 auto;
 text-align: center;
}

.free div {
/* width: 555px;
 margin: 5px auto 0;
*/

}

.free div.txt {
 width: 537px;
 margin: 5px auto 0;
 padding-left: 8px;
}

.free div.txt img.left {
 float: left;
 margin: 5px 10px 10px 0;
}

.free div.txt img.right {
 float: right;
 margin: 5px 0 10px 10px;
}

.free div.txt img.center {
 display:block;
 margin: 0 auto;
 text-align: center;
}

.method, .sizeset {
 padding-bottom: 10px;
 text-align: left;
}

.method h3.tit, .sizeset h3.tit {
 width: 545px;
 margin: 25px auto 10px;
 text-align: left;
}

.method img, .sizeset img {
 margin-left: 30px;
}

.method p, .sizeset p {
 width: 545px;
 margin: 0 auto;
 text-align: left;
}


/**/

.notes, .notes p {
 margin: 5px auto 0;
 line-height: 1.4;
}

.notes p {
 line-height: 1.4;
}

.atn {
 width: 542px;
 margin: 10px auto 0;
 color: #fb2e2e;
}

ul.list {
 width: 542px;
 margin: 0 auto;
}

ul.list li {
 width: 534px;
 padding: 9px 0 5px 12px;
 border-bottom: dashed 1px #cccccc;
 background: url(../image/pt_arw.gif) no-repeat 0 13px;
 position: relative;
}

ul.list li span.newDate {
 padding-right: 15px;
 font-weight: bold;
}

ul.list li span.newDtl {
 position: absolute;
 right: 4px;
}

.newContact {
 width: 527px;
 margin: 15px auto 30px;
 padding: 10px 6px 6px 15px;
 border: solid 1px #cccccc;
}

.newLink {
 width: 527px;
 text-align: right;
}

.pointNew {
 margin-top: -20px;
}

.methodNew {
 margin-top: -20px;
}


/* 特長画像 囲み枠 */

.boxWrap {

 position: relative;
 line-height: 1;

}

.leftPos {
 float: left;
 margin: 5px 10px 10px 0;
}

.rightPos {
 float: right;
 margin: 5px 0 10px 10px;
}

.centerPos {
 margin: 0 auto;
}

.topPos {
 margin: 5px auto 0;
}

.bottomPos {
 margin: 0 auto;
}

.box {
 padding: 5px;
 border: solid 1px #cccccc;
 margin: 0 auto;

}

.crnLT, .crnRT, .crnLB, .crnRB {
 display: block;
 width: 4px;
 height: 4px;
 position: absolute;
}

.crnLT {
 background: url(/image/crn_lt.gif) no-repeat 0 0;
 top: -0; left: 0;
}

.crnRT {
 background: url(/image/crn_rt.gif) no-repeat 0 0;
 top: 0; right: 0;
}

.crnLB {
 margin-top: -4px;
 background: url(/image/crn_lb.gif) no-repeat 0 0;
 top: 100%; left: 0;
}

.crnRB {
 margin-top: -4px;
 background: url(/image/crn_rb.gif) no-repeat 0 0;
 right: 0; top: 100%;
}

.box img {

}

.box p {
 margin: 5px 0 0;
 font-size: 10px;
 line-height: 1;
}

/* 製品一覧 */
.listCtn {
 margin: 0 0 18px 22px;
}

.listInfo {
 width: 580px;
}

.listEnt {
 width: 140px;
 padding: 0 5px 9px 0px;
 float: left;
}

.listImg {
 background: url(/image/lineup/list_bg.jpg) no-repeat 0 0;
 padding: 2px 0 6px 2px;
}

.listTitle {
 margin: 0 6px 0 8px;
}