/*-------------------------------------------------------------------- /- file : products.css /- admin : MEGA-D Inc. SHIBATA Katsuya /- update : 20080215 /- desc : css for modern browser /--------------------------------------------------------------------*/ @media screen, print { /* MacIE除外用 */ /************** subNav styles ***************/ div#subNav ul.localNav li.top a, div#subNav ul.localNav li.search a, div#subNav ul.localNav li.marking a, div#subNav ul.localNav li.events a, div#subNav ul.localNav li.manufacturer a { width: 180px; height: 36px; } div#subNav ul.localNav li.markingDot a, div#subNav ul.localNav li.markingPress a, div#subNav ul.localNav li.markingPlate a, div#subNav ul.localNav li.markingRoll a, div#subNav ul.localNav li.manufacturer02 a, div#subNav ul.localNav li.manufacturer03 a, div#subNav ul.localNav li.manufacturer04 a, div#subNav ul.localNav li.manufacturer05 a, div#subNav ul.localNav li.manufacturer06 a, div#subNav ul.localNav li.manufacturer07 a, div#subNav ul.localNav li.manufacturer08 a, div#subNav ul.localNav li.manufacturer09 a, div#subNav ul.localNav li.manufacturer10 a, div#subNav ul.localNav li.manufacturer11 a, div#subNav ul.localNav li.manufacturer12 a, div#subNav ul.localNav li.manufacturer13 a, div#subNav ul.localNav li.manufacturer14 a, div#subNav ul.localNav li.manufacturer15 a, div#subNav ul.localNav li.manufacturer16 a, div#subNav ul.localNav li.manufacturer17 a, div#subNav ul.localNav li.manufacturer18 a, div#subNav ul.localNav li.manufacturer19 a { width: 180px; height: 20px; } div#subNav ul.localNav li.markingLaser a, div#subNav ul.localNav li.markingAccessory a, div#subNav ul.localNav li.manufacturer01 a, div#subNav ul.localNav li.manufacturer20 a { width: 180px; height: 23px; } div#subNav ul.localNav li.top a { background: url(../images/subNav.gif) no-repeat 0px 0px; } div#subNav ul.localNav li.search a { background: url(../images/subNav.gif) no-repeat 0px -36px; } div#subNav ul.localNav li.marking a { background: url(../images/subNav.gif) no-repeat 0px -72px; } div#subNav ul.localNav li.markingLaser a { background: url(../images/subNav.gif) no-repeat 0px -108px; } div#subNav ul.localNav li.markingDot a { background: url(../images/subNav.gif) no-repeat 0px -131px; } div#subNav ul.localNav li.markingPress a { background: url(../images/subNav.gif) no-repeat 0px -151px; } div#subNav ul.localNav li.markingPlate a { background: url(../images/subNav.gif) no-repeat 0px -171px; } div#subNav ul.localNav li.markingRoll a { background: url(../images/subNav.gif) no-repeat 0px -191px; } div#subNav ul.localNav li.markingAccessory a { background: url(../images/subNav.gif) no-repeat 0px -211px; } div#subNav ul.localNav li.events a { background: url(../images/subNav.gif) no-repeat 0px -234px; } div#subNav ul.localNav li.manufacturer a { background: url(../images/subNav.gif) no-repeat 0px -270px; } div#subNav ul.localNav li.manufacturer01 a { background: url(../images/subNav.gif) no-repeat 0px -306px; } div#subNav ul.localNav li.manufacturer02 a { background: url(../images/subNav.gif) no-repeat 0px -329px; } div#subNav ul.localNav li.manufacturer03 a { background: url(../images/subNav.gif) no-repeat 0px -349px; } div#subNav ul.localNav li.manufacturer04 a { background: url(../images/subNav.gif) no-repeat 0px -369px; } div#subNav ul.localNav li.manufacturer05 a { background: url(../images/subNav.gif) no-repeat 0px -389px; } div#subNav ul.localNav li.manufacturer06 a { background: url(../images/subNav.gif) no-repeat 0px -409px; } div#subNav ul.localNav li.manufacturer07 a { background: url(../images/subNav.gif) no-repeat 0px -429px; } div#subNav ul.localNav li.manufacturer08 a { background: url(../images/subNav.gif) no-repeat 0px -449px; } div#subNav ul.localNav li.manufacturer09 a { background: url(../images/subNav.gif) no-repeat 0px -469px; } div#subNav ul.localNav li.manufacturer10 a { background: url(../images/subNav.gif) no-repeat 0px -489px; } div#subNav ul.localNav li.manufacturer11 a { background: url(../images/subNav.gif) no-repeat 0px -509px; } div#subNav ul.localNav li.manufacturer12 a { background: url(../images/subNav.gif) no-repeat 0px -529px; } div#subNav ul.localNav li.manufacturer13 a { background: url(../images/subNav.gif) no-repeat 0px -549px; } div#subNav ul.localNav li.manufacturer14 a { background: url(../images/subNav.gif) no-repeat 0px -569px; } div#subNav ul.localNav li.manufacturer15 a { background: url(../images/subNav.gif) no-repeat 0px -589px; } div#subNav ul.localNav li.manufacturer16 a { background: url(../images/subNav.gif) no-repeat 0px -609px; } div#subNav ul.localNav li.manufacturer17 a { background: url(../images/subNav.gif) no-repeat 0px -629px; } div#subNav ul.localNav li.manufacturer18 a { background: url(../images/subNav.gif) no-repeat 0px -649px; } div#subNav ul.localNav li.manufacturer19 a { background: url(../images/subNav.gif) no-repeat 0px -669px; } div#subNav ul.localNav li.manufacturer20 a { background: url(../images/subNav.gif) no-repeat 0px -689px; } div#subNav ul.localNav li.top a:hover { background: url(../images/subNav.gif) no-repeat -180px 0px; } div#subNav ul.localNav li.search a:hover { background: url(../images/subNav.gif) no-repeat -180px -36px; } div#subNav ul.localNav li.marking a:hover { background: url(../images/subNav.gif) no-repeat -180px -72px; } div#subNav ul.localNav li.markingLaser a:hover { background: url(../images/subNav.gif) no-repeat -180px -108px; } div#subNav ul.localNav li.markingDot a:hover { background: url(../images/subNav.gif) no-repeat -180px -131px; } div#subNav ul.localNav li.markingPress a:hover { background: url(../images/subNav.gif) no-repeat -180px -151px; } div#subNav ul.localNav li.markingPlate a:hover { background: url(../images/subNav.gif) no-repeat -180px -171px; } div#subNav ul.localNav li.markingRoll a:hover { background: url(../images/subNav.gif) no-repeat -180px -191px; } div#subNav ul.localNav li.markingAccessory a:hover { background: url(../images/subNav.gif) no-repeat -180px -211px; } div#subNav ul.localNav li.events a:hover { background: url(../images/subNav.gif) no-repeat -180px -234px; } div#subNav ul.localNav li.manufacturer a:hover { background: url(../images/subNav.gif) no-repeat -180px -270px; } div#subNav ul.localNav li.manufacturer01 a:hover { background: url(../images/subNav.gif) no-repeat -180px -306px; } div#subNav ul.localNav li.manufacturer02 a:hover { background: url(../images/subNav.gif) no-repeat -180px -329px; } div#subNav ul.localNav li.manufacturer03 a:hover { background: url(../images/subNav.gif) no-repeat -180px -349px; } div#subNav ul.localNav li.manufacturer04 a:hover { background: url(../images/subNav.gif) no-repeat -180px -369px; } div#subNav ul.localNav li.manufacturer05 a:hover { background: url(../images/subNav.gif) no-repeat -180px -389px; } div#subNav ul.localNav li.manufacturer06 a:hover { background: url(../images/subNav.gif) no-repeat -180px -409px; } div#subNav ul.localNav li.manufacturer07 a:hover { background: url(../images/subNav.gif) no-repeat -180px -429px; } div#subNav ul.localNav li.manufacturer08 a:hover { background: url(../images/subNav.gif) no-repeat -180px -449px; } div#subNav ul.localNav li.manufacturer09 a:hover { background: url(../images/subNav.gif) no-repeat -180px -469px; } div#subNav ul.localNav li.manufacturer10 a:hover { background: url(../images/subNav.gif) no-repeat -180px -489px; } div#subNav ul.localNav li.manufacturer11 a:hover { background: url(../images/subNav.gif) no-repeat -180px -509px; } div#subNav ul.localNav li.manufacturer12 a:hover { background: url(../images/subNav.gif) no-repeat -180px -529px; } div#subNav ul.localNav li.manufacturer13 a:hover { background: url(../images/subNav.gif) no-repeat -180px -549px; } div#subNav ul.localNav li.manufacturer14 a:hover { background: url(../images/subNav.gif) no-repeat -180px -569px; } div#subNav ul.localNav li.manufacturer15 a:hover { background: url(../images/subNav.gif) no-repeat -180px -589px; } div#subNav ul.localNav li.manufacturer16 a:hover { background: url(../images/subNav.gif) no-repeat -180px -609px; } div#subNav ul.localNav li.manufacturer17 a:hover { background: url(../images/subNav.gif) no-repeat -180px -629px; } div#subNav ul.localNav li.manufacturer18 a:hover { background: url(../images/subNav.gif) no-repeat -180px -649px; } div#subNav ul.localNav li.manufacturer19 a:hover { background: url(../images/subNav.gif) no-repeat -180px -669px; } div#subNav ul.localNav li.manufacturer20 a:hover { background: url(../images/subNav.gif) no-repeat -180px -689px; } div#subNav ul.localNav li.top a.selected, div#subNav ul.localNav li.top a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px 0px; } div#subNav ul.localNav li.search a.selected, div#subNav ul.localNav li.search a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -36px; } div#subNav ul.localNav li.marking a.selected, div#subNav ul.localNav li.marking a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -72px; } div#subNav ul.localNav li.markingLaser a.selected, div#subNav ul.localNav li.markingLaser a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -108px; } div#subNav ul.localNav li.markingDot a.selected, div#subNav ul.localNav li.markingDot a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -131px; } div#subNav ul.localNav li.markingPress a.selected, div#subNav ul.localNav li.markingPress a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -151px; } div#subNav ul.localNav li.markingPlate a.selected, div#subNav ul.localNav li.markingPlate a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -171px; } div#subNav ul.localNav li.markingRoll a.selected, div#subNav ul.localNav li.markingRoll a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -191px; } div#subNav ul.localNav li.markingAccessory a.selected, div#subNav ul.localNav li.markingAccessory a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -211px; } div#subNav ul.localNav li.events a.selected, div#subNav ul.localNav li.events a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -234px; } div#subNav ul.localNav li.manufacturer a.selected, div#subNav ul.localNav li.manufacturer a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -270px; } div#subNav ul.localNav li.manufacturer01 a.selected, div#subNav ul.localNav li.manufacturer01 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -306px; } div#subNav ul.localNav li.manufacturer02 a.selected, div#subNav ul.localNav li.manufacturer02 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -329px; } div#subNav ul.localNav li.manufacturer03 a.selected, div#subNav ul.localNav li.manufacturer03 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -349px; } div#subNav ul.localNav li.manufacturer04 a.selected, div#subNav ul.localNav li.manufacturer04 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -369px; } div#subNav ul.localNav li.manufacturer05 a.selected, div#subNav ul.localNav li.manufacturer05 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -389px; } div#subNav ul.localNav li.manufacturer06 a.selected, div#subNav ul.localNav li.manufacturer06 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -409px; } div#subNav ul.localNav li.manufacturer07 a.selected, div#subNav ul.localNav li.manufacturer07 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -429px; } div#subNav ul.localNav li.manufacturer08 a.selected, div#subNav ul.localNav li.manufacturer08 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -449px; } div#subNav ul.localNav li.manufacturer09 a.selected, div#subNav ul.localNav li.manufacturer09 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -469px; } div#subNav ul.localNav li.manufacturer10 a.selected, div#subNav ul.localNav li.manufacturer10 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -489px; } div#subNav ul.localNav li.manufacturer11 a.selected, div#subNav ul.localNav li.manufacturer11 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -509px; } div#subNav ul.localNav li.manufacturer12 a.selected, div#subNav ul.localNav li.manufacturer12 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -529px; } div#subNav ul.localNav li.manufacturer13 a.selected, div#subNav ul.localNav li.manufacturer13 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -549px; } div#subNav ul.localNav li.manufacturer14 a.selected, div#subNav ul.localNav li.manufacturer14 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -569px; } div#subNav ul.localNav li.manufacturer15 a.selected, div#subNav ul.localNav li.manufacturer15 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -589px; } div#subNav ul.localNav li.manufacturer16 a.selected, div#subNav ul.localNav li.manufacturer16 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -609px; } div#subNav ul.localNav li.manufacturer17 a.selected, div#subNav ul.localNav li.manufacturer17 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -629px; } div#subNav ul.localNav li.manufacturer18 a.selected, div#subNav ul.localNav li.manufacturer18 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -649px; } div#subNav ul.localNav li.manufacturer19 a.selected, div#subNav ul.localNav li.manufacturer19 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -669px; } div#subNav ul.localNav li.manufacturer20 a.selected, div#subNav ul.localNav li.manufacturer20 a.selected:hover { background: url(../images/subNav.gif) no-repeat -360px -689px; } /************* 製品情報内共通 *************/ #products .iconEco, .iconToyo { vertical-align: middle; margin-left: 7px; } #products p.categoryTop { text-align: right; margin-top: 0.5em; font-size: 80%; } #products div#subContent #topEvents div.titleTop h3 a, #products div#subContent #topEvents div.titleTop1st h3 a { background: url(../images/iconBgPageTitleTop.gif) left top repeat-x; display: block; height: 35px; padding: 11px 0 0 22px; } #products div#subContent #topEvents div.titleTop h3 a:hover, #products div#subContent #topEvents div.titleTop1st h3 a:hover { background: url(../images/iconBgPageTitleTopOn.gif) left top repeat-x; display: block; } /************* 製品情報トップ *************/ #products div.titleTopSearch { background: url(../images/iconBgTopSearch.gif) left top repeat-x; height: 70px; margin-top: 0; padding: 0 5px; } #products div.titleTopSearch h3 { padding: 20px 0 0 15px; } #products div.titleTopSearch p.leadTxt { float: left; width: 350px; margin-top: 7px; padding-left: 15px; } #products div.titleTopSearch p.searchBtn { float: right; width: 137px; margin-top: 7px; } #products div.topProductList { padding: 10px 0; border-bottom: #D6D6D6 solid 1px; } #products div.topProductList p.thumImg { float: left; margin: 0; width: 55px; text-align: center; } #products div.topProductList p.thumImg img { border: #ADADAD solid 1px; } #products div.topProductList div.infoTxt { float: right; width: 505px; } #products div.topProductList div.infoTxt p.makerName { font-size: 100%; margin: 0; } #products div.topProductList div.infoTxt p.productName { margin-top: -0.2em; font-weight: bold; font-size: 100%; } #products div.topProductList div.infoTxt p.addInfo { font-size: 80%; margin: 0; } #products div.topProductList div.infoTxt p.txt { margin-top: 0.3em; line-height: 1.4; } #products div#topEvents { float: left; width: 373px; } #products div#topEvents dl.eventList dt{ background: url(../../images/common/iconLink.gif) 0 10px no-repeat; margin-top: 0.7em; font-size: 100%; line-height: 1.5; font-weight: bold; padding-left:10px; } #products div#topEvents dl.eventList dd{ padding-bottom: 0.7em; padding-left:10px; border-bottom: #D6D6D6 solid 1px; line-height: 1.5; } #products div#topOtherContents { float: right; width: 181px; } #products div#topOtherContents ul{ margin-top: 0.5em; } #products div#topOtherContents li{ margin-top: 0; } /************* 製品情報トップ 暫定版用 *************/ #products div.productsLeftBlock { float:left; width: 275px; } #products div.productsRightBlock { float:right; width: 275px; } #products div.productsLeftBlock div.titleTop, #products div.productsRightBlock div.titleTop { margin-top: 0; } /************* メーカー一覧 *************/ #products div.manufacturerLinkList div.manufacturerRight{ margin-right: 14px; } #products div.manufacturerLinkList div.manufacturerLink{ float: left; width: 278px; padding: 1em 0; border-top: #D6D6D6 solid 1px; } #products div.manufacturerLinkList div.manufacturerLink div.manufacturerLinkTxt { float: left; width: 200px; } #products div.manufacturerLinkList div.manufacturerLink div.manufacturerLinkTxt p.categoryName{ margin: 0; padding-left: 10px; } #products div.manufacturerLinkList div.manufacturerLink div.manufacturerLinkTxt p.categoryTxt{ line-height: 1.4; font-size: 100%; margin-top: 0.5em; padding-left: 10px; } #products div.manufacturerLinkList div.manufacturerLink p.thumImg{ float: right; width: 60px; margin:8px 0 0 0; text-align: center; } /************* メーカー一覧 個別ページ *************/ #products table.manufacturerTable { margin: 1em 0; } #products table.manufacturerTable th { text-align: left; } /************* メーカー製品検索 *************/ #products div#searchArea { background: url(../search/images/iconSearchArea2.gif) left bottom no-repeat; margin-top: 10px; } #products div.searchAreaHeader{ background: url(../search/images/iconSearchArea1.gif) left top no-repeat; padding:15px; } #products div#searchArea table{ margin-top: 0.5em; width: 100%; border: none; } #products div#searchArea th, #products div#searchArea td{ padding:2px 0 2px 5px; font-size: 100%; border: none; background: none; } #products div#searchArea th{ text-align: right; padding-left: 0; padding-right: 5px } #products div#searchArea td select { width: 220px; color: #444; border: #949393 1px solid; } #products div#searchArea td input.text { width: 215px; color: #444; border: #949393 1px solid; } #products div#searchArea td.submitBtn { vertical-align: bottom; text-align: right; } #products p.searchResult { padding: 5px 10px; margin-top: 0.5em; background: #F6F6F6; } #products p.sortResult { background: url(../../images/common/iconGrayDoubleLine.gif) left bottom repeat-x; text-align: right; margin-top: 0.3em; padding: 0 10px 7px; } #products div.productList { padding: 10px 0; border-bottom: #D6D6D6 solid 1px; } #products div.productList p.thumImg { float: left; margin: 0; width: 92px; text-align: center; } #products div.productList p.thumImg img { border: #ADADAD solid 1px; } #products div.productList div.infoTxt { float: right; width: 465px; } #products div.productList div.infoTxt p.makerName { font-size: 100%; margin: 0; } #products div.productList div.infoTxt p.productName { margin-top: -0.2em; font-weight: bold; font-size: 120%; } #products div.productList div.infoTxt p.addInfo { font-size: 80%; margin: 0; } #products div.productList div.infoTxt p.txt { margin-top: 0.3em; line-height: 1.4; } #products ul.productListNav { margin-top: 0.5em; text-align: right; } #products ul.productListNav li { display: inline; padding: 0.3em 0.5em; margin: 0; } #products ul.productListNav li.selected { font-weight: bold; background: #006D2C; color: #FFF; } #products ul.productListNav li.prev10 { background: url(../../images/common/iconBackLink.gif) left 8px no-repeat; padding-left: 8px; } #products ul.productListNav li.next10 { background: url(../../images/common/iconLink.gif) right 8px no-repeat; padding-right: 8px; } #products ul.productListNav li.prev10NoActive { background: url(../../images/common/iconBackLinkNoActive.gif) left 8px no-repeat; padding-left: 8px; color: #999; } #products ul.productListNav li.next10NoActive { background: url(../../images/common/iconLinkNoActive.gif) right 8px no-repeat; padding-right: 8px; color: #999; } /************* メーカー製品検索 詳細ページ *************/ #products div.productImg { background: url(../images/iconBgProduct2.gif) left bottom no-repeat; margin-top: 1em; } #products div.productImg div.productImgHeader { background: url(../images/iconBgProduct1.gif) left top no-repeat; padding: 12px 8px 10px; } #products div.productImg div.productImgHeader p { margin-top: 0.5em; } #products div.productImg div.productImgHeader p.indent { margin-left: 7px; margin-right: 7px; } #products div.productImg div.productImgHeader table.productTable { border: none; border-collapse: separate; border-spacing: 7px; } #products div.productImg div.productImgHeader table.productTable td { border: #ADADAD solid 1px; background: #F6F6F6 url(../../images/common/iconBgNoPhoto.gif) left top repeat; width: 128px; height: 128px; text-align: center; padding: 0; } #products div.productImg div.productImgHeader table.productTable td.largeImg { width: 265px; height: 265px; } #products div.productImg div.productImgHeader h5 { margin: -0.2em 7px 0 7px; padding: 4px 0 2px; font-size: 160%; border-bottom: #008C44 solid 2px; } #products h6 { background: #EBECDD; margin-top: 2em; padding: 3px 8px; font-size: 110%; } #products div#contact { background: url(../images/iconBgContact2.gif) left bottom no-repeat; margin-top: 2em; } #products div#contact div.contactHeader { background: url(../images/iconBgContact1.gif) left top no-repeat; padding: 15px 0 15px 15px; text-align: center; } #products div#contact div.contactHeader p.btn { float: left; margin-right: 10px; } /************* マーキングシステム製品 *************/ #products div.markingProduct { margin: 10px 10px 0 10px; } #products div.markingProduct p{ margin: 0; } #products div.markingProduct p.productImg{ float: left; width: 120px; } #products div.markingProduct p.productImg img{ border: #AAA solid 1px; } #products div.markingProduct div.productTxt{ float: right; width: 415px; line-height: 1.5; } #products div.markingProduct div.productTxt ul{ background: url(../../images/common/iconGrayDotLine.gif) left top repeat-x; margin-top: 0.5em; padding-top: 0.5em; line-height: 1.4; } #products div.markingProduct div.productTxt li{ margin-top: 0.3em; display: inline-block; border-right: #444 solid 1px; padding-right: 7px; margin-right: 3px; } /* for ie7 */ *:first-child+html #products div.markingProduct div.productTxt li { display: inline; zoom: 1; margin-right: 7px; } /* for ie6 */ * html #products div.markingProduct div.productTxt li { display: inline; zoom: 1; margin-right: 7px; } #products div.markingProduct div.productTxt li.last-child { border: none; } #products div.markingProduct div.productTxt li.software { display: block; padding: 1em 0 0; font-weight: bold; border: none; } #products div.markingProduct div.productTxt p.productList{ text-align: right; font-size: 80%; margin-top: 1em; } /************* マーキングシステム製品 一覧ページ *************/ #products div.rightMargin{ margin-right: 6px; } #products div.markingProductList{ float: left; width: 280px; margin-top: 6px; border: #AAA solid 1px; background: url(../marking/images/iconBgThum.gif) left bottom repeat-x; } #products div.markingProductList p.thumImg{ float: left; margin:0; } #products div.markingProductList p.thumImg img{ border: #AAA solid 1px; margin: 5px 8px 5px 5px; } #products div.markingProductList p.productName{ float: left; width: 160px; font-size: 110%; font-weight: bold; margin-top: 18px; } #products div.markingProductList p.productNameJP{ float: left; width: 160px; line-height: 1.3; font-size: 80%; margin-top: 0; } #products div.markingOption { margin-top: 1em; padding-top: 0.3em; border-top: #D6D6D6 solid 1px; } /************* マーキングシステム製品 詳細ページ *************/ #products div.markingImg { background: url(../images/iconBgProduct2.gif) left bottom no-repeat; margin-top: 1em; } #products div.markingImg div.markingImgHeader { background: url(../images/iconBgProduct1.gif) left top no-repeat; padding: 12px 15px 15px; } #products div.markingImg div.markingImgHeader p { margin-top: 0; line-height: 1.5; } #products div.markingImg div.markingImgHeader p.indent { margin-left: 7px; margin-right: 7px; } #products div.markingImg div.markingImgHeader h5 { margin-top: -0.2em; padding: 4px 0 2px; font-size: 160%; border-bottom: #008C44 solid 2px; } #products div.markingImg div.markingImgHeader p.productImg { float: left; width: 267px; margin-top: 10px; } #products div.markingImg div.markingImgHeader p.productImg img{ border: #ADADAD solid 1px; } #products div.markingImg div.markingImgHeader div.productTxt { float: right; width: 260px; } #products div.markingImg div.markingImgHeader div.productTxt p.productName{ margin-top: 10px; font-size: 110%; font-weight: bold; } #products div.markingImg div.markingImgHeader div.productTxt p.contact{ margin-top: 1em; font-size: 90%; font-weight: bold; } #products div.markingImg div.markingImgHeader div.productTxt p.iconBack420{ float:left; width:32px; margin:0.3em 0 0.3em 0; } #products div.markingImg div.markingImgHeader div.productTxt p.download{ float:left; width:132px; margin:0.3em 0 0.3em 1em; } #products div.markingImg div.markingImgHeader div.productTxt p.contactTxt{ margin-top: 0; } #products div.markingImg div.markingImgHeader div.productTxt p.telFax{ font-size: 110%; margin-top: 0.2em; } #products div.markingImg div.markingImgHeader div.productTxt p.btnContactForm{ margin-top: 0.3em; } #products ul.productInfo { margin: 0 5px; } #products ul.productInfo li{ background: url(../marking/images/iconBgListMark.gif) 5px 7px no-repeat; padding-left: 17px; } #products table.specTable { margin-top: 1em; } #products table.specTable td.dotLine { background-image: url(../../images/common/iconGrayDashLine.gif); background-repeat: repeat-y; background-position: right top; } #products table.specTable .bundleTitle { background: #D6D6D6 url(../../images/common/iconGrayDotLine2.gif) right bottom no-repeat; } #products table.specTable .dotTitle { background: #D6D6D6 url(../../images/common/iconBgTableTitle.gif) right bottom repeat-y; } #products div.AccessorySymbole p.symbolImg{ float: left; width: 285px; } #products div.AccessorySymbole p.symbolImg img{ margin-left: 10px; } #products div.AccessorySymbole p.symbolTxt{ float: left; width: 275px; } /************* マーキングシステムFAQ *************/ #products dl.faq { margin: 5px 10px; padding: 5px 5px 10px; background: url(../../images/common/iconGrayDotLine.gif) left bottom repeat-x; } #products dl.faq dt{ font-weight:bold; background: url(../marking/faq/images/iconQuestion.gif) 0 2px no-repeat; padding-left: 25px; margin: 3px 0; } #products dl.faq dd{ background: url(../marking/faq/images/iconAnswer.gif) 0 2px no-repeat; padding-left: 25px; margin: 3px 0; } /************* メーカーイベント情報 *************/ #products div.eventSortArea { margin-top: 0.3em; } #products div.eventSortArea p{ margin-top: 0; padding: 3px 10px; } #products div.eventSortArea p.toyoIcon{ text-align: right; background: #F6F6F6; font-size: 80%; } #products div.eventSortArea p.toyoIcon img{ vertical-align: middle; margin: 0 5px; } #products div.eventSortArea p.eventSort{ text-align: right; padding-bottom: 8px; background: url(../../images/common/iconGrayDoubleLine.gif) left bottom repeat-x; } #products dl.eventList dt{ background: url(../../images/common/iconLink.gif) 0 10px no-repeat; margin-top: 0.7em; font-size: 120%; font-weight: bold; padding-left:10px; } #products dl.eventList dd{ padding-bottom: 0.7em; padding-left:10px; border-bottom: #D6D6D6 solid 1px; } /************* メーカーイベント情報 詳細ページ *************/ #products div#eventTitles { border-bottom: #BBB solid 1px; padding: 15px 10px; } #products div#eventTitles h4{ font-size: 160%; background: none; border: none; padding: 0; margin-top: -5px; height: auto; } #products div#eventTitles h4 img { float: none; margin: 0 0 0 7px; } #products div#eventTitles p.makerName{ font-size: 120%; font-weight: bold; margin: 0 0 0.5em 0; } #products div#eventTitles dl { clear: both; } #products div#eventTitles dt { float: left; width: 70px; } #products div#eventTitles dd { float: left; } #products img.eventImg { float: right; margin: 0 0 10px 10px; border: #B0B0B0 solid 1px; } #products table.eventInfo { margin: 1em 0; } #products table.eventInfo th { width: 130px; } } /* MacIE除外用 */ /*********** Print Only styles ***********/ @media print { /* 印刷用 */ } @media screen { /* IE5対策 印刷用 */ }