/* ========== FONT SIZE ========== */ /* LLL */ .lll { font-size: 64px; line-height: 74px; } /* LL */ .ll { font-size: 32px; line-height: 44px; font-weight: bold; } .lln { font-size: 32px; line-height: 37px; font-weight: bold; } .llh { font-size: 32px; line-height: 56px; font-weight: bold; } /* L */ .l { font-size: 21px; line-height: 29px; font-weight: bold; } .ln { font-size: 21px; line-height: 24px; font-weight: bold; } .lh { font-size: 21px; line-height: 36px; font-weight: bold; } /* M */ .m { font-size: 16px; line-height: 22px; } .mb { font-size: 16px; line-height: 22px; font-weight: bold; } .mh { font-size: 16px; line-height: 28px; } .mn { font-size: 16px; line-height: 18px; } .mbn { font-size: 16px; line-height: 18px; font-weight: bold; } .mbnw { font-size: 16px; line-height: 18px; font-weight: bold; color: #ffffff; } .mw { font-size: 16px; line-height: 22px; color: #ffffff; } .mm { font-size: 14px; line-height: 21px; line-break: strict;} .mmn { font-size: 15px; line-height: 16px; line-break: strict;} /* S */ .s { font-size: 14px; line-height: 20px; } .sb { font-size: 14px; line-height: 20px; font-weight: bold; } .sn { font-size: 14px; line-height: 16px; } .sh { font-size: 14px; line-height: 24px; } .sbn { font-size: 14px; line-height: 16px; font-weight: bold; } .sbh { font-size: 14px; line-height: 24px; font-weight: bold; } .sw { font-size: 14px; line-height: 20px; color: #ffffff; } .sbw { font-size: 14px; line-height: 20px; font-weight: bold; color: #ffffff; } /* SS */ .ss { font-size: 12px; line-height: 16px; } .ssb { font-size: 12px; line-height: 16px; font-weight: bold; } .ssn { font-size: 12px; line-height: 14px; } .ssh { font-size: 12px; line-height: 20px; } .ssh2 { font-size: 12px; line-height: 25px; } .ssbn { font-size: 12px; line-height: 14px; font-weight: bold; } .ssbh { font-size: 12px; line-height: 20px; font-weight: bold; } .ssbw { font-size: 12px; line-height: 16px; font-weight: bold; color: #ffffff; } .ssbnw{ font-size: 12px; line-height: 14px; font-weight: bold; color: #ffffff; } .ssw { font-size: 12px; line-height: 16px; color: #ffffff; } .ssnw { font-size: 12px; line-height: 14px; color: #ffffff; } .sshw { font-size: 12px; line-height: 20px; color: #ffffff; } /* SSS */ .sss { font-size: 11px; line-height: 14px; } .sssb { font-size: 11px; line-height: 14px; font-weight: bold;} .sssn { font-size: 11px; line-height: 12px; } .sssh { font-size: 11px; line-height: 17px; } .sssbn{ font-size: 11px; line-height: 12px; font-weight: bold; } .sssbh{ font-size: 11px; line-height: 17px; font-weight: bold; } .sssw { font-size: 11px; line-height: 14px; color: #ffffff; } .sssnw { font-size: 11px; line-height: 12px; color: #ffffff; } .ssshw { font-size: 11px; line-height: 17px; color: #ffffff; } /* XS */ /* (USE FOR ENGLISH ONLY, NOT FOR 2BYTE FONT LIKE JAPANESE) */ .xs { font-size: 10px; line-height: 13px } .xsb { font-size: 10px; line-height: 13px; font-weight: bold } .xsn { font-size: 10px; line-height: 11px } .xsh { font-size: 10px; line-height: 16px } .xsw { font-size: 10px; line-height: 13px; color: #ffffff; } .xsnw { font-size: 10px; line-height: 11px; color: #ffffff; } /* XXS */ /* (USE FOR ENGLISH ONLY, NOT FOR 2BYTE FONT LIKE JAPANESE) */ .xxs { font-size: 9px; line-height: 11px; } /* リンク */ a { text-decoration:none; color:navy} a:hover { color: darkorange; text-decoration: underline; } a:visited { color: navy; } a:active { color: darkred; } /* ヘッダ・メインNAVI */ #navi01 a { display:block; height:26px; background:url(cmnimg/spacer.gif) repeat-x; font-size:12px; line-height:26px; font-family: 'Arial', sans-serif; color:#007; text-decoration:none; padding:0 8px; white-space:nowrap; } #navi01 a:visited { color : #007; } #navi01 a:hover { background-image:url(cmnimg/btn_gray.gif); background-repeat:repeat-x; color:#fff; } .menu { position:absolute; z-index:5; margin-top:-1px; height:28px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } /* .pco { height:26px; background:url(cmnimg/btn_f2.gif) repeat-x; font-size:12px; line-height:26px; padding:0 8px; white-space: nowrap; color:#fff; } */ #pco a { display:block; height:26px; background:url(cmnimg/btn_f2.gif) repeat-x; font-size:12px; line-height:26px; color:#fff; text-decoration:none; padding:0 8px; white-space:nowrap; } #pco a:hover { text-decoration:none; } /* サブNAVI */ .subNavi { width:136px; background-image:url(scoimg/bg_side.jpg); background-repeat:no-repeat; vertical-align:top; } #navi03 a:hover { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; background-color:#0b3; text-decoration:none; color:#fff; } .currentitem { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; background-color:#039; color:#fff; width:130px; padding-top:2px; padding-bottom:4px; } #navi04 a { display:block; width:100%; height:19px; background-color:#03b; font-size:11px; line-height:19px; font-family: 'Arial', sans-serif; color:#fff; text-decoration:none; padding-left:10px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; margin-top:1px; } /* border-style:solid; border-width:0 1 1 0; border-color:#999; */ #navi04 a:visited { color : #eee; } #navi04 a:hover { background-color:#fff; color:#007; } /* フッタ・サブNAVI */ #navi02 a { display:block; height:32px; background:url(cmnimg/btn_c.gif) repeat-x; font-size:11px; line-height:29px; color:#444; text-decoration:none; padding:0 5px; white-space:nowrap; } #navi02 a:visited { color:#555; } #navi02 a:hover { background:url(cmnimg/btn_c_f2.gif) repeat-x; color:#222; } /* その他 */ body { margin: 0px; color:#222; background:#dfdfdf url(cmnimg/bg_grade.gif) repeat-x left top; font-family: 'Arial', sans-serif; } td, div { line-break: strict; } td, img, div, input { behavior: url("jslib/iepngfix.htc") } h1 { font-size:32px; line-height:1.3em; margin:0px; font-family:'Arial'; } h2 { font-size:24px; line-height:1.3em; margin:0px; font-family:'Arial'; } h3 { font-size:18px; line-height:1.3em; margin:0px; font-family:'Arial'; } h4 { font-size:16px; line-height:1.4em; margin:0px; font-family:'Arial'; } h5 { font-size:14px; line-height:1.4em; margin:0px; font-family:'Arial'; } h6 { font-size:10px; line-height:1.4em; font-weight:normal; margin:0px; } #meiryo { font-family:'Arial'; } #justyfy { line-break: strict; text-align:justify; text-justify:inter-ideograph; } .bg-l { width:9px; vertical-align:top; background:url(cmnimg/bg_l.gif) repeat-y right top; } .bg-r { width:9px; vertical-align:top; background:url(cmnimg/bg_r.gif) repeat-y left top; } .bar01 { background:url(cmnimg/btn_white.gif) repeat-x; } .icon { margin-left:5px; margin-right:5px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } .category { font-size:10px; line-height:14px; color:#222; margin-left:10px; } .products { font-size:18px; line-height:18px; font-family:Arial; color:#222; margin-left:10px; } .posi_sub { position:absolute; z-index:5; margin-top:150px; visibility: hidden; } .hand { cursor: pointer; cursor: hand; } .t_parency40 { filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; } .t_parency50 { filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; } .t_parency60 { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } .t_parency70 { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } .t_parency80 { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } .t_parency90 { filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; } .space_both { margin-left:15px; margin-right:21px; } .space_right { margin-right:3px; margin-top:3px; } .space_top { margin-top:5px; margin-bottom:5px; } .space_top2 { margin-top:5px; } .mainTable { width:750px; height:548px; vertical-align:top; background-color:#fff; background-image:url(cmnimg/bg_table.jpg); background-repeat:no-repeat; } .wear { height:26px; background-image:url(scoimg/btn_f2.gif); background-repeat:repeat-x; font-size:12px; line-height:26px; color:#fff; padding-left:8px; padding-right:8px; white-space: nowrap; } /* 新製品ページ */ .belt { font-size:12px; line-height:20px; letter-spacing:1px; border:solid 1px #bbb; margin:10px 0; background:#fff; font-family:'Arial'; } .belt2 { font-size:12px; line-height:20px; border:solid 1px #bbb; margin:10px 0; background:#fff; } .cate { float:left; line-height:20px; background:#333; color:#fff; padding:0 1em; margin-right:10px; } .cate2 { float:left; line-height:20px; background:#333; color:#fff; padding:0 0.5em; margin-right:2px; } .cell { border:solid 1px #bbb; padding:0 10px 10px; vertical-align:top; } #w100 { width:100% } #w49 { width:49%; } #w30 { width:30%; } #w24 { width:24%; } #w5 { width:5%; } #w4 { width:4%; } #w2 { width:2%; } .bcopy { font-size:11px; line-height:15px; } .subcatch { font-size:12px; line-height:16px; font-weight:bold; color:navy; margin-bottom:4px; } .shin { float:left; margin-right:5px; line-height:11px; border:solid 1px #999; padding:3px 3px 0 5px; background:#fff; } .hinban { font-size:12px; line-height:16px; font-family:Arial; font-weight:bold; } #item { width:680px; margin:20px auto 10px; text-align:left; background:#666; color:#fff; line-height:24px; } .item_title01 { float:left; font-size:11px; background:#357; color:#fff; padding:0 1em; margin-right:10px; } .item_elem01 { font-size:12px; line-height:20px; background:#def; }