@charset "utf-8";
/*================================================================

misumi-vona　import用CSS

================================================================*/


/*

*** base.css start ***
misumi-vona reset CSS

*/
body, div, pre, form, fieldset, input, textarea, p, th, td {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: 100%;
}
ul, ol, li, dl, dt, dd {
list-style: none outside none;
margin: 0;
padding: 0;
}
fieldset, img, a img {
border: 0 none
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: inherit;
}
th {
font-style: normal;
font-weight: normal;
text-align: left;
}
hr {
display: none
}
.clearfix {
min-height: 1px
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
*html .clearfix {
height: 1px
}
.inner, dl, .head, .navArea, .searchArea, .container, .itemDetailBody, .makerTitBody, .progressBody, .pageNav, .itemTitleBody, .resultNum, .resultNum .model, .cartBody, .subCategBody, .titlebody, .specPhotoBody, .illustBody, .figureBody, .detailBody, .product .floatingBox .btnArea, .searchBody, .catalogue .selectArea, .login .wrapper, .itemBody, .specBoxBody, .reviewBox, .cadSelectBody, .priceDetailBox, .result .main .specBoxBody .item_icon_box, .result .main .abolition .sub_model, .product .btnArea, .spec .main .specListTable td.price, .floatingBox .detailBody .useSelect, .floatingBox .figureBody .specSelect, .mypage .floatingBox .similarBody .folder01, .mypage .floatingBox .similarBody .folder01_01, .mypage .floatingBox .similarBody .folder01_02, .mypage .floatingBox .similarBody .folder01_03, .itemDetailBody .detail, .mAssembler .unit .toggleLink, .result .main .resultPhotoBody {
min-height: 1px
}
.inner:after, dl:after, .head:after, .navArea:after, .searchArea:after, .container:after, .itemDetailBody:after, .makerTitBody:after, .progressBody:after, .pageNav:after, .itemTitleBody:after, .resultNum:after, .resultNum .model:after, .cartBody:after, .subCategBody:after, .titlebody:after, .specPhotoBody:after, .illustBody:after, .figureBody:after, .detailBody:after, .product .floatingBox .btnArea:after, .searchBody:after, .catalogue .selectArea:after, .login .wrapper:after, .itemBody:after, .specBoxBody:after, .reviewBox:after, .cadSelectBody:after, .priceDetailBox:after, .result .main .specBoxBody .item_icon_box:after, .result .main .abolition .sub_model:after, .product .btnArea:after, .spec .main .specListTable td.price:after, .floatingBox .detailBody .useSelect:after, .floatingBox .figureBody .specSelect:after, .mypage .floatingBox .similarBody .folder01:after, .mypage .floatingBox .similarBody .folder01_01:after, .mypage .floatingBox .similarBody .folder01_02:after, .mypage .floatingBox .similarBody .folder01_03:after, .itemDetailBody .detail:after, .mAssembler .unit .toggleLink:after, .result .main .resultPhotoBody:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
*html .inner, *html dl, *html .head, *html .navArea, *html .searchArea, *html .container, *html .itemDetailBody, *html .makerTitBody, *html .progressBody, *html .pageNav, *html .itemTitleBody, *html .resultNum, *html .cartBody, *html .subCategBody, *html .titlebody, *html .specPhotoBody, *html .illustBody, *html .figureBody, *html .detailBody, *html .product .floatingBox .btnArea, *html .searchBody, *html .catalogue .selectArea, *html .login .wrapper, *html .itemBody, *html .specBoxBody, *html .reviewBox, *html .cadSelectBody, *html .priceDetailBox, *html .result .main .specBoxBody .item_icon_box, *html .result .main .abolition .sub_model, *html .product .btnArea, *html .spec .main .specListTable td.price, *html .floatingBox .detailBody .useSelect, *html .floatingBox .figureBody .specSelect, *html .mypage .floatingBox .similarBody .folder01, *html .mypage .floatingBox .similarBody .folder01_01, *html .mypage .floatingBox .similarBody .folder01_02, *html .mypage .floatingBox .similarBody .folder01_03, *html .itemDetailBody .detail, *html .mAssembler .unit .toggleLink, *html .result .main .resultPhotoBody {
height: 1px
}
/* ie6,7 */
.wrapper .container {
*min-height:1px
}
.wrapper .container:after {
*content:".";
*display:block;
*clear:both;
*height:0;
*visibility:hidden;
}
*html .wrapper .container {
*height:1px
}
iframe {
border-style: none
}
/*----------------------------------------------------------------

LINK

----------------------------------------------------------------*/
a, a:link {
text-decoration: none;
background-color: transparent;
color: #004bb1;
outline: none;
}
a:visited {
background-color: transparent
}
a:hover, a:active {
background-color: transparent;
color: #6D93C7;
}
/*----------------------------------------------------------------

950px 非表示エリア

----------------------------------------------------------------*/
.page1 .allowWide {
display: none
}
/*

*** header.css start ***
misumi-vona　header用CSS

*/ 
.header, .page1 .header, .page2 .header {
font-size:12px;
line-height:1.5;
background: url(/common/img/sprite_header.gif) repeat-x 0 -239px;
height: 80px;
margin: 0;
padding: 0 15px;
position: relative;
z-index: 3;
}
.header .navArea {
border-bottom: 1px solid #d4d4d4;
height: 40px;
position: relative;
z-index: 1;
}
.header .navArea .logo {
position: absolute;
top: 10px;
}
.header .navArea .logo a {
background: url(/common/img/sprite_header.gif) no-repeat 0 0;
height: 24px;
width: 267px;
overflow: hidden;
text-indent: -10000px;
display: block;
}
.header .navArea .headNav {
float: right;
margin-top: 12px;
position: relative;
}
.header .navArea .headNav a {
color: #004bb1
}
.header .navArea .headNav a:hover {
color: #6d93c7
}
.header .navArea .headNav .login {
top: -3px
}
.header .navArea .headNav .login a {
text-indent: -10000px;
display: block;
height: 21px;
width: 74px;
overflow: hidden;
background: url(/common/img/sprite_header.gif) no-repeat -326px -81px;
}
.header .navArea .headNav .signup, .header .navArea .headNav .mypage, .header .navArea .headNav .cart {
float: left;
position:relative;
padding: 0 8px 0 10px;
line-height: 23px;
background: url(/common/img/sprite_header.gif) no-repeat 0 -457px;
height: 23px;
}
.header .navArea .headNav .cart a {
width: 11px;
height: 9px;
padding-left: 14px;
background: url(/common/img/sprite_header.gif) no-repeat -389px -122px;
}
.header .navArea .headNav .cart .cartPcs {
margin-left: 5px;
font-weight: bold;
}
.header .navArea .headNav .login, .header .navArea .headNav .user {
float: left;
padding: 0 8px 0 10px;
line-height: 23px;
height: 23px;
}
.header .navArea .headNav .mypage span a, .header .navArea .headNav .user span a {
background: url(/common/img/sprite_header.gif) no-repeat -389px 0;
padding-left: 14px;
}
.header .navArea .headNav .on {
background: url(/common/img/sprite_header.gif) no-repeat 0 -373px;
line-height: 23px;
height: 23px;
padding: 0 0 0 11px;
float: left;
}
.header .navArea .headNav .on span {
background: url(/common/img/sprite_header.gif) no-repeat right -396px;
height: 23px;
display: block;
float: left;
padding: 0 7px 0 0;
}
.header .navArea .headNav .on span span {
background: none;
height: auto;
display: inline;
float: none;
padding: 0;
}
.header .navArea .headNav .login a#userLink {
background: url(/common/img/sprite_header.gif) no-repeat -326px -81px;
display: block;
height: 21px;
overflow: hidden;
text-indent: -10000px;
width: 74px;
}
.header .navArea .headNav .on span a {
color: #FFF;
background: url(/common/img/sprite_header.gif) no-repeat -389px -31px;
}
/*-------------
 gka
-------------*/
.gkaHeader {
  text-indent:-10000px;
  height:50px;
}
.gkaArea {
  position: relative;
}
#mypageContainer span a,
#mypageContainer span a:hover {
  background: url(/common/img/sprite_header.gif?d=20131128) no-repeat -389px -551px;
  padding-left: 14px;
}
#mypageContainer.on span a,
#mypageContainer.on span a:hover {
  background: url(/common/img/sprite_header.gif?d=20131128) no-repeat -389px -581px;
}
#mypageContainer.on span a .count,
#mypageContainer.off span a .count {
  display:none;
}
.header .navArea .gkaArea .mypageBox span {
  background: none;
    display: inline;
    float: none;
    height: auto;
    padding: 0;
}
.header .gkaArea .mypageBox {
  position: absolute;
  top: 23px;
  right: 0;
  background: #FFF;
  border: 2px solid #323232;
  padding: 12px 0 0;
  width: 350px;
  z-index: 10000;
}
.header .gkaArea .mypageBox .headding {
  line-height: 1.6;
  margin: 0 0 5px;
  border-top: 2px solid #0170cc;
  color:#0170cc;
  padding-top: 3px;
  font-weight: bold;
  font-size: 14px;
}
.header .gkaArea .mypageBox .division {
  line-height: 1.4;
  margin: 0 0 10px;
  border-left: 5px solid #fe6565;
  padding-left: 5px;
  font-weight: bold;
  font-size: 14px;
}
.header .gkaArea .mypageBox .menuArea {
  padding: 0 12px 10px;
}
.header .gkaArea .mypageBox .menuArea .new {
  color:#F00;
}
.header .gkaArea .mypageBox ul {
  padding: 0 8px 10px;
}
.header .gkaArea .mypageBox ul li a {
  background: url(/common/img/sprite_common.gif?d=20131128) no-repeat -195px -98px;
  padding-left: 9px;
}
.header .gkaArea .mypageBox ul li a.blankLink {
  background: url(/common/img/sprite_common.gif?d=20131128) no-repeat -189px -71px;
  padding-left: 15px;
}
.header .gkaArea .mypageBox .personArea {
  padding: 0 12px 0;
}
.header .gkaArea .mypageBox .personsList {
  margin: 0 8px 0;
  text-align:center;
}
.header .gkaArea .mypageBox .personsList .person {
  width: 140px;
  padding: 0 5px 15px;
  margin:0 auto
  text-align: center;
  display: -moz-inline-box;
  display: inline-block;
  *display:inline;
  *zoom:1.0;
}
.header .gkaArea .mypageBox .personsList .person .photo img {
  border: 1px solid #ccc;
}
.header .gkaArea .mypageBox .personsList .person .charge {
  font-weight: bold;
}
.header .gkaArea .mypageBox .eigyoMap {
  margin: 0 22px 30px;
  background: #eff4fd;
  padding: 15px 0;
  line-height: 1.4;
  text-align: center;
}
.header .gkaArea .mypageBox .eigyoMap p {
  margin: 0;
}
.header .gkaArea .mypageBox .eigyoMap .btn {
  margin: 12px auto 0;
  width: 213px;
  height: 34px;
  text-align: center;
}
.header .gkaArea .mypageBox .eigyoMap .btn a {
  background: url(/common/img/sprite_header.gif?d=20131128) 0 -550px no-repeat;
  width: 213px;
  height: 34px;
  display: block;
  text-indent: -10000px;
}
.header .gkaArea .mypageBox .contactArea {
  padding: 0 12px 12px;
}
.header .gkaArea .mypageBox .contactArea .contact {
  width:100%;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}
.header .gkaArea .mypageBox .contactArea .contact th, .header .gkaArea .mypageBox .contactArea .contact td {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: center;
  padding: 8px 2px;
  font-weight: bold;
}
.header .gkaArea .mypageBox .contactArea .contact th {
  background: #dedede;
}
.header .gkaArea .mypageBox .contactArea .contact td {
  line-height: 1.4;
}
.header .gkaArea .mypageBox .contactArea .contact .webForm .btn {
  text-align: center;
  margin: 0 auto;
  width: 111px;
  height: 26px;
}
.header .gkaArea .mypageBox .contactArea .contact .webForm .btn a {
  background: url(/common/img/sprite_header.gif?d=20131128) 0 -590px no-repeat;
  width: 111px;
  height: 26px;
  display: block;
  text-indent: -10000px;
}

/*-------------
 gka end
-------------*/
.header .userBox {
position: absolute;
top: 23px;
left: 0;
background: #FFF;
border: 2px solid #323232;
width: 185px;
z-index: 10000;
}
.header .userBox ul {
padding: 10px 15px
}
.header .userBox ul li a, .header .mypageBox ul li a.blankLink {
background: url(/common/img/sprite_common.gif) no-repeat -189px -71px;
padding-left: 15px;
}
.header .userBox .logout {
border-top: 1px solid #e5e5e5;
clear: both;
padding: 10px 15px;
}
.header .mypageBox {
position: absolute;
top: 23px;
right: 0;
background: #FFF;
border: 2px solid #323232;
width: 195px;
z-index: 10000;
}
.header .mypageBox ul {
padding: 10px 15px
}
.header .mypageBox ul li a {
background: url(/common/img/sprite_common.gif) no-repeat -195px -98px;
padding-left: 9px;
}
.header .searchArea {
clear: both;
border-top: 1px solid #FFF;
padding-top: 6px;
position: relative;
z-index: 0;
}
.header .searchArea dl {
float: left;
margin-right: 10px;
position: relative;
z-index: 10;
}
.header .searchArea dl dt {
float: left;
margin-bottom: 3px;
font-size: 1px;
}
.header .searchArea dl.keyword dt {
display: none;
}
.header .searchArea dl.model {
display: none
}
.header .searchArea dl.model dt {
float: left;
height: 11px;
width: 45px;
margin: 7px 3px 0 0;
text-indent: -10000px;
background: url(/common/img/sprite_header.gif) 0 -163px;
}
.header .searchArea dl dd {
float: left
}
.header .searchArea dl dd .input {
background: #FFF;
height: 23px;
float: left;
border-top: 1px solid #c7c7c7;
border-bottom: 1px solid #c7c7c7;
border-left: 1px solid #c7c7c7;
border-right: none;
line-height: 23px;
padding-left: 5px;
color: #c5c5c5;
}
.header .searchArea dl dd .btn {
float: left;
background: url(/common/img/sprite_header.gif) 0 -174px;
height: 25px;
width: 35px;
border: medium none;
cursor: pointer;
}
.header .searchArea dl dd .suggest {
background: #FFF;
border: 1px solid #b3b3b3;
position: absolute;
left: 0;
top: 25px;
z-index: 1000;
min-width: 398px;
_width: auto !important;
_width: 398px;
}
/* forcia css */
.header .searchArea dl dd .suggest .category {
color: #757575;
background: #e8e8e8;
padding: 5px 10px;
font-weight: bold;
}
.header .searchArea dl dd .suggest .keyword ul.list {
padding: 5px 10px 0 0
}
.header .searchArea dl dd .suggest .productCode ul.list {
padding: 5px 10px
}
.header .searchArea dl dd .suggest ul.list li {
white-space: nowrap
}
.header .searchArea dl dd .suggest ul.list li .add {
background: #dfedff
}
.header .searchArea dl dd .suggest .pager {
width: 400px;
height: 26px !important;
}
.header .searchArea dl dd .suggest .pager .page {
top: 4px !important
}
.header .searchArea dl dd .suggest .pager .back {
top: 4px !important
}
.header .searchArea dl dd .suggest .pager .next {
top: 4px !important
}
.header .searchArea dl dd .suggest .pager a {
text-decoration: none
}
.header .searchArea dl dd .suggest .pager .page {
width: 400px !important
}
.header .searchArea dl dd .suggest .abolishment {
border-top: 1px solid #e1e1e1;
padding: 5px 10px 5px;
}
.header .searchArea ul.searchNav {
float: left;
position: relative;
z-index: 0;
}
.header .searchArea ul.searchNav li {
float: left;
margin-right: 3px;
}
.header .searchArea ul.searchNav li a {
text-indent: -10000px;
display: block;
overflow: hidden;
height: 26px;
width: 44px;
}
.header .searchArea dl dd .suggest .keyword {
margin: 5px;
padding: 0 5px 5px;
border-bottom: 1px solid #c4c4c4;
}
.header .searchArea dl dd .suggest .productCode {
}
.header .searchArea dl dd .suggest .productCode .title {
float: left;
color: #333;
}
.header .searchArea dl dd .suggest .productCode .list li {
background: url(/common/img/sprite_common.gif) no-repeat -189px -1346px;
padding-left: 16px;
}
/*----------------------------------------------------------------
カタログページ検索削除
----------------------------------------------------------------*/
/*
.header .searchArea ul.searchNav li.catalogue a {background:url(/common/img/sprite_header.gif) no-repeat 0 -50px}
.header .searchArea ul.searchNav li.catalogue a:hover {background:url(/common/img/sprite_header.gif) no-repeat 0 -76px}
*/

.header .searchArea ul.searchNav li.catalogue a, .header .searchArea ul.searchNav li.catalogue a:hover {
display: none
}
.header .searchArea ul.searchNav li.other a {
background: url(/common/img/sprite_header.gif) no-repeat -44px -50px
}
.header .searchArea ul.searchNav li.other a:hover {
background: url(/common/img/sprite_header.gif) no-repeat -44px -76px
}
/*
.header .searchArea ul.searchNav li.cart a {
background:url(/common/img/sprite_header.gif) no-repeat -88px -50px;
width:50px;
position:relative;
}
.header .searchArea ul.searchNav li.cart em {
position:absolute;
font-size:12px;
line-height:26px;
top:0;
text-align:right;
width:40px;
font-style:normal;
font-weight:bold;
text-indent:0;
left:0;
color:#333;
z-index:1;
}
.header .searchArea ul.searchNav li.cart a:hover {
background:url(/common/img/sprite_header.gif) no-repeat -88px -76px;
width:50px;
position:relative;
}
.header .searchArea ul.searchNav li.cart a:hover em {color:#FFF}
*/
.header .searchArea .comment {
position: absolute;
right: 0;
}
.header .searchArea .comment .link {
font-size: 90%;
margin-top: 7px;
}
.header .searchArea .comment .commentBox {
position: absolute;
width: 360px;
top: 31px;
right: 0;
border: 2px solid #323232;
background: #FFF;
z-index: 1000;
}
.header .searchArea .comment .commentBox .titlebody {
position: relative;
height: 38px;
}
.header .searchArea .comment .commentBox .titlebody .title {
background: url(/common/img/sprite_header.gif) no-repeat center -199px;
position: absolute;
left: 0;
top: 0;
text-indent: -10000px;
z-index: 0;
width: 100%;
height: 100%;
}
.header .searchArea .comment .commentBox .titlebody .close {
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
}
.header .searchArea .comment .commentBox .titlebody .close a {
background: url(/common/img/sprite_header.gif) -385px -138px;
display: block;
text-indent: -10000px;
overflow: hidden;
height: 15px;
width: 15px;
}
.header .searchArea .comment .commentBox .inner {
text-align: center;
padding: 15px 0;
}
.header .searchArea .comment .commentBox .inner .txtbody {
padding-bottom: 10px
}
.header .searchArea .comment .commentBox .inner .txtbody label p {
text-align: left;
margin: 0 0 0 40px;
}
.header .searchArea .comment .commentBox .inner .txtbody label p .grayText {
color: #999999;
font-size: 12px;
}
.header .searchArea .comment .commentBox .inner .txtbody .txt {
height: 96px;
width: 276px;
padding: 2px;
border: 1px solid #c3c3c3;
margin: 0 0 10px;
font-size: 12px;
}
.header .searchArea .comment .commentBox .inner .txtbody .name, .header .searchArea .comment .commentBox .inner .txtbody .email {
width: 276px;
padding: 2px;
border: 1px solid #c3c3c3;
margin: 0 0 10px;
font-size: 12px;
}
.header .searchArea .comment .commentBox .inner .txtbody .tel {
width: 276px;
padding: 2px;
border: 1px solid #c3c3c3;
font-size: 12px;
}
.header .searchArea .comment .commentBox .inner .btn {
height: 26px;
width: 81px;
border: medium none;
cursor: pointer;
margin: 0 auto;
}
.header .searchArea .comment .commentBox .inner .btn input {
background: url(/common/img/sprite_header.gif) -319px -163px;
height: 26px;
width: 81px;
border: medium none;
}
.header .searchArea .comment .commentBox .inner .btnClose {
background: url(/common/img/sprite_header.gif) -341px -343px;
height: 26px;
width: 59px;
margin: 0 auto;
}
.header .searchArea .comment .commentBox .inner .btnClose input {
height: 26px;
width: 59px;
border: medium none;
cursor: pointer;
}
.header .searchArea .comment .commentBox .inner .remarks {
font-size: 90%;
line-height: 1.3;
color: #666;
margin: 0 0 0 15px;
padding-top: 8px;
text-align: left;
}
.header .searchArea .comment .commentBox .inner .remarks a {
font-weight: bold;
text-decoration: underline;
}
.header .searchArea .comment .commentBox .inner .thanks {
font-weight: bold;
color: #000;
padding: 20px 0 50px;
}
.header .searchArea .comment .commentBox #comment_aft .txt {
cursor: default;
text-align: center;
padding: 20px;
height: 20px;
border: 0;
resize: none;
overflow: auto;
}
.header .searchArea .comment .commentBox #comment_aft .btnClose input {
visibility: hidden;
height: 26px;
width: 59px;
}
/*----------------------------------------------------------------
ページ幅950px　page1の場合
----------------------------------------------------------------*/
body.page1 .header .navArea .nav1 {
width: 670px;
overflow: hidden;
}
body.page1 .header .searchArea dl dd .input {
width: 394px
}
/*----------------------------------------------------------------
ページ幅1200px　page2の場合
----------------------------------------------------------------*/
body.page2 .header .navArea .nav1 {
width: 670px;
overflow: hidden;
}
body.page2 .header .searchArea dl dd .input {
width: 394px
}
/* old site link | 20121203: disabled */
.oldSiteLink {
height: 25px;
display: none;
}
.MSM1Root .oldSiteLink, .product .oldSiteLink {
display: block
}
.oldSiteLink a {
display: block;
float: right;
background: url(/common/img/sprite_common.gif) no-repeat -189px -1298px;
margin-top: 5px;
padding: 0 0 0 15px;
font-size: 10px;
}
.topPage .oldSiteLink {
position: relative;
height: 0;
}
.topPage .oldSiteLink a {
position: absolute;
right: 0;
margin-top: 15px;
height: 15px;
}
/* .topPage .rightBnrArea {margin-top:25px} */
/* old site link */
/*

*** footer.css start ***
misumi-vona  FOOTER CSS

*/
.footer {
font-size:12px;
line-height:1.5;
background: #f2f2f2;
margin: 0 auto;
padding: 30px 0 0;
color: #a0a0a0;
clear: both;
*zoom:1;
z-index: 3;
}
.footer .contactBox {
background: url(/common/img/sprite_footer.gif?d=20120727) no-repeat 0 -270px;
margin: 0 auto 20px;
height: 103px;
width: 900px;
position: relative;
}
.footer .contactBox .title {
font-weight: bold;
margin: 0 15px;
padding: 7px 0 4px;
border-bottom: 1px solid #d9d9d9;
}
.footer .contactBox .tel1 {
background: url(/common/img/sprite_footer.gif) no-repeat 0 0;
text-indent: -10000px;
position: absolute;
top: 42px;
height: 50px;
width: 190px;
left: 15px;
}
.footer .contactBox .tel2 {
background: url(/common/img/sprite_footer.gif) no-repeat 0 -76px;
text-indent: -10000px;
position: absolute;
top: 42px;
height: 50px;
width: 260px;
left: 310px;
}
.footer .contactBox .tel3 {
position: relative;
background: url(/common/img/sprite_footer.gif) no-repeat 0 -152px;
text-indent: -10000px;
position: absolute;
top: 42px;
height: 50px;
width: 190px;
left: 623px;
}
.footer .contactBox .tel3 span.contactBtn {
position: absolute;
top: 22px;
left: 3px;
}
.footer .contactBox .tel3 span.contactBtn, .footer .contactBox .tel3 span.contactBtn a {
width: 151px;
height: 29px;
}
.footer .contactBox .tel3 span.contactBtn a {
display: block;
text-indent: -9999px;
background: url(/common/img/sprite_footer.gif) no-repeat -3px -174px;
}
.footer .inner {
background: url(/common/img/line_footer.gif) repeat-y 285px top;
margin: 0 auto 15px;
width: 900px;
position: relative;
}
.footer .inner dl.list1 {
float: left;
width: 295px;
margin-left: 20px;
_margin-left: 10px;
}
.footer .inner dl.list1 li a.off {
background: url(/common/img/sprite_common.gif) no-repeat -189px -241px;
padding-left: 15px;
}
.footer .inner dl.list1 li a.on {
background: url(/common/img/sprite_common.gif) no-repeat -189px -203px;
padding-left: 15px;
}
.footer .inner dl.list2 {
float: left;
width: 310px;
height: 100px;
}
.footer .inner dl dt {
font-weight: bold;
margin-bottom: 3px;
}
.footer .logo {
background: url(/common/img/sprite_footer.gif) no-repeat 0 -243px;
height: 20px;
width: 91px;
margin: 0 auto 5px;
clear: both;
text-indent: -10000px;
overflow: hidden;
}
.footer ul.country {
text-align: center;
clear: both;
margin-bottom: 10px;
}
.footer ul.country li {
font-size: 90%;
display: inline;
padding: 0 3px;
}
.footer .copyright {
height: 10px;
margin: 0 auto;
padding-bottom: 5px;
clear: both;
color: #646464;
font-size: 11px;
text-align: center;
overflow: hidden;
}
/*----------------------------------------------------------------
MAKER LIST
----------------------------------------------------------------*/

.footer .footer_maker_list {
clear: both;
margin: 0 auto 30px;
width: 900px;
}
.footer .footer_maker_list .maker_list_link {
margin: 0 20px
}
.footer .footer_maker_list .maker_list_link p {
border-bottom: 1px dotted #aaa;
font-weight: bold;
padding: 0 5px 2px;
text-align: center;
}
.footer .footer_maker_list dl.flist01 {
float: left;
margin-right: 0;
width: 200px;
padding-right: 20px;
margin-left: 20px;
_margin-left: 10px;
}
.footer .footer_maker_list dl.flist02, .footer .footer_maker_list dl.flist03 {
float: left;
margin-right: 20px;
width: 200px;
}
.footer .footer_maker_list dl.flist03 {
margin-top: 43px
}
.footer .footer_maker_list dl.flist01 dt, .footer .footer_maker_list dl.flist02 dt, .footer .footer_maker_list dl.flist03 dt {
border-bottom: 1px dotted #aaa;
color: #787878;
font-weight: bold;
margin-top: 15px;
padding: 0 5px 2px;
}
.footer .footer_maker_list dl.flist01 dd, .footer .footer_maker_list dl.flist02 dd, .footer .footer_maker_list dl.flist03 dd {
padding: 5px 5px 2px
}
/*

misumi-vona recently

*/
.recentArea {
margin-top: 20px;
padding: 30px 0 0;
clear: both;
background-color: #F2F2F2;
*zoom:1;
_height: 160px;
}
.recentArea .recentBox {
background: url(/common/img/bg_recentBox.gif) no-repeat 0 0;
margin: 0 auto;
width: 900px;
position: relative;
_height: 160px;
}
.recentArea .recentBox .itemBody {
padding-bottom: 8px;
background: url(/common/img/bg_recentBox_btm.gif) no-repeat 0 bottom;
overflow: hidden;
_height: 152px;
}
.recentArea .recentBox .itemBody .categoryTit2 {
margin: 0 15px;
padding: 7px 0 4px;
font-weight: bold;
color: #8d8d8d;
}
.recentArea .recentBox .itemBody .item {
float: left;
height: 113px;
line-height: 14px;
text-align: center;
width: 138px;
margin: 0 0 10px 10px;
}
.recentArea .recentBox .itemBody .item .itemImage {
width: 66px;
height: 66px;
margin: 0 auto;
text-align: center;
vertical-align: middle;
background: #fff;
}
.recentArea .recentBox .itemBody .item .itemImage a {
border: 1px solid #FFF;
display: table-cell;
vertical-align: middle;
height: 64px;
width: 64px;
text-align: center;
_display: block;
*display:block;
*font-size:64px;
}
.recentArea .recentBox .itemBody .item .itemImage img {
line-height: 0;
vertical-align: middle;
}
.recentArea .recentBox .itemBody .item .itemImage a:hover {
border: 1px solid #005fe0
}
.recentArea .recentBox .itemBody .item .itemTitle {
display: block;
padding: 5px 0 0;
}
/*

*** layout.css start ***
misumi-vona　共通レイアウト用CSS

*/
body {
font: 12px/1.5 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #333;
}
body.page1 .wrapper {
margin: 0 auto;
width: 950px;
}
body.page1 .main {
width: 650px;
overflow: hidden;
}
body.page2 .wrapper {
margin: 0 auto;
width: 1200px;
}
body.page2 .main {
width: 900px;
overflow: hidden;
}
ul.pankuzu {
clear: both;
margin: 0 0 10px!important;
color: #999;
}
.categoryRoot ul.pankuzu {
display: none
}
ul.pankuzu li, ul.pankuzu li a {
display: inline;
margin-right: 5px;
}
ul.pankuzu strong {
font-size: 100%!important;
color: #000;
}
a.blank {
background: url(/common/img/sprite_common.gif) no-repeat -190px -71px!important;
padding-left: 15px;
}
.overlay {
background: #000;
filter: alpha(opacity=20);
-moz-opacity: 0.20;
opacity: 0.20;
height: 100%;
width: 100%;
position: absolute;
z-index: 10000;
left: 0;
top: 0;
}
.overlayLoading {
background: url(/common/img/loading1.gif) no-repeat center;
height: 100%;
width: 100%;
position: absolute;
z-index: 10001;
left: 0;
top: 0;
}


/*-----------------------------------------------------------------
 pager 
-----------------------------------------------------------------*/
.pageNav {margin:0 15px 15px}
.pageNav div.count {
float:left;
color:#5a5a5a;
}
.pageNav div.count .num strong {
color:#333;
font-size:18px;
}
.property {
float: left;
width: 300px;
height: 26px;
margin: 3px 0 0;
}
.propertyItem {
float: left;
width: 75px;
margin: 2px 0 0;
*margin:1px 0 0;
text-align: right;
}
.propertyItem select {
font-size: 12px;
margin: 1px 0 0;
}
.property .name {
float:left;
padding:3px 6px 3px 15px;
font-weight:bold;
}
.property ul {
float:left;
/* temp */
margin:0;/* temp */
}
.property ul li {
background:url(/common/img/sprite_spec.gif?d=20130704) no-repeat 0 -719px;
float:left;
display:block;
white-space:nowrap;
padding:0 10px;
}
.property ul li.first {background:none}
.property ul li a {
padding:3px 6px;
display:block;
}
.property ul li .on {background:#d9e4f3}
.property ul.tabDisplay li {
background:none;
padding:0 0 0 10px;
}
.property ul.tabDisplay li a {padding:2px 6px 1px 23px}
.property ul.tabDisplay li.list a {background:url(/common/img/sprite_spec.gif) no-repeat 7px -752px}
.property ul.tabDisplay li.list a:hover,
.property ul.tabDisplay li.list a.on {background:url(/common/img/sprite_spec.gif) no-repeat 7px -782px #749DCF; color:#fff;}
.property ul.tabDisplay li.photo a {background:url(/common/img/sprite_spec.gif) no-repeat -56px -752px}
.property ul.tabDisplay li.photo a:hover,
.property ul.tabDisplay li.photo a.on {background:url(/common/img/sprite_spec.gif) no-repeat -56px -782px #749DCF; color:#fff;}
.property ul.tabDisplay li.detail a {background:url(/common/img/sprite_spec.gif) no-repeat -118px -752px}
.property ul.tabDisplay li.detail a:hover,
.property ul.tabDisplay li.detail a.on {background:url(/common/img/sprite_spec.gif) no-repeat -118px -782px #749DCF; color:#fff;}
.pageNav .pageNum {
float:left;
color:#555;
margin:3px 5px 0 0;
font-size: 110%;
}
.pageNav .pageNum li {
float:left;
width:20px;
height:20px;
text-align:center;
margin-right:2px;
}
.pageNav .pageNum a {
display:block;
width:20px;
}
.pageNav .pagerArea {float:right}
.pageNav #category_page_left a,
.pageNav #category_page_left span,
.pageNav #series_page_left a,
.pageNav #series_page_left span,
.pageNav #series_page_left2 a,
.pageNav #series_page_left2 span,
.pageNav #category_page_right a,
.pageNav #category_page_right span,
.pageNav #series_page_right a,
.pageNav #series_page_right span,
.pageNav #series_page_right2 a,
.pageNav #series_page_right2 span,
.pageNav #detail_codeList_pager_upper_right a,
.pageNav #detail_codeList_pager_upper_right span,
.pageNav #detail_codeList_pager_upper_left a,
.pageNav #detail_codeList_pager_upper_left span,
.pageNav #detail_codeList_pager_lower_left a,
.pageNav #detail_codeList_pager_lower_left span,
.pageNav #detail_codeList_pager_lower_right a,
.pageNav #detail_codeList_pager_lower_right span,
.pageNav #search_pager_upper_right a,
.pageNav #search_pager_upper_right span,
.pageNav #search_pager_upper_left a,
.pageNav #search_pager_upper_left span,
.pageNav #search_pager_lower_right a,
.pageNav #search_pager_lower_right span,
.pageNav #search_pager_lower_left a,
.pageNav #search_pager_lower_left span,
.pageNav #category_pager_right a,
.pageNav #category_pager_right span,
.pageNav #category_pager_left a,
.pageNav #category_pager_left span,
.pageNav #series_pager_upper_right a,
.pageNav #series_pager_upper_right span,
.pageNav #series_pager_upper_left a,
.pageNav #series_pager_upper_left span,
.pageNav #series_pager_lower_right a,
.pageNav #series_pager_lower_right span,
.pageNav #series_pager_lower_left a,
.pageNav #series_pager_lower_left span {
display:block!important;
width:10px!important;
text-indent:-9999px;
}
.pageNav #category_page_left a,
.pageNav #category_page_left span,
.pageNav #series_page_left a,
.pageNav #series_page_left span,
.pageNav #series_page_left2 a,
.pageNav #series_page_left2 span,
.pageNav #detail_codeList_pager_upper_left a,
.pageNav #detail_codeList_pager_upper_left span,
.pageNav #detail_codeList_pager_lower_left a,
.pageNav #detail_codeList_pager_lower_left span,
.pageNav #search_pager_upper_left a,
.pageNav #search_pager_upper_left span,
.pageNav #search_pager_lower_left a,
.pageNav #search_pager_lower_left span,
.pageNav #category_pager_left a,
.pageNav #category_pager_left span,
.pageNav #series_pager_upper_left a,
.pageNav #series_pager_upper_left span,
.pageNav #series_pager_lower_left a,
.pageNav #series_pager_lower_left span {
background:url(/common/img/sprite_spec.gif) no-repeat -5px -913px!important;
margin-right:6px;
padding-right:8px;
}
.pageNav #category_page_right a,
.pageNav #category_page_right span,
.pageNav #series_page_right a,
.pageNav #series_page_right span,
.pageNav #series_page_right2 a,
.pageNav #series_page_right2 span,
.pageNav #detail_codeList_pager_upper_right a,
.pageNav #detail_codeList_pager_upper_right span,
.pageNav #detail_codeList_pager_lower_right a,
.pageNav #detail_codeList_pager_lower_right span,
.pageNav #search_pager_upper_right a,
.pageNav #search_pager_upper_right span,
.pageNav #search_pager_lower_right a,
.pageNav #search_pager_lower_right span,
.pageNav #category_pager_right a,
.pageNav #category_pager_right span,
.pageNav #series_pager_upper_right a,
.pageNav #series_pager_upper_right span,
.pageNav #series_pager_lower_right a,
.pageNav #series_pager_lower_right span {
background:url(/common/img/sprite_spec.gif) no-repeat -33px -913px!important;
margin-left:4px;
padding-left:8px;
}
.pageNav .pageNum a:hover,
.pageNav .pageNum .current {
display: block;
width: 20px;
color:#fff;
background-color:#749dcf;
}










/*

misumi-vona product CSS

*/

/*

IE6 bug

*/
#category_00000033392 {
 *width:245px;
}
/*


-------------------

*/

.product .detail .head {
  padding-right: 140px
}
ul.pankuzu {
  display: inline;
  margin: 10px 0 10px 20px;
}
.itemDetailBody {
  margin: 15px 0 25px 25px;
  z-index: 2;
  position: relative;
}
.viewerEnabled {
  margin: 15px 0 10px 14px;
}
.itemDetailBody .itemImage {
  float: left;
  position: relative;
  width: 100px;
}
.viewerEnabled .itemImage {
  width: 188px;
  height: 172px;
  margin: 0 auto 15px;
}
.itemDetailBody .itemImage img {
  width: 100px;
  margin-bottom: 0;
  padding: 0;
}
.viewerEnabled .itemImage img {
  margin-bottom: 15px;
}
.itemDetailBody .itemImage .curImage {
  height: 102px;
  margin: 0 42px 15px;
}
.itemDetailBody .itemImage .curImage img {
  width: 100px;
  padding: 0;
}
.itemDetailBody .itemImage a {
  display: block;
}
.itemDetailBody .itemImage a img {
  border: 1px solid #fff;
}
.itemDetailBody .itemImage a:hover img {
  border: 1px solid #005fe0;
}
.itemDetailBody .itemImage .zoomIcon {
  position: absolute;
  top: 91px;
  left: 148px;
  display: block;
  width: 45px;
  height: 19px;
  text-indent: -9999px;
  background: url(/common/img/sprite_common.gif) no-repeat -155px -1650px;
}
.itemDetailBody .itemImage .zoomIcon a {
  display: block;
}
.itemDetailBody .itemImage .pagerArea {
  width: 186px;
  position: absolute;
  left: 0;
  display: none;
}
.itemDetailBody .itemImage .pagerArea li.prevbtn, .itemDetailBody .itemImage .pagerArea li.nextbtn, .itemDetailBody .itemImage .pagerArea li.prevbtn a, .itemDetailBody .itemImage .pagerArea li.nextbtn a {
  display: block;
  width: 23px;
  height: 41px;
  text-indent: -9999px;
}
.itemDetailBody .itemImage .pagerArea li.prevbtn {
  position: absolute;
  left: 0;
}
.itemDetailBody .itemImage .pagerArea li.prevbtn a {
  background: url(/common/img/sprite_common.gif) no-repeat 0 -1850px;
}
.itemDetailBody .itemImage .pagerArea li.nextbtn {
  position: absolute;
  right: 0;
}
.itemDetailBody .itemImage .pagerArea li.nextbtn a {
  background: url(/common/img/sprite_common.gif) no-repeat 0 -1900px;
}
.itemDetailBody .itemImage .rotateArea {
  margin-left: 28px;
  width: 135px;
  height: 40px;
  overflow: hidden;
}
.itemDetailBody .itemImage .rotateArea li {
  float: left;
}
.itemDetailBody .itemImage .rotateArea li.rotatePic {
  margin-right: 5px;
}
.itemDetailBody .itemImage .rotateArea li.rotatePic a {
  display: block;
  width: 38px;
  height: 38px;
  border: 1px solid #ccc;
}
.itemDetailBody .itemImage .rotateArea li.rotatePic a:hover, .itemDetailBody .itemImage .rotateArea li.cur a {
  border: 1px solid #005fe0;
}
.itemDetailBody .itemImage .rotateArea li.rotatePic a img {
  display: block;
  width: 38px;
  height: 38px;
  margin: 0!important;
  padding: 0!important;
  border: none!important;
}
.itemDetailBody .detail {
  padding-left: 130px;
  *padding-left: 30px;
  line-height: 1.4;
  height: auto !important;
  height: 100px;
}
.viewerEnabled .detail {
  padding-left: 206px;
  *padding-left: 45px;
}
.viewerEnabled .viewerZoomDisp {
  width:200px;
  height:200px;
  border:2px solid #CCC;
  position:absolute;
  left:206px;
  top:0;
  overflow:hidden;
  display:none;
  z-index:1;
}
.viewerEnabled .viewerZoomDisp img {
  position:absolute;
  top:0;
  left:0;
}
.rotatePopup {
  position: fixed;
  *position: absolute;
  right: 0;
  top: 0;
  left: 0;
  margin: 30px;
  *width: 94%;
  min-width:500px;
  min-height:250px;
  background-color: #fff;
  border: 1px solid #b3b3b3;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  z-index: 20000;
}
.rotatePopup .popupTitle {
  padding: 20px;
}
.rotatePopup h2 {
  font-size: 16px;
  margin-right:90px;
}
.rotatePopup .closeBtn {
  display: block;
  width: 84px;
  height: 31px;
  position:absolute;
  top:20px;
  right:20px;
}
.rotatePopup .closeBtn a {
  display: block;
  width: 84px;
  height: 31px;
  text-indent: -9999px;
  background: url(/common/img/sprite_common.gif) no-repeat 0 -466px;
}
.rotatePopup .rotatePopupItem {
  padding: 0 0 0 20px;
}
.rotatePopupItem {
  position: relative;
}
.rotatePopup .displayItem {
  width: auto;
  margin-right: 270px;
}
.rotatePopup .displayItem .pagerArea {
}
.rotatePopup .displayItem .pagerArea li {
  position:absolute;
  /*
  top:50%;
  margin-top:-20px;
  */
}
.rotatePopup .displayItem .pagerArea li.prevBtn, .rotatePopup .displayItem .pagerArea li.prevBtn a, .rotatePopup .displayItem .pagerArea li.nextBtn, .rotatePopup .displayItem .pagerArea li.nextBtn a {
  display: block;
  width: 40px;
  height: 41px;
  text-indent: -9999px;
}
.rotatePopup .displayItem .pagerArea li.prevBtn {
  left:20px;
}
.rotatePopup .displayItem .pagerArea li.prevBtn a {
  background: url(/common/img/sprite_common.gif) no-repeat 0 -1750px;
}
.rotatePopup .displayItem .pagerArea li.nextBtn {
  right:270px;
}
.rotatePopup .displayItem .pagerArea li.nextBtn a {
  background: url(/common/img/sprite_common.gif) no-repeat 0 -1800px;
}
.rotatePopup .displayItem .imgItem {
  margin: 0 50px;
  text-align: center;
  overflow:hidden;
}
.rotatePopup .displayItem .imgItem .iframe {
  width: 100%;
  height: 100%;
}
.rotatePopup .displayItem .annotate {
  font-size:16px;
  /*height:24px;*/
  text-align:center;
  font-weight:bold;
}
.rotatePopup .itemThumb {
  position: absolute;
  right: 20px;
  top: 0;
  width: 210px;
  padding: 20px 0 10px 20px;
  border: 1px solid #80a5d8;
  overflow-y:auto;
  overflow-x:hidden;
}
.rotatePopup .itemThumb ul {
  overflow: visible;
  width: 210px;
}
.rotatePopup .itemThumb li {
  float: left;
  padding: 0 20px 10px 0;
}
.rotatePopup .itemThumb li a img {
  display: block;
  width: 48px;
  height: 48px;
  border: 1px solid #ccc;
}
.rotatePopup .itemThumb li a:hover img, .rotatePopup .itemThumb li.cur a img {
  border: 1px solid #005fe0;
}
.itemDetailBody .detail .head {
  margin-bottom: 5px;
  position: relative;
}
.itemDetailBody .detail .head:after {
  display: inline
}
.itemDetailBody .detail .head .iconlist {
  margin-top: 5px
}
.itemDetailBody .detail .icon1 {
  height: 23px
}
.itemDetailBody .detail .head .iconlist span, .itemDetailBody .detail .icon1 span {
  float: left;
  margin-right: 2px;
}
.detail .iconlist .icon_01, .detail .iconlist .icon_02, .detail .iconlist .icon_03, .detail .iconlist .icon_04, .detail .iconlist .icon_05, .detail .iconlist .icon_06, .detail .iconlist .icon_07, .detail .iconlist .icon_09, .detail .iconlist .icon_10, .detail .icon1 .icon_01, .detail .icon1 .icon_02, .detail .icon1 .icon_03, .detail .icon1 .icon_04, .detail .icon1 .icon_05, .detail .icon1 .icon_06, .detail .icon1 .icon_07, .detail .icon1 .icon_09, .detail .icon1 .icon_10 {
  height: 13px;
  text-indent: -9999px!important;
  background: url(/common/img/sprite_icon_info.gif) no-repeat;
}
.detail .iconlist .icon_01, .detail .iconlist .icon_03, .detail .icon1 .icon_01, .detail .icon1 .icon_03 {
  width: 35px
}
.detail .iconlist .icon_02, .detail .iconlist .icon_04, .detail .iconlist .icon_05, .detail .iconlist .icon_06, .detail .iconlist .icon_07, .detail .iconlist .icon_10, .detail .icon1 .icon_02, .detail .icon1 .icon_04, .detail .icon1 .icon_05, .detail .icon1 .icon_06, .detail .icon1 .icon_07 {
  width: 45px
}
.detail .iconlist .icon_01, .detail .icon1 .icon_01 {
  background-position: 0 0
}
.detail .iconlist .icon_02, .detail .icon1 .icon_02 {
  background-position: 0 -50px
}
.detail .iconlist .icon_03, .detail .icon1 .icon_03 {
  background-position: 0 -100px
}
.detail .iconlist .icon_04, .detail .icon1 .icon_04 {
  background-position: 0 -150px
}
.detail .iconlist .icon_05, .detail .icon1 .icon_05 {
  background-position: 0 -200px
}
.detail .iconlist .icon_06, .detail .icon1 .icon_06 {
  background-position: 0 -250px
}
.detail .iconlist .icon_07, .detail .icon1 .icon_07 {
  background-position: 0 -300px
}
.detail .iconlist .icon_10, .detail .icon1 .icon_10 {
  background-position: 0 -450px;
  height: 17px;
  width: 60px;
  margin: 2px 0 4px;
}
.itemDetailBody .detail .head .btnlist {
  position: absolute;
  top: 0;
  right: 0;
}
.itemDetailBody .detail .head .btnlist li {
  margin-left: 3px;
  float: left;
}
.itemDetailBody .detail .head .btnlist li a {
  float: left;
  display: block;
  overflow: hidden;
}
.itemDetailBody .detail .head .btnlist li.pdfBtn {
  background: url(/common/img/sprite_product.gif) right -125px;
  padding-right: 5px;
  height: 25px;
  overflow: hidden;
}
.itemDetailBody .detail .head .btnlist li.pdfBtn a {
  background: url(/common/img/sprite_product.gif) 0 -100px;
  height: 25px;
}
.itemDetailBody .detail .head .btnlist li.catalogBtn a {
  background: url(/common/img/sprite_product.gif) 0 -2025px;
  height: 25px;
}
.itemDetailBody .detail .head .btnlist li.pdfBtn a .pdf, .itemDetailBody .detail .head .btnlist li.pdfBtn a .catalog {
  display: block;
  height: 25px;
  float: left;
  width: 65px;
  text-indent: -10000px;
  cursor: pointer;
}
.itemDetailBody .detail .head .btnlist li.pdfBtn a .catalog {
  width: 82px
}
.itemDetailBody .detail .head .btnlist li.pdfBtn a .page {
  background: url(/common/img/sprite_product.gif) 0 -125px;
  display: block;
  color: #5b5b5b;
  font-weight: bold;
  float: left;
  height: 14px;
  line-height: 14px;
  margin: 5px 0 6px;
  padding: 0 5px 0 8px;
  cursor: pointer;
}
.itemDetailBody .detail .head .btnlist li.similarBtn a {
  background: url(/common/img/sprite_product.gif) 0 -76px;
  height: 24px;
  width: 149px;
  text-indent: -10000px;
}
.itemDetailBody .detail .maker {
  padding: 0 0 3px
}
.itemDetailBody .detail .sideArea {
  float: right;
  width: 270px;
}
.itemDetailBody .detail .contentArea {
  float: left
}
.page1 .itemDetailBody .detail .contentArea {
  width: 490px
}
.page2 .itemDetailBody .detail .contentArea {
  width: 740px
}
.itemDetailBody .detail .itemTitleBody {
  margin-bottom: 12px
}
.itemDetailBody .detail .itemTitleBody:after {
  display: inline
}
.itemDetailBody .detail .itemTitleBody .item {
  font-size: 135%;
  font-weight: bold;
  margin-right: 3px;
  display: inline;
}
.itemDetailBody .detail .itemTitleBody .keep {
  position: relative;
  float: left;
}
.itemDetailBody .detail .itemTitleBody .keep .keepIcon {
  height: 15px;
  width: 16px;
}
.itemDetailBody .detail .itemTitleBody .keep .keepIcon a {
  background: url(/common/img/sprite_product.gif) -235px 0;
  height: 15px;
  width: 16px;
  display: block;
  overflow: hidden;
  text-indent: -10000px;
}
.itemDetailBody .detail .itemTitleBody .keep .keepListBox {
  position: absolute;
  left: 0;
  top: 17px;
  width: 310px;
  border: 2px solid #323232;
  background: #FFF;
  z-index: 1000;
}
.itemDetailBody .detail .itemTitleBody .keep .keepListBox .keepListTitle {
  background: #323232 url(/common/img/sprite_product.gif) no-repeat center -486px;
  text-indent: -10000px;
  width: 100%;
  height: 31px;
}
.itemDetailBody .detail .itemTitleBody .keep .keepListBox .inner {
  padding: 10px 15px
}
.itemDetailBody .detail .itemTitleBody .keep .keepListBox ul.keepList li {
  background: url(/common/img/sprite_common.gif) no-repeat -195px -95px;
  padding-left: 10px;
  color: #555;
}
.itemDetailBody .detail .price {
  display: none;/*
margin-bottom:8px;
*/
}
.itemDetailBody .detail .price .line {
  color: #999;
  margin: 0 5px;
}
.itemDetailBody .detail .about {
  margin-bottom: 10px
}
.itemDetailBody .detail ul.tag {
  display: block;
  /*
float:left;
*/
  padding: 7px 0;
  margin-bottom: 10px;
}
.itemDetailBody .detail ul.tag li {
  display: inline;
  padding: 0 5px 0 0;
  line-height: 1.2;
}
.itemDetailBody .detail ul.tag li a, .itemDetailBody .detail ul.tag li a:hover {
  padding: 2px;
  cursor: default;
  color: #333;
  border: 1px solid #DFDFDF;
  background-color: #E2ECFF;
}
.itemDetailBody .detail ul.tag li.first {
  border: none!important
}
.detail .wysiwyg_area {
  clear: both;
  line-height: 1.4;
}
.itemDetailBody .detail .features {
  padding-top: 15px
}
.itemDetailBody .detail .features .featuresTitle {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -442px;
  text-indent: -10000px;
  height: 14px;
  width: 71px;
  margin-bottom: 5px;
}
.itemDetailBody .detail .attention {
  padding-top: 15px
}
.itemDetailBody .detail .attention .attentionTitle {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -461px;
  text-indent: -10000px;
  height: 15px;
  width: 57px;
  margin-bottom: 5px;
}
.itemDetailBody .detail .noteArea {
  width: 545px;
  margin-top: 10px;
  padding: 5px 10px;
  color: red;
  background-color: #ffe1e1;
}
.itemDetailBody .detail .noteArea a {
  font-weight: bold;
  text-decoration: underline;
}
.pageNav {
  margin: 0 15px 15px
}
.pageNav dl.count {
  float: left;
  color: #5a5a5a;
}
.pageNav dl.count dt, .pageNav dl.count dd {
  float: left
}
.pageNav dl.count dt {
  margin-top: 6px
}
.pageNav dl.count dd .num strong {
  color: #333;
  font-size: 18px;
}
.pageNav .pagerArea {
  float: right
}
.pageNav .pager {
  float: left;
  width: 82px;
}
.pageNav .pager .left, .pageNav .pager .right {
  float: left
}
.pageNav .pager .left a {
  height: 26px;
  width: 41px;
  background: url(/common/img/sprite_spec.gif) no-repeat -111px 0;
  text-indent: -10000px;
  display: block;
  overflow: hidden;
}
.pageNav .pager .left a:hover {
  background: url(/common/img/sprite_spec.gif) no-repeat -111px -26px
}
.pageNav .pager .left span {
  height: 26px;
  width: 41px;
  background: url(/common/img/arrow_disabled.gif) no-repeat left 0 !important;
  text-indent: -10000px;
  display: block;
  overflow: hidden;
}
.pageNav .pager .right a {
  height: 26px;
  width: 41px;
  background: url(/common/img/sprite_spec.gif) no-repeat -152px 0;
  text-indent: -10000px;
  display: block;
  overflow: hidden;
}
.pageNav .pager .right a:hover {
  background: url(/common/img/sprite_spec.gif) no-repeat -152px -26px
}
.pageNav .pager .right span {
  height: 26px;
  width: 41px !important;
  border-right: 0 !important;
  background: url(/common/img/arrow_disabled.gif) no-repeat right 0 !important;
  text-indent: -10000px;
  display: block;
  overflow: hidden;
}
.pageNav .pageNum .current .input {
  border: 1px solid #CCC;
  width: 35px;
  font-weight: bold;
  color: #000;
  text-align: right;
  padding: 0 3px;
  line-height: 20px;
  height: 20px;
}
.pageNav .pageNum .total {
  margin-left: 5px
}
.pageNav .selectPage {
  float: left;
  position: relative;
  height: 30px;
  width: 25px;
}
.pageNav .selectPage .toggle {
  background: url(/common/img/sprite_spec.gif) no-repeat -200px 5px;
  height: 26px;
  width: 15px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
.pageNav .selectPage .pagelist {
  position: absolute;
  top: 26px;
  left: -80px;
  width: 100px;
  z-index: 1000;
}
.pageNav .showItem {
  float: right;
  margin-top: 5px;
}
.pageNav .showItem select {
  margin-left: 5px
}
.pgrSettingsBtn {
  float: left;
  width: 44px;
  height: 28px;
  position: relative;
  z-index: 1;
}
.pgrSettingsBtn .btn {
  margin-left: 10px
}
.pgrSettingsBtn .btn a {
  width: 34px;
  cursor: pointer;
  text-indent: -10000px;
  display: block;
  background: url(/common/img/sprite_spec.gif) no-repeat 0 -686px;
  height: 26px;
}
.pgrSettingsBtn .btn a.on {
  background: url(/common/img/sprite_spec.gif) no-repeat -34px -686px;
  height: 28px;
}
.pgrSettingsBtn .pgrSettingsArea {
  color: #464646;
  position: absolute;
  right: 0;
  top: 28px;
  width: 300px;
  border: 1px solid #969696;
  background: #fff;
  z-index: 1;
  padding: 0 0 6px;
}
.pgrSettingsBtn .pgrSettingsArea .head {
  background: #e5e5e5;
  padding: 6px 15px;
  font-weight: bold;
  margin: 0 0 12px;
}
.pgrSettingsBtn .pgrSettingsArea .property {
  clear: left;
  width: 300px;
  height: 26px;
  margin: 0 0 6px;
}
.pgrSettingsBtn .pgrSettingsArea .property .name {
  float: left;
  padding: 3px 6px 3px 15px;
  font-weight: bold;
}
.pgrSettingsBtn .pgrSettingsArea .property ul {
  float: left;
  /* temp */
  margin: 0;/* temp */
}
.pgrSettingsBtn .pgrSettingsArea .property ul li {
  background: url(/common/img/sprite_spec.gif) no-repeat 0 -719px;
  float: left;
  display: block;
  white-space: nowrap;
  padding: 0 10px;
}
.pgrSettingsBtn .pgrSettingsArea .property ul li.first {
  background: none
}
.pgrSettingsBtn .pgrSettingsArea .property ul li a {
  padding: 3px 6px;
  display: block;
}
.pgrSettingsBtn .pgrSettingsArea .property ul li .on {
  background: #d9e4f3
}
.pgrSettingsBtn .pgrSettingsArea .property ul.tabDisplay li {
  background: none;
  padding: 0 0 0 10px;
}
.pgrSettingsBtn .pgrSettingsArea .property ul.tabDisplay li a {
  background: url(/common/img/sprite_spec.gif) no-repeat;
  padding: 3px 6px 3px 23px;
}
.pgrSettingsBtn .pgrSettingsArea .property ul.tabDisplay li a.on {
  background-color: #d9e4f3
}
.pgrSettingsBtn .pgrSettingsArea .property ul.tabDisplay li.list a {
  background-position: 7px -751px
}
.pgrSettingsBtn .pgrSettingsArea .property ul.tabDisplay li.list a.on {
  background-position: 7px -781px
}
.pgrSettingsBtn .pgrSettingsArea .property ul.tabDisplay li.photo a {
  background-position: -56px -751px
}
.pgrSettingsBtn .pgrSettingsArea .property ul.tabDisplay li.photo a.on {
  background-position: -56px -781px
}
.pgrSettingsBtn .pgrSettingsArea .property ul.tabDisplay li.detail a {
  background-position: -118px -751px
}
.pgrSettingsBtn .pgrSettingsArea .property ul.tabDisplay li.detail a.on {
  background-position: -118px -781px
}
.container {
  background: url(/common/img/bg_side1.jpg) repeat-y left top;
  position: relative;
  margin-bottom: 30px;
}
.main {
  margin: 0 0 0 auto;
  min-height: 750px;
*height:auto;
  float: right;
}
.page1 .listedItemBody .main, .page2 .listedItemBody .main, .listedItemBody .main>div {
  overflow: visible !important
}
.page1 .listedItemBody {
*width:650px;
*float:right;
*overflow:visible;
}
.page2 .listedItemBody {
*width:900px;
*float:right;
*overflow:visible;
}
.listedItemBody .main {
*float:left;
*z-index:1;
}
.listedItemBody .main .wysiwyg_area {
*overflow:visible;
  clear: both;
}
.listedItemBody .main .wysiwyg_area table, .listedItemBody .main .wysiwyg_area img {
  position: relative
}
.main .pageNav {
  margin: 0 0 15px
}
.main .pageNav .propertyItem {
  float: left;
  margin-left: 10px;
}
.main .pageNav .propertyItem select {
  font-size: 12px;
}
.page1 .main #Tab_figure_contents {
  overflow: auto
}
.main h3.ttlOutline {
  margin-bottom: 25px;
  padding: 5px 0 5px 10px;
  color: #333333;
  font-size: 100%;
  font-weight: bold;
  background-color: #EEE;
  border-top: 1px solid #DFDFDF;
}
.main .specTable {
  clear: both;
  margin-bottom: 15px;
*zoom:1;
}
.main .specTable .even {
  background: #f3f3f3
}
.main .specTable th {
  background: #e8e8e8;
  text-align: center;
  padding: 10px 0;
}
.main .specTable th.model {
  font-weight: bold
}
.main .specTable td {
  text-align: center;
  border-bottom: 1px solid #d6d6d6;
  padding: 5px;
  border-left: 1px solid #e7e7e7;
}
.main .specTable td.model {
  font-weight: bold;
  text-align: left;
  padding: 5px 10px;
  border-left-style: none;
  width: 190px;
  overflow: hidden;
}
.main .specTable td.model .title {
  width: 190px;
  overflow: hidden;
}
.main .specTable td.model .title, .main .specTable td.model .title a, .main .specTable td.model .title span {
*zoom:1;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */
  word-wrap: break-word; /* IE 5.5+ */
}
.main .catalogViewer .VN_catalogPager {
  position: relative
}
.main .catalogViewer .VN_catalogPager .left, .main .catalogViewer .VN_catalogPager .right {
  position: absolute;
  visibility: hidden;
}
.side {
  float: left;
  width: 276px;
*width:259px;
}
.side .sideScrollArea {
  outline: none;
  overflow: hidden;
  width: 259px;
}
.side .sideScrollArea.hover, .side.areaFixed .sideScrollArea {
  overflow: auto
}
.side .sideScrollArea .selectorContentsWrapper {
  width: 259px;
  padding: 65px 0 0;
  border-bottom: 1px solid #bbb;
}
.side .sideScrollArea .optionsArea {
  background-color: #ddd
}
.side .cartArea {
  position: absolute;
  left: 300px;
  background: #fff;
  top: 0;
  z-index: 2;
}
.listedItemBody .cartArea {
  position: absolute;
  background: #fff;
  left: 300px;
  top: 0;
*z-index:2;
  /* ie6 force wide */
  _width: 900px !important;
}
body.page1 .side .cartArea, body.page2 .side .cartArea, body.page2 .listedItemBody .cartArea {
  width: 900px;
*zoom:1.0;
}
body.page1 .listedItemBody .cartArea {
  width: 650px;
*zoom:1.0;
}
.cartArea .resultNum {
  position: relative;
  padding: 5px 5px 5px 10px;
  background: #e4e4e4;
  clear: both;
  z-index: 1;
}
.page2 .cartArea .resultNum {/* ie6 force wide */
  _width: 885px;
  _margin-right: 1px;
*zoom:1.0;
}
.page2 .cartArea ul.tabNav {/* ie6 force wide */
  _width: 900px;
  _margin-right: 1px;
*zoom:1.0;
}
.page1 .cartArea .resultNum {/* ie6 force wide */
  _width: 635px;
  _margin-right: 0;
*zoom:1.0;
}
.page1 .cartArea ul.tabNav {/* ie6 force wide */
  _width: 650px;
  _margin-right: 0;
*zoom:1.0;
}
.page1 .cartArea .resultNum .model, .page2 .cartArea .resultNum .model {
  float: left;
  margin: 6px 5px 6px 0;
  color: #000;
  font-weight: bold;
}
.page1 .cartArea .resultNum .model {
  width: 341px
}
.page2 .cartArea .resultNum .model {
  width: 591px
}
.unlistedItemBody {
  position: relative;
*z-index:1;
}
.unlistedItemBody .main {
  min-height: 0;
*z-index:0;
}
.page1 .unlistedItemBody .main, .page1 .unlistedItemBody .cartArea {
  width: 950px
}
.page2 .unlistedItemBody .main, .page2 .unlistedItemBody .cartArea {
  width: 1200px
}
.unlistedItemBody .cartArea {
  position: absolute;
*z-index:1;
}
.page1 .unlistedItemBody .cartArea .resultNum .model {
  width: 670px
}
.page2 .unlistedItemBody .cartArea .resultNum .model {
  width: 920px
}
.cartArea .resultNum .model .modelHeading {
  margin: 0 10px 0 0
}
.page1 .cartArea .resultNum .model .modelHeading, .page2 .cartArea .resultNum .model .modelHeading {
  float: left
}
.cartArea .resultNum .model #ProductCode, .side .selectArea dl dd .confirmed {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */
  word-wrap: break-word; /* IE 5.5+ */
}
.page1 .cartArea .resultNum .model #ProductCode {
  float: left;
  width: 305px;
}
.page2 .cartArea .resultNum .model #ProductCode {
  float: left;
  width: 555px;
}
.cartArea .resultNum .model span {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
}
.cartArea .resultNum .model .nofix {
  color: #FFF;
  background: red;
}
.cartArea .resultNum .count {
  position: absolute;
  left: 45px;
  margin: 4px 10px 2px 0;
  line-height: 1.0;
  white-space: nowrap;
}
.cartArea .resultNum .count strong {
  color: red;
  font-size: 18px;
}
.cartArea .resultNum .count span {
  font-size: 125%;
  line-height: 1.2;
  color: red;
  font-weight: bold;
}
.cartArea .resultNum .count span.link {
  margin-left: 10px;
  padding-left: 8px;
  border-left: 1px solid #CCC;
  line-height: 1.1;
  font-size: 100%!important;
  font-weight: normal!important;
}
.cartArea .resultNum .rightArea {
  float: right;
  width: auto;/*
width:180px;
*/
}
/*-- helpBtn delete --*/
.cartArea .resultNum .helpBtn, .cartArea .resultNum .helpBtn a {
  display: none
}
/*-- helpBtn delete --*/
.cartArea .resultNum .cadDlBtn a {
  float: right;
  display: block;
  width: 152px;
  height: 32px;
  text-indent: -9999px;
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1341px;
}
.cartArea .resultNum .cadDlBtn span.cadLink {
  float: right;
  display: block;
  width: 152px;
  height: 32px;
  text-indent: -9999px;
  background: url(/common/img/sprite_product.gif) no-repeat 0 -2084px;
}
.cartArea .resultNum .cadDlBtn a.on {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1383px
}
.cartArea .resultNum .cadDlBtn a.disable {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -2050px
}
.cartArea .resultNum .cadDlPop {
  position: absolute;
  top: 37px;
  right: 6px;
  display: block;
  width: 600px;
  height: 380px;
  padding: 0 20px;
  border: 2px solid #969696;
  background-color: #fff;
  overflow: auto;
  z-index: 20000!important;
}
.page2 .cartArea .resultNum .cadDlPop {
  width: 680px
}
.cartArea .resultNum .cadDlPop .no-cad {
  width: 360px;
  margin: 30px auto 0;
  padding: 12px 40px;
  text-align: center;
  background-color: #f0f0f0;
}
.cartArea .resultNum .cadDlPop .cad_login {
  width: 300px;
  margin: 30px auto 0;
  padding: 12px 40px;
  text-align: center;
  background-color: #f0f0f0;
}
.cartArea .resultNum #codeFix_resultNum {
  float: right
}
.cartArea .resultNum .keep {
  float: left;
  /*
position:relative;
*/
  margin: 1px 0;
  padding: 0 5px 0 1px;
  line-height: 1.1;
  z-index: 2;
}
.cartArea .resultNum .keep .selectKeepBox {
  position: absolute;
  left: -50px;
  top: 20px;
  width: 300px;
  border: 2px solid #323232;
  background: #FFF;
  z-index: 1000;
}
.cartArea .resultNum .keep .keepBox {
  position: absolute;
  top: 40px;
  right: 0 !important;
  left: auto !important;
  width: 300px;
  border: 2px solid #323232;
  background: #FFF;
  z-index: 1000;
}
.cartArea .resultNum .keep #partsAddBox {
}
.cartArea .resultNum .keep .selectKeepBox .keepTitle {
  background: #323232 url(/common/img/sprite_product.gif) no-repeat center -1292px;
  text-indent: -10000px;
  width: 100%;
  height: 40px;
}
.cartArea .resultNum .keep .keepLink {
  display: block;
  width: 30px;
  height: 29px;
}
.cartArea .resultNum .keep .keepLink a {
  display: block;
  width: 30px;
  height: 29px;
  text-indent: -9999px;
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1425px;
}
.cartArea .resultNum .keep .keepLink span {
  filter: alpha(opacity=30);
  -moz-opacity: 0.30;
  opacity: 0.30;
  display: block;
  width: 30px;
  height: 29px;
  text-indent: -9999px;
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1425px;
}
.cartArea .resultNum .keep .selectKeepBox .similarBody {
  width: 275px;
  height: 150px;
  margin: 15px auto;
  overflow: auto;
  border: 1px solid #f0f0f0;
}
.cartArea .resultNum .keep .selectKeepBox .similarBody .folderlist {
  width: 248px;
  padding: 5px 0 5px 10px;
}
.cartArea .resultNum .keep .selectKeepBox .similarBody .folderlist li {
  padding: 3px 0
}
.cartArea .resultNum .keep .selectKeepBox .similarBody .folder01 a, .cartArea .resultNum .keep .selectKeepBox .similarBody .folder02 a, .cartArea .resultNum .keep .selectKeepBox .similarBody .folder01 a:hover, .cartArea .resultNum .keep .selectKeepBox .similarBody .folder02 a:hover {
  display: block;
  width: 100%;
}
.cartArea .resultNum .keep .selectKeepBox .similarBody .selected, .cartArea .resultNum .keep .selectKeepBox .similarBody a:hover {
  background-color: #f3f3f3
}
.cartArea .resultNum .keep .similarBody .folderRadio {
  margin-right: 4px;
  vertical-align: middle;
}
.cartArea .resultNum .keep .similarBody a .folderIcon {
  display: inline-block;
  width: 30px;
  height: 20px;
  margin-right: 5px;
  line-height: 1;
  vertical-align: middle;
  background: url(/common/img/sprite_icon_mp.gif) no-repeat 0 -50px;
}
.cartArea .resultNum .keep .similarBody .folder01_01 li a, .cartArea .resultNum .keep .similarBody .folder02_01 li a {
  padding-left: 35px
}
.cartArea .resultNum .keep .similarBody .folder01_02 li a, .cartArea .resultNum .keep .similarBody .folder02_02 li a {
  padding-left: 70px
}
.cartArea .resultNum .keep .keepBox .keepTitle {
  background: #323232 url(/common/img/sprite_product.gif) no-repeat center -651px;
  text-indent: -10000px;
  width: 100%;
  height: 40px;
}
.cartArea .resultNum .keep .selectKeepBox .inner, .cartArea .resultNum .keep .keepBox .inner {
  padding: 10px 0;
  text-align: center;
}
.cartArea .resultNum .keep .selectKeepBox .inner ul.btnlist {
  height: 24px;
  text-align: center;
  margin: 0 auto;
  width: 139px;
}
.cartArea .resultNum .keep .keepBox .inner ul.btnlist {
  height: 24px;
  text-align: center;
  margin: 0 auto;
  width: 222px;
}
.cartArea .resultNum .keep .selectKeepBox .inner ul.btnlist li {
  float: left
}
.cartArea .resultNum .keep .keepBox .inner ul.btnlist li.showBtn {
  float: left
}
.cartArea .resultNum .keep .keepBox .inner ul.btnlist li.closeBtn {
  float: right
}
.cartArea .resultNum .keep .selectKeepBox .inner ul.btnlist li a, .cartArea .resultNum .keep .keepBox .inner ul.btnlist li a {
  display: block;
  overflow: hidden;
  text-indent: -10000px;
  background: url(/common/img/mypage/sprite_floating.png) no-repeat 0 -1350px;
}
.cartArea .resultNum .keep .selectKeepBox .inner ul.btnlist li.closeBtn a, .cartArea .resultNum .keep .keepBox .inner ul.btnlist li.closeBtn a {
  height: 26px;
  width: 60px;
  background: url(/common/img/mypage/sprite_floating.png) no-repeat 0 -400px;
}
.cartArea .resultNum .keep .selectKeepBox .inner ul.btnlist li.memoAddBtn a, .cartArea .resultNum .keep .keepBox .inner ul.btnlist li.memoAddBtn a {
  background-position: 0 -856px;
  height: 24px;
  width: 107px;
}
.cartArea .resultNum .keep .keepBox .inner ul.btnlist li.memoKeepBtn a {
  background-position: 0 -880px;
  height: 24px;
  width: 104px;
}
.cartArea .resultNum .keep .selectKeepBox .inner ul.btnlist li.addBtn a {
  background-position: 0 -952px;
  height: 24px;
  width: 74px;
}
.cartArea .resultNum .keep .keepBox .inner ul.btnlist li.showBtn a {
  height: 26px;
  width: 118px;
}
.cartArea .resultNum .keep .keepBox .inner .memoArea {
  margin: 0 auto 12px;
  width: 230px;
  text-align: left;
}
.cartArea .resultNum .keep .keepBox .inner .memoArea .txt {
  height: 60px;
  width: 230px;
  border: 1px solid #CCC;
}
.cartArea .resultNum .keep .keepBox .inner ul.memo {
  width: 170px;
  padding-bottom: 5px;
}
.cartArea .resultNum .copy {
  float: left;
  padding: 0 5px 0 1px;
  margin: 1px 0;
  line-height: 1.1;
  z-index: 1;
}
.cartArea .resultNum .copy .copyLink {
  display: block;
  width: 30px;
  height: 29px;
  text-indent: -9999px;
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1459px;
}
.cartArea .resultNum .copy span.copyLink {
  filter: alpha(opacity=30);
  -moz-opacity: 0.30;
  opacity: 0.30;
  display: block;
  width: 30px;
  height: 29px;
  text-indent: -9999px;
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1459px;
}
/* 20120910 similar button hide */
.cartArea .resultNum .similar {/*display:none;*/
  float: left;
  padding: 0 10px 0 1px;
  margin: 1px 0;
  line-height: 1.1;
}
.cartArea .resultNum .similar .similarLink {
  display: block;
  width: 30px;
  height: 29px;
  text-indent: -9999px;
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1493px;
}
.cartArea .resultNum .similar span.similarLink {
  filter: alpha(opacity=30);
  -moz-opacity: 0.30;
  opacity: 0.30;
  display: block;
  width: 30px;
  height: 29px;
  text-indent: -9999px;
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1493px;
}
.cartArea .resultNum .modelRemarks {
  clear: both;
  padding: 0;
}
.cartArea .resultNum .modelRemarks .attention {
  color: red;
  line-height: 1.4;
  margin: 5px 0 3px;
}
.cartArea .resultNum #CheckMessage .attention {
  background: url(/common/img/sprite_product.gif) no-repeat -286px -832px;
  padding-left: 20px;
}
.cartArea .resultNum .modelRemarks .wosCheckListHead {
  color: red;
  padding: 5px 0 0;
  margin-right: 10px;
}
.cartArea .resultNum .modelRemarks .wosCheckListHead a {
  display: block;
  cursor: pointer;
  color: red;
  padding: 0 10px 0 15px;
}
.cartArea .resultNum .modelRemarks .wosCheckListHead .off {
  background: url(/common/img/sprite_common.gif) no-repeat scroll -189px -237px transparent
}
.cartArea .resultNum .modelRemarks .wosCheckListHead .on {
  background: url(/common/img/sprite_common.gif) no-repeat scroll -189px -199px transparent
}
.cartArea .resultNum .modelRemarks .wosCheckListBody {
  padding: 0 0 5px 15px;
  border-bottom: 1px solid #ccc;
  color: red;
  margin-right: 10px;
}
.cartArea .resultNum .modelRemarks .spec {
  color: #4d4d4d
}
.cartArea .resultNum .modelRemarks .spec th {
  font-weight: bold;
  text-align: left;
  padding-right: 10px;
}
.cartArea .resultNum .modelRemarks #DefaultValues {
  margin: 5px 0 3px
}
.cartArea .resultNum .modelRemarks .add_option {
  margin: 0 0 3px
}
.cartArea .resultNum .modelRemarks .add_option a {
  height: 32px;
  width: 129px;
  display: block;
  background: url(/common/img/sprite_product.gif) no-repeat -160px -590px;
  text-indent: -10000px;
  overflow: hidden;
}
.cartArea .resultNum .modelRemarks .add_option a img {
  height: 32px;
  width: 129px;
}
.cartArea .priceBody {
  position: static;
  clear: both;
  padding: 0 0 10px;
  background: #ececec url(/common/img/line4.gif) repeat-x bottom;
  line-height: 1.0;
  color: #666;
}
.cartArea .unitInfo {
  color: #7c7c7c
}
.cartArea .unitInfo .unitPrice {
  padding-right: 10px;
  float: left;
}
.cartArea .unitInfo .unitPrice dt, .cartArea .unitInfo .unitPrice dd {
  float: left;
  padding: 2px 0 0;
}
.cartArea .unitInfo .unitPrice dt {
  margin-right: 8px
}
.cartArea .unitInfo .shippingDate {
  float: left;
  border-left: 1px solid #ccc;
  padding-left: 10px;
}
.cartArea .unitInfo .shippingDate dt, .cartArea .unitInfo .shippingDate dd {
  float: left;
  padding: 2px 0 0;
}
.cartArea .unitInfo .shippingDate dt {
  margin-right: 8px
}
.cartArea .unitInfo .shippingDate dd {
}
.cartArea .priceBody .priceDetailBox {
  background: none !important;
  margin-top: 0 !important;
  padding: 10px 20px 0 !important;
}
.cartArea .priceBody .priceDetailBox .box {
  color: #777 !important;
  background: #fff;
  padding: 7px 10px;
}
.cartArea .priceBody .priceDetailBox .box .title {
  border-bottom: none !important;
  margin: 1px 5px 3px 0 !important;
  padding: 0 !important;
  float: left;
}
.cartArea .priceBody .priceDetailBox .box .about {
  position: static !important;
  float: left;
}
.cartArea .priceBody .priceDetailBox .box .priceTable {
  clear: both;
  border-top: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  margin: 5px 0;
}
.cartArea .priceBody .priceDetailBox .box .priceTable th, .cartArea .priceBody .priceDetailBox .box .priceTable td {
  border-bottom: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  padding: 5px 6px 2px;
  font-size: 90%;
  text-align: left;
  line-height: 1.0;
  text-align: center;
}
.cartArea .priceBody .priceDetailBox .box .priceTable th {
  background: #e4e4e4
}
.page1 .cartArea .cartBody .order {
  width: 630px
}
.page2 .cartArea .cartBody .order {
  width: 880px
}
.page1 .unlistedItemBody .cartArea .cartBody .order {
  width: 930px
}
.page2 .unlistedItemBody .cartArea .cartBody .order {
  width: 1180px
}
.cartArea .cartBody .order tr th, .cartArea .cartBody .order tr td {
  vertical-align: top;
  text-align: left;
  padding: 10px 0 8px;
  background: url(/common/img/line3.gif) repeat-x bottom;
}
.cartArea .cartBody .order tr th {
  width: 100px;
  padding-left: 5px;
}
.cartArea .cartBody .order tr td {
  padding-right: 5px;
  color: #999;
}
.cartArea .cartBody .order tr th .unit1 {
  color: #999
}
.cartArea .cartBody .order tr th .linefeed {
  margin-bottom: 18px
}
.cartArea .cartBody .order tr td .input {
  width: 50px;
  float: left;
  margin: 3px 5px 0 0;
  text-align: right;
  padding: 0 3px;
}
.cartArea .cartBody .order tr td .packArea {
  float: left;
  margin: 4px 5px 0 0;
  color: #000;
}
.cartArea .cartBody .order tr td .priceCheckBtn {
  float: left
}
.cartArea .cartBody .order tr td .priceCheckBtn a {
  background: url(/common/img/sprite_product.gif) no-repeat -160px -533px;
  display: block;
  height: 23px;
  width: 90px;
  text-indent: -10000px;
  overflow: hidden;
}
.cartArea .cartBody .order tr td .priceCheckBtn span {
  background: url(/common/img/sprite_product.gif) no-repeat -160px -1587px;
  display: block;
  height: 26px;
  width: 139px;
  text-indent: -10000px;
  overflow: hidden;
}
.cartArea .cartBody .order tr td .modelRemarks {
  clear: both;
  padding: 0;
}
.cartArea .cartBody .order tr td .modelRemarks .attention {
  color: red;
  background: url(/common/img/sprite_product.gif) no-repeat -286px -824px;
  line-height: 1.4;
  margin: 0;
  padding: 8px 0 0 20px;
}
.cartArea .cartBody .order tr td .unit1 .fixed {
  font-size: 125%;
  line-height: 1.2;
  text-decoration: line-through;
}
.cartArea .cartBody .order tr td .unit2 .fixed .price {
  font-size: 125%;
  font-weight: bold;
  color: #e50000;
  line-height: 1.2;
}
.cartArea .cartBody .order tr td .unit2 .fixed .discount {
  color: #e50000
}
.cartArea .cartBody .order tr td .unit2 .fixed .note {
  color: #333
}
.cartArea .cartBody .order tr td .total .fixed {
  font-size: 125%;
  font-weight: bold;
  color: #000;
  line-height: 1.2;
}
.cartArea .cartBody .order tr td.shipdate .fixed {
  font-weight: bold;
  color: #333;
}
.cartArea .cartBody .order tr td .message {
  color: #888;
  padding-left: 10px;
}
.cartArea .cartBody .order tr td .message .estimate-button a, .cartArea .cartBody .order tr td .message .wos-button a {
  height: 23px;
  width: 114px;
  display: block;
  text-indent: -10000px;
  overflow: hidden;
}
.cartArea .cartBody .order tr td .message .estimate-button a {
  background: url(/common/img/sprite_product.gif) no-repeat -160px -559px
}
.cartArea .cartBody .order tr td .message .wos-button a {
  background: url(/common/img/sprite_product.gif) no-repeat -160px -1341px
}
.cartArea .cartBody .orderbox {
  background: url(/common/img/line3.gif) repeat-x bottom;
  padding: 10px 5px 8px;
  clear: both;
}
#priceMessage {
  color: #333;
}
#priceMessage .note1 {
  margin-bottom: 12px;
}
.cartArea .cartBody .orderbox dl {
  clear: both;
  padding: 2px 0;
}
.cartArea .cartBody .orderbox dl dt {
  float: left
}
.cartArea .cartBody .orderbox dl dd {
  margin-left: 100px;
  color: #999;
}
.cartArea .cartBody .orderbox dl dd .input {
  width: 50px;
  float: left;
  margin: 3px 5px 0 0;
  text-align: right;
  padding: 0 3px;
}
.cartArea .cartBody .orderbox dl dd .priceCheckBtn a {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -533px;
  display: block;
  height: 26px;
  width: 139px;
  text-indent: -10000px;
  overflow: hidden;
}
/* OFF */
.cartArea .cartBody .orderbox dl dd .priceCheckBtn span {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1587px;
  display: block;
  height: 26px;
  width: 139px;
  text-indent: -10000px;
  overflow: hidden;
}
.cartArea .cartBody .orderbox dl.unit1 {
  color: #888
}
.cartArea .cartBody .orderbox dl.unit1 dd.fixed {
  font-size: 125%;
  line-height: 1.2;
  text-decoration: line-through;
}
.cartArea .cartBody .orderbox dl.unit2 dd.fixed .price {
  font-size: 125%;
  font-weight: bold;
  color: #e50000;
  line-height: 1.2;
}
.cartArea .cartBody .orderbox dl.unit2 dd.fixed .discount {
  color: #e50000
}
.cartArea .cartBody .orderbox dl.unit2 dd.fixed .note {
  color: #333
}
.cartArea .cartBody .orderbox dl.total dd.fixed {
  font-size: 125%;
  font-weight: bold;
  color: #000;
  line-height: 1.2;
}
.cartArea .cartBody .orderbox dl.shipdate dd.fixed {
  font-weight: bold;
  color: #333;
}
.cartArea .cartBody .confirmTxt {
  margin: 6px 3px 0 0;
  padding-left: 5px;
  text-align: left;
}
.cartArea .cartBody ul.btnList {
  margin-top: 5px;
  height: 31px;
  position: relative;
  float: right;
}
.cartArea .cartBody ul.btnList li {
  float: left;
  margin-right: 2px;
}
.cartArea .cartBody ul.btnList .orderBtn a {
  margin-right: 5px
}
.cartArea .cartBody ul.btnList li a {
  text-indent: -10000px;
  display: block;
  overflow: hidden;
}
.cartArea .cartBody ul.btnList li.orderBtn {
}
.cartArea .cartBody ul.btnList li.orderBtn a {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -559px;
  height: 31px;
  width: 150px;
}
.cartArea .cartBody ul.btnList li.addCartBtn a {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -590px;
  height: 31px;
  width: 150px;
}
/* OFF */
.cartArea .cartBody ul.btnList li.orderBtn span, .cartArea .cartBody ul.btnList li.addCartBtn span {
  display: block;
  text-indent: -9999px;
  height: 31px;
  width: 150px;
}
.cartArea .cartBody ul.btnList li.orderBtn span {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1622px
}
.cartArea .cartBody ul.btnList li.addCartBtn span {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1663px
}
.cartArea .cartBody .cartAddBox {
  position: absolute;
  width: 350px;
  border: 2px solid #323232;
  background: #FFF;
  z-index: 1000;
  left: 200px;
  bottom: 0;
}
.cartArea .cartBody .cartAddBox .cartAddTitle {
  background: #323232 url(/common/img/sprite_product.gif) no-repeat center -691px;
  text-indent: -10000px;
  width: 100%;
  height: 40px;
}
.cartArea .cartBody .cartAddBox .inner {
  padding: 10px 0;
  text-align: center;
}
.cartArea .cartBody .cartAddBox .inner table.item {
  margin: 0 auto 15px;
  width: 300px;
}
.cartArea .cartBody .cartAddBox .inner table.item th {
  font-size: 90%;
  color: #999;
  border-bottom: 1px solid #CCC;
}
.cartArea .cartBody .cartAddBox .inner table.item td {
  padding: 3px 0
}
.cartArea .cartBody .cartAddBox .inner table.item td.model {
  font-weight: bold;
  color: #000;
  text-align: left;
}
.cartArea .cartBody .cartAddBox .inner table.item .amount {
  text-align: right
}
.cartArea .cartBody .cartAddBox .inner ul.btnlist {
  height: 26px;
  text-align: center;
  margin: 0 auto;
  width: 180px;
}
.cartArea .cartBody .cartAddBox .inner ul.btnlist li.checkCartBtn {
  float: left
}
.cartArea .cartBody .cartAddBox .inner ul.btnlist li.closeBtn {
  float: right
}
.cartArea .cartBody .cartAddBox .inner ul.btnlist li a {
  text-indent: -10000px;
  display: block;
  overflow: hidden;
}
.cartArea .cartBody .cartAddBox .inner ul.btnlist li.closeBtn a, .cartArea .cartBody .cartAddBox .inner ul.btnlist li.checkCartBtn a {
  height: 26px;
  background: url(/common/img/mypage/sprite_floating.png) no-repeat
}
.cartArea .cartBody .cartAddBox .inner ul.btnlist li.closeBtn a {
  width: 61px;
  background-position: 0 -400px;
}
.cartArea .cartBody .cartAddBox .inner ul.btnlist li.checkCartBtn a {
  width: 98px;
  background-position: 0 -1500px;
}
.cartArea .priceBody .priceDetailBox {
  background: #e7e7e7;
  padding: 7px 10px;
  clear: both;
  float: none;
  margin-top: 5px;
}
.cartArea .cartBody .priceDetailBox {
  clear: both;
  float: none;
  padding: 8px 0 0;
}
.cartArea .cartBody .priceDetailBox .box {
  color: #868686;
  float: left;
  margin-right: 25px;
  position: relative;
  line-height: 1.2;
}
.cartArea .cartBody .priceDetailBox .box .price {
  float: left;
  margin: 0 20px 5px 0;
}
.cartArea .cartBody .priceDetailBox .box .price th {
  text-align: left;
  padding: 0 10px 0 0;
  width: auto;
  background: none;
}
.cartArea .cartBody .priceDetailBox .box .price td {
  padding: 0;
  background: none;
}
.cartArea .cartBody .priceDetailBox .box .priceTable {
  background: #fff;
  clear: both;
  border-top: 1px solid #888;
  border-right: 1px solid #888;
  margin: 0 0 7px;
}
.cartArea .cartBody .priceDetailBox .box .priceTable th, .cartArea .cartBody .priceDetailBox .box .priceTable td {
  border-bottom: 1px solid #888;
  border-left: 1px solid #888;
  background: none;
  padding: 4px 6px;
  font-size: 90%;
  text-align: center;
  line-height: 1.0;
  vertical-align: middle;
  color: #444;
}
.cartArea .cartBody .priceDetailBox .box .priceTable th {
  width: auto;
  background: #e4e4e4;
}
.cartArea .cartBody .priceDetailBox .box .quantityTable .quantity .title {
  display: block;
  float: left;
  margin-right: 4px;
*margin-top:2px;
  line-height: 16px;
}
.cartArea .cartBody .priceDetailBox .box .stokeTable .stoke .title {
  display: block;
  float: left;
  margin-right: 4px;
  line-height: 16px;
}
.cartArea .cartBody .priceDetailBox .box .priceTable th .about {
  float: left;
  position: relative;
  width: 14px;
  margin: 0;
}
.cartArea .cartBody .priceDetailBox .box .priceTable th .about a {
  display: block;
  background: url(/common/img/sprite_product.gif) no-repeat -235px -67px;
  height: 16px;
  width: 16px;
  text-indent: -10000px;
  position: absolute;
  top: -2px;
  left: 0;
*position:relative;
*top:0;
  overflow: hidden;
}
.cartArea .cartBody .modelRemarks .fragment_charge_remarks, .cartArea .cartBody .modelRemarks .fragment_charge_remarks2 {
  color: #868686;
  font-size: 90%;
  display: block;
  clear: both;
  float: left;
  line-height: 18px;
  margin-right: 4px;
*margin-top:2px;
*white-space:nowrap;
}
.cartArea .cartBody .modelRemarks .about {
  float: left;
  position: relative;
  width: 14px;
  margin: 0;
  display: block;
*display:inline;
*float:none;
}
.cartArea .cartBody .modelRemarks .about a {
  background: url(/common/img/sprite_product.gif) no-repeat -235px -67px;
  position: absolute;
  top: -2px;
  left: 0;
  height: 16px;
  width: 16px;
  display: block;
  overflow: hidden;
  text-indent: -1000px;
*display:block;
*position:static;
}
.cartArea .priceBody .priceDetailBox .box .priceTable {
  clear: both;
  border-top: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  margin: 5px 0;
}
.cartArea .priceBody .priceDetailBox .box .priceTable th, .cartArea .priceBody .priceDetailBox .box .priceTable td {
  border-bottom: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  padding: 5px 6px 2px;
  font-size: 90%;
  text-align: left;
  line-height: 1.0;
}
.cartArea .priceBody .priceDetailBox .box .priceTable th {
  background: #e4e4e4
}
.cartArea .cartBody {
  position: relative;
  clear: both;
  padding: 0 10px 15px;
  background: #f4f4f4 url(/common/img/line4.gif) repeat-x bottom;
}
.page1 .cartArea .cartBody {
  _width: 630px
}
.page2 .cartArea .cartBody {
  _width: 880px
}
.cartArea .priceBody .priceDetailBox .box .remarks, .cartArea .cartBody .priceDetailBox .box .remarks {
  font-size: 90%;
  clear: both;
  line-height: 18px;
}
.cartArea ul.tabNav {
  border-bottom: 1px solid #2d70c3;
  height: 20px;
  _height: 19px;
  clear: both;
  margin-top: 10px;
}
.page1 .side .cartArea ul.tabNav {
  width: 650px
}
.page2 .side .cartArea ul.tabNav {
  width: 900px
}
.side .cartArea ul.tabNav {
  margin-top: 3px
}
.cartArea ul.tabNav li {
  float: left;
  line-height: 22px;
  overflow: hidden;
  text-align: center;
}
.cartArea ul.tabNav li.customTab {
  _width: 85px;
  _line-height: 20px;
  max-width: 85px;
}
.cartArea ul.tabNav li a {
  display: block;
  height: 20px;
  _width: 70px;
  _line-height: 20px;
  color: #000;
  background: url(/common/img/sprite_product.gif) no-repeat right -170px;
  padding-right: 15px;
  cursor: pointer;
}
.cartArea ul.tabNav li a span {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -190px;
  padding-left: 15px;
  display: block;
  _width: 55px;
  _line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.cartArea ul.tabNav li.first a {
  background: url(/common/img/sprite_product.gif) no-repeat right -170px
}
.cartArea ul.tabNav li.first a span {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -150px
}
.cartArea ul.tabNav li a:hover, .cartArea ul.tabNav li a.ac {
  background: url(/common/img/sprite_product.gif) no-repeat right -230px;
  color: #FFF;
}
.cartArea ul.tabNav li a:hover span, .cartArea ul.tabNav li a.ac span {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -250px
}
.cartArea ul.tabNav li.first a:hover, .cartArea ul.tabNav li.first a.ac {
  background: url(/common/img/sprite_product.gif) no-repeat right -230px;
  color: #FFF;
}
.cartArea ul.tabNav li.first a:hover span, .cartArea ul.tabNav li.first a.ac span {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -210px
}
.unlistedItemBody .cartArea .resultNum .model .modelHeading {
  margin: 5px 8px 0 0
}
.page1 .unlistedItemBody .cartArea .resultNum .model .input {
  width: 620px;
  border: 1px solid #CCC;
  line-height: 24px;
  height: 24px;
  padding: 0 5px;
}
.page2 .unlistedItemBody .cartArea .resultNum .model .input {
  width: 870px;
  border: 1px solid #CCC;
  line-height: 24px;
  height: 24px;
  padding: 0 5px;
}
.unlistedItemBody .cartArea .resultNum {
  z-index: 1;
  margin-bottom: 5px;
}
.unlistedItemBody .cartArea .resultNum .keep, .unlistedItemBody .cartArea .resultNum .copy, .unlistedItemBody .cartArea .resultNum .similar {
  margin-top: 5px
}
.unlistedItemBody .cartArea .resultNum .rightArea {
  margin-top: 2px;
  width: auto;
}
.unlistedItemBody .cartArea .resultNum .guideIcon {
  float: right;
  margin-top: 4px;
}
.unlistedItemBody .cartArea .resultNum .guideIcon a {
  background: url(/common/img/sprite_product.gif) no-repeat -235px -67px;
  text-indent: -10000px;
  display: block;
  height: 16px;
  width: 16px;
  overflow: hidden;
}
.unlistedItemBody .cartArea .cartBody {
  margin-bottom: 20px
}
.unlistedItemBody .cartArea .aboutPrice {
  color: red;
  margin-bottom: 20px;
}
.unlistedItemBody .cartArea .aboutPdf {
  position: relative
}
.unlistedItemBody .cartArea .aboutPdf .txt {
  font-size: 90%;
  position: absolute;
  top: -25px;
  right: 120px;
}
.unlistedItemBody .cartArea .aboutPdf .icon {
  position: absolute;
  top: -40px;
  right: 0;
}
.unlistedItemBody .cartArea .aboutPdf .icon a {
  height: 33px;
  width: 112px;
  text-indent: -10000px;
  display: block;
  overflow: hidden;
  background: url(/common/img/sprite_common.gif) no-repeat 0 0;
}
.unlistedItemBody .cartArea .wygywigBody, .unlistedItemBody .cartArea .pdfBody {
  clear: both;
  margin-bottom: 50px;
}
.side .selectArea {
  position: relative;
  width: 276px;
}
.side .selectArea .head {
  position: relative;
  height: 38px;
  width: 259px;
}
.areaFixed .selectArea .head, .areaAbsolute .selectArea .head {
  position: absolute;
  top: 0;
  z-index: 1;
}
.side .selectArea .head .title {
  position: absolute;
  top: 0;
  left: 0;
  height: 38px;
  width: 259px;
  z-index: 0;
  text-indent: -10000px;
  background: url(/common/img/sprite_product.gif) no-repeat 0 -310px;
}
.side .selectArea .head .clear {
  position: absolute;
  top: 8px;
  right: 5px;
  z-index: 10;
}
.side .selectArea .head .clear a {
  display: block;
  height: 20px;
  width: 50px;
  text-indent: -10000px;
  overflow: hidden;
  background: url(/common/img/sprite_product.gif) no-repeat 0 0;
}
.side .selectArea .head .clear a:hover {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -20px
}
.side .selectArea .clear {
  float: right;
  z-index: 10;
}
.side .selectArea .clear a {
  background: url(/common/img/sprite_product.gif) no-repeat 0 0;
  height: 20px;
  width: 50px;
  display: block;
  text-indent: -10000px;
  overflow: hidden;
}
.side .selectArea .clear a:hover {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -20px
}
.side .selectArea .progressBody {
  border-bottom: 1px solid #D0D0D0;
  background: #ddd;
  padding-left: 10px;
  height: 26px;
  width: 249px;
}
.side .selectArea .progressBody .progress, .side .selectArea .progressBody .cartIcon {
  visibility: hidden
}
.areaFixed .selectArea .progressBody, .areaAbsolute .selectArea .progressBody {
  position: absolute;
  top: 38px;
  z-index: 1;
}
.side .selectArea .progressBody .progress {
  width: 200px;
  float: left;
}
.side .selectArea .progressBody .progress .progressGauge {
  position: absolute;
  margin: 7px 0 8px;
  height: 11px;
  background: #b8b8b8;
  z-index: 1;
}
.side .selectArea .progressBody .progress .progressGauge .present {
  width: 0;
  height: 11px;
  background: #2d70c3;
}
.side .selectArea .progressBody .progress .scale {
  display: none
}
.side .selectArea .progressBody .progress .scaleArea {
  position: relative;
  z-index: 2;
*zoom:1;
}
.side .selectArea .progressBody .progress .scaleArea .scale {
  background: url(/common/img/bg_progress_side.gif) no-repeat right center transparent;
  margin: 7px 0 8px;
  height: 11px;
  display: block;
  z-index: 1;
  float: left;
}
.side .selectArea .progressBody .progress .scaleArea .confirmed {
  background: url(/common/img/bg_progress_side.gif) no-repeat right center transparent
}
.side .selectArea .progressBody .cartIcon {
  float: left;
  margin: 4px 0 0 5px;
}
.side .selectArea .progressBody .cartIcon .icon {
  display: none !important;
  background: url(/common/img/sprite_product.gif) no-repeat -24px -44px;
  height: 16px;
  width: 27px;
}
.side .selectArea .progressBody .cartIcon .confirmed {
  display: none !important;
  background: url(/common/img/sprite_product.gif) no-repeat -24px -60px;
  height: 16px;
  width: 27px;
}
.side .selectArea #retry_spec {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #eee;
  position: absolute;
  top: 65px;
  left: 0;
  z-index: 2;
  width: 259px;
  background: #ddd;
  padding: 7px 0 !important;
  _position: static;
  _border-bottom: 1px solid #bbb;/*
display:none;
*/
}
.side .selectArea #retry_spec a {
  display: block;
  width: 147px;
  height: 26px;
  margin: 0 auto;
  text-indent: -9999px!important;
  background: url(/common/img/sprite_spec.gif) no-repeat 0 -821px;
}
.side .selectArea dl {
  clear: both;
  border-bottom: 1px solid #BBB;
  background: #ededed;
  border-top: 1px solid #FFF;
  position: relative;
  padding: 8px 5px 10px 10px;
*width:244px;
*overflow-x:hidden;
}
/* .side .selectArea dl.fixed.first */
.side .selectArea .searchContentsFixed {
  margin-top: 41px;
  _margin-top: 0;
}
.side .selectArea .searchContentsFixed dl.first {
  border-top: none
}
.side .selectArea dl.off dt {
  width: 200px
}
.side .selectArea dl.on dt {
  width: 90px
}
.side .selectArea dl .btnArea {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 19px;
}
.side .selectArea dl .btnArea .detailBtn, .side .selectArea dl .btnArea .illustBtn, .side .selectArea dl .btnArea .figureBtn, .side .selectArea dl .btnArea .largeBtn {
  float: left
}
.side .selectArea dl.on .btnArea .detailBtn, .side .selectArea dl.on .btnArea .illustBtn, .side .selectArea dl.on .btnArea .figureBtn, .side .selectArea dl.on .btnArea .largeBtn {
  display: none
}
.side .selectArea dl .btnArea .detailBtn a, .side .selectArea dl .btnArea .illustBtn a, .side .selectArea dl .btnArea .figureBtn a, .side .selectArea dl .btnArea .largeBtn a {
  display: block;
  height: 19px;
  width: 41px;
  text-indent: -10000px;
  overflow: hidden;
}
.side .selectArea dl .btnArea .detailBtn a {
  background: url(/common/img/sprite_spec.gif) no-repeat -50px 0
}
.side .selectArea dl.hover .btnArea .detailBtn a, .side .selectArea dl:hover .btnArea .detailBtn a {
  background: url(/common/img/sprite_spec.gif) no-repeat -50px -20px
}
.side .selectArea dl .btnArea .illustBtn a {
  background: url(/common/img/sprite_spec.gif) no-repeat 0 -40px
}
.side .selectArea dl.hover .btnArea .illustBtn a, .side .selectArea dl:hover .btnArea .illustBtn a {
  background: url(/common/img/sprite_spec.gif) no-repeat 0 -59px
}
.side .selectArea dl .btnArea .figureBtn a {
  background: url(/common/img/sprite_spec.gif) no-repeat 0 -78px
}
.side .selectArea dl.hover .btnArea .figureBtn a, .side .selectArea dl:hover .btnArea .figureBtn a {
  background: url(/common/img/sprite_spec.gif) no-repeat 0 -97px
}
.side .selectArea dl .btnArea .largeBtn a {
  background: url(/common/img/sprite_spec.gif) no-repeat 0 -116px
}
.side .selectArea dl.hover .btnArea .largeBtn a, .side .selectArea dl:hover .btnArea .largeBtn a {
  background: url(/common/img/sprite_spec.gif) no-repeat 0 -135px
}
.side .selectArea dl .btnArea .detailBtn a:hover, .side .selectArea dl .btnArea .detailBtn a:hover, .side .selectArea dl .btnArea .illustBtn a:hover, .side .selectArea dl .btnArea .figureBtn a:hover, .side .selectArea dl .btnArea .largeBtn a:hover {
  filter: alpha(opacity=60) !important;
  -moz-opacity: 0.60 !important;
  opacity: 0.60 !important;
}
.side .selectArea dl .btnArea .multiBtn {
  float: left;
  margin: 5px 0 0;
}
.side .selectArea dl .btnArea .multiBtn a {
  display: block;
  height: 16px;
  width: 16px;
  text-indent: -10000px;
  overflow: hidden;
}
#hyjnNoki_hyjnNoki .btnArea .multiBtn, .autoFixed .btnArea .multiBtn {
  display: none;
}
.side .selectArea dl .btnArea .multiBtn a.open {
  background: url(/common/img/sprite_common.gif) no-repeat -187px -1038px
}
.side .selectArea dl .btnArea .multiBtn a.open:hover {
  background: url(/common/img/sprite_common.gif) no-repeat -187px -1078px
}
.side .selectArea dl .btnArea .multiBtn a.close {
  background: url(/common/img/sprite_common.gif) no-repeat -187px -1118px
}
.side .selectArea dl dd .availableItem {
  clear: both;
  padding: 0 5px;
}
.side .selectArea dl dd .availableItem .na {
  display: none
}
.side .selectArea dl dd .availableItem .selectbox {
  background: #FFF;
  border: 1px solid #CCC;
  clear: both;
  margin: 0 5px 5px 0;
}
*html .side .selectArea dl dd .availableItem .selectbox {
  height: 1px
}
.side .selectArea dl dd .availableItem .selectbox ul {
  overflow: auto;
  height: 80px;
}
#available_hyjnNoki_hyjnNoki .selectbox ul {
  height: 52px;
}
.side .selectArea dl dd .availableItem .selectbox li {
  display: block;
  color: #004BB1;
  margin-bottom: 1px;
  padding: 1px 5px 0;
  cursor: pointer;
}
.side .selectArea dl dd .availableItem .selectbox li:hover {
  color: #22539C;
  background: #c8d7ec;
}
.side .selectArea dl.multi dd .availableItem .selectbox li.on {
  background: #749dcf !important;
  color: #fff !important;
}
.side .selectArea dl.multi dd .availableItem .selectbox li.on:hover {
  background: #93b0d3 !important;
  color: #fff !important;
}
.side .selectArea dl dd .availableItem .selectbox .toggle a.open {
  background: url(/common/img/sprite_product.gif) no-repeat center -380px;
  border-top: 1px solid #CCC;
  height: 12px;
  display: block
}
.side .selectArea dl dd .availableItem .selectbox .toggle a.close {
  background: url(/common/img/sprite_product.gif) no-repeat center -368px;
  border-top: 1px solid #CCC;
  height: 12px;
  display: block
}
.side .selectArea dl dd .availableItem .inputbox {
  clear: both;
  margin: 0 0 5px;
}
.side .selectArea dl dd .availableItem .inputbox .input {
  width: 85px
}
.side .selectArea dl dd .availableItem .inputbox .range {
  margin-left: 5px
}
.side .selectArea dl dd .availableItem ul.column1 {
  position: static;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */
  word-wrap: break-word; /* IE 5.5+ */
}
.side .selectArea dl dd .availableItem ul.column1 li, .side .selectArea dl dd .availableItem ul.column2 li, .side .selectArea dl dd .availableItem ul.column3 li {
  color: #004BB1;
  display: block;
  cursor: pointer;
  padding: 1px 2px;
}
.side .selectArea dl dd .availableItem ul.btn1 li {
  float: left;
  color: #004BB1;
  display: block;
  cursor: pointer;
  padding: 1px 5px;
  margin: 0 3px 5px 0;
  border: 1px solid #CCC;
  min-width: 18px;
  text-align: center;
  white-space: nowrap;
  overflow: visible;
}
.side .selectArea dl.semi-confirmed dd .availableItem ul.btn1 li {
  background: #ededed;
  border: 1px solid #b0b0b0;
}
.side .selectArea dl dd .availableItem ul.column1 li:hover, .side .selectArea dl dd .availableItem ul.column2 li:hover, .side .selectArea dl dd .availableItem ul.column3 li:hover, .side .selectArea dl dd .availableItem ul.btn1 li:hover {
  color: #22539C;
  background: #c8d7ec;
}
.side .selectArea dl dd .availableItem ul.btn1 li:hover {
  border: 1px solid #0055bf
}
.side .selectArea dl.on dd .availableItem dt {
  float: none;
  width: auto;
  color: #000;
  font-weight: bold;
}
.side .selectArea dl dd .availableItem dl.child {
  clear: both;
  border-bottom: none;
  border-top: none;
  position: relative;
  padding: 8px 0 10px;
  width: 230px;
}
.side .selectArea dl dd .availableItem ul.column1 dl.child ul.child {
*zoom:1;
  padding: 2px 0 5px 5px;
}
.side .selectArea dl dd .availableItem ul.column1 dl.child ul.child li {
*zoom:1;
  background: url(/common/img/sprite_product.gif) no-repeat -294px -1026px;
  padding-left: 10px;
}
.side .selectArea dl dd .availableItem ul.column1 dl.child li:hover ul.child li, .side .selectArea dl dd .availableItem ul.column2 dl.child li:hover ul.child li, .side .selectArea dl dd .availableItem ul.column3 dl.child li:hover ul.child li {
*zoom:1;
  color: #fff;
}
.side .selectArea dl dd .availableItem ul.column1 dl.child ul.child li.last {
*zoom:1;
  background: url(/common/img/sprite_product.gif) no-repeat -294px -1076px;
}
.side .selectArea dl dd .availableItem ul.column1 dl.child ul.child li:hover {
*zoom:1;
  background: #c8d7ec url(/common/img/sprite_product.gif) no-repeat -294px -1026px !important;
  color: #22539C !important;
}
.side .selectArea dl dd .availableItem ul.column1 dl.child ul.child li.on {
*zoom:1;
  background: #749dcf url(/common/img/sprite_product.gif) no-repeat -294px -1026px !important;
}
.side .selectArea dl dd .availableItem ul.column1 dl.child ul.child li.on:hover {
*zoom:1;
  background: #93b0d3 url(/common/img/sprite_product.gif) no-repeat -294px -1026px !important;
  color: #fff !important;
}
.side .selectArea dl dd .availableItem ul.column1 dl.child ul.child li.last:hover {
*zoom:1;
  background: #c8d7ec url(/common/img/sprite_product.gif) no-repeat -294px -1076px !important;
  color: #fff !important;
}
.side .selectArea dl dd .availableItem ul.column1 dl.child ul.child li.last.on {
*zoom:1;
  background: #749DCF url(/common/img/sprite_product.gif) no-repeat -294px -1076px !important;
}
.side .selectArea dl dd .availableItem ul.column1 dl.child ul.child li.last.on:hover {
*zoom:1;
  background: #93b0d3 url(/common/img/sprite_product.gif) no-repeat -294px -1076px !important;
  color: #fff !important;
}
.side .selectArea dl dd .availableItem ul.column2 li {
  float: left;
  width: 44%;
  margin: 0 3px 3px 0;
}
.side .selectArea dl dd .availableItem ul.column3 li {
  /*
  float: left;
  */
  display: -moz-inline-box;
  display: inline-block;
  *display:inline;
  *zoom:1;
  width: 29%;
  margin: 0 3px 3px 0;
}
.side .selectArea dl dd .availableItem .selectbox li.on, .side .selectArea dl dd .availableItem ul.column1 li.on, .side .selectArea dl dd .availableItem ul.column2 li.on, .side .selectArea dl dd .availableItem ul.column3 li.on, .side .selectArea dl dd .availableItem ul.btn1 li.on {
  background: #749dcf !important;
  color: #fff !important;
*zoom:1;
}
.side .selectArea dl dd .availableItem ul.btn1 li.on {
  border: 1px solid #749dcf
}
.side .selectArea dl dd .availableItem .selectbox li.on:hover, .side .selectArea dl dd .availableItem ul.column1 li.on:hover, .side .selectArea dl dd .availableItem ul.column2 li.on:hover, .side .selectArea dl dd .availableItem ul.column3 li.on:hover, .side .selectArea dl dd .availableItem ul.btn1 li.on:hover {
  background: #93b0d3 !important;
  color: #fff !important;
}
.side .selectArea dl.child {
  background: none
}
.side .selectArea dl.na {
  display: none
}
.side .selectArea dl.selectable dt {
  font-weight: bold;
  color: #000;
  float: left;
}
.side .selectArea dl dd .availableItem dl.child dt {
  float: none;
  clear: both;
}
.side .selectArea dl.on, .side .selectArea dl.semi-confirmed {
  background: #ddd !important
}
.side .selectArea dl.multi {
  background: #ededed !important
}
.side .selectArea dl.on dt {
  color: #000;
  width: 54px;
  font-weight: bold;
}
.side .selectArea dl dd .confirmed {
  float: right;
  clear: right;
  color: #004BB1;
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 3px;
  display: block;/*
background:url(/common/img/sprite_common.gif) no-repeat scroll -187px -1038px transparent;
*/
}
.side .selectArea dl.on dd .confirmed {
  margin-right: 18px;
  _margin-right: 9px;
  width: 117px;
}
.side .selectArea dl.multi dd .confirmed {
  margin-right: 60px;
  _margin-right: 30px;
  width: 85px;
}
.side .selectArea dl.off dd .confirmed {
  display: none
}
.side .selectArea dl.on dd .confirmed:hover {
  color: #fff;
  background-color: #93b0d3;
  text-decoration: underline;
}
.side .selectArea dl.fixed dt {
  float: left
}
.side .selectArea dl.fixed dd .confirmed {
  color: #555;
  text-decoration: none;
  cursor: text;
  width: 117px;
*zoom:1;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */
  word-wrap: break-word; /* IE 5.5+ */
}
.side .selectArea dl.fixed dd .confirmed:hover {
  text-decoration: none;
  background: transparent;
  color: #555;
}
.side .selectArea dl.autoFixed {
  background-color: #ddd !important;
}
.side .selectArea dl.autoFixed dt {
  float: left;
  font-weight: bold;
  width: 90px;
}
.side .selectArea dl.autoFixed dd {
  float: right
}
.side .selectArea dl.autoFixed dd .availableItem {
  clear: none;
  padding: 0;
}
.side .selectArea dl.autoFixed dd .availableItem ul li {
  border: 0;
  padding: 0;
  text-decoration: none;
  text-align: left;
  margin-right: 18px;
  _margin-right: 9px;
  width: 117px;
*zoom:1;
  float: none;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */
  word-wrap: break-word; /* IE 5.5+ */
}
.side .selectArea dl.autoFixed dd .availableItem ul.column1 li.on, .side .selectArea dl.autoFixed dd .availableItem ul.column2 li.on, .side .selectArea dl.autoFixed dd .availableItem ul.column3 li.on, .side .selectArea dl.autoFixed dd .availableItem ul.btn1 li.on {
  background: transparent;
  margin-right: 18px;
  _margin-right: 9px;
  width: 117px;
}
.side .selectArea dl.autoFixed dd .availableItem ul li:hover {
  border: 0
}
.product .side .selectArea dl.autoFixed dd .availableItem ul.column1 li.parent, .product .side .selectArea dl.autoFixed dd .availableItem ul.column2 li.parent, .product .side .selectArea dl.autoFixed dd .availableItem ul.column2 li.parent {
  display: none;
 *display:block;
 *font-size:0;
 *text-indent:-10000px;
}
.product .side .selectArea dl.autoFixed dd .availableItem ul dl.child {
  width: auto;
  padding: 0;
 *font-size:12px;
 *text-indent:0;
}
.product .side .selectArea dl.autoFixed dd .availableItem ul dl.child ul.child li {
  background: none !important;
  padding: 0 !important;
  color: #004BB1 !important;
}
.product .side .selectArea dl.autoFixed dd .availableItem ul dl.child ul.child li:hover {
  background: #C8D7EC !important;
  color: #22539C !important;
  padding: 0 !important;
}
.side .selectArea dl.autoFixed dd .availableItem .inputbox {
  text-align: left;
  margin-right: 0;
  width: 135px;
*zoom:1;
}
.side .selectArea dl.autoFixed dd .availableItem .selectbox {
  background: none;
  border: 0;
  clear: none;
  margin: 0;
}
.autoFixed #available_hyjnNoki_hyjnNoki .selectbox ul, .side .selectArea dl.autoFixed dd .availableItem .selectbox ul {
  height: auto
}
.side .selectArea dl.autoFixed dd .availableItem .selectbox .toggle {
  display: none
}
.side .selectArea dl dt {
  margin-bottom: 3px;
  font-weight: bold;
}
.side .selectArea dl.nofix {
  background: #ffcfcf
}
.side .selectArea dl dd dl.photoColumn1 {
  position: static;
  margin: 0 0 8px;
  padding: 0;
  border-style: none;
  cursor: pointer;
  height: 52px;
}
.side .selectArea dl dd dl.photoColumn1:hover, .side .selectArea dl dd dl.photoColumn2:hover, .side .selectArea dl dd dl.photoColumn3:hover {
  color: #22539C;
  background: #c8d7ec;
}
.side .selectArea dl dd dl.photoColumn1:hover dd, .side .selectArea dl dd dl.photoColumn2:hover dd, .side .selectArea dl dd dl.photoColumn3:hover dd {
  color: #22539C
}
.side .selectArea dl dd dl.photoColumn1 dt {
  margin: 0;
  padding: 0;
  float: left;
  border-style: none;
  width: 52px;
}
.side .selectArea dl dd dl.photoColumn1 dt img {
  width: 52px
}
.side .selectArea dl dd dl.photoColumn1 dd {
  padding: 0 7px;
  color: #004BB1;
  vertical-align: middle;
  display: table-cell;
  height: 52px;
}
.side .selectArea dl dd dl.photoColumn2 {
  padding: 0;
  border-style: none;
  cursor: pointer;
  /*float:left;*/
  position: static;
  clear: none;
  width: 44%;
  margin: 0 3px 6px 0;
  display: -moz-inline-box;
  display: inline-block;
*display:inline;
*zoom:1;
  vertical-align: top;
}
.side .selectArea dl dd dl.photoColumn2 dt {
  /*margin:0;*/
  margin: 0 auto;
  padding: 0;
  border-style: none;
  width: 52px;
  float: none;
}
.side .selectArea dl dd dl.photoColumn2 dt img {
  width: 52px
}
.side .selectArea dl dd dl.photoColumn2 dd {
  color: #004BB1;
  margin: 0;
  text-align: center;
}
.side .selectArea dl dd dl.photoColumn3 {
  padding: 0;
  border-style: none;
  cursor: pointer;
  float: left;
  position: static;
  clear: none;
  width: 30%;
  margin: 0;
  margin: 0 3px 3px 0;
}
.side .selectArea dl dd dl.photoColumn3 dt {
  margin: 0;
  padding: 0;
  border-style: none;
  width: 52px;
  float: none;
}
.side .selectArea dl dd dl.photoColumn3 dt img {
  width: 52px
}
.side .selectArea dl dd dl.photoColumn3 dd {
  color: #004BB1;
  margin: 0;
}
.side .selectArea dl dd dl.on {
  background: #749DCF !important;
  color: #FFF !important;
}
.side .selectArea dl dd dl.on:hover {
  background: #93b0d3 !important;
  color: #fff !important;
}
.side .selectArea dl dd dl.on dd {
  color: #FFF !important
}
.side .selectArea .addWorkArea .addWorkBody {
  border-bottom: 2px solid #4e91d5
}
.side .selectArea .addWorkArea .addWorkTitle {
  font-weight: bold;
  color: #FFF;
  background: url(/common/img/sprite_product.gif) no-repeat 0 -979px;
  height: 27px;
  line-height: 27px;
  padding-left: 27px;
}
.side .selectArea .addWorkArea .optionNotice {
  background: #e4eaf8;
  padding: 7px 10px;
}
.side .selectArea .addWorkArea .addWorkBody dl {
  background: #e4eaf8
}
/* 20120910 similar button hide */
.side .selectArea .similarSpecBody {/*display:none;*/
}
.side .addWorkBody dl dd .availableItem ul .default {
  background: #999 !important;
  color: #FFF !important;
  cursor: default !important;
}
.side .selectArea .similarSpecBody dl {
  border-bottom: 2px solid #BBB;
  background: #D4D4D4;
  width: 259px;
  padding: 8px 0 10px;
}
.side .selectArea .similarSpecBody .similarSpecBtn {
  margin: 0 auto
}
.side .selectArea .similarSpecBody .similarSpecBtn, .side .selectArea .similarSpecBody .similarSpecBtn a {
  display: block;
  width: 208px;
  height: 29px;
  text-indent: -9999px;
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1555px;
}
ul.remarksList {
  margin-bottom: 30px
}
ul.remarksList li {
  background: url(/common/img/sprite_product.gif) no-repeat -259px 0;
  padding-left: 20px;
}
.spec_cate ul.remarksList, #Tab_figure_contents ul.remarksList {
  margin: -5px 0 15px;
}
.catalogViewer ul.remarksList {
  margin-bottom: 15px;
  padding-left: 8px;
}
.recommendBody {
  clear: both;
  margin-bottom: 30px;
}
.recommendBody .recommendTit1 {
  font-weight: bold;
  background: #eee;
  border-bottom: 1px solid #CCC;
  padding: 3px 10px;
  color: #555;
  margin-bottom: 15px;
}
.recommendBody .inner {
  clear: both;
  margin-left: 15px;
}
.recommendBody .inner ul.categItemList li {
  width: 33%;
  float: left;
}
.recommendBody .inner ul.categItemList li a {
  background: url(/common/img/sprite_common.gif) no-repeat -195px -98px;
  padding-left: 10px;
}
.recommendBody .inner .setItem {
  float: left;
  height: 140px;
  line-height: 14px;
  text-align: center;
  width: 137px;
  margin-right: 30px;
}
.recommendBody .inner .setItem .itemImage {
  background: #fff;
  height: 91px;
  vertical-align: middle;
  width: 139px;
  text-align: center;
  margin-bottom: 5px;
}
.recommendBody .inner .setItem .itemImage a {
  border: 1px solid #ccc;
  display: table-cell;
  height: 89px;
  vertical-align: middle;
  width: 137px;
  text-align: center;
  _display: block;
*display:block;
*font-size:89px;
}
.recommendBody .inner .setItem .itemImage img {
  line-height: 0;
  vertical-align: middle;
  width: 85px !important;
}
.recommendBody .inner .setItem .itemImage a:hover {
  border: 1px solid #005fe0
}
.recommendBody .inner .setItem .itemTitle {
  display: block;
  text-align: left;
}
.recommendBody .inner dl.otherItem {
  width: 33%;
  float: left;
  height: 60px;
  margin-bottom: 15px;
}
.recommendBody .inner dl.otherItem dt {
  float: left;
  background: #fff;
  height: 62px;
  width: 62px;
  vertical-align: middle;
  text-align: center;
}
.recommendBody .inner dl.otherItem dt a {
  border: 1px solid #ccc;
  display: table-cell;
  height: 60px;
  vertical-align: middle;
  width: 60px;
  text-align: center;
  _display: block;
*display:block;
*font-size:60px;
}
.recommendBody .inner dl.otherItem dt img {
  line-height: 0;
  vertical-align: middle;
}
.recommendBody .inner dl.otherItem dt a:hover {
  border: 1px solid #005fe0
}
.recommendBody .inner dl.otherItem dd {
  margin-left: 70px;
  padding-right: 15px;
}
.recommendBody .inner dl.otherItem dd .maker {
  font-weight: bold
}
.supportBody {
  clear: both;
  margin-bottom: 30px;
}
.supportBody .inner {
  margin-left: 15px
}
.supportBody .supportTit1 {
  font-weight: bold;
  border-bottom: 2px solid #CCC;
  padding: 3px 10px;
  color: #555;
  margin-bottom: 15px;
}
.supportBody p {
  margin-bottom: 20px
}
/*----------------------------------------------------------------
floating
----------------------------------------------------------------*/

.floatingBox {
  position: absolute;
  left: 0 !important;
  right: 0 !important;
*left:100px !important;
  margin: 0 auto;
  width: 800px;
  background: #FFF;
  z-index: 20000;
}
.floatingBox .titlebody, .similarBox .titlebody {
  position: relative;
  height: 40px;
  background: #1e1e1e;
}
.floatingBox .titlebody .title, .similarBox .titlebody .title {
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  text-indent: -10000px;
  position: absolute;
}
.floatingBox .titlebody .illust {
  background: url(/common/img/sprite_spec.gif) no-repeat center -432px
}
.floatingBox .titlebody .figure {
  background: url(/common/img/sprite_spec.gif) no-repeat center -472px
}
.floatingBox .titlebody .detail {
  background: url(/common/img/sprite_spec.gif) no-repeat center -472px
}
.similarBox .similarFloating {
  width: 350px
}
.similarBox .titlebody .similar {
  background: url(/common/img/sprite_product.gif) no-repeat center -732px
}
.floatingBox .titlebody .conf {
  background: url(/common/img/sprite_product.gif) no-repeat center -1700px
}
.similarBox .titlebody .close, .floatingBox .titlebody .close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
}
.similarBox .titlebody .close a, .floatingBox .titlebody .close a {
  background: url(/common/img/sprite_spec.gif) -285px -629px;
  display: block;
  text-indent: -10000px;
  overflow: hidden;
  height: 15px;
  width: 15px;
}
.similarBox {
  position: absolute;
  left: 0 !important;
  right: 0 !important;
*left:100px !important;
  margin: 0 auto;
  width: 440px;
  background: #FFF;
  z-index: 20000;
  border: 2px solid #000;
}
.similarBox .similar_cat {
  margin: 15px auto;
  padding-bottom: 5px;
  width: 350px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid gray;
}
.similarBox .similarBody {
  margin: 15px auto;
  width: 350px;
  height: 150px;
  overflow: auto;
}
.similarBox .similarBody ul.confList {
  padding: 10px 0
}
.similarBox .similarBody ul.confList li {
  padding: 0 0 10px 15px;
  line-height: 1;
  background: url(/common/img/sprite_common.gif) no-repeat -190px -71px;
}
.similarBox .similarBody .specTable {
  width: 100%;
  _width: 300px;
*width:300px;
}
.similarBox .similarBody .specTable .even {
  background: #f3f3f3
}
.similarBox .similarBody .specTable th {
  font-weight: bold;
  text-align: left;
  padding: 2px 5px;
}
.similarBox .similarBody .specTable td {
  padding: 2px 5px
}
.similarBox .similarBody .specTable td.checkbox {
  width: 13px;
  padding: 2px 10px 2px 5px;
}
.similarBox .similarBody .specTable td.choice {
  background: #f2f2f2
}
.floatingBox .btnArea, .similarBox .btnArea {
  border-top: 1px solid gray;
  clear: both;
  padding: 15px 55px 17px;
  margin: 0 40px;
  text-align: center;
}
.floatingBox .btnArea .okBtn, .similarBox .btnArea .okBtn {
  float: left;/*
margin:0 7px 0 50px;
_margin:0 7px 0 25px;
*/
}
.floatingBox .btnArea .cancelBtn, .similarBox .btnArea .cancelBtn {
  float: right
}
.floatingBox .similarBox .btnArea .cancelBtn a, .similarBox .btnArea .okBtn a {
  display: block;
  width: 102px;
  height: 31px;
  text-indent: -10000px;
  overflow: hidden;
}
.floatingBox .btnArea .cancelBtn a, .similarBox .btnArea .cancelBtn a {
  display: block;
  width: 108px;
  height: 26px;
  text-indent: -9999px;
  background: url(/common/img/mypage/sprite_floating.png) no-repeat 0 -600px;
}
.floatingBox .btnArea .okBtn a, .similarBox .btnArea .okBtn a {
  display: block;
  width: 56px;
  height: 26px;
  text-indent: -9999px;
  background: url(/common/img/mypage/sprite_floating.png) no-repeat 0 -1450px;
}
.floatingBox .btnArea .closeBtn, .similarBox .btnArea .closeBtn {
  width: 59px;
  margin: 0 auto;
  text-align: center;
}
.floatingBox .btnArea .closeBtn a, .similarBox .btnArea .closeBtn a {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1748px;
  height: 26px;
  width: 59px;
  display: block;
  text-indent: -10000px;
  overflow: hidden;
}
.floatingBox .illustBody {
  padding: 25px 0 15px 25px;
  clear: both;
}
.floatingBox .illustBody .item {
  display: inline-block;
  display: -moz-inline-box;
*display:inline;
*zoom:1;
  padding: 0 13px 10px;
  text-align: center;
}
/* na */
.floatingBox .illustBody .item li.na, .floatingBox .illustBody .item li.na:hover, .floatingBox .illustBody .item li.na:active {
  background: none repeat scroll 0 0 #E0E0E0 !important;
  border-color: #DDD #C4C4C4 #C4C4C4 #DDD !important;
  color: #999 !important;
  cursor: auto !important;
}
.floatingBox .illustBody .item .itemImage {
  margin-bottom: 10px
}
.floatingBox .illustBody .item .itemImage a {
  border: 1px solid #ccc;
  display: block;
}
.floatingBox .illustBody .item .itemImage img {
  line-height: 0;
  text-align: center;
}
.floatingBox .illustBody .item .itemImage a:hover {
  border: 1px solid #005fe0
}
.floatingBox .illustBody .item li {
  background: #e9e9e9 url(/common/img/sprite_spec.gif) repeat-x 0 -592px;
  text-align: center;
  display: inline;
  border-color: #DDD #C4C4C4 #C4C4C4 #DDD;
  border-style: solid;
  border-width: 1px;
  color: #22539C;
  cursor: pointer;
  padding: 4px 10px;
  white-space: nowrap;
}
.floatingBox .illustBody .item .on {
  background: none repeat scroll 0 0 #666;
  border-color: #2B2B2B #ABABAB #666 #2B2B2B;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
}
.floatingBox .illustBody .item li:hover {
  background: none repeat scroll 0 0 #FFBB5A !important;
  border-color: #DDD #C4C4C4 #C4C4C4 #DDD;
  border-style: solid;
  border-width: 1px;
  color: #22539C;
}
.floatingBox .illustBody .item li:active {
  background: none repeat scroll 0 0 #666;
  border-color: #393939 #C4C4C4 #C4C4C4 #393939;
  border-style: solid;
  border-width: 1px;
}
.floatingBox .figureBody {
  padding: 20px;
  clear: both;
}
.floatingBox .figureBody .specSelect {
  float: left;
  width: 200px;
}
.floatingBox .figureBody .specSelect .title {
  font-weight: bold;
  color: #666;
}
.floatingBox .figureBody .specSelect .select {
  width: 200px
}
.floatingBox .figureBody .figureImage {
  float: right;
  width: 540px;
}
.floatingBox .figureBody .specSelect #floating_figure {
  height: 265px;
  overflow: auto;
  border: 1px solid #BABABA;
}
.floatingBox .figureBody .specSelect #floating_figure li {
  color: #004BB1;
  display: block;
  padding: 1px 5px;
  cursor: pointer;
}
.floatingBox .figureBody .specSelect #floating_figure li:hover {
  background: #C8D7EC;
  color: #22539C;
}
.floatingBox .figureBody .specSelect #floating_figure li.on {
  background: #749DCF !important;
  color: #FFF !important;
}
.floatingBox .figureBody .specSelect #floating_figure li.on:hover {
  background: #93B0D3 !important;
  color: #FFF !important;
}
.floatingBox .figureBody .specSelect #floating_figure li.na {
  display: none
}
.floatingBox .detailBody {
  padding: 20px;
  clear: both;
}
.floatingBox .detailBody .useSelect {
  float: left;
  width: 200px;
}
.floatingBox .detailBody .useSelect .title {
  font-weight: bold;
  color: #666;
}
.floatingBox .detailBody .useSelect ul.listbox {
  padding: 8px 10px;
  border: 1px solid #bababa;
}
.floatingBox .detailBody .useSelect ul.listbox li {
  padding: 1px 5px;
  color: #004BB1;
  cursor: pointer;
  display: block;
}
.floatingBox .detailBody .useSelect ul.listbox li:hover {
  background: none repeat scroll 0 0 #C8D7EC;
  color: #22539C;
}
.floatingBox .detailBody .useSelect ul.listbox li.on {
  background-color: #749DCF !important;
  color: white !important;
}
.floatingBox .detailBody .useSelect ul.listbox li.on:hover {
  background: #93b0d3 !important;
  color: #fff !important;
}
.floatingBox .detailBody .detail {
  float: right;
  width: 540px;
}
.floatingBox .detailBody .detail .detailTable {
  margin-top: 18px
}
.floatingBox .detailBody .detail .detailTable th {
  background: #f2f2f2;
  border: 1px solid #cacaca;
  font-weight: bold;
  text-align: center;
  padding: 5px 10px;
}
.floatingBox .detailBody .detail .detailTable td {
  padding: 5px 10px;
  border: 1px solid #cacaca;
}
.floatingBox .detailBody .detail .detailTable td.choice {
  background: #f2f2f2
}
.floatingBox .btnArea {
  border-top: 1px solid gray;
  clear: both;
  padding: 15px 0 17px;
  margin: 0 25px;
}
.floatingBox .btnArea .fixBtn {
  clear: both;
  text-align: center;
}
.floatingBox .btnArea .fixBtn a {
  background: url(/common/img/sprite_spec.gif) no-repeat 0 -629px;
  height: 31px;
  width: 102px;
  display: inline-block;
*display:inline;
*zoom:1;
  font-size: 0;
  color: #FFF;
  line-height: 31px;
  overflow: hidden;
}
/*---------------------------------------------------------

CAD Download

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

.cadDlPop .cadtxt1 {
  color: red!important;
  margin: 0;
}
.cadDlPop .cadtxt2 {
  color: red!important;
  margin: 0;
}
.cadDlPop .cadtxt3 {
  margin: 0
}
.cadDlPop .cadRemarks1 {
  overflow: visible;
  white-space: nowrap;
  width: auto;
  color: #F00;
  font-weight: bold;
}
.cadDlPop .about {
  position: absolute
}
.cadDlPop .about a {
  background: url(/common/img/sprite_product.gif) no-repeat -259px -104px;
  margin: 2px 0 0 5px;
*margin:0 0 0 5px;
  height: 13px;
  width: 14px;
  display: block;
  text-indent: -1000px;
}
.main .cadtxt2 {
  margin-bottom: 5px
}
.cartArea .cadCreateBtn, .main .cadCreateBtn {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1108px;
  height: 34px;
  width: 189px;
  text-indent: -10000px;
  margin-bottom: 30px;
}
.cartArea .cadCreateBtn {
  margin: 15px 0 25px;
  text-align: center;
}
.cartArea .cadCreateBtn a, .main .cadCreateBtn a {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1142px;
  height: 34px;
  width: 189px;
  display: block;
  overflow: hidden;
}
.cartArea .cadTxtArea {
  margin-top: 20px;
  border-top: 1px solid #CCC;
  padding-top: 10px;
}
.cartArea .cadTxtArea .cadRed {
  color: #000;
  margin-bottom: 8px;
}
.cartArea .cadDlPop .noteArea {
  width: 445px;
  margin: 10px 0;
  padding: 5px 15px;
  color: red;
  background-color: #ffe1e1;
}
.cartArea .cadDlPop .noteArea a {
  font-weight: bold;
  text-decoration: underline;
}
.product .cadDlPop .cadTermsBody {
  margin-top: 20px
}
.cartArea .cadSelectBody, .main .cadSelectBody {
  margin-top: 20px;
  clear: both;
}
.page1 .cartArea .cadSelectBody, .page1 .main .cadSelectBody {
  margin-bottom: 30px;
  clear: both;
  width: 555px;
  position: relative;
}
.cartArea .cadSelectBody .selectArea1, .main .cadSelectBody .selectArea1, .cartArea .cadSelectBody .selectArea3 {
  float: left;
  width: 240px;
  margin-right: 20px;
}
.cartArea .cadSelectBody .selectArea2, .main .cadSelectBody .selectArea2 {
  float: left;
  width: 315px;
  margin-right: 10px;
}
.cartArea .cadSelectBody .cadTit1, .main .cadSelectBody .cadTit1 {
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCC;
  padding-bottom: 3px;
}
.cartArea .cadSelectBody .cadTit2, .main .cadSelectBody .cadTit2 {
  font-weight: bold;
  margin: 7px 0;
}
.cartArea .cadSelectBody ul.tabCadType, .main .cadSelectBody ul.tabCadType {
  height: 28px
}
.cartArea .cadSelectBody ul.tabCadType li, .main .cadSelectBody ul.tabCadType li {
  float: left;
  height: 28px;
}
.cartArea .cadSelectBody ul.tabCadType li a, .main .cadSelectBody ul.tabCadType li a {
  text-indent: -10000px;
  display: block;
  height: 28px;
  overflow: hidden;
  position: relative;
}
.cartArea .cadSelectBody ul.tabCadType li em, .main .cadSelectBody ul.tabCadType li em {
  font-style: normal;
  text-indent: 0;
  line-height: 28px;
  text-align: right;
  position: absolute;
  top: 0;
  right: 12px;
  color: #000;
}
.cartArea .cadSelectBody ul.tabCadType li a.on em, .main .cadSelectBody ul.tabCadType li a.on em {
  color: #FFF
}
.cartArea .cadSelectBody ul.tabCadType li.ap203 em, .main .cadSelectBody ul.tabCadType li.ap203 em {
  right: 15px
}
.cartArea .cadSelectBody ul.tabCadType li.ap203 a, .main .cadSelectBody ul.tabCadType li.ap203 a {
  width: 108px;
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1196px;
}
.cartArea .cadSelectBody ul.tabCadType li.ap203 a.on, .main .cadSelectBody ul.tabCadType li.ap203 a.on {
  background: url(/common/img/sprite_product.gif) no-repeat -108px -1196px
}
.cartArea .cadSelectBody ul.tabCadType li.ap214 a, .main .cadSelectBody ul.tabCadType li.ap214 a {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1224px;
  width: 105px;
}
.cartArea .cadSelectBody ul.tabCadType li.ap214 a.on, .main .cadSelectBody ul.tabCadType li.ap214 a.on {
  background: url(/common/img/sprite_product.gif) no-repeat -105px -1224px
}
.cartArea .cadSelectBody ul.tabCadType li.iges a, .main .cadSelectBody ul.tabCadType li.iges a {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1252px;
  width: 102px;
}
.cartArea .cadSelectBody ul.tabCadType li.iges a.on, .main .cadSelectBody ul.tabCadType li.iges a.on {
  background: url(/common/img/sprite_product.gif) no-repeat -102px -1252px
}
.cartArea .cadSelectBody .box, .main .cadSelectBody .box {
  padding: 15px;
  border: 1px solid #2d70c3;
}
.cartArea .off ul.dlList li, .cartArea .cadSelectBody ul.dlList li, .main .cadSelectBody ul.dlList li {
  margin-bottom: 3px
}
.cadDlPop .off {
  margin-bottom: 5px!important
}
.cartArea .off .selectArea3 ul.dlList li.dlpv {
  display: block;
  text-indent: -10000px;
  width: 240px;
  height: 34px;
  background: url(/common/img/sprite_product.gif) no-repeat -60px -1460px;
}
.cartArea .cadSelectBody .selectArea3 ul.dlList li.dlpv a {
  display: block;
  text-indent: -10000px;
  width: 240px;
  height: 34px;
  background: url(/common/img/sprite_product.gif) no-repeat -60px -1494px;
}
.mxpSetupBody {
  clear: both
}
.mxpSetupBody .mxpTit {
  margin: 7px 0 12px
}
.mxpTxtArea {
  width: 600px;
  margin-bottom: 10px;
}
.mxpTxtArea .mxpHead {
  margin-right: 10px;
  float: left;
  text-decoration: underline;
}
.mxpTxtArea .mxpBodyNarrow {
  width: 350px;
  float: left;
}
.mxpTxtArea .mxpBodyBtn {
  width: 200px;
  float: left;
}
.mxpTxtArea .mxpBodyBtn .mxpSetupBtn {
  display: block;
  text-indent: -10000px;
  width: 103px;
  height: 25px;
  margin: 0 100px 0 0;
  background: url(/common/img/sprite_product.gif) no-repeat -59px -1748px;
}
.mxpTxtArea .mxpBody {
  width: 550px;
  float: left;
}
.MXP_IEOnlyAlert {
  color: red;
  margin: 7px 0 12px;
  width: 560px;
}
.MXP_setupHead {
  margin: 7px 0 12px
}
.MXP_setupWrapper {
  height: 85px;
  width: 550px;
  padding: 7px 12px;
  overflow: auto;
  border: 1px solid #CCC;
}
.MXP_setupWrapper .MXP_setupHead {
  margin: 0 0 12px
}
.MXP_setupTbl {
  width: 530px
}
.MXP_setupTbl th, .MXP_setupTbl td {
  font-size: 10px;
  padding-bottom: 10px;
}
.MXP_setupTbl th, .MXP_setupTbl td a {
}
.MXP_setupTbl th {
  text-decoration: underline;
  padding-right: 10px;
}
.MXP_setupTbl td {
}
.MXP_setupTbl a.MXP_setup {
  display: block;
  text-indent: -10000px;
  width: 103px;
  height: 25px;
  margin: 0 100px 0 0;
  background: url(/common/img/sprite_product.gif) no-repeat -59px -1748px;
}
.cartArea .cadSelectBody ul.dlList li a, .main .cadSelectBody ul.dlList li a {
  text-decoration: underline
}
.main .cadTermsBody {
  clear: both
}
.main .cadTermsBody .cadTermsTitle {
  font-weight: bold;
  margin-bottom: 5px;
}
.main .cadTermsBody .scrollBox {
  border: 1px solid #CCC;
  padding: 7px 12px;
  height: 150px;
  overflow: auto;
  color: #666;
  line-height: 1.7;
  margin-bottom: 10px;
}
.main .cadTermsBody .scrollBox p {
  margin-bottom: 15px
}
.main .cadTermsBody .remarks {
  font-size: 90%;
  color: #888;
}
.bnrArea {
  position: relative;
  right: 0;
  float: right;
  height: 1px;
  text-align: right;
  z-index: 20000!important;
}
.bnrArea1 {
  margin: 10px 0 15px;
  text-align: center;
}
.bnrArea2 {
  text-align: center;
  float: right;
}
.catalogViewer .remarks {
  background: url(/common/img/sprite_product.gif) no-repeat -286px -830px;
  padding-left: 20px;
  color: red;
  font-weight: bold;
}
.catalogViewer .pdfDLLink, .catalogViewer .openInWindow {
  margin-top: 4px;
  font-size: 12px;
  font-weight: normal;
  height: 18px;
  line-height: 18px;
  float: right;
}
.catalogViewer .openInWindow, .catalogViewer .openInWindow a {
  display: block;
  width: 147px;
  height: 25px;
  margin-top: 0;
  text-indent: -10000px;
  background: url(/common/img/sprite_product.gif) no-repeat 0 -2025px;
}
.product .catalogViewer .pdfDLLink {
  display: none !important
}
.catalogViewer .slider {
  margin: 4px 15px 0 0;
  width: 130px;
  height: 18px;
  position: relative;
  float: right;
}
.catalogViewer .slider .pullbarBg {
  margin: 4px 0 0;
  width: 130px;
  height: 9px;
  background: url(/common/img/catalog_pbar_bg.gif);
}
.catalogViewer .slider .pullbar {
  width: 30px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  background: url(/common/img/catalog_pbar.gif) 0 0 no-repeat;
}
.catalogViewer .pdfDLLink, .catalogViewer .pdfDLLink a {
  display: block
}
.catalogViewer .inputPager {
  margin-right: 14px;
  _margin-right: 14px;
  padding-right: 14px;
  font-size: 12px;
  font-weight: normal;
  float: right;
  background: url(/common/img/sprite_product.gif) right -1970px no-repeat;
}
.catalogViewer .inputPager input.input {
  border: 1px solid #acacac;
  width: 60px;
  height: 23px;
  line-height: 23px;
  float: left;
  padding: 0 5px;
}
.catalogViewer .inputPager input.btn {
  border: 0;
  cursor: pointer;
  float: left;
  width: 43px;
  height: 26px;
  text-indent: -10000px;
  background: url(/common/img/sprite_product.gif) -100px -1425px no-repeat;
}
.catalogViewer .inputPager, .catalogViewer .inputPager a {
  display: block
}
.catalogViewer .pageNav .pager {
  float: right;
  display: none;
}
.catalogViewer .pageNav .pageNum {
  float: right;
  display: none;
}
.catalogViewer .pageNav .selectPage {
  position: absolute;
  right: 82px;
  display: none;
}
.catalogViewer .VN_catPageNav {
  position: relative;
  z-index: 1;
}
.page1 .catalogViewer .VN_catPageNav, .page1 .catalogViewer .VN_catPlaceHolder {
  width: 650px
}
.page2 .catalogViewer .VN_catPageNav, .page2 .catalogViewer .VN_catPlaceHolder {
  width: 900px
}
.page1 .catalogViewer .VN_catPageNav .left, .page1 .catalogViewer .VN_catPageNav .right, .page1 .catalogViewer .VN_catPlaceHolder {
  height: 920px
}
.page2 .catalogViewer .VN_catPageNav .left, .page2 .catalogViewer .VN_catPageNav .right, .page2 .catalogViewer .VN_catPlaceHolder {
  height: 1270px
}
.catalogViewer .VN_catPageNav .arrowWrapper {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
.catalogViewer .VN_catPageNav .left, .catalogViewer .VN_catPageNav .right {
  position: absolute;
  width: 40px;
  cursor: pointer;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.catalogViewer .VN_catPageNav .left {
  left: 0;
  top: 0;
  background: url(/common/img/catalog_arrow.gif) 0 center no-repeat;
}
.catalogViewer .VN_catPageNav .right {
  right: 0;
  top: 0;
  background: url(/common/img/catalog_arrow.gif) -40px center no-repeat;
}
.catalogViewer .pageJumpLink {
  padding: 4px 0 0;
  margin-right: 330px;
}
.catalogViewer .pageJumpLink li {
  padding: 0 8px;
  float: left;
  border-left: 1px solid #CCC;
}
.catalogViewer .pageJumpLink li.first {
  padding: 0 8px;
  float: left;
  border-left: none;
}
.catalogViewer .VN_catPlaceHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: url(/common/img/cat_loading.gif) no-repeat transparent center center;
}
.catalogViewer .VN_catImageWrapper {
  position: relative;
  border: 1px solid #bfbfbf;
  overflow: hidden;
}
.page1 .catalogViewer .VN_catImageWrapper {
  width: 648px;
  height: 920px;
}
.page2 .catalogViewer .VN_catImageWrapper {
  width: 898px;
  height: 1270px;
}
.catalogViewer .VN_catImageWrapper .VN_catImage {
*font-size:0px;
}
.catalogViewer .VN_catImageWrapper .VN_catImage img {
  display: block;
*display:inline;
}
.catalogViewer .VN_catImageWrapper .VN_catImage img.lefty {
*float:none !important;
}
.catalogViewer .VN_catImageWrapper .VN_catImage img.righty {
*float:none !important;
}
.catalogViewer .VN_catImageWrapper .VN_catImage {
  position: relative;
  cursor: pointer;
  line-height: 0;
}
.catalogViewer .VN_catImageWrapper .imageOriginal {
  position: absolute;
  cursor: move;
}
.catalogViewer .VN_catImageWrapper .VN_catImage .nombre {
*position:absolute;
  font-size: 12px;
  padding: 15px 0;
  width: 40px;
  text-align: center;
  font-size: 12px;
  background: #fff;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.page1 .catalogViewer .VN_catImageWrapper .imageOriginal {
  width: 1750px;
  height: 2480px;
  left: -550px;
  top: -790px;
}
.page2 .catalogViewer .VN_catImageWrapper .imageOriginal {
  width: 1500px;
  height: 2130px;
  left: -300px;
  top: -430px;
}
.catalogViewer .VN_catImageWrapper .imageOriginal .VN_draggableArea {
  width: 1200px
}
.catalogViewer .VN_catImageWrapper .imageOriginal .VN_draggableArea img {
  width: 1200px
}
.VN_catImageWrapper_scan {
  overflow: visible !important
}
.VN_catImageWrapper_scan .imageOriginal {
  background: rgba(128,128,255,0.25) !important;
  overflow: visible !important;
}
.VN_catImageWrapper_scan .imageOriginal .VN_draggableArea {
  background: rgba(255,0,0,0.25) !important;
  overflow: visible !important;
}
.VN_catImageWrapper_scan .imageOriginal .VN_draggableArea img {
  filter: alpha(opacity=50) !important;
  -moz-opacity: 0.5 !important;
  opacity: 0.5 !important;
}
.testAlert {
  position: absolute;
  width: 223px;
  height: 38px;
  background: url(/common/img/balloon/multi_result.gif) no-repeat 0 0;
  z-index: 1000;
}
.testAlert .testAlertClose {
  display: block;
  width: 223px;
  height: 38px;
  text-indent: -10000px;
}
.copyCompleteAlert {
  position: absolute;
  width: 265px;
  height: 48px;
  background: url(/common/img/balloon/copy_complete.gif) no-repeat 0 0;
  z-index: 20000;
}
.copyCompleteBottom {
  position: absolute;
  width: 265px;
  height: 48px;
  background: url(/common/img/balloon/copy_complete_bottom.gif) no-repeat 0 0;
  z-index: 20000;
}
.copyCompleteAlert .copyCompleteAlertClose {
  display: block;
  width: 175px;
  height: 38px;
  text-indent: -10000px;
}
.side .selectArea .overlayLoading {
  margin-top: 45px;
  background: url(/common/img/loading3.gif) no-repeat center;
  width: 260px;
  height: 95px;
  z-index: 199;
}
.side .selectArea .overlay {
  background: #ededed;
  filter: alpha(opacity=100);
  -moz-opacity: 1.00;
  opacity: 1.00;
  width: 260px;
  z-index: 198;
  height: 2000px;
}
/* forcia closebtn */
.generalBox .inner ul.btnlist {
  height: 26px!important
}
.generalBox .inner ul.btnlist li.closeBtn a {
  width: 60px!important;
  height: 26px!important;
  margin: 0 auto!important;
  background: url(/common/img/mypage/sprite_floating.png) no-repeat 0 -400px!important;
}
/* LOGIN */
.generalBox {
  width: 320px!important
}
.generalBox .inner .general_contents {
  width: 300px!important
}
.generalBox .inner .general_contents .parts_login br, .generalBox .inner .general_contents .cart_login br {
  margin-bottom: 15px!important
}
#general_link_login {
  margin-left: 0 !important
}
/* Balloon */
#optionContainer .optionHelpWrapper {
  background: #e4eaf8;
  padding: 12px 10px;
}
#optionContainer .optionHelpWrapper .remarks {
  background: url(/common/img/sprite_product.gif) no-repeat scroll -286px -832px transparent;
  padding-left: 20px;
  color: red;
  line-height: 1.4;
  margin: 0 0 5px;
}
#optionContainer .optionHelpWrapper .link {
  padding-left: 20px
}
#optionContainer .optionHelpWrapper a {
  background: url(/common/img/sprite_product.gif) no-repeat scroll -259px -104px transparent;
  display: inline-block;
  vertical-align: text-bottom;
  height: 13px;
  overflow: hidden;
  text-indent: -1000px;
  line-height: 1px;
  width: 14px;
*display:inline;
*font:1px !important;
*zoom:1;
}
#optionContainer .optionHelpAlert {
  position: absolute;
  right: -10px;
  top: 39px;
  width: 332px;
  height: 190px;
  background: url(/common/img/balloon/option_help.gif) no-repeat 0 0;
  z-index: 20000;
}
#optionContainer .optionHelpAlert .guideLink {
  position: absolute;
  top: 5px;
  width: 332px;
  height: 185px;
  text-indent: -10000px;
}
#optionContainer .optionHelpAlert .optionHelpAlertClose {
  position: absolute;
  right: 7px;
  top: 12px;
  width: 13px;
  height: 13px;
  text-indent: -10000px;
}
/* sup */
sup {
*line-height:2.1
}
#button_category_00000006071_a {
  margin-right: -3px !important
}
/*

misumi-vona　download.css

*/
.download .wrapper {
  width: 540px;
  margin: 20px auto 0;
  text-align: center;
}
.download .wrapper .contentsArea {
  text-align: left
}
.download .contentsArea h1 {
  display: block;
  width: 271px;
  height: 28px;
  margin: 0 auto 30px;
  text-indent: -9999px;
  background: url(/common/img/sprite_header.gif) no-repeat 0 0;
}
.download .contentsArea h2 {
  margin-bottom: 15px;
  font-size: 135%;
  font-weight: bold;
}
.download .contentsArea .boxArea {
  width: 518px;
  height: 350px;
  margin-bottom: 15px;
  padding: 10px;
  overflow: auto;
  border: 1px solid #ccc;
}
.download .contentsArea .boxArea p {
  margin-bottom: 10px
}
.download .contentsArea .boxArea dt {
  font-weight: bold
}
.download .contentsArea .boxArea dd {
  margin-bottom: 15px
}
.download .contentsArea .notice {
  margin-bottom: 15px;
  text-align: center;
}
.download .contentsArea .notice p.note {
  margin-bottom: 10px;
  color: #999;
  text-align: left;
  line-height: 1.2;
  font-size: 11px;
}
.download .contentsArea .notice input {
  margin-right: 5px
}
.download .contentsArea .accedence ul {
  width: 164px;
  margin: 0 auto;
}
.download .contentsArea .btnAssent, .download .contentsArea .btnAssent a, .download .contentsArea .btnDisagree, .download .contentsArea .btnDisagree a {
  display: block;
  height: 26px;
  text-indent: -9999px;
  background: url(/common/img/sprite_download.gif) no-repeat 0 0;
}
.download .contentsArea .btnAssent, .download .contentsArea .btnAssent a {
  float: left;
  width: 70px;
  background-position: 0 0;
}
.download .contentsArea .btnDisagree, .download .contentsArea .btnDisagree a {
  float: right;
  width: 82px;
  background-position: 0 -50px;
}
.pad_0_3em {
  padding: 0.3em
}
.pad_0_5em {
  padding: 0.5em
}
.pad_1em {
  padding: 1em
}
.pad_1_5em {
  padding: 1.5em
}
.pad_2em {
  padding: 2em
}
.pad_t1 {
  padding-top: 1px
}
.pad_t3 {
  padding-top: 3px
}
.pad_t4 {
  padding-top: 4px
}
.pad_t5 {
  padding-top: 5px
}
.pad_t7 {
  padding-top: 7px
}
.pad_t8 {
  padding-top: 8px
}
.pad_t10 {
  padding-top: 10px
}
.pad_t12 {
  padding-top: 12px
}
.pad_t15 {
  padding-top: 15px
}
.pad_t20 {
  padding-top: 20px
}
.pad_t25 {
  padding-top: 25px
}
.pad_t30 {
  padding-top: 30px
}
.pad_r3 {
  padding-right: 3px
}
.pad_r5 {
  padding-right: 5px
}
.pad_r7 {
  padding-right: 7px
}
.pad_r10 {
  padding-right: 10px
}
.pad_r15 {
  padding-right: 15px
}
.pad_r20 {
  padding-right: 20px
}
.pad_r25 {
  padding-right: 25px
}
.pad_r30 {
  padding-right: 30px
}
.pad_b3 {
  padding-bottom: 3px
}
.pad_b5 {
  padding-bottom: 5px
}
.pad_b7 {
  padding-bottom: 7px
}
.pad_b8 {
  padding-bottom: 8px
}
.pad_b10 {
  padding-bottom: 10px
}
.pad_b15 {
  padding-bottom: 15px
}
.pad_b20 {
  padding-bottom: 20px
}
.pad_b25 {
  padding-bottom: 25px
}
.pad_b30 {
  padding-bottom: 30px
}
.pad_l3 {
  padding-left: 3px
}
.pad_l5 {
  padding-left: 5px
}
.pad_l7 {
  padding-left: 7px
}
.pad_l10 {
  padding-left: 10px
}
.pad_l15 {
  padding-left: 15px
}
.pad_l20 {
  padding-left: 20px
}
.pad_l25 {
  padding-left: 25px
}
.pad_l30 {
  padding-left: 30px
}
.mgn_t1 {
  margin-top: 1px
}
.mgn_t3 {
  margin-top: 3px
}
.mgn_t4 {
  margin-top: 4px
}
.mgn_t5 {
  margin-top: 5px
}
.mgn_t7 {
  margin-top: 7px
}
.mgn_t10 {
  margin-top: 10px
}
.mgn_t15 {
  margin-top: 15px
}
.mgn_t20 {
  margin-top: 20px
}
.mgn_t25 {
  margin-top: 25px
}
.mgn_t30 {
  margin-top: 30px
}
.mgn_r1 {
  margin-right: 1px
}
.mgn_r3 {
  margin-right: 3px
}
.mgn_r5 {
  margin-right: 5px
}
.mgn_r7 {
  margin-right: 7px
}
.mgn_r10 {
  margin-right: 10px
}
.mgn_r15 {
  margin-right: 15px
}
.mgn_r20 {
  margin-right: 20px
}
.mgn_r25 {
  margin-right: 25px
}
.mgn_r30 {
  margin-right: 30px
}
.mgn_b1 {
  margin-bottom: 1px
}
.mgn_b3 {
  margin-bottom: 3px
}
.mgn_b5 {
  margin-bottom: 5px
}
.mgn_b7 {
  margin-bottom: 7px
}
.mgn_b10 {
  margin-bottom: 10px
}
.mgn_b15 {
  margin-bottom: 15px
}
.mgn_b18 {
  margin-bottom: 18px
}
.mgn_b20 {
  margin-bottom: 20px
}
.mgn_b25 {
  margin-bottom: 25px
}
.mgn_b30 {
  margin-bottom: 30px
}
.mgn_l1 {
  margin-left: 1px
}
.mgn_l3 {
  margin-left: 3px
}
.mgn_l5 {
  margin-left: 5px
}
.mgn_l7 {
  margin-left: 7px
}
.mgn_l10 {
  margin-left: 10px
}
.mgn_l15 {
  margin-left: 15px
}
.mgn_l20 {
  margin-left: 20px
}
.mgn_l25 {
  margin-left: 25px
}
.mgn_l30 {
  margin-left: 30px
}
/*----------------------------------------------------------------
WYSIWYG
----------------------------------------------------------------*/

.wysiwyg_area {
}
.wysiwyg_area td {
  border: 1px solid #999;
  padding: 2px 5px
}
.wysiwyg_area table table td {
  border: 0 none
}
.wysiwyg_area table {
  border: 1px solid #999
}
.wysiwyg_area table.redBorder {
  border: 3px solid #c61c2c
}
.wysiwyg_area td.headerCell {
  border: 1px solid #999;
  font-size: 90%;
  background-color: #e8e8e8
}
.wysiwyg_area td.bodyCell {
  border: 1px solid #999;
  font-size: 90%;
}
.wysiwyg_area td.coloredCell {
  border: 1px solid #999;
  font-size: 90%;
  background-color: #d6efff
}
.wysiwyg_area td.chargeCell {
  border: 1px solid #999;
  font-size: 90%;
  background-color: #9bd3ae
}
.wysiwyg_area td.yellowCell {
  border: 1px solid #999;
  font-size: 90%;
  background-color: #ffffe0
}
.wysiwyg_area td.magentaCell {
  border: 1px solid #999;
  font-size: 90%;
  background-color: #ffc0e0
}
.wysiwyg_area td.orangeCell {
  border: 1px solid #999;
  font-size: 90%;
  background-color: #f96
}
.wysiwyg_area td.blueCell {
  border: 1px solid #999;
  font-size: 90%;
  background-color: #87CEFF
}
.wysiwyg_area td.redCell {
  border: 1px solid #c61c2c;
  font-size: 90%;
  background-color: #c61c2c
}
.wysiwyg_area .fontType {
  color: #f60;
  font-weight: 700;
  font-style: normal;
}
.wysiwyg_area .fontNote {
  color: #c61c2c;
  font-style: normal;
}
.wysiwyg_area .fontGreen {
  color: #070;
  font-size: 90%;
  font-style: normal;
}
.wysiwyg_area .fontBlue {
  color: #007;
  font-size: 90%;
  font-style: normal;
}
.wysiwyg_area .fontWhite {
  color: #fff;
  font-size: 90%;
  font-style: normal;
}
.wysiwyg_area .border4862 {
  border: 1px #999 solid
}
.wysiwyg_area font {
  font-size: 100%
}
#Tab_basic_spec_contents .group table {
  border-right: #CCC solid 1px;
  border-bottom: #CCC solid 1px;
  word-break: break-all;
  font-size: 90%;
  border-collapse: collapse
}
#Tab_basic_spec_contents .group td {
  border-top: #CCC solid 1px;
  border-left: #CCC solid 1px;
  padding: 2px 5px 2px
}
#Tab_basic_spec_contents .group th {
  border-top: #CCC solid 1px;
  border-left: #CCC solid 1px;
  background-color: #e6e4e6;
  text-align: center;
  padding: 2px 5px 2px
}
#Tab_basic_spec_contents .group p {
  background-color: #F0F3FB;
  border-bottom: 1px solid #E3E3E3;
  border-left: 2px solid #0044B5;
  font-weight: bold;
  margin: 10px 0;
  padding: 5px 5px 5px 8px;
  width: 700px
}
/* 20130111: PIM追加CSS */
.wysiwyg_area table.noBorder {
  border: 0px;
}
.wysiwyg_area td.shipdateCell {
  border: 1px solid #999;
  font-size: 180%;
  background-color: #ffcccc
}
.wysiwyg_area td.stockCell {
  border: 1px solid #999;
  font-size: 90%;
  background-color: #fff338
}
.wysiwyg_area td.storkCell {
  border: 1px solid #999;
  font-size: 90%;
  background-color: #6c9bd2
}
.wysiwyg_area td.largeshipheaderCell {
border:1px solid #999 font-size:180%;
  color: #c4004f;
  background-color: #f5e5ee
}
.wysiwyg_area td.largeshipdateCell {
  border: 1px solid #999;
  font-size: 180%;
  color: #ffffff;
  background-color: #c4004f
}
.wysiwyg_area td.noborderCell {
  border: 0px;
}
.wysiwyg_area td.transparentCell {
  border: 1px solid #999;
  font-size: 90%;
  background-color: transparent
}
.wysiwyg_area .fontDefault {
  color: #000;
  font-size: 90%;
  font-style: normal;
}
.wysiwyg_area .fontRed {
  color: #f00;
  font-size: 90%;
  font-style: normal;
}
.wysiwyg_area .fraction {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 0;
}
.wysiwyg_area .fraction .sep {
  background-color: #ffffff;
  display: block;
  width: 100%;
  height: 0px;
  letter-spacing: 0;
}
.wysiwyg_area .tolerance {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  letter-spacing: 0;
}
.wysiwyg_area .tolerance .sep {
  background-color: #ffffff;
  display: block;
  width: 100%;
  height: 0px;
  letter-spacing: 0;
}
.wysiwyg_area .root {
  text-decoration: overline;
}
.wysiwyg_area td.noborderCell .noborderCell div, .wysiwyg_area .helpBtn {
  margin: 0 0 0 5px !important;
}
.wysiwyg_area td.noborderCell .noborderCell div, .wysiwyg_area .helpBtn, .wysiwyg_area td.noborderCell .noborderCell div a, .wysiwyg_area .helpBtn a {
  display: block !important;
  overflow: hidden !important;
  width: 16px !important;
  height: 16px !important;
  background: url(/common/img/sprite_product.gif) no-repeat -259px -104px !important;
  text-indent: -10000px !important;
}
/* 20130111: PIM追加CSS */

/* 画像スプライト化 */
.wysiwyg_area .m_sp01,.wysiwyg_area .m_sp02,.wysiwyg_area .m_sp03,.wysiwyg_area .m_sp04,.wysiwyg_area .m_sp05,.wysiwyg_area .m_sp06,.wysiwyg_area .m_sp07,.wysiwyg_area .m_sp08,.wysiwyg_area .m_sp09,.wysiwyg_area .m_sp10,.wysiwyg_area .m_sp11,.wysiwyg_area .m_sp12,.wysiwyg_area .m_sp13,.wysiwyg_area .m_sp14,.wysiwyg_area .m_sp15,.wysiwyg_area .m_sp16,.wysiwyg_area .m_sp17,.wysiwyg_area .m_sp18,.wysiwyg_area .m_sp19,.wysiwyg_area .m_sp20,
.wysiwyg_area .m_sp21,.wysiwyg_area .m_sp22,.wysiwyg_area .m_sp23,.wysiwyg_area .m_sp24,.wysiwyg_area .m_sp25,.wysiwyg_area .m_sp26,.wysiwyg_area .m_sp27,.wysiwyg_area .m_sp28,.wysiwyg_area .m_sp29,.wysiwyg_area .m_sp30,.wysiwyg_area .m_sp31,.wysiwyg_area .m_sp32,.wysiwyg_area .m_sp33,.wysiwyg_area .m_sp34,.wysiwyg_area .m_sp35,.wysiwyg_area .m_sp36,.wysiwyg_area .m_sp37,.wysiwyg_area .m_sp38,.wysiwyg_area .m_sp39,.wysiwyg_area .m_sp40,
.wysiwyg_area .m_sp41,.wysiwyg_area .m_sp42,.wysiwyg_area .m_sp43,.wysiwyg_area .m_sp44,.wysiwyg_area .m_sp45,.wysiwyg_area .m_sp46,.wysiwyg_area .m_sp47,.wysiwyg_area .m_sp48,.wysiwyg_area .m_sp49,.wysiwyg_area .m_sp50,.wysiwyg_area .m_sp51,.wysiwyg_area .m_sp52,.wysiwyg_area .m_sp53,.wysiwyg_area .m_sp54,.wysiwyg_area .m_sp55,.wysiwyg_area .m_sp56,.wysiwyg_area .m_sp57,.wysiwyg_area .m_sp58,.wysiwyg_area .m_sp59,.wysiwyg_area .m_sp60,
.wysiwyg_area .m_sp61,.wysiwyg_area .m_sp62,.wysiwyg_area .m_sp63,.wysiwyg_area .m_sp64,.wysiwyg_area .m_sp65,.wysiwyg_area .m_sp66,.wysiwyg_area .m_sp67,.wysiwyg_area .m_sp68,.wysiwyg_area .m_sp69,.wysiwyg_area .m_sp70,.wysiwyg_area .m_sp71,.wysiwyg_area .m_sp72,.wysiwyg_area .m_sp73,.wysiwyg_area .m_sp74,.wysiwyg_area .m_sp75,.wysiwyg_area .m_sp76,.wysiwyg_area .m_sp77,.wysiwyg_area .m_sp78,.wysiwyg_area .m_sp79,.wysiwyg_area .m_sp80,
.wysiwyg_area .m_sp81,.wysiwyg_area .m_sp82,.wysiwyg_area .m_sp83,.wysiwyg_area .m_sp84 {
  height:13px;
  display: inline-block;
  *display: inline;
  padding: 0 2px;
  background: url(/common/img/marks_sprite.png) no-repeat;
  vertical-align: text-bottom;
}
.wysiwyg_area .m_sp01 {
  background-position: -12px 0px;
  width: 13px;
}
.wysiwyg_area .m_sp02 {
  background-position: -12px -100px;
  width: 13px;
}
.wysiwyg_area .m_sp03 {
  background-position: -12px -200px;
  width: 13px;
}
.wysiwyg_area .m_sp04 {
  background-position: -12px -300px;
  width: 13px;
}
.wysiwyg_area .m_sp05 {
  background-position: -12px -400px;
  width: 13px;
}
.wysiwyg_area .m_sp06 {
  background-position: -11px -500px;
  width: 15px;
  height: 15px;
}
.wysiwyg_area .m_sp07 {
  background-position: -9px -600px;
  width: 18px;
  height: 15px;
}
.wysiwyg_area .m_sp08 {
  background-position: -6px -700px;
  width: 18px;
}
.wysiwyg_area .m_sp09 {
  background-position: -6px -800px;
  width: 18px;
}
.wysiwyg_area .m_sp10 {
  background-position: -11px -900px;
  width: 13px;
}
.wysiwyg_area .m_sp11 {
  background-position: -12px -1000px;
  width: 13px;
}
.wysiwyg_area .m_sp12 {
  background-position: -11px -1100px;
  width: 13px;
  height: 12px;
}
.wysiwyg_area .m_sp13 {
  background-position: -12px -1200px;
  width: 11px;
}
.wysiwyg_area .m_sp14 {
  background-position: -12px -1300px;
  width: 13px;
}
.wysiwyg_area .m_sp15 {
  background-position: 0px -1400px;
  width: 24px;
}
.wysiwyg_area .m_sp16 {
  background-position: 0px -1500px;
  width: 24px;
}
.wysiwyg_area .m_sp17 {
  background-position: 0px -1600px;
  width: 24px;
}
.wysiwyg_area .m_sp18 {
  background-position: 0px -1700px;
  width: 24px;
}
.wysiwyg_area .m_sp19 {
  background-position: 0px -1800px;
  width: 24px;
}
.wysiwyg_area .m_sp20 {
  background-position: -12px -1900px;
  width: 11px;
}
.wysiwyg_area .m_sp21 {
  background-position: -12px -2000px;
  width: 11px;
}
.wysiwyg_area .m_sp22 {
  background-position: -12px -2100px;
  width: 11px;
}
.wysiwyg_area .m_sp23 {
  background-position: -12px -2200px;
  width: 11px;
}
.wysiwyg_area .m_sp24 {
  background-position: -12px -2300px;
  width: 11px;
}
.wysiwyg_area .m_sp25 {
  background-position: -12px -2400px;
  width: 11px;
}
.wysiwyg_area .m_sp26 {
  background-position: -12px -2500px;
  width: 11px;
}
.wysiwyg_area .m_sp27 {
  background-position: -12px -2600px;
  width: 11px;
}
.wysiwyg_area .m_sp28 {
  background-position: -12px -2700px;
  width: 11px;
}
.wysiwyg_area .m_sp29 {
  background-position: -12px -2800px;
  width: 11px;
}
.wysiwyg_area .m_sp30 {
  background-position: -12px -2900px;
  width: 11px;
}
.wysiwyg_area .m_sp31 {
  background-position: -12px -3000px;
  width: 11px;
}
.wysiwyg_area .m_sp32 {
  background-position: -12px -3100px;
  width: 11px;
}
.wysiwyg_area .m_sp33 {
  background-position: -12px -3200px;
  width: 11px;
}
.wysiwyg_area .m_sp34 {
  background-position: -12px -3300px;
  width: 11px;
}
.wysiwyg_area .m_sp35 {
  background-position: -12px -3400px;
  width: 11px;
}
.wysiwyg_area .m_sp36 {
  background-position: -12px -3500px;
  width: 11px;
}
.wysiwyg_area .m_sp37 {
  background-position: -12px -3600px;
  width: 11px;
}
.wysiwyg_area .m_sp38 {
  background-position: -12px -3700px;
  width: 11px;
}
.wysiwyg_area .m_sp39 {
  background-position: -12px -3800px;
  width: 11px;
}
.wysiwyg_area .m_sp40 {
  background-position: -12px -3900px;
  width: 11px;
}
.wysiwyg_area .m_sp41 {
  background-position: -12px -4000px;
  width: 11px;
}
.wysiwyg_area .m_sp42 {
  background-position: -12px -4100px;
  width: 11px;
}
.wysiwyg_area .m_sp43 {
  background-position: -12px -4200px;
  width: 11px;
}
.wysiwyg_area .m_sp44 {
  background-position: -12px -4300px;
  width: 11px;
}
.wysiwyg_area .m_sp45 {
  background-position: -12px -4400px;
  width: 11px;
}
.wysiwyg_area .m_sp46 {
  background-position: -12px -4500px;
  width: 11px;
}
.wysiwyg_area .m_sp47 {
  background-position: -12px -4600px;
  width: 11px;
}
.wysiwyg_area .m_sp48 {
  background-position: -12px -4700px;
  width: 11px;
}
.wysiwyg_area .m_sp49 {
  background-position: -12px -4800px;
  width: 11px;
}
.wysiwyg_area .m_sp50 {
  background-position: -12px -4900px;
  width: 11px;
}
.wysiwyg_area .m_sp51 {
  background-position: -12px -5000px;
  width: 11px;
}
.wysiwyg_area .m_sp52 {
  background-position: -12px -5100px;
  width: 11px;
}
.wysiwyg_area .m_sp53 {
  background-position: -12px -5200px;
  width: 11px;
}
.wysiwyg_area .m_sp54 {
  background-position: -12px -5300px;
  width: 11px;
}
.wysiwyg_area .m_sp55 {
  background-position: -12px -5400px;
  width: 11px;
}
.wysiwyg_area .m_sp56 {
  background-position: -12px -5500px;
  width: 11px;
}
.wysiwyg_area .m_sp57 {
  background-position: -12px -5600px;
  width: 11px;
}
.wysiwyg_area .m_sp58 {
  background-position: -12px -5700px;
  width: 11px;
}
.wysiwyg_area .m_sp59 {
  background-position: -12px -5800px;
  width: 11px;
}
.wysiwyg_area .m_sp60 {
  background-position: -12px -5900px;
  width: 11px;
}
.wysiwyg_area .m_sp61 {
  background-position: -12px -6000px;
  width: 11px;
}
.wysiwyg_area .m_sp62 {
  background-position: -12px -6100px;
  width: 11px;
}
.wysiwyg_area .m_sp63 {
  background-position: -12px -6200px;
  width: 11px;
}
.wysiwyg_area .m_sp64 {
  background-position: -12px -6300px;
  width: 11px;
}
.wysiwyg_area .m_sp65 {
  background-position: -12px -6400px;
  width: 11px;
}
.wysiwyg_area .m_sp66 {
  background-position: -12px -6500px;
  width: 11px;
}
.wysiwyg_area .m_sp67 {
  background-position: -12px -6600px;
  width: 11px;
}
.wysiwyg_area .m_sp68 {
  background-position: -12px -6700px;
  width: 11px;
}
.wysiwyg_area .m_sp69 {
  background-position: -12px -6800px;
  width: 11px;
}
.wysiwyg_area .m_sp70 {
  background-position: -12px -6900px;
  width: 11px;
}
.wysiwyg_area .m_sp71 {
  background-position: -12px -7000px;
  width: 11px;
}
.wysiwyg_area .m_sp72 {
  background-position: -12px -7100px;
  width: 11px;
}
.wysiwyg_area .m_sp73 {
  background-position: -12px -7200px;
  width: 11px;
}
.wysiwyg_area .m_sp74 {
  background-position: -12px -7300px;
  width: 11px;
}
.wysiwyg_area .m_sp75 {
  background-position: -12px -7400px;
  width: 11px;
}
.wysiwyg_area .m_sp76 {
  background-position: -12px -7500px;
  width: 11px;
}
.wysiwyg_area .m_sp77 {
  background-position: -12px -7600px;
  width: 11px;
}
.wysiwyg_area .m_sp78 {
  background-position: -12px -7700px;
  width: 11px;
}
.wysiwyg_area .m_sp79 {
  background-position: -12px -7800px;
  width: 11px;
}
.wysiwyg_area .m_sp80 {
  background-position: -12px -7900px;
  width: 11px;
}
.wysiwyg_area .m_sp81 {
  background-position: -12px -8000px;
  width: 11px;
}
.wysiwyg_area .m_sp82 {
  background-position: -12px -8100px;
  width: 11px;
}
.wysiwyg_area .m_sp83 {
  background-position: -12px -8200px;
  width: 11px;
}
.wysiwyg_area .m_sp84 {
  background-position: 0px -8300px;
  width: 24px;
}
/* 画像スプライト化 */


/* ---------------------------------------------
Inquiry
--------------------------------------------- */
.inquiry .inquiryHeader {
  background: #f0f0f0;
}
.inquiry .inquiryHeader .inner {
  margin: 0 auto;
  width: 480px;
  padding: 8px 0;
}
.inquiry .inquiryHeader .inner .logo {
  background: url(/common/img/sprite_common.gif) no-repeat 0 -350px;
  text-indent: -10000px;
  height: 20px;
  width: 140px;
  overflow: hidden;
}
.inquiry .wrapper {
  margin: 0 auto;
  width: 480px;
  padding: 35px 0;
  clear: both;
}
.inquiry .wrapper .error {
  margin-bottom: 10px;
  padding: 5px 7px;
  color: red;
  background: none repeat scroll 0 0 #F2F2F2;
}
.inquiry .inquiryBody {
  width: 480px;
}
.inquiry .inquiryBody .inquiryTitle {
  font-size: 135%;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.inquiry .inquiryBody dl.input {
  width: 294px;
  margin: 0 auto 10px;
}
.inquiry .inquiryBody dl.input dt {
  font-weight: bold;
  color: #000;
}
.inquiry .inquiryBody .ast {
  font-size: 135%;
  font-weight: bold;
  color: #ff0000;
}
.inquiry .inquiryBody dl.input dd input.pn, .inquiry .inquiryBody dl.input dd input.cc, .inquiry .inquiryBody dl.input dd input.name, .inquiry .inquiryBody dl.input dd input.email, .inquiry .inquiryBody dl.input dd input.tel, .inquiry .inquiryBody dl.input dd input.ffv {
  padding: 2px 5px;
  width: 280px;
}
.inquiry .inquiryBody dl.input dd textarea.inquiryArea {
  padding: 2px 5px;
  width: 280px;
  height: 65px;
}
.inquiry .inquiryBody dl.input dd p.pn, .inquiry .inquiryBody dl.input dd p.cc, .inquiry .inquiryBody dl.input dd p.name, .inquiry .inquiryBody dl.input dd p.email, .inquiry .inquiryBody dl.input dd p.tel, .inquiry .inquiryBody dl.input dd p.ffv, .inquiry .inquiryBody dl.input dd p.inquiryArea {
  padding: 5px 5px 10px;
  width: 280px;
  border-bottom: 1px solid #e5e5e5;
}
.inquiry .inquiryBody dl.input dd li input {
  margin: 2px 5px 0 0;
}
.inquiry .inquiryBody .essential {
  width: 290px;
  margin: 0 auto;
}
.inquiry .inquiryBody .btnArea {
  width: 250px;
  margin: 0 auto;
  padding-top: 30px;
}
.inquiry .inquiryBody .btnArea .leftBtn {
  float: left;
}
.inquiry .inquiryBody .btnArea .rightBtn {
  float: right;
}
.inquiry .inquiryBody .btnArea .leftBtn .btnNext, .inquiry .inquiryBody .btnArea .rightBtn .btnClear, .inquiry .inquiryBody .btnArea .leftBtn .btnSend, .inquiry .inquiryBody .btnArea .rightBtn .btnReturn {
  display: block;
  height: 26px;
  overflow: hidden;
  background: url(/common/img/sprite_inquiry.png) no-repeat;
}
.inquiry .inquiryBody .btnArea .leftBtn .btnNext {
  width: 60px;
  background-position: 0 0;
}
.inquiry .inquiryBody .btnArea .rightBtn .btnClear {
  width: 60px;
  background-position: 0 -150px;
}
.inquiry .inquiryBody .btnArea .leftBtn .btnSend {
  width: 60px;
  background-position: 0 -50px;
}
.inquiry .inquiryBody .btnArea .rightBtn .btnReturn {
  width: 60px;
  background-position: 0 -100px;
}

#tlab-beacon-div {
  position:absolute;
}

@media print {
.container {
  overflow: visible !important;
}
/*
  .listedItemBody .cartArea {
    display:none !important;
  }
  */
.side {
  position: relative !important;
  height: auto !important;
  overflow: visible !important;
  top: 0 !important;
}
/*
  .side .cartArea {
    display:block !important;
  }
  */
.side * {
  overflow: visible !important;
  height: auto !important;
}
}











/*

misumi-vona catalog CSS

*/

/* 見開き */
body {
overflow-y:scroll;
}
.wrapper {
min-width:645px;
max-width:2400px;
}
.twoFacingCatalog .VN_catImageWrapper {
position:relative;
border:1px solid #bfbfbf;
_border:none;
overflow:hidden;
}
.page1 .twoFacingCatalog .VN_catImageWrapper,.page2 .twoFacingCatalog .VN_catImageWrapper {
width:auto;
height:auto;
}
.twoFacingCatalog .VN_catImageWrapper .VN_catImage {
position:relative;
cursor:pointer;
height: 100%;
}
a.VN_catLinkArea {
display: inline-block;
border:3px solid #0cf;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=);
opacity:0.6;
filter: alpha(opacity=60);
position: absolute;
z-index: 100;
}
a.VN_catLinkArea--disableFill {
border:3px solid #f00;
}
a.VN_catLinkArea:hover,
a.VN_catLinkArea:active {
border: 3px transparent solid;
background: #ff6;
}
.twoFacingCatalog .VN_catImageWrapper .imageOriginal {
position:absolute;
cursor:move;
}
.page1 .twoFacingCatalog .VN_catImageWrapper .imageOriginal,.page2 .twoFacingCatalog .VN_catImageWrapper .imageOriginal {
width:2400px;
height:1720px;
left:0;
top:0;
}
.twoFacingCatalog .VN_catImageWrapper .imageOriginal .VN_draggableArea {
width:2400px;
height:1720px;
z-index: 50;
}
.twoFacingCatalog .VN_catImageWrapper .imageOriginal .VN_draggableArea img {width:1200px}
.catalogViewer .VN_catalogPager {position:relative}
.catalogViewer .VN_catalogPager .left,.main .catalogViewer .VN_catalogPager .right {
position:absolute;
visibility:hidden;
}
body.page2 .wrapper {
width:auto;
margin:0;
}
.digitalCatalog {
width:auto;
padding:20px 10px 10px;
}
.digitalCatalog .pageNav {margin:0 0 10px}
.digitalCatalog .slider {
margin:4px 15px 0 0;
width:130px;
height:18px;
position:relative;
float:right;
}
.digitalCatalog .slider .pullbarBg {
margin:4px 0 0;
width:130px;
height:9px;
background:url(/common/img/catalog_pbar_bg.gif);
}
.digitalCatalog .slider .pullbar {
width:30px;
height:18px;
position:absolute;
top:0;
left:0;
cursor:pointer;
background:url(/common/img/catalog_pbar.gif) 0 0 no-repeat;
}
.digitalCatalog .pageJumpLink {display:none}
.digitalCatalog .pdfDLLink {
background:url(/common/img/sprite_product.gif) repeat scroll right -125px transparent;
height:25px;
padding-right:5px;
margin-top:0;
}
.digitalCatalog .pdfDLLink a {
background:url(/common/img/sprite_product.gif) repeat scroll 0 -100px transparent;
cursor:pointer;
display:block;
float:left;
height:25px;
text-indent:-10000px;
width:65px;
}
.digitalCatalog .pdfDLLinkClose {
float:right;
background:url(/common/img/sprite_product.gif) repeat scroll 0 -1778px transparent;
height:25px;
width:70px;
margin-top:0;
}
.digitalCatalog .pdfDLLinkClose a {
background:url(/common/img/sprite_product.gif) repeat scroll 0 -1778px transparent;
cursor:pointer;
display:block;
height:25px;
width:70px;
text-indent:-10000px;
}
.page2 .twoFacingCatalog .VN_catPageNav,.page2 .twoFacingCatalog .VN_catPlaceHolder {
width:100%;
_margin-left:0;
z-index:100;
}
.page1 .twoFacingCatalog .VN_catPageNav .left,.page1 .twoFacingCatalog .VN_catPageNav .right,.page1 .twoFacingCatalog .VN_catPlaceHolder {height:460px}
.page2 .twoFacingCatalog .VN_catPageNav .left,.page2 .twoFacingCatalog .VN_catPageNav .right,.page2 .twoFacingCatalog .VN_catPlaceHolder {height:645px}
.pdfDLLink_overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
filter:alpha(opacity=15);
-moz-opacity:0.15;
opacity:0.15;
background:#888;
*filter:alpha(opacity=75);
*background:#fff;
}
.pdfDLLink_wrapper {
position:absolute;
z-index:50;
}
.pdfDLLink_left,.pdfDLLink_right {
position:absolute;
width:50%;
z-index:50;
}
.pdfDLLink_left {left:0}
.pdfDLLink_right {right:0}
.pdfDLLink_left a.closeArea,.pdfDLLink_right a.closeArea {
display:block;
text-align:center;
color:#eee;
width:100%;
*filter:alpha(opacity=75);
*background:#fff;
}
.pdfDLLink_left a.dlBtn,.pdfDLLink_right a.dlBtn {
position:absolute;
top:0;
display:block;
text-align:center;
font-size:10px;
font-weight:bold;
color:#eee;
width:200px;
margin:275px 0 0;
*color:#000;
}
.pdfDLLink_left a.dlBtn:hover,.pdfDLLink_right a.dlBtn:hover {
color:#fff;
*color:#f55;
}

.VN_pageTop {
  display:none!important;
}

@media print {
.digitalCatalog {padding:0 !important}
.digitalCatalog .pdfDLLink_overlay,.digitalCatalog .pageNav,.digitalCatalog .nombre,.twoFacingCatalog .VN_catPlaceHolder {display:none !important}
.digitalCatalog .VN_catImageWrapper {border:none}
.VN_catLinkArea {display: none;}
body {
text-align:center;
overflow:hidden !important;
width:100% !important;
*filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
}
.VN_catImage {
text-align:center;
width:100% !important;
}
.twoFacingCatalog .VN_catPageNav .left,.twoFacingCatalog .VN_catPageNav .right {height:100% !important}
* {
margin:0 !important;
padding:0 !important;
page-break-before:avoid !important;
}
}
@page {size:landscape}









.VNtooltipBox {
  padding-bottom: 5px;
  background: url(/common/img/tooltip_arrow.gif) no-repeat center bottom;
  position: absolute;
  font-size: 12px;
  line-height: 1.1;
  top: 0;
  left: 0;
  display: none;/*

white-space:nowrap;

border:1px solid #000;

*/
}
.VNtooltipBox .textArea {
  border-radius: 4px; /* CSS3 */
  -webkit-border-radius: 4px; /* Safari,Google Chrome用 */
  -moz-border-radius: 4px; /* Firefox用 */
  padding: 7px 7px 6px;
  color: #fff;
  background: #333;
  max-width: 200px;
 *width:150px;
 *text-align:center;
}
.VNpageTooltipBox {
  padding-bottom: 5px;
  position: absolute;
  font-size: 12px;
  line-height: 1.1;
  top: 0;
  left: 0;
  white-space: nowrap;
  display: none;/*

border:1px solid #000;

*/
}
.VNpageTooltipBox .textArea {
  color: #000
}
/* モーダルダイアログ 乗っ取り型 */

.VNmodalDialogBG,
.VNmodalDialogBG2 {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 500px;
  z-index: 20000;
  filter: alpha(opacity=20);
  -moz-opacity: 0.20;
  opacity: 0.20;
  cursor: pointer;
}
.VNmodalDialog {
  position: fixed;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 20%;
  background: #fff;
  width: 200px;
  height: 200px;
  z-index: 20001;
}
/* モーダルメッセージ */

.VNmodalMsg,
.VNmodalMsg2 {
  position: fixed;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 20%;
  background: #fff;
  width: 400px;
  z-index: 20001;
  border: 2px solid #000;
}
.page1 .VNmodalMsg,
.page1 .VNmodalDialog,
.page1 .VNmodalMsg2 {
 *position:absolute;
 *left:275px;
}
.page2 .VNmodalMsg,
.page2 .VNmodalDialog,
.page2 .VNmodalMsg2 {
 *position:absolute;
 *left:400px;
}
.VNmodalMsg .VNmodalMsgBody,
.VNmodalMsg2 .VNmodalMsgBody {
  color: #333;
  margin: 15px 30px;
}
.VNmodalMsg .VNmodalMsgBody .loginMessage,
.VNmodalMsg2 .VNmodalMsgBody .loginMessage {
  text-align: center;
}
.VNmodalMsg .VNmodalMsgBody .loginMessage .cart_link_login,
.VNmodalMsg2 .VNmodalMsgBody .loginMessage .cart_link_login {
  display: block;
  margin: 12px auto;
}
.VNmodalMsg .VNmodalMsgBody .btnArea,
.VNmodalMsg2 .VNmodalMsgBody .btnArea {
  margin: 0 auto;
}
.VNstretchModalMsgWrapper {
  position: fixed;
 *position:static;
  width: 100%;
  z-index: 20001;
  text-align: center;
  top: 20%;
}
.VNstretchModalMsg {
  position: static;
  width: auto;
  border-collapse: separate;
  text-align: center;
  right: auto;
  left: auto;
}
.VNstretchModalMsg .btnArea {
  width: 360px;
}
.VNstretchModalMsg .slidePriceList {
}
.VNstretchModalMsg .slidePriceList .box {
  color: #868686;
  position: relative;
  line-height: 1.2;
}
.VNstretchModalMsg .slidePriceList .box th,
.VNstretchModalMsg .slidePriceList .box td {
  color: #333;
}
.VNstretchModalMsg .slidePriceList .box .price {
  float: left;
  margin: 0 20px 5px 0;
}
.VNstretchModalMsg .slidePriceList .box .price th {
  text-align: left;
  padding: 0 10px 0 0;
  width: auto;
  background: none;
}
.VNstretchModalMsg .slidePriceList .box .price td {
  padding: 0;
  background: none;
}
.VNstretchModalMsg .slidePriceList .box .priceTable {
  background: #fff;
  clear: both;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  margin: 0 0 7px;
}
.VNstretchModalMsg .slidePriceList .box .priceTable th,
.VNstretchModalMsg .slidePriceList .box .priceTable td {
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
  background: none;
  padding: 4px 6px;
  font-size: 90%;
  color: #333;
  text-align: center;
  line-height: 1.0;
  vertical-align: middle;
}
.VNstretchModalMsg .slidePriceList .box .priceTable th {
  width: auto;
  background: #e4e4e4;
}
.VNstretchModalMsg .slidePriceList .box .stokeTable .stoke .title {
  display: inline;
  margin-right: 4px;
  vertical-align: bottom;
}
.VNstretchModalMsg .slidePriceList .box .priceTable th .about {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0;
  vertical-align: bottom;
}
.VNstretchModalMsg .slidePriceList .box .priceTable th .about a {
  background: url(/common/img/sprite_product.gif) no-repeat -235px -67px;
  position: absolute;
  left: 0;
  height: 16px;
  width: 16px;
  display: block;
  overflow: hidden;
  text-indent: -1000px;
}
.VNstretchModalMsg .btnArea {
  margin: 0 auto;
}
.VNmodalMsg .btnArea,
.VNmodalMsg2 .btnArea {
  clear: both;
  padding: 0 20px 17px;
}
.VNmodalMsg .btnArea .closeBtn,
.VNmodalMsg2 .btnArea .closeBtn {
  width: 59px;
  margin: 0 auto;
  text-align: center;
}
.VNmodalMsg .btnArea .closeBtn a,
.VNmodalMsg2 .btnArea .closeBtn a {
  background: url(/common/img/sprite_product.gif) no-repeat 0 -1748px;
  height: 26px;
  width: 59px;
  display: block;
  text-indent: -10000px;
  overflow: hidden;
}
.VNmodalMsg .msg,
.VNmodalMsg .typeList,
.VNmodalMsg2 .msg,
.VNmodalMsg2 .typeList {
  margin: 0 0 15px
}
/* Myページダイアログ移植 */



.VNmodalMsg .titlebody,
.VNmodalMsg2 .titlebody {
  position: relative;
  height: 38px;
}
.VNmodalMsg .titlebody .ttlText,
.VNmodalMsg2 .titlebody .ttlText {
  display: block;
  height: 38px;
  text-indent: -9999px;
  background: url(/common/img/mypage/sprite_floating.png) no-repeat #000;
}
.VNmodalMsg .titlebody .ttlCsvDL,
.VNmodalMsg2 .titlebody .ttlCsvDL {
  background-position: center -1150px
}
.VNmodalMsg .titlebody .ttlCadDL,
.VNmodalMsg2 .titlebody .ttlCadDL {
  background-position: center -1600px
}
.VNmodalMsg .titlebody .ttlSlidePrice,
.VNmodalMsg2 .titlebody .ttlSlidePrice {
  background-position: center -1900px
}
.VNmodalMsg .titlebody .ttlWOSOnlyCode,
.VNmodalMsg2 .titlebody .ttlWOSOnlyCode {
  background-position: center -1650px
}
.VNmodalMsg .titlebody .cartAddTitle,
.VNmodalMsg2 .titlebody .cartAddTitle {
  background-position: center -1850px
}
.VNmodalMsg .titlebody .close,
.VNmodalMsg2 .titlebody .close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  background: url(/common/img/mypage/sprite_floating.png) no-repeat 0 0;
}
.VNmodalMsg .titlebody .close a,
.VNmodalMsg2 .titlebody .close a {
  display: block;
  height: 15px;
  width: 15px;
  text-indent: -10000px;
  overflow: hidden;
}
.VNmodalMsg .productInformation,
.VNmodalMsg2 .productInformation {
  margin-bottom: 15px;
}
.VNmodalMsg .productInformation .information,
.VNmodalMsg2 .productInformation .information {
  width: 340px;
}
.VNmodalMsg .productInformation .information th,
.VNmodalMsg2 .productInformation .information th {
  width: 60px;
  font-weight: bold;
}
.VNmodalMsg .productInformation .information td,
.VNmodalMsg2 .productInformation .information td {
  width: 300px;
}
.VNmodalMsg .mpBtnArea,
.VNmodalMsg2 .mpBtnArea {
  margin: 0 auto 17px;
  height: 26px;
}
.VNmodalMsg .btnOKCancel,
.VNmodalMsg2 .btnOKCancel {
  margin-left: 85px
}
.VNmodalMsg .mpBtnArea .btn,
.VNmodalMsg .mpBtnArea .btn a,
.VNmodalMsg .mpBtnArea .btn span,
.VNmodalMsg2 .mpBtnArea .btn,
.VNmodalMsg2 .mpBtnArea .btn a,
.VNmodalMsg2 .mpBtnArea .btn span {
  display: block;
  float: left;
  height: 26px;
  text-indent: -9999px;
  background: url(/common/img/mypage/sprite_floating.png) no-repeat;
}
.VNmodalMsg .mpBtnArea .btnOK,
.VNmodalMsg .mpBtnArea .btnOK a,
.VNmodalMsg2 .mpBtnArea .btnOK,
.VNmodalMsg2 .mpBtnArea .btnOK a {
  width: 56px;
  background-position: 0 -1450px;
}
.VNmodalMsg .btnOKCancel .btnOK,
.VNmodalMsg2 .btnOKCancel .btnOK {
  margin-right: 15px
}
.VNmodalMsg .mpBtnArea .btnCancel,
.VNmodalMsg .mpBtnArea .btnCancel a,
.VNmodalMsg2 .mpBtnArea .btnCancel,
.VNmodalMsg2 .mpBtnArea .btnCancel a {
  width: 108px;
  background-position: 0 -600px;
}
.VNmodalMsg .btnWOSOnlyCode,
.VNmodalMsg2 .btnWOSOnlyCode {
  margin: 0 auto 17px;
  height: 26px;
}
.VNmodalMsg .btnWOSOnlyCode .orderBtn,
.VNmodalMsg2 .btnWOSOnlyCode .orderBtn {
  background-position: 0 -1800px;
  width: 115px;
}
.VNmodalMsg .btnWOSOnlyCode .orderBtn a,
.VNmodalMsg2 .btnWOSOnlyCode .orderBtn a {
  background-position: 0 -1800px;
  width: 115px;
}
.VNmodalMsg .btnWOSOnlyCode .orderBtn span,
.VNmodalMsg2 .btnWOSOnlyCode .orderBtn span {
  background-position: 0 -2000px;
  width: 115px;
}
.VNmodalMsg .btnWOSOnlyCode .addCartBtn,
.VNmodalMsg2 .btnWOSOnlyCode .addCartBtn {
  background-position: 0 -1800px;
  width: 115px;
  margin-left: 17px;
}
.VNmodalMsg .btnWOSOnlyCode .addCartBtn a,
.VNmodalMsg2 .btnWOSOnlyCode .addCartBtn a {
  background-position: 0 -1750px;
  width: 115px;
}
.VNmodalMsg .btnWOSOnlyCode .addCartBtn span,
.VNmodalMsg2 .btnWOSOnlyCode .addCartBtn span {
  background-position: 0 -1950px;
  width: 115px;
}
.VNmodalMsg .btnWOSOnlyCode .cancelBtn,
.VNmodalMsg2 .btnWOSOnlyCode .cancelBtn {
  background-position: 0 -1700px;
  width: 76px;
  margin-left: 17px;
}
.VNmodalMsg .btnWOSOnlyCode .cancelBtn a,
.VNmodalMsg2 .btnWOSOnlyCode .cancelBtn a {
  background-position: 0 -1700px;
  width: 76px;
}
.MXPAlert .VNmodalMsgBody {
  color: #333;
  margin: 15px 0 15px 15px;
}
.MXPAlert .btnOKCancel {
  margin-left: 157px
}
/* モードレスダイアログ 非乗っ取り */

.VNmodelessDialogBG {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 500px;
  z-index: 20000;
  filter: alpha(opacity=0);
  -moz-opacity: 0.00;
  opacity: 0.00;
  cursor: pointer;
}
.VNmodelessDialog {
  position: absolute;
  margin: 0 auto;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #999;
  width: 100px;
  height: 200px;
  z-index: 20001;
}
.VN_alertBox {
  background: none repeat scroll 0 0 #FFE4E4;
  border: 1px solid #FF4040;
  color: #000;
  margin: 8px 0;
  padding: 8px 10px;
}
.spec .VN_alertBox {
  background: none;
  padding: 8px 0 5px 5px;
  border: none;
  border-bottom: 1px solid #d2d2d2;
  color: #000;
  margin: 0 0 5px;
}
.category .VN_alertBox {
  background: none;
  padding: 0 0 5px 5px;
  border: none;
  border-bottom: 1px solid #d2d2d2;
  color: #000;
  margin: 0 0 5px;
}
.product .VN_alertBox {
  background: none;
  padding: 8px 0 5px 5px;
  border: none;
  border-bottom: 1px solid #d2d2d2;
  color: #000;
  margin: 0 0 5px;
}
.VN_alertBox .attImportant {
  color: red;
  margin-bottom: 1px;
  background: url(/common/img/sprite_common.gif) no-repeat 2px -986px;
  padding-left: 18px;
 *zoom:1;
}
.VN_alertBox .attNotice {
  background: url(/common/img/sprite_common.gif) no-repeat -185px -1158px;
  padding-left: 20px;
 *zoom:1;
}
.VN_alertBox .attNotice p {
  margin: 0
}
.VN_alertBox .attInfo {
  background: url(/common/img/sprite_common.gif) no-repeat -185px -1198px;
  padding-left: 18px;
 *zoom:1;
}
.VN_alertBox #msg_special_contents {
  margin-left: 18px
}
.vonaFirstVisitWrapper {
  overflow: hidden;
  height: 0;
}
.vonaFirstVisitWrapper .VN_alertBox {
  background: none repeat scroll 0 0 #FFE4E4;
  border: 1px solid #FF4040;
  color: #000;
  margin: 8px 0;
  padding: 0!important;
}
.alertArea .attNotice {
  margin-bottom: 5px!important;
  padding-left: 20px;
  font-weight: bold;
  color: #f00;
  background: url(/common/img/sprite_common.gif) no-repeat -185px -1158px;
}
.vonaFirstVisit {
  position: relative;
  overflow: hidden;
  color: #000 !important;
  font-weight: bold;
  border: 2px solid #ff4040 !important;
  background: #ffe6e6 url(/common/img/bg_alertBox.gif) repeat-x 0 0!important;
}
.vonaFirstVisit .inner {
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid #fff;
}
.vonaFirstVisit .vonaFirstVisitBody {
  padding-left: 23px;
  background: url(/common/img/sprite_common.gif) no-repeat -183px -1250px!important;
}
.vonaFirstVisit .vonaFirstVisitClose {
  position: absolute;
  top: 11px;
  _top: 13px;
  right: 9px;
}
.vonaFirstVisit .vonaFirstVisitClose a {
  float: right;
  color: #000;
  background: url(/common/img/sprite_header.gif) repeat scroll -385px -138px transparent;
  display: block;
  height: 15px;
  line-height: 15px;
  padding-left: 20px;
  overflow: hidden;
}
.VN_pageTopWrapper {
  position: relative;
  z-index: 10000;
}
/*

.page1 .VN_pageTopWrapper {

margin-left:790px;

}

.page2 .VN_pageTopWrapper {

margin-left:1040px;

}

*/

.VN_pageTop {
  display: block;
 *display:none;
  position: fixed;
  z-index: 10000;
  bottom: 35px;
  right: 0;
  width: 45px;
  height: 50px;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.50;
  background: transparent;
}
.VN_pageTop a {
  display: block;
  text-indent: -10000px;
  width: 45px;
  height: 50px;
  background: url(/common/img/sprite_common.gif) transparent no-repeat -155px -1400px!important;
}
.VNmodalMsg .cartAddBox .inner,
.VNmodalMsg2 .cartAddBox .inner {
  padding: 10px 0;
  text-align: center;
}
.VNmodalMsg .cartAddBox .inner table.item,
.VNmodalMsg2 .cartAddBox .inner table.item {
  margin: 0 auto 15px;
  width: 340px;
}
.VNmodalMsg .cartAddBox .inner table.item th,
.VNmodalMsg2 .cartAddBox .inner table.item th {
  font-size: 90%;
  color: #999;
  border-bottom: 1px solid #CCC;
}
.VNmodalMsg .cartAddBox .inner table.item td,
.VNmodalMsg2 .cartAddBox .inner table.item td {
  padding: 3px 0
}
.VNmodalMsg .cartAddBox .inner table.item td.model,
.VNmodalMsg2 .cartAddBox .inner table.item td.model {
  font-weight: bold;
  color: #000;
  text-align: left;
}
.VNmodalMsg .cartAddBox .inner table.item .amount,
.VNmodalMsg2 .cartAddBox .inner table.item .amount {
  text-align: right
}
.VNmodalMsg .cartAddBox .inner ul.btnlist,
.VNmodalMsg2 .cartAddBox .inner ul.btnlist {
  height: 26px;
  text-align: center;
  margin: 0 auto;
  width: 176px;
}
.VNmodalMsg .cartAddBox .inner ul.btnlist li a,
.VNmodalMsg2 .cartAddBox .inner ul.btnlist li a {
  text-indent: -10000px;
  height: 26px;
  background: url(/common/img/mypage/sprite_floating.png) no-repeat;
  display: block;
}
.VNmodalMsg .cartAddBox .inner ul.btnlist li.checkCartBtn,
.VNmodalMsg2 .cartAddBox .inner ul.btnlist li.checkCartBtn {
  float: left
}
.VNmodalMsg .cartAddBox .inner ul.btnlist li.checkCartBtn a,
.VNmodalMsg2 .cartAddBox .inner ul.btnlist li.checkCartBtn a {
  background-position: 0 -1500px;
  width: 98px;
}
.VNmodalMsg .cartAddBox .inner ul.btnlist li.closeBtn,
.VNmodalMsg2 .cartAddBox .inner ul.btnlist li.closeBtn {
  float: right
}
.VNmodalMsg .cartAddBox .inner ul.btnlist li.closeBtn a,
.VNmodalMsg2 .cartAddBox .inner ul.btnlist li.closeBtn a {
  background-position: 0 -400px;
  width: 60px;
}
/* アピールバルーン */

.SBMergeAlert {
  position: absolute;
  width: 210px;
  height: 42px;
  left: 442px;
  top: 15px;
  background: url(/common/img/balloon/search_box_balloon.gif) no-repeat;
}
.SBMergeAlert .SBMergeAlertClose {
  position: absolute;
  display: block;
  width: 11px;
  height: 11px;
  right: 6px;
  top: 12px;
  font-size: 1px;
  text-indent: -10000px;
}
/* アピールバルーン */

.GKAAppealAlert {
  position: absolute;
  width: 340px;
  height: 46px;
  right: -12px;
  top: 40px;
  background: url(/common/img/balloon/gka_appeal.gif?d=20131128_2) no-repeat;
}
.GKAAppealAlert .GKAAppealAlertClose {
  position: absolute;
  display: block;
  width: 11px;
  height: 11px;
  right: 6px;
  top: 12px;
  font-size: 1px;
  text-indent: -10000px;
}
/* チャットアピール */

.chatAppealAlert {
  position: absolute;
  width: 80px;
  height: 57px;
  right: 175px;
  top: -22px;
  background: url(/common/img/balloon/chat_appeal.gif) no-repeat;
  z-index:30000 !important;
}
.chatAppealAlert .chatAppealAlertClose {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  right: 5px;
  top: 7px;
  font-size: 1px;
  text-indent: -10000px;
  background:none;
}
/*
/*



------------------------------------------------



UNIT



------------------------------------------------



*/



.unitArea {
  clear: both;
  margin-bottom: 15px;
  position: relative;
}
.unitArea .count {
  position: absolute;
  top: 9px;
  right: 10px;
  font-weight: bold;
  width:200px;
  text-align:right;
}
.recommendBody .count {
  top: 4px;
}
.unitArea ul li {
  float: left;
  display: block;
  width: 228px;
  /*height: 240px;*/

  border: #CCC solid 1px;
  margin-left: 10px !important;
}
.unitArea ul li a img {
  margin: 5px 0 0 10px;
}
.unitArea ul li a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.unitArea_top {
  display: block;
  width: 228px;
  height: 140px;
  border-bottom: #CCC solid 1px;
}
.unitArea_bottom {
  display: block;
  padding: 8px 12px;

}
.unitArea_bottom .unitArea_title {

  height: 34px;
}
.unitArea_bottom .unitArea_tagArea {

  height: 50px;
  padding: 5px 0 0 0;
}
.unitArea_btn {
  float: left;
  background-color: #ffffff;
  border: #004BB1 solid 1px;
  font-size: 12px;
  
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: top;
  *display: inline; /* for lte ie7 */
  *zoom: 1; /* for lte ie7 */

  margin: 6px 10px 0 0;
}
.unitArea_btn a {
  padding: 0 7px;
  display: block;
}
.unitArea_btn a:visited {
  color: #004BB1;
}
.unitArea_btn a:hover {
  float: left;
  display: block;
  background-color: #6D93C7;
  font-size: 12px;
  color: #FFFFFF;
}
.unitArea_boxleft {
  float: left;
  text-align: right;

  margin-top: 77px;
  padding-right: 10px;
}
.page1 .unitArea_boxleft {
  width: 95px;
}
.page2 .unitArea_boxleft {
  width: 95px;
}
.unitArea_box {
  float: left;
  overflow: hidden;
  padding: 0 10px 0 0;
}
.page1 .unitArea_box {
  width: 720px;
}
.page2 .unitArea_box {
  width: 960px;
}
.unitArea_box ul {
  width: 20000px;
}
.unitArea_boxright {
  float: left;
  text-align: left;

  margin-top: 77px;
  padding-left: 10px;
}
.page1 .unitArea_boxright {
  width: 105px;
}
.page2 .unitArea_boxright {
  width: 115px;
}
.unitArea_eglibLink {
  text-align: right;
  margin-bottom: 40px;
}

/* -----------------
チャット機能
----------------- */

.callChatModal {
  width:440px;
}
.callChatModal .VNmodalMsgBody {
  margin:60px 35px 0;
}
.callChatModal .callChatTitle {
  position:absolute;
  top:0;
  left:0;
  
  text-indent:-10000px;
  
  background: #1e1e1e url(/common/img/sprite_common.gif) no-repeat center -1950px;
  width:440px;
  height:40px;
}
.callChatModal .closeBtn {
  position:absolute;
  right:13px;
  top:13px;
  background: #1e1e1e url(/common/img/sprite_common.gif) no-repeat -90px -466px;
  width:11px;
  height:12px;
}
.callChatModal .closeBtn a {
  display:block;
  width:11px;
  height:12px;
}
.callChatModal .readText {
  margin-bottom:12px;
}
.callChatModal .remarks {
  margin-bottom:18px;
}
.callChatModal .chatBtn,
.callChatModal .chatNote {
  margin-bottom:15px;
  text-align:center;
}