/*@charset "utf-8";*/ /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// FONT SIZE ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ .fontLL{ font-size:134%; } .fontL{ font-size:117%; } .fontM{ font-size:100%; } .fontS{ font-size:90%; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// TEXT ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ .txtB{ font-weight:bold; } .txtClrRed{ color:#eb000d; } .txtKeyword{ color:#2f9cd6; } .zoom{ zoom:1; } .paragraphA01{ padding-bottom:0.8em; } .paragraphA02{ padding-bottom:1.2em; } .paragraphA03{ padding-bottom:2.1em; } .paragraphA04{ padding-bottom:2.8em; } .paragraphA05{ padding-bottom:0.5em; } .price01{ font-size:100%; background:url(/img/common/ico/price.gif) no-repeat 0 0.15em; padding-left:18px; } .price02{ font-size:117%; background:url(/img/common/ico/price.gif) no-repeat 0 0.25em; padding-left:19px; } .price02 em{ font-weight:bold; } .price03{ font-size:100%; background:url(/img/common/ico/price.gif) no-repeat 0 0; padding:1px 0 1px 18px; } .regular-purchase01{ padding-left:18px; background:url(/img/common/ico/link_a05.gif) no-repeat 0 0; font-weight:normal; } /* add 2010.12.15 shigihara */ .linkExclamation{ padding-left:18px; display:inline-block; /display:inline; background:url(/img/common/ico/link_exclamation.gif) no-repeat 0 0.1em; zoom:1; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// ALIGN ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ .alignLeft { text-align:left; } .alignRight { text-align:right; } .alignCenter{ text-align:center; } .alignTop { vertical-align:top; } .alignMiddle{ vertical-align:middle; } .alignBottom{ vertical-align:bottom; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// SECTION ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ .sectionA01{ padding-bottom:2em; } .sectionA02{ padding-bottom:0.8em; } .sectionA03{ padding-bottom:3.4em; } .sectionA04{ padding-bottom:2.6em; } .sectionA05{ padding-bottom:1em; } /* add 091029 */ .sectionA06{ padding-top:2em; } .sectionA07{ padding-bottom:1.5em; } /* add 091029 */ /* add 091125 */ .sectionA08{ padding-bottom:0.2em; } /* add 091125 */ .sectionA01, .sectionA02, .sectionA03, .sectionA04, .sectionA05, .sectionA06,/* add 091029 */ .sectionA07,/* add 091029 */ .sectionA08/* add 091125 */{ /*overflow:hidden;*/ zoom:1; } .sectionA01:after, .sectionA02:after, .sectionA03:after, .sectionA04:after, .sectionA05:after, .sectionA06:after,/* add 091029 */ .sectionA07:after,/* add 091029 */ .sectionA08:after/* add 091125 */{ clear:both; content:"."; display:block; height:0; visibility:hidden; } /* 100905 yahooID attentionbox */ .y-attention{ padding:8px; background-color:#FEEDED; margin-bottom:2em; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// SEPARATOR ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ div.separatorA01{ background:url(/img/common/element/line01.gif) repeat-x; height:1px; overflow:hidden; margin:0.6em 0; clear:both; } div.separatorB01{ background:#e7e7e7; height:1px; overflow:hidden; margin:0.6em 0; clear:both; } div.separatorA01 hr, div.separatorB01 hr{ display:none; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// FLOAT / POSITION ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ .posLeft { float:left; } .posRight{ float:right; } .posClear{ clear:both; } .imgPosLeft { float:left; padding:0 8px 4px 0; } .imgPosRight{ float:right; padding:0 0 4px 8px; } .clearfix{ overflow:hidden; zoom:1; clear:both; } .clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .posRelative{ position:relative; z-index:3; } div.imageUnitLeftA01, div.imageUnitRightA01{ margin:0 0 0.8em; zoom:1; } div.imageUnitLeftA01:after, div.imageUnitRightA01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.imageUnitLeftA01 p.imageUnit-image{ float:left; margin:0 12px 12px 0; } div.imageUnitRightA01 p.imageUnit-image{ float:right; margin:0 0 12px 12px; } div.imageUnitLeftA01 div.imageUnit-body, div.imageUnitRightA01 div.imageUnit-body{ display:table; zoom:1; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// HEADING ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ h2.headingNormal, h3.headingNormal{ background:#fff url(/img/common/heading/h2_normal_bg.gif) right top; } h2.headingNormal02, h3.headingNormal02 /* yellow */{ background:#fff url(/img/common/heading/h2_normal02_bg.gif) no-repeat right top; } h2.headingNormal03, h3.headingNormal03 /* blue */{ background:#fff url(/img/common/heading/h2_normal03_bg.gif) no-repeat right top; } h2.headingNormal04, h3.headingNormal04 /* pink */{ background:#fff url(/img/common/heading/h2_normal04_bg.gif) no-repeat right top; } h2.headingNews{ background:#fff url(/img/common/heading/h2_news_bg.gif) no-repeat right top; } h2.headingCheck{ background:#fff url(/img/common/heading/h2_check_bg.gif) no-repeat right top; } h2.headingCategory{ background:#fff url(/img/common/heading/h2_category_bg.gif) no-repeat right top; } h2.headingDistress{ background:#fff url(/img/common/heading/h2_distress_bg.gif) no-repeat right top; } /* add 091029 */ h2.headingLink{ background:#fff url(/img/common/heading/h2_link_bg.gif) no-repeat right top; } /* add 091029 */ /* add 091027 */ h3.headingLogout{ font-weight: bold; font-size: 150%; color: #ff000e; margin-bottom: 0.5em; } h3.headingLogout img{ padding-left: 5px; } /* add 091027 */ h2.headingNormal, h2.headingNormal02, h2.headingNormal03, h2.headingNormal04, h3.headingNormal, h3.headingNormal02, h3.headingNormal03, h3.headingNormal04, h2.headingNews, h2.headingCheck, h2.headingCategory, h2.headingDistress, h2.headingLink/* add 091029 */{ border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:13px 0 9px 9px; margin-bottom:0.6em; } h2.headingDistress{ padding:15px 0 9px 48px; } h2.headingNews img, h2.headingCheck img, h2.headingDetail img{ vertical-align:middle; margin-right:16px; } h2.headingNews span, h2.headingCheck span{ font-size:90%; color:#666; font-weight:normal; } *html h2.headingNews, *html h2.headingCheck, *html h2.headingMedia{ padding-bottom:11px; } *:first-child+html h2.headingNews, *:first-child+html h2.headingCheck, *:first-child+html h2.headingMedia{ padding-bottom:11px; } /* headingA ------------------------------------ */ h1.headingA01{ margin-bottom:0.8em; } h2.headingA01, h3.headingA01, h4.headingA01, h5.headingA01, h6.headingA01{ margin-bottom:0.6em; } h1.headingA02{ margin:0.8em 0 0.8em 0 ; } h2.headingA02, h3.headingA02, h4.headingA02, h5.headingA02, h6.headingA02{ margin-top:1.2em; margin-bottom:0.6em; } /* add 091027 */ h2.headingA03{ margin-bottom:4em; } /* add 091027 */ /* headingB ------------------------------------ */ h2.headingB01, h3.headingB01, h2.headingB03, h3.headingB03, h2.headingB04, h3.headingB04, h2.headingB05, h3.headingB05{ border-bottom:4px solid #aaa; margin-bottom:0.6em; } /* add 091125 */ h2.headingB06, h3.headingB06{ border-bottom:2px solid #aaa; margin-bottom:0.3em; } /* add 091125 */ h2.headingB02, h2.headingB03, h3.headingB03, h2.headingB05, h3.headingB05{ margin-bottom:0.6em; zoom:1; border-bottom-width:4px; border-bottom-style:solid; } h2.headingB02{ border-bottom-color:#fde6e7; color:#ff5277; } h2.headingB03, h3.headingB03{ border-bottom-color:#fff0c8; } h2.headingB05, h3.headingB05{ border-bottom-color:#d0ecf4; color:#2c99c7; } h2.headingB02 span, h3.headingB05 span, h2.headingB05 span{ padding:8px 40px 4px 18px; zoom:1; } h2.headingB02 span{background:#fde6e7;} h3.headingB05 span, h2.headingB05 span{background:#d0ecf4} h2.headingB02 span img, h3.headingB02 span img, h2.headingB05 span img, h3.headingB05 span img{ vertical-align:middle; } h3.headingB02 { color:#FF9300; } h2.headingB04, h3.headingB04{ padding-top:0.4em; } h2.headingB04 span, h3.headingB04 span{ color:#fff; font-weight:bold; background:#aaa; padding:8px 16px 5px 16px; } h2.headingB04 span a, h3.headingB04 span a{ color:#fff; } /* headingC ------------------------------------ */ h1.headingC01, p.headingC01{ font-size:134%; letter-spacing:0.1em; background:url(/img/common/heading/h1_mark01.gif) repeat-y; padding:6px 0 2px 22px; margin-bottom:0.8em; zoom:1; } h1.headingC01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } h1.headingC01 span.liner{ float:right; } p.headingC01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } p.headingC01 span.liner{ float:right; } h2.headingC02, h3.headingC02, h4.headingC02{ background:url(/img/common/heading/h3_mark01.gif) no-repeat 0 0.3em; padding-left:16px; margin-bottom:0.6em; } h2.headingC03, h3.headingC03, h4.headingC03{ background:url(/img/common/ico/listmark01.gif) no-repeat 0 0.45em; border-bottom:1px solid #d3d3d3; padding:0 0 1px 12px; margin-bottom:0.6em; } h1.txtlink{ text-align:right; } h1.txtlink span.title{ float:left; } h1.txtlink .regular-purchase01{ font-size:75%; } /* add 091125 */ h2.headingC04, h3.headingC04, h4.headingC04{ background:url(/img/common/ico/listmark01.gif) no-repeat 0 0.45em; border-bottom:1px solid #d3d3d3; padding:0 0 1px 12px; margin-bottom:0.2em; } /* add 091125 */ /* headingD 091112追加------------------------------------ */ h3.headingD01 { border-bottom:4px solid #BBD949; margin-bottom:0.6em; padding-top:0.4em; } h3.headingD01 p{ color:#fff; width:170px; font-weight:bold; background:#BBD949; padding:5px 16px 0px 16px; font-size:12px; } h3.headingD02 { border-bottom:4px solid #FEE9E6; margin-bottom:0.6em; padding-top:0.4em; } h3.headingD02 p{ color:#FD8C8A; width:170px; font-weight:bold; background:#FEE9E6; padding:5px 16px 0px 16px; font-size:12px; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// BLOCK ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ /* 1column block1A,B,C** block1*01 - glay block1*02 - pink block1*03 - blue block1*04 - yellow block1A - background block1B - background+img block1B - no background ------------------------------------ */ div.block1A01, div.block1A02, div.block1A03, div.block1A04, div.block1B01, div.block1B02, div.block1B03, div.block1C01, div.block1C02, div.block1C03{ padding:16px; margin:0 0 0.8em; clear:both; zoom:1; } div.block1A01:after, div.block1A02:after, div.block1A03:after, div.block1A04:after, div.block1B01:after, div.block1B02:after, div.block1B03:after, div.block1C01:after, div.block1C02:after, div.block1C03:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.block1A01, div.block1B01{background:#f2f2f2;} div.block1A02, div.block1B02{background:#feeded;} div.block1A03, div.block1B03{background:#e5f3f8;} div.block1A03point{background:#ffefdb;}/* point_orange */ div.block1A04{background:#fff8e6;} .block1A01 h3, .block1A01 h4, .block1A01 h5, .block1A02 h3, .block1A02 h4, .block1A02 h5, .block1A03 h3, .block1A03 h4, .block1A03 h5, .block1A03point h3,/* point_orange */ .block1A03point h4,/* point_orange */ .block1A03point h5,/* point_orange */ .block1C01 h3, .block1C01 h4, .block1C01 h5, .block1C02 h3, .block1C02 h4, .block1C02 h5, .block1C03 h3, .block1C03 h4, .block1C03 h5{ margin:-16px -16px 0.6em; padding:8px 16px; } .block1B01 h3, .block1B01 h4, .block1B01 h5, .block1B02 h3, .block1B02 h4, .block1B02 h5, .block1B03 h3, .block1B03 h4, .block1B03 h5{ zoom:1; padding:8px 16px; overflow:hidden; } .block1A01 h3, .block1A01 h4, .block1A01 h5, .block1B01 h3, .block1B01 h4, .block1B01 h5, .block1C01 h3, .block1C01 h4, .block1C01 h5{ background:#eaeaea; color:#666; } .block1A02 h3, .block1A02 h4, .block1A02 h5, .block1B02 h3, .block1B02 h4, .block1B02 h5, .block1C02 h3, .block1C02 h4, .block1C02 h5{ background:#ffe3e3; color:#ff5277; } .block1A03 h3, .block1A03 h4, .block1A03 h5, .block1B03 h3, .block1B03 h4, .block1B03 h5, .block1C03 h3, .block1C03 h4, .block1C03 h5{ background:#d0ecf4; color:#2c99c7; } /* point_orange */ .block1A03point h3, .block1A03point h4, .block1A03point h5{ background:#ffdcb3; color:#2c99c7; } .block1A01 .innrBlock{ background:#fff; padding:8px 12px; margin-top:0.6em; } .block1Inline01{ height:150px; overflow:auto; border:1px solid #e0e0e0; padding:12px 16px; } /* point_orange */ .pointInnerBox{ background:#fffaf3; padding:5px; margin:10px 0 0 0; } /* 2 columns blockA01 ------------------------------------ */ div.block2A01{ background:url(/img/common/element/line02.gif) repeat-y 352px 0px; /*padding-bottom:4px;*/ clear:both; zoom:1; } div.block2A02{ /*background:url(/img/common/element/bg_block2a02.gif) repeat-y;*/ /*padding-bottom:4px;*/ clear:both; zoom:1; } div.block2A01:after, div.block2A02:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.block2A01 dt, div.block2A02 dt{ margin-bottom:0.6em; display:block; } div.block2A01First{ width:336px; float:left; } div.block2A01Last{ width:336px; float:right; } div.block2A02First{ width:340px; float:left; height:auto; } div.block2A02Last{ width:340px; float:right; height:auto; } div.block2A02_clear { clear:both; height:1px; width:100%; } /* 3 columns block3A** block3*01 - glay block3*02 - pink block3*03 - blue block1A - no background block1A-col* - background ------------------------------------ */ div.block3A01{ background:url(/img/common/element/line_block_a01.gif) repeat-y; padding-bottom:4px; clear:both; zoom:1; } div.block3A01 dt{ position:relative; margin-bottom:8px; } div.block3A01 dt span{ position:absolute; top:0px; left:152px; } div.block3A01First{ width:212px; float:left; padding-right:16px; } div.block3A01Mid{ width:214px; float:left; padding:0 17px; } div.block3A01Last{ width:212px; float:right; } div.block3A01-col3, div.block3A01-col2, div.block3A01-col1, div.block3A02-col3, div.block3A02-col2, div.block3A02-col1, div.block3A03-col3, div.block3A03-col2, div.block3A03-col1{ clear:both; margin:0 -13px 0 0; zoom:1; } div.block3A01-col3, div.block3A01-col2, div.block3A01-col1{ background:url(/img/common/element/bg_block3a01.gif) repeat-y; } div.block3A02-col3, div.block3A02-col2, div.block3A02-col1{ background:url(/img/common/element/bg_block3a02.gif) repeat-y; } div.block3A03-col3, div.block3A03-col2, div.block3A03-col1{ background:url(/img/common/element/bg_block3a03.gif) repeat-y; } div.block3A01-col2, div.block3A02-col2, div.block3A03-col2{background-position:-238px 0;} div.block3A01-col1, div.block3A02-col1, div.block3A03-col1{background-position:-476px 0;} div.block3A01:after, div.block3A01-col3:after, div.block3A01-col2:after, div.block3A01-col1:after, div.block3A02-col3:after, div.block3A02-col2:after, div.block3A02-col1:after, div.block3A03-col3:after, div.block3A03-col2:after, div.block3A03-col1:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.block3A01-col3 .block1A01, div.block3A01-col2 .block1A01, div.block3A01-col1 .block1A01, div.block3A02-col3 .block1A02, div.block3A02-col2 .block1A02, div.block3A02-col1 .block1A02, div.block3A03-col3 .block1A03, div.block3A03-col2 .block1A03, div.block3A03-col1 .block1A03{ width:200px; padding:14px; margin:0 10px 0 0; float:left; clear:none; } div.block3A01-col3 div.block1A01 h3, div.block3A01-col3 div.block1A01 h4{ margin:-16px -14px 0.8em; padding:8px 14px; } div.block3A01-col3 div.block1A01 h3.headingB04{ width:200px; background:#fff; margin:-16px 0 1.3em -14px; padding-bottom:0; } div.block3A01-col3 div.block1A01 h3.headingB04 span{ margin-left:-14px; } *html div.block3A01-col3 div.block1A01 h3.headingB04{width:214px; margin:-16px -14px 1.3em -28px;} *html div.block3A01-col3 div.block1A01 h3.headingB04 span{margin-left:0px;} /* 3 columns block3C** block3*01 - glay block3*02 - pink block3*03 - blue block1C-col* - no background ------------------------------------ */ div.block3C01, div.block3C02, div.block3C03{ clear:both; margin:0 -13px 0 0; zoom:1; } div.block3C01 .block1C01, div.block3C02 .block1C02, div.block3C03 .block1C03{ width:196px; padding:16px; margin:0 10px 0 0; clear:none; float:left; /float:none; /display:inline; /vertical-align:top; /zoom:1; } div.block3C01 .block1C01:first-child + .block1C01 + .block1C01 + .block1C01, div.block3C01 .block1C01:first-child + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01, div.block3C01 .block1C01:first-child + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01, div.block3C02 .block1C02:first-child + .block1C01 + .block1C01 + .block1C01, div.block3C02 .block1C02:first-child + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01, div.block3C02 .block1C02:first-child + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01, div.block3C03 .block1C03:first-child + .block1C01 + .block1C01 + .block1C01, div.block3C03 .block1C03:first-child + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01, div.block3C03 .block1C03:first-child + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01 + .block1C01{ clear:left; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// TEXT LIST ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ ul.listMarkNone, ul.listMarkNone li{ list-style:none; margin:0; } ul.listMarkA01, ul.listMarkCheck{ list-style:none; margin:0; } ul.listMarkA01 li{ background:url(/img/common/ico/listmark01.gif) no-repeat 0 0.45em; padding-left:15px; } ul.listMarkCheck li{ background:url(/img/common/ico/listmark_check.gif) no-repeat 0 0.25em; padding-left:17px; } ol.listNum01 li{ margin-bottom:1.2em; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// LINK LIST / TEXT LINK ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ /* linkListA* - ico small linkListB* - ico large linkListC* - ico small+inline linkListD* - ico large+inline (add 091029) linkBlank - ico blank linkPdf - ico pdf linkList*01 - red linkList*02 - glay linkList*03 - blue linkList*04 - yellow ul.linkList**s - fontsize small ul.linkList**R - float right ------------------------------------ */ ul.linkListA01, ul.linkListA01s, ul.linkListA01R, ul.linkListA01sR, ul.linkListB01, ul.linkListB01s, ul.linkListB01R, ul.linkListB01sR, ul.linkListB02, ul.linkListB02s, ul.linkListB02R, ul.linkListB02sR, ul.linkListB03, ul.linkListB03s, ul.linkListB03R, ul.linkListB03sR, ul.linkListB04, ul.linkListB04s, ul.linkListB04R, ul.linkListB04sR, ul.linkListC01, ul.linkListC01s, ul.linkListC02, ul.linkListC02s, ul.linkListSideMore,/* add 091208 */ ul.linkListD01,/*add 091029*/ ul.linkBlank, ul.linkBlanks, ul.linkBlankOut, ul.linkBlankOuts, ul.linkBlankR, ul.linkBlanksR, ul.linkBlankOutR, ul.linkBlankOutsR, ul.linkPdf, ul.linkPdfs, ul.linkPdfR, ul.linkPdfsR{ list-style:none; margin:0; } ul.linkListA01s, ul.linkListA01sR, ul.linkListB01s, ul.linkListB01sR, ul.linkListB02s, ul.linkListB02sR, ul.linkListB03s, ul.linkListB03sR, ul.linkListB04s, ul.linkListB04sR, ul.linkListC01s, ul.linkListC02s, ul.linkBlanks, ul.linkBlanksR, ul.linkBlankOuts, ul.linkBlankOutsR, ul.linkPdfs, ul.linkPdfsR{ font-size:90%; } ul.linkListB01 li, ul.linkListB01s li, ul.linkListB01R li, ul.linkListB01sR li, ul.linkListB02 li, ul.linkListB02s li, ul.linkListB02R li, ul.linkListB02sR li, ul.linkListB03 li, ul.linkListB03s li, ul.linkListB03R li, ul.linkListB03sR li, ul.linkListB04 li, ul.linkListB04s li, ul.linkListB04R li, ul.linkListB04sR li, ul.linkListSideMore li,/* add 091208 */ ul.linkListD01 li,/*add 091029*/ ul.linkBlank li, ul.linkBlanks li, ul.linkBlankR li, ul.linkBlanksR li, ul.linkBlankOut li, ul.linkBlankOuts li, ul.linkBlankOutR li, ul.linkBlankOutsR li, ul.linkPdf li, ul.linkPdfs li, ul.linkPdfR li, ul.linkPdfsR li{ padding-left:16px; margin:0; } ul.linkListA01R, ul.linkListA01sR, ul.linkListB01R, ul.linkListB01sR, ul.linkListB02R, ul.linkListB02sR, ul.linkListB03R, ul.linkListB03sR, ul.linkListB04R, ul.linkListB04sR, ul.linkListSideMore,/* add 091208 */ ul.linkBlankR, ul.linkBlanksR, ul.linkBlankOutR, ul.linkBlankOutsR, ul.linkPdfR, ul.linkPdfsR{ float:right; } ul.linkListA01 li, ul.linkListA01s li, ul.linkListA01R li, ul.linkListA01sR li{ background:url(/img/common/ico/link_a01.gif) no-repeat 0 0.45em; padding-left:10px; margin:0; } ul.linkListB01 li, ul.linkListB01s li, ul.linkListB01R li, ul.linkListB01sR li{ background:url(/img/common/ico/link_b01.gif) no-repeat 0 0.3em; } ul.linkListB02 li, ul.linkListB02s li, ul.linkListB02R li, ul.linkListB02sR li{ background:url(/img/common/ico/link_b02.gif) no-repeat 0 0.3em; } ul.linkListB03 li, ul.linkListB03s li, ul.linkListB03R li, ul.linkListB03sR li{ background:url(/img/common/ico/link_b03.gif) no-repeat 0 0.3em; } ul.linkListB04 li, ul.linkListB04s li, ul.linkListB04R li, ul.linkListB04sR li{ background:url(/img/common/ico/link_b04.gif) no-repeat 0 0.3em; } /* add 091208 */ ul.linkListSideMore li{ background:url(/img/common/ico/link_b05.gif) no-repeat 0 0.3em; } /* add 091208 */ /* add 100108 */ ul.linkListTopNews li.news-list{ list-style:none; margin:0; padding-left:16px; background:url(/img/common/ico/link_b02.gif) no-repeat 0 0.3em; float:left; } ul.linkListTopNews li.twitter-icon{ padding-left:22px; padding-right:28px; background:url(/img/home/ico_teitter.gif) no-repeat 0 0; float:left; } /* add 100108 */ ul.linkListC02, ul.linkListC02s{ margin-right:10px; margin-left:10px; } ul.linkListC01 li, ul.linkListC01s li, ul.linkListC02 li, ul.linkListC02s li{ display:inline; background:url(/img/common/ico/link_a01.gif) no-repeat 0 0.2em; padding-left:10px; zoom:1; } *html ul.linkListC01 li, *html ul.linkListC01s li, *html ul.linkListC02 li, *html ul.linkListC02s li{ background-position: 0 0.45em; } *:first-child+html ul.linkListC01 li, *:first-child+html ul.linkListC01s li, *:first-child+html ul.linkListC02 li, *:first-child+html ul.linkListC02s li{ background-position: 0 0.45em; } /*add 091029*/ ul.linkListD01{ margin-right:10px; margin-left:10px; } ul.linkListD01 li{ display:inline; background:url(/img/common/ico/link_b01.gif) no-repeat 0 0.1em; margin-right: 10px; zoom:1; } *html ul.linkListD01 li{ background-position: 0 0.3em; } *:first-child+html ul.linkListD01 li{ background-position: 0 0.3em; } /*add 091029*/ /*add 091130*/ ul.linkListD01 li.small{ background:url(/img/common/ico/link_b01.gif) no-repeat 0 0; font-size: 90%; } *html ul.linkListD01 li{ background-position: 0 0.2em; } *:first-child+html ul.linkListD01 li{ background-position: 0 0.2em; } /*add 091130*/ ul.linkBlank li, ul.linkBlanks li, ul.linkBlankR li, ul.linkBlanksR li{ background:url(/img/common/ico/link_blank.gif) no-repeat 0 0.3em; } ul.linkBlankOut li, ul.linkBlankOuts li, ul.linkBlankOutR li, ul.linkBlankOutsR li{ background:url(/img/common/ico/link_blankout.gif) no-repeat 0 0.3em; } ul.linkPdf li, ul.linkPdfs li, ul.linkPdfR li, ul.linkPdfsR li{ background:url(/img/common/ico/link_pdf.gif) no-repeat 0 0.3em; } a.linkA01, a.linkA01s{ background:url(/img/common/ico/link_a01.gif) no-repeat 0 0.3em; padding-left:8px; zoom:1; } *html a.linkA01, *html a.linkA01s{ background-position: 0 0.5em; } *:first-child+html a.linkA01, *:first-child+html a.linkA01s{ background-position: 0 0.5em; } a.linkA02{ background:url(/img/common/ico/link_a03.gif) no-repeat 0 0.3em; padding-left:12px; zoom:1; } *html a.linkA02, *html a.linkA02s{ background-position: 0 0.6em; } *:first-child+html a.linkA02, *:first-child+html a.linkA02s{ background-position: 0 0.6em; } a.linkB01, a.linkB01s{ background:url(/img/common/ico/link_b01.gif) no-repeat 0 0.1em; } a.linkB02, a.linkB02s{ background:url(/img/common/ico/link_b02.gif) no-repeat 0 0.1em; } a.linkB03, a.linkB03s{ background:url(/img/common/ico/link_b03.gif) no-repeat 0 0.1em; } a.linkB04, a.linkB04s{ background:url(/img/common/ico/link_b04.gif) no-repeat 0 0.1em; } a.linkBlank, a.linkBlanks{ background:url(/img/common/ico/link_blank.gif) no-repeat 0 0.1em; } a.linkBlankOut, a.linkBlankOuts{ background:url(/img/common/ico/link_blankout.gif) no-repeat 0 0.1em; } a.linkPdf, a.linkPdfs{ background:url(/img/common/ico/link_pdf.gif) no-repeat 0 0.1em; } *html a.linkB01, *html a.linkB02, *html a.linkB03, *html a.linkB04, *html a.linkBlank, *html a.linkBlankOut, *html a.linkPdf{ background-position:0 0.3em; } *:first-child+html a.linkB01, *:first-child+html a.linkB02, *:first-child+html a.linkB03, *:first-child+html a.linkB04, *:first-child+html a.linkBlank, *:first-child+html a.linkBlankOut, *:first-child+html a.linkPdf{ background-position:0 0.3em; } a.linkB01, a.linkB01s, a.linkB02, a.linkB02s, a.linkB03, a.linkB03s, a.linkB04, a.linkB04s, a.linkBlank, a.linkBlanks, a.linkBlankOut, a.linkBlankOuts, a.linkPdf, a.linkPdfs{ padding:0 0 1px 16px; zoom:1; } a.linkA01s, a.linkB01s, a.linkB02s, a.linkB03s, a.linkB04s, a.linkBlanks, a.linkBlankOuts, a.linkPdfs{ font-size:90%; } a.linkB01s, a.linkB02s, a.linkB03s, a.linkB04s, a.linkBlanks, a.linkBlankOuts, a.linkPdfs{ background-position:0 0; } *html a.linkB01s, *html a.linkB02s, *html a.linkB03s, *html a.linkB04s, *html a.linkBlanks, *html a.linkBlankOuts, *html a.linkPdfs{ background-position:0 0.2em; } *:first-child+html a.linkB01s, *:first-child+html a.linkB02s, *:first-child+html a.linkB03s, *:first-child+html a.linkB04s, *:first-child+html a.linkBlanks, *:first-child+html a.linkBlankOuts, *:first-child+html a.linkPdfs{ background-position:0 0.25em; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// BUTTON ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ .buttonA01{ background:#feeded; text-align:center; padding:4px 0; } .buttonA02{ background:#f2f2f2; text-align:center; padding:4px 0; } .buttonA03{ background:#e5f3f8; text-align:center; padding:4px 0; } #document div.buttonAndAnnotation{ display:inline-block; /display:inline; zoom:1; vertical-align:top; font-size:84%; } #document div.buttonAndAnnotation table{ width:1%; font-size:100%; border-collapse:collapse; border:none; margin:0; /*background:url(null);*/ } #document div.buttonAndAnnotation table td{ width:1%; border:none; /*background:url(null);*/ padding:0; } #document div.buttonAndAnnotation table img, #document div.buttonAndAnnotation table span{ margin:0 auto 3px; text-align:center; display:block; white-space:nowrap; } #document div.buttonAndAnnotation table .help{ display:inline; vertical-align:middle; } #document div.buttonAndAnnotation table span { padding-top: 8px; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// TAB ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ ul.tab1A01, ul.tab1B01, ul.tab1A02, ul.tab1B02{ clear:both; position:relative; height:37px; width:702px; list-style:none; background:#e0e0e0; margin:0; zoom:1; list-style:none outside none; } ul.tab1A01:after, ul.tab1B01:after, ul.tab1A02:after, ul.tab1B02:after{ content:""; display:block; clear:both; } ul.tab1A01, ul.tab1A02{ margin:0 0 10px; padding:4px 0 0 2px; } ul.tab1B01, ul.tab1B02{ margin:10px 0 2em; padding:0 0 4px 2px; } ul.tab1A01 li, ul.tab1B01 li, ul.tab1A02 li, ul.tab1B02 li{ position:relative; display:inline; float:left; margin:0; zoom:1; } ul.tab1B01 li { position:relative; display:inline; float:left; margin:-2px 0; zoom:1; } ul.tab1A01 li a, ul.tab1B01 li a{ display:block; text-decoration:none; } ul.tab1A01 li img, ul.tab1B01 li img{ vertical-align:middle; } ul.tab1A01 li span, ul.tab1B01 li span{ position:absolute; display:block; right:10px; color:#ffffff; cursor:pointer; } ul.tab1A01 li span{ top:15px; } ul.tab1B01 li span{ top:7px; } ul.tab1A01 li.current span{ top:10px; color:#000000; } ul.tab1B01 li.current span{ top:12px; color:#000000; } /* ul.tab1A01, ul.tab1B01, */ ul.tab1A02, ul.tab1B02, ul.tab1A03, ul.tab1B03{ clear:both; position:relative; height:28px; list-style:none; margin:0; } /*ul.tab1A01,*/ ul.tab1A02, ul.tab1A03{ border-bottom:4px solid #e6e6e6; margin-bottom:10px; } /*ul.tab1B01,*/ ul.tab1B02, ul.tab1B03{ border-top:4px solid #e6e6e6; margin-top:10px; } /*ul.tab1A01 li, ul.tab1B01 li,*/ ul.tab1A02 li, ul.tab1B02 li{ margin:0 -1px 0 0; float:left; width:122px; height:26px; border:1px solid #e0e0e0; background:#e6e6e6; text-align:center; font-size:90%; } ul.tab1A03 li, ul.tab1B03 li{ margin:0 -1px 0 0; float:left; width:116px; height:26px; border:1px solid #e0e0e0; background:#e6e6e6; text-align:center; font-size:90%; } ul.tab1A03 li.lastChild, ul.tab1B03 li.lastChild{ width:117px; } /*ul.tab1A01 li a, ul.tab1B01 li a,*/ ul.tab1A03 li a, ul.tab1B03 li a{ display:block; width:100%; height:100%; background:#fff; text-decoration:none; } /*ul.tab1A01 li img, ul.tab1B01 li img,*/ ul.tab1A03 li img, ul.tab1B03 li img{ vertical-align:middle; } /*ul.tab1A01 li.special, ul.tab1B01 li.special{ border:none; background:transparent; width:auto; height:auto; } ul.tab1A01 li.special img, ul.tab1B01 li.special img{ position:absolute; right:0; } ul.tab1A01 li.special img{top:0;} ul.tab1B01 li.special img{bottom:0;} */ ul.tab1A02 li a, ul.tab1B02 li a{ width:100%; height:20px; background:#fff; text-decoration:none; } ul.tab1A02 li a, ul.tab1B02 li a, ul.tab1A02 li strong, ul.tab1B02 li strong{ display:block; padding-top:6px; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// PAGER ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ ul.pagerA01, ul.pagerA02{ font-size:90%; line-height:120%; text-align:right; list-style:none; margin:0 0 0.8em; } ul.pagerA01 li, ul.pagerA02 li{ margin:0; padding:0 0.4em; display:inline; zoom:1; } ul.pagerA01 li.prev, ul.pagerA02 li.prev{ border-right:1px solid #7d7d7d; font-weight:bold; margin-right:0.4em; } ul.pagerA01 li.next, ul.pagerA02 li.next{ border-left:1px solid #7d7d7d; font-weight:bold; margin-left:0.4em; } ul.pagerA02{ font-size:100%; } ul.pagerA02 li{ font-weight:bold; } ul.pagerA02 li.current{ color:#eb000d; font-weight:normal; } /**/ ul.pagerB01{ text-align:center; list-style:none; margin:0 0 0.8em; } ul.pagerB01 li{ margin:0; padding:0 0.4em; display:inline; border-right:1px solid #7d7d7d; } ul.pagerB01 li.prev{ margin-right:0.4em; } ul.pagerB01 li.next{ border-right:none; margin-left:0.4em; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// PRODUCT MODULE ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ /* recommendProducts ------------------------------------ */ div#recommendProducts{ clear:both; margin:0.6em 0; padding:12px 12px 1px; background:#fff8e6; zoom:1; } div#recommendProducts h2{ margin:0 0 16px; } div#recommendProducts h2.recommendH2{ margin:0; } div#recommendProducts table{ width:100%; border-collapse:collapse; table-layout:fixed; margin:0 0 16px; font-size:90%; } div#recommendProducts table th{ text-align:center; padding-bottom:5px; } div#recommendProducts table th img{ display:block; margin:0 auto; } /* productBlockB01 ------------------------------------ */ div.productBlockB01{ background:#feeded; padding:8px; zoom:1; } div.productBlockB01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.productBlockB01 h2{ color:#fff; font-weight:bold; background:#ffbcbc; padding:5px 8px 4px; margin-bottom:0.6em; } div.productBlockB01 img, div.productBlockB01 select{ vertical-align:middle; } p.productBlockB01-heading{ margin:0 0 10px; } p.productBlockB01-image{ float:left; margin:0 10px 0 0; } div.productBlockB01 h3{ margin:0 0 0.6em; font-weight:bold; } div.productBlockB01 h3 a{ font-weight:normal;} div.productBlockB01 p.productBlockB01-state{ background:url(/img/common/element/line04.gif) repeat-x 0 100%; padding:0 0 10px; margin:0 0 10px 90px; } /* 090814・ｽﾇ会ｿｽ ------------------------------------ */ div.productBlockB01 div.productBlockB01-state{ background:url(/img/common/element/line04.gif) repeat-x 0 100%; padding:0 0 10px; margin:0 0 10px 90px; } div.productBlockB01 div.productBlockB01-state p.productset { padding:7px 0; } div.productBlockB01-addCart{ margin:0 0 0 90px; } div.productBlockB01-addCart table.dataTableD01{ float:left; } div.productBlockB01-addCart table.dataTableD01 td{ padding-right:8px; } div.productBlockB01-addCart table.dataTableD01 td span{ font-size:117%; font-weight:bold; } div.productBlockB01-addCart table.dataTableD01 td span.fontLL{ font-size:150%; } div.productBlockB01-addCart table.dataTableD01 td span img{ vertical-align:middle; margin-right:4px; } div.productBlockB01-addCart div.p, div.productBlockB01-addCart div.buttonAndAnnotation{ float:right; padding-top:0.8em; } del.priceDel{color:red;} /* recommendProducts02 ------------------------------------ */ div#recommendProducts02{ background:url(/img/common/element/recommend02_bg.gif) repeat-y; zoom:1; clear:both; } div#recommendProducts02:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } div#recommendProducts02 p{ font-size:90%; margin-bottom:0.8em; } div#recommendProducts02 p img{ vertical-align:middle; margin-right:4px; } div#recommendProducts02 p.skintype{ background:#f6e7c0; padding:4px 8px; } div#recommendProducts02 ul{ margin-bottom:0.6em; } div#recommendProducts02 .recoBlock01, div#recommendProducts02 .recoBlock02{ width:138px; } div#recommendProducts02 .recoBlock01{ float:left; padding:16px 24px 8px 16px; } div#recommendProducts02 .recoBlock02{ float:right; padding:16px 16px 8px; } /* recommendProducts03 ------------------------------------ */ div.recommendProducts03 { clear:both; margin:0 0 15px 0; } div.recommendProducts03 div.recommendTitle { background: #ffe9c7; padding: 9px 8px 7px; height:20px; position:relative; } div.recommendProducts03 div.recommendTitle h2 { float: left; width: 556px; padding-top: 3px; } div.recommendProducts03 div.recommendTitle p { float: right; width: 132px; } div.recommendProducts03 div.productsBg { background: #fff8e6; padding: 15px 10px; } div.recommendProducts03 div.productsBg div.line01 { background: url(/img/common/element/line05.gif) repeat-x scroll 0 0; margin-top: 10px; padding-top: 11px; clear: both; } div.recommendProducts03 div.recommendTitle p.price-attend { position:absolute; top:15px; right:128px; width:200px; line-height:110%; } div.recommendProducts03 div.productsBg p.productsImg { float: left; width: 60px; } div.recommendProducts03 div.productsBg div.productsTxt { float: right; width: 609px; } div.recommendProducts03 div.productsBg div.productsTxt p.txt01 { background:transparent url(/img/common/ico/link_a01.gif) no-repeat scroll 0 0.45em; cursor:pointer; margin-bottom:2px; padding-left:10px; font-weight: bold; } div.recommendProducts03 div.productsBg div.productsTxt p.txt02 { padding-left: 10px; } #mainContents div#recommendBuyOff, #mainContents div#recommendCheckOff{ display:none; } /* recommendProducts04 ------------------------------------ */ div.recommendProducts04 { clear:both; padding-bottom:2.6em; } div.recommendProducts04 div.recommendTitle { background: #ffe9c7; padding: 9px 10px; } div.recommendProducts04 div.productsBg { background: #fff8e6; padding: 15px 10px; } div.recommendProducts04 div.productsBg div.productsBlock01 { float: left; width: 216px; margin-right: 18px; } div.recommendProducts04 div.productsBg div.productsBlock02 { float: right; width: 216px; } div.recommendProducts04 div.productsBg p.txt01 { background:transparent url(/img/common/ico/link_a01.gif) no-repeat scroll 0 0.45em; cursor:pointer; margin-bottom:2px; padding-left:10px; font-weight: bold; } div.recommendProducts04 div.productsBg p.txt02 { padding-left: 10px; } div.recommendProducts04 div.productsBg div.innerBlock01 { padding-top: 7px; } div.recommendProducts04 div.productsBg div.innerBlock01 p.col01 { float: left; width: 60px; } div.recommendProducts04 div.productsBg div.innerBlock01 p.col02 { float: right; width: 146px; font-size:90%; } /* recommendProducts05 ------------------------------------ */ div.recommendProducts05 { margin-bottom:8px; } div.recommendProducts05 div.recommendTitle { background: #ffe9c7; padding: 9px 10px; } div.recommendProducts05 div.productsBg { background: #fff8e6; padding: 15px 10px; } div.recommendProducts05 div.productsBg p.txt01 { background:transparent url(/img/common/ico/link_a01.gif) no-repeat scroll 0 0.45em; cursor:pointer; margin-bottom:2px; padding-left:10px; font-weight: bold; } div.recommendProducts05 div.productsBg p.txt02 { padding-left: 10px; } div.recommendProducts05 div.productsBg div.innerBlock01 { padding-top: 7px; } div.recommendProducts05 div.productsBg div.innerBlock01 p.col01 { float: left; width: 60px; } div.recommendProducts05 div.productsBg div.innerBlock01 p.col02 { float: right; width: 118px; font-size:90%; } div.recommendProducts05 div.productsBg div.line01 { background: url(/img/common/element/line05.gif) repeat-x scroll 0 0; margin-top: 10px; padding-top: 11px; clear: both; } /* recommendProducts06 2011.12.19 Midorikawa Add---- */ div#recommendProducts06{ zoom:1; clear:both; } div#recommendProducts06:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } div#recommendProducts06 p{ font-size:90%; margin-bottom:0.8em; } div#recommendProducts06 p img{ vertical-align:middle; margin-right:4px; } div#recommendProducts06 p.skintype{ background:#f6e7c0; padding:4px 8px; } div#recommendProducts06 ul{ margin-bottom:0.6em; } div#recommendProducts06 .recoBlock01, div#recommendProducts06 .recoBlock02{ width:184px; background-image:url("/img/common/element/recommend06_bg.gif"); margin-right:10px; } div#recommendProducts06 .recoBlock01{ float:left; padding:16px 24px 8px 16px; } div#recommendProducts06 .recoBlock02{ float:right; padding:16px 16px 8px; } /* productCheck ------------------------------------ * / #productCheck{ width:488px; background:url(/img/common/element/product-check_bg.gif) repeat-x; padding-top:6px; zoom:1; } #productCheck:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #productCheck .checkBlock{ float:left; padding:8px; width:438px; } #productCheck .checkBlock p.posLeft img{ border:1px solid #e0e0e0; margin-top:8px; } #productCheck .checkBlock ul.linkListA01s{ width:145px; padding:8px 28px 0 6px; }*/ /* Easy Slider */ div.recommendBlock02, div.recommendBlock03{ padding:26px 17px 0; position:relative; } div.recommendBlock02{ width:454px; min-height:54px; _height:54px; background:#fff8e6 url(/img/common/element/product-check_bg02.gif) no-repeat; } div.recommendBlock03{ width:670px; min-height:96px; _height:96px; background:#fff8e6 url(/img/common/element/product-check_bg03.gif) no-repeat; } p.recommendBlock02-heading, p.recommendBlock03-heading{ margin:0; position:absolute; top:13px; left:25px; } div.recommendBlock02 div, div.recommendBlock03 div{ position:relative; zoom:1; } div.recommendBlock02 ul, div.recommendBlock02 li, div.recommendBlock03 ul, div.recommendBlock03 li{ margin:0; padding:0; list-style:none; overflow:hidden; position:relative; } div.recommendBlock02 li, div.recommendBlock03 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ overflow:hidden; font-size:84%; } div.recommendBlock02 li{width:454px;} div.recommendBlock03 li{width:670px;} div.recommendBlock02 li div.slideItem, div.recommendBlock03 li div.slideItem{ color:#666; width:150px; padding:6px 15px 0 58px; float:left; } div.recommendBlock02 li div.slideItem a.linkA01, div.recommendBlock03 li div.slideItem a.linkA01{ display:block; zoom:1; } div.recommendBlock02 li div.slideItem a.linkA01 img, div.recommendBlock03 li div.slideItem a.linkA01 img{ float:left; margin:0 0 0 -55px; position:relative; border:1px solid #e0e0e0; } span#prevBtn a{ position:absolute; left:0; bottom:0; display:block; width:17px; text-indent:-9999px; overflow:hidden; } span#nextBtn a{ position:absolute; right:0; bottom:0; display:block; width:17px; text-indent:-9999px; overflow:hidden; } div.recommendBlock02 span#prevBtn a{ height:74px; background:url(/img/common/element/product-check_btn01.gif); overflow:hidden; } div.recommendBlock02 span#nextBtn a{ height:74px; background:url(/img/common/element/product-check_btn02.gif); } div.recommendBlock03 span#prevBtn a{ height:116px; background:url(/img/common/element/product-check_btnL01.gif); overflow:hidden; } div.recommendBlock03 span#nextBtn a{ height:116px; background:url(/img/common/element/product-check_btnL02.gif); } span#prevBtn2 a{ position:absolute; left:0; bottom:0; display:block; width:17px; text-indent:-9999px; overflow:hidden; } span#nextBtn2 a{ position:absolute; right:0; bottom:0; display:block; width:17px; text-indent:-9999px; overflow:hidden; } div.recommendBlock02 span#prevBtn2 a{ height:74px; background:url(/img/common/element/product-check_btn01.gif); overflow:hidden; } div.recommendBlock02 span#nextBtn2 a{ height:74px; background:url(/img/common/element/product-check_btn02.gif); } div.recommendBlock03 span#prevBtn2 a{ height:116px; background:url(/img/common/element/product-check_btnL01.gif); overflow:hidden; } div.recommendBlock03 span#nextBtn2 a{ height:116px; background:url(/img/common/element/product-check_btnL02.gif); } span#prevBtn3 a{ position:absolute; left:0; bottom:0; display:block; width:17px; text-indent:-9999px; overflow:hidden; } span#nextBtn3 a{ position:absolute; right:0; bottom:0; display:block; width:17px; text-indent:-9999px; overflow:hidden; } div.recommendBlock02 span#prevBtn3 a{ height:74px; background:url(/img/common/element/product-check_btn01.gif); overflow:hidden; } div.recommendBlock02 span#nextBtn3 a{ height:74px; background:url(/img/common/element/product-check_btn02.gif); } div.recommendBlock03 span#prevBtn3 a{ height:116px; background:url(/img/common/element/product-check_btnL01.gif); overflow:hidden; } div.recommendBlock03 span#nextBtn3 a{ height:116px; background:url(/img/common/element/product-check_btnL02.gif); } /* productCheckL ------------------------------------ * / #productCheckL{ width:704px; background:url(/img/common/element/product-check_bg.gif) repeat-x; padding-top:6px; zoom:1; } #productCheckL:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #productCheckL .checkBlock{ float:left; padding:10px 8px; width:652px; } #productCheckL .checkBlock div.alignLeft{ float:left; width:217px; } #productCheckL .checkBlock p.posLeft img{ border:1px solid #e0e0e0; margin-top:8px; } #productCheckL .checkBlock ul.linkListA01s{ width:144px; padding:8px 24px 8px 6px; } #productCheckL .checkBlock div.alignLeft div.faborite{ float:left; width:100px; padding-left:48px; } /* 20100330 --------------------------------------------------------------------------------- */ /* productBlockH ------------------------------------ */ div.productBlockList{ border-top:1px solid #e0e0e0; zoom:1; } div.productBlockTopBorder{ border-top:2px solid #e0e0e0 !important; } div.productBlockH01{ border:1px solid #e0e0e0; border-top:none; padding:13px 7px 8px 13px; zoom:1; } div.productBlockH02{ border:2px solid #e0e0e0; border-top:0; padding:20px 22px 10px; width:213px; margin:0; float:left; } div.productBlockH02.odd{ } div.productBlockH02.even{ border-left:none; width:213px; } div.productBlockH01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.productBlockH01:hover, div.productBlockH02:hover{ background:#fff2f2; } div.productBlockList01 a, div.productBlockList a{ color:#eb000d !important; } div.productBlockList01 h3, div.productBlockList h3{ font-weight:bold; margin-bottom:0.6em; } div.productBlockH01Inner{ background: url(/img/common/element/line02.gif) repeat-y 303px top; zoom:1; } div.productBlockH02Inner{ zoom:1; } div.productBlockH01Inner:after, div.productBlockH02Inner:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.productBlockH01 .productBlockTxt01{ width:290px; zoom:1; } div.productBlockH01 .productBlockTxt01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.productBlockH01 .productBlockTxt01 .posLeft{ width:80px; } div.productBlockH01 .productBlockTxt01 .posRight{ width:195px; } div.productBlockH01 .productBlockTxt02{ width:185px; } div.productBlockH02 .productBlockTxt01{ margin-bottom:0.5em; } div.productBlockH02 .productBlockTxt02{ } div.productBlockList .productImage{ margin-bottom:0.5em; text-align:center; } div.productBlockList .productBlockPrice01{ } div.productBlockList .productBlockH01 .productBlockPrice01{ margin-bottom:6px; } div.productBlockList .productBlockH02 .productBlockPrice01{ margin-bottom:12px; } div.productBlockList .productBlockPrice01 p{ background: url(/img/common/ico/price.gif) no-repeat left 0.1em; padding-left:18px; } div.productBlockList .productBlockPrice01 span.fontS{ color:#FF0000; } div.productBlockList ul.productBlockKeyword01{ margin:0 -3px 4px 0; _margin:0 -6px 7px 0; list-style:none; zoom:1; } div.productBlockList ul.productBlockKeyword01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.productBlockList ul.productBlockKeyword01 li{ float:left; margin:0 3px 3px 0; line-height:1; } div.productBlockList ul.productBlockKeyword01 li a{ line-height:1.5; } div.productBlockList table.productBlockTable01{ border-collapse:collapse; border-spacing:0; margin-top:1em; } div.productBlockList table.productBlockTable01 th{ padding:2px 7px 2px 0; } div.productBlockList table.productBlockTable01 td{ padding:2px 7px 2px 0; width:auto; } div.productBlockList ul.productBlockLink01{ margin:0; list-style:none; } div.productBlockList ul.productBlockLink01 li{ margin:0; padding-left:18px; } div.productBlockList ul.productBlockLink01 li.productBlockLinkCampaign{ background: url(/img/common/ico/link_campaign.gif) no-repeat left 0.1em; } div.productBlockList ul.productBlockLink01 li.productBlockLinkOutlet{ background: url(/img/common/ico/link_outlet.gif) no-repeat left 0.1em; } /* 20100330 --------------------------------------------------------------------------------- */ /* setProducts ------------------------------------ */ div.setProducts { clear:both; margin:0 0 15px 0; } div.setProducts div.productsBg { background: #f2f2f2; padding: 15px 10px; } div.setProducts div.productsBg div.line01 { background: url(/img/common/element/line01.gif) repeat-x scroll 0 0; margin-top: 10px; padding-top: 11px; width: 685px; } div.setProducts div.productsBg table { width: 685px; border-collapse:collapse; } div.setProducts div.productsBg table td { vertical-align: top; } div.setProducts div.productsBg table td.productsImg { width:75px } div.setProducts div.productsBg table td.productsTxt { width:448px } div.setProducts div.productsBg table td.productsTxt p.txt01 { background:transparent url(/img/common/ico/link_a01.gif) no-repeat scroll 0 0.45em; cursor:pointer; margin-bottom:2px; padding-left:10px; font-weight: bold; } div.setProducts div.productsBg table td.productsTxt p.txt02 { padding-left: 10px; } div.setProducts div.productsBg table td.link01 { vertical-align: bottom; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// TABLE ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ dl.newsTable02 dt img{ vertical-align:middle; margin-right:8px; } dl.newsTable02 dd{ background:url(/img/common/ico/link_a01.gif) no-repeat 0 0.4em; padding-left:10px; margin:0.4em 0; } table.newsTable01{ border-spacing:0; border-collapse:collapse; } table.newsTable01 th{ white-space:nowrap; vertical-align:top; padding-right:6px; } table.newsTable01 th, table.newsTable01 td{ padding-bottom:3px; } table.newsTable01 th{ white-space:nowrap; vertical-align:top; } table.newsTable01 th img{ vertical-align:middle; margin-right:8px; } table.newsTable01 td a{ background:url(/img/common/ico/link_a01.gif) no-repeat 0 0.4em; padding-left:10px; display:block; zoom:1; } *html table.newsTable01 td a{background-position:0 0.2em;} table.newsTable01 td img{ vertical-align:middle; } /* dataTableA* - thead th + tbody td dataTableB* - tbody th td dataTableC* - tbody th td dataTableD* - tbody th td (no bg) dataTable*01 - glay dataTable*02 - blue dataTable*03 - pink dataTable*04 - etc. ------------------------------------ */ table.dataTableA01, table.dataTableB01, table.dataTableA04, table.formTableA01{ width:100%; table-layout:fixed; border-collapse:separate; border:1px solid #e0e0e0; } table.dataTableA01 thead th, table.dataTableB01 tbody th{ background:#f2f2f2; text-align:center; padding:4px; } table.dataTableA04 thead th{ background:#e5f3f8; text-align:center; padding:4px; } table.dataTableA01 thead th .change{ margin-top:2px; } table.dataTableA01 tbody td, table.dataTableB01 tbody td, table.dataTableA04 tbody td{ border-bottom:1px solid #e0e0e0; border-right:1px dashed #e0e0e0; padding:4px 8px; } table.dataTableA01 tbody td.lastitemR, table.dataTableB01 tbody td.lastitemR, table.dataTableA04 tbody td.lastitemR{ border-right:none; } table.dataTableA01 tbody td.lastitemB, table.dataTableB01 tbody td.lastitemB, table.dataTableA04 tbody td.lastitemB{ border-bottom:none; } table.dataTableA01 tbody td.lastitemRB, table.dataTableB01 tbody td.lastitemRB, table.formTableA01 tbody td.lastitemRB, table.dataTableA04 tbody td.lastitemRB{ border:none; } table.dataTableA01 tbody th.glayout, table.dataTableA01 tbody td.glayout{ background:#999; border:none; } table.dataTableA01 tbody td.rightGreenout{ background:#e8f3d7; border:none; font-size:107%; } table.dataTableA01 tbody td.schedule01{ padding:10px; background:url(../../img/mypage/cart/m01-20_bg01.gif) no-repeat 100% 100%; } table.dataTableA01 tbody td.schedule02{ padding:10px; background:url(../../img/mypage/cart/m01-20_bg02.gif) no-repeat 100% 100%; } table.dataTableA01 tbody td.schedule03{ padding:10px; background:url(../../img/mypage/cart/m01-20_bg03.gif) no-repeat 100% 100%; } table.dataTableA01 tbody td.schedule04{ padding:10px; background:url(../../img/mypage/cart/m01-20_bg04.gif) no-repeat 100% 100%; } table.dataTableA01 tbody td.schedule01 a, table.dataTableA01 tbody td.schedule02 a, table.dataTableA01 tbody td.schedule03 a{ color:#eb000d; } table.dataTableA02, table.dataTableA03, table.dataTableB02, table.dataTableB03{ width:100%; table-layout:fixed; border-collapse:separate; } table.dataTableB04{ width:100%; table-layout:fixed; border-collapse:collapse; } table.dataTableA02 thead th, table.dataTableA02 tbody td, table.dataTableA03 thead th, table.dataTableA03 tbody td, table.dataTableB02 tbody th, table.dataTableB02 tbody td, table.dataTableB03 tbody th, table.dataTableB03 tbody td, table.dataTableB04 tbody th, table.dataTableB04 tbody td{ padding:4px 12px; } table.dataTableA02 thead th, table.dataTableB02 tbody th{ background:#d0ecf4; } table.dataTableA02 tbody td, table.dataTableB02 tbody td{ background:#e5f3f8; } table.dataTableA03 thead th, table.dataTableB03 tbody th{ background:#ffe3e3; } table.dataTableA03 tbody td, table.dataTableB03 tbody td{ background:#feeded; } table.dataTableB04 tbody th{ background:#eaeaea; border-bottom:2px solid #fff; } table.dataTableB04 tbody td{ background:#f2f2f2; border-bottom:2px solid #fff; } table.dataTableC01, table.dataTableC02, table.dataTableC03{ width:100%; table-layout:fixed; border-collapse:collapse; } table.dataTableC01 tbody th, table.dataTableC01 tbody td{ background:#f2f2f2; border-bottom:2px solid #fff; padding:7px 12px; } table.dataTableC02 tbody th, table.dataTableC02 tbody td{ background:#e5f3f8; border-bottom:2px solid #fff; padding:7px 12px; } table.dataTableC03 tbody th, table.dataTableC03 tbody td{ background:#feeded; border-bottom:2px solid #fff; padding:7px 12px; } table.dataTableD01{ /* width:100%; table-layout:fixed;*/ border-collapse:collapse; } table.dataTableD01 tbody th{ white-space:nowrap; } div.dataTableA05{ border:1px solid #e0e0e0; padding:0 2px 0 1px; margin-bottom:2em; } div.dataTableA05 table{ width:100%; text-align:center; font-size:0.83em; } div.dataTableA05 th, div.dataTableA05 td{ padding:6px 10px; } div.dataTableA05 thead th{ border-left:1px solid #fff; background:#f2f2f2; padding:5px 10px 0; text-align:center; border-bottom:2px solid #fff; border-top:2px solid #fff; } div.dataTableA05 tbody td{ border-top:1px solid #e0e0e0; border-bottom:2px solid #fff; background:url(/img/common/element/tbody05_td_bg.gif) no-repeat 0 2px; } div.dataTableA05 tbody tr.even td{ background:url(/img/common/element/tbody05_td_bg02.gif) no-repeat 0 2px; } div.dataTableA05 tbody td.left{ background:url(/img/common/element/tbody05_td_bg.gif) no-repeat -2px 0; } table.dataTableA06{ width:100%; } table.dataTableA06 th, table.dataTableA06 td{ padding:5px 10px; } table.dataTableA06 thead th{ background:#b8b8b8; text-align:center; font-weight:bold; color:#fff; border-bottom:2px solid #fff; } table.dataTableA06 tbody th, table.dataTableA06 tbody td{ border-top:1px solid #ccc; border-bottom:2px solid #fff; } table.dataTableA06 tbody th{ background:url(/img/common/element/table06_tbody_td_bg.gif) no-repeat 0 2px; font-weight:bold; text-align:center; } table.dataTableA06 td dl dt a{ background-position:0 0.17em; } table.dataTableA06 td dl dd{ padding-left:8px; } table.dataTableA06 thead th.basic{ color:#ff7251; background:#ffe4db; } table.dataTableA06 thead th.mature{ color:#89641a; background:#fdf4d5; } table.dataTableA06 thead th.sensitiveLine{ color:#fa6c9b; background:#fff0f4; } table.dataTableA06 thead th.photoWhite{ color:#54739d; background:#dbe6fd; } table.dataTableA06 thead th.acneres{ color:#666; background:#e5e5e5; } table.dataTableE01{ margin-bottom:1.2em; width:100%; border:3px solid #e0e0e0; border-collapse:collapse; } table.dataTableE01 th{ padding:10px; border-right:1px dashed #e0e0e0; } table.dataTableE01 td{ padding:10px; color:#ff7171; } table.dataTableE02{ margin-bottom:1.2em; width:100%; border:3px solid #ffce9e; border-collapse:collapse; } table.dataTableE02 th{ padding:10px; border-right:1px dashed #e0e0e0; background:#ffeede; } table.dataTableE02 td{ padding:10px; color:#ff5200; background:#ffeede; } table.formTableA01{ margin-bottom:0.6em; } table.formTableA01 tbody th{ background:#f2f2f2; text-align:center; padding:4px; } table.formTableA01 tbody th, table.formTableA01 tbody td{ text-align:left; padding:8px; } table.formTableA01 tbody th span{ font-size:90%; color:#eb000d; } table.formTableA01 tbody td{ border-bottom:1px solid #e0e0e0; } table.formTableA01 tbody td span{ font-size:90%; } table.formTableA01 tbody td span img{ vertical-align:middle; cursor:pointer; } table.formTableA01 tbody td p span{ font-size:100%; } table.formTableA01 tbody th.inputError, table.formTableA01 tbody td.inputError{ background:#ffb8b8; } table.formTableA01 tbody td table tbody td{ border:none; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// FORM ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ .formError{ background:#feeded; padding:8px 16px; margin-bottom:0.6em; } .formError dt, .formError dd{ color:#eb000d; } .formError dt{ width:8.5em; font-weight:bold; } .formError dt img{ vertical-align:middle; margin-right:6px; } .formError dd{ margin:-1.5em 0 0 8.5em; } .formError dd ul{ list-style:none; margin:0; } /*add 20100105*/ .formErrorY { background:#fffeb4; padding:8px 16px; margin-bottom:0.6em; border: 1px solid #ffae00; text-align: center; font-weight: bold; color:#eb000d; } /*add 20100105*/ input.formIptA01{ width:130px; height:18px; border:1px solid #ccc; } input.formIptA02{ width:400px; height:18px; border:1px solid #ccc; } input.formIptA03{ width:80px; height:18px; border:1px solid #ccc; } input.formIptA04{ width:280px; height:18px; border:1px solid #ccc; } input.formIptA05{ width:25px; height:18px; border:1px solid #ccc; } input.formIptA06{ width:50px; height:18px; border:1px solid #ccc; } *html input.formIptA01, *html input.formIptA02, *html input.formIptA03, *html input.formIptA04, *html input.formIptA05, *html input.formIptA06{ height:15px; padding-top:4px; vertical-align:middle; } *:first-child+html input.formIptA01, *:first-child+html input.formIptA02, *:first-child+html input.formIptA03, *:first-child+html input.formIptA04, *:first-child+html input.formIptA05, *:first-child+html input.formIptA06{ height:15px; padding-top:4px; vertical-align:middle; } textarea.formTextarea{ width:400px; border:1px solid #ccc; } #formFlow{ background:#f2f2f2; padding:6px 0 6px 8px; margin:12px 0; } #formFlow ul{ list-style:none; margin:0; /*overflow:hidden;*/ zoom:1; font-size:0; text-align:center; } #formFlow ul:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; } #formFlow ul li{ float:left; margin:0; /*display:inline;*/ } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// FREE WORD SEARCH ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ div.freewordSearch{ clear:both; background:#fff url(/img/common/heading/h2_normal03_bg.gif) no-repeat right top; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; padding:16px; margin:0.8em 0; } div.freewordSearch h3{ margin:0 0 10px; } div.freewordSearch *{ vertical-align:middle; } div.freewordSearch input.word{ width:380px; margin:0 10px; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// MAIL ADDRESS / PASSWORD ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ div.mailadd01, div.mailadd02, div.password01, div.password02{ background:#f2f2f2; padding:12px 16px; margin-bottom:0.8em; } div.mailadd02{ margin-bottom:1px; } div.password01{ text-align:center; } div.password02{ padding-left:110px; } div.mailadd01 p, div.mailadd02 p{ margin-left:125px; } div.mailadd01 p.fontS, div.mailadd02 p.fontS, div.mailadd01 p.assist, div.mailadd02 p.assist{ margin-left:268px; } *html div.mailadd01 p.fontS, *html div.mailadd02 p.fontS, *html div.mailadd01 p.assist, *html div.mailadd02 p.assist{margin-left:260px;} *:first-child+html div.mailadd01 p.fontS, *:first-child+html div.mailadd02 p.fontS, *:first-child+html div.mailadd01 p.assist, *:first-child+html div.mailadd02 p.assist{margin-left:260px;} div.password01 p, div.password02 p{ margin-bottom:0.2em; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// POPUP ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ .popup { background: #ffffff; text-align: center; } .popup #popupHeader { background: #efefef url(/img/products/B03_popup_bg01.gif) repeat-x left bottom; text-align: center; padding-bottom: 4px; margin-bottom: 10px; } .popup #popupHeaderInner { width: 768px; margin: 0 auto; text-align: left; position: relative; top: 0px; left: 0px; _left: -12px; } /* clerfix ----- */ .popup #popupHeaderInner:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .popup #popupHeaderInner { display: inline-block; } /* no ie mac \*/ * html .popup #popupHeaderInner { height: 0.1%; } .popup #popupHeaderInner { display: block; } /* */ /* for IE7 */ *:first-child+html .popup #popupHeaderInner { display: inline-block; } /* ----- clerfix */ .popup #popupHeader h1 { float: left; } .popup #popupHeader p { float: right; text-align: right; padding-top: 15px; } .popup #popupWrapper { width: 768px; margin: 0 auto; padding-bottom: 40px; text-align: left; } .popup #popupWrapper img { vertical-align: middle; } .popup table, .popup th, .popup td { border-collapse: collapse; padding: 0px; } .popup #close { padding-top: 32px; text-align: center; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// POPUP MW ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ #popMW{ background:#fff; text-align:center; padding:16px 24px; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// HELP ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ #helpLayer01{ visibility:hidden; position:absolute; width:206px; top:-96px; left:300px; background:#fff; border:1px solid #e0e0e0; } #helpLayer01 dl{ margin:-1px -1px 0; } #helpLayer01 dt span{ display:block; margin:-23px 0 0 180px; } #helpLayer01 dt span img{ cursor:pointer; } #helpLayer01 dd{ font-size:90%; padding:20px 12px 9px; } /*#helpLayer01{ visibility:hidden; position:absolute; width:247px; top:-10px; left:168px; background:url(/img/common/element/help_bg01.gif) no-repeat; } #helpLayer01 dl{ border-bottom:1px solid #e0e0e0; margin-left:39px; } #helpLayer01 dt span{ display:block; margin:-23px 0 0 180px; } #helpLayer01 dt span img{ cursor:pointer; } #helpLayer01 dd{ font-size:90%; padding:20px 12px 9px; }*/ /*#helpLayer03{ visibility:hidden; position:absolute; width:208px; top:-108px; left:308px; background:url(/img/common/element/help_bg03.gif) no-repeat left bottom; padding-bottom:25px; } #helpLayer03 dt span{ display:block; margin:-23px 0 0 180px; } #helpLayer03 dt span img{ cursor:pointer; } #helpLayer03 dd{ font-size:90%; padding:20px 12px 9px; } .posRelative span img{ cursor:pointer; }*/ /**/ div.helpLayer02{ display:none; position:absolute; z-index:100; color:#fff; width:300px; padding:0 0 10px; background:url(/img/common/element/help_bg02.gif) no-repeat 0 100%; } div.helpLayer02-inner{ background:#595959; padding:10px; text-align: left; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// POST CODE ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ #postcode{ width:518px; border:1px solid #e0e0e0; } #postcode div.headingArea{ background:url(/img/common/heading/h2_normal_bg.gif) no-repeat -1px 0; padding:14px 11px 4px; overflow:hidden; zoom:1; clear:both; } #postcode div.headingArea:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #postcode div.headingArea p.posLeft{ font-size:114%; font-weight:bold; } #postcode div.headingArea p.posRight{ padding-top:4px; } #postcode div.contents{ background:#fff url(/img/common/element/line01.gif) repeat-x; padding:16px 28px 16px 32px; } #postcode div.contents ol li{ font-weight:bold; margin-bottom:0.4em; } #postcode div.contents ol li span{ font-weight:normal; } #postcode div.contents p input{ vertical-align:middle; margin-right:8px; } /* 20100330 --------------------------------------------------------------------------------- */ /* dataExchange01 */ .dataExchange01{ background:#f7f7f7; padding:5px 9px 0; border:1px solid #e0e0e0; border-bottom:none; } .dataExchange01 dl, .dataExchange01 dl dd ul{ zoom:1; } .dataExchange01 dl:after, .dataExchange01 dl dd ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .dataExchange01 dl dt{ float:left; margin:2px 7px 0 0; } .dataExchange01 dl dd{ float:left; width:433px; } .dataExchange01 dl dd a{ color:#eb000d; } .dataExchange01 dl dd ul{ margin:0 0 5px; list-style:none; } .dataExchange01 dl dd ul li{ border-right:1px solid #666666; float:left; padding:0 4px 0 0; margin:0 7px 0 0; white-space:nowrap; } .dataExchange01 dl dd ul li.last{ border-right:none; } .dataExchange01 dl dd ul li.current{ font-weight:bold; } /* searchHitTxt */ .searchHitTxt{ background:#fff0c8; padding:5px 10px; margin-bottom:8px; } /* indication */ .indication{ font-size:90%; border:1px solid #e0e0e0; border-bottom:none; padding:9px 5px; text-align:right; } .indication img{ vertical-align:middle; } .indication a{ color:#313131; } /* sideSearchBlock */ .sideSearchBlock01{ background:#fff; padding-bottom:8px; } .sideSearchBlock01Inner{ background:#fff; border:4px solid #efefef; } .sideSearchBlock01 dl.pickup{ margin:7px; } .sideSearchBlock01 dl.pickup dt{ margin:0; } .sideSearchBlock01 dl.pickup dd{ margin:0 0 0 36px; text-indent:-1em; } .sideSearchBlock01 dl.pickupNavi{ border-top:1px solid #efefef; padding:7px; } .sideSearchBlock01 dl.pickupNavi dt{ background: url(../../img/common/ico/link_a01.gif) no-repeat left 0.4em; padding-left:12px; } .sideSearchBlock01 dl.pickupNavi dd{ } .sideSearchBlock01 dl.pickupNavi dd ul{ margin:0; padding:0; list-style:none; } .sideSearchBlock01 dl.pickupNavi dd ul li{ background: url(../../img/common/ico/link_a04.gif) no-repeat left 0.4em; padding-left:12px; } /* 20100330 --------------------------------------------------------------------------------- */ /* 20100412 --------------------------------------------------------------------------------- */ /* searchTool */ dl.searchTool{ width:160px; } dl.searchTool, dl.searchTool dt, dl.searchTool dd, dl.searchTool dl{ margin:0; padding:0; line-height:1px; } dl.searchTool dd ul, dl.searchTool dd ul li, dl.searchTool dd dl ul{ margin:0; padding:0; list-style:none; } dl.searchTool dd{ background:#f7f7f7; } dl.searchTool dd dl dd{ padding:0; } dl.searchTool dd dl, dl.searchTool dd ul{ padding:8px 8px 16px 8px; } dl.searchTool dd.searchToolPart{ background: url(/img/common/search_module/part_bg_01.gif) no-repeat left top; height:200px; position:relative; } dl.searchTool dd.searchToolPart ul{ } dl.searchTool dd.searchToolPart ul li{ position:absolute; left:103px; } dl.searchTool dd.searchToolPart ul li.part01{ top:8px; left:8px !important; } dl.searchTool dd.searchToolPart ul li.part02{ top:28px; } dl.searchTool dd.searchToolPart ul li.part03{ top:61px; } dl.searchTool dd.searchToolPart ul li.part04{ top:84px; } dl.searchTool dd.searchToolPart ul li.part05{ top:107px; } dl.searchTool dd.searchToolPart ul li.part06{ top:130px; } dl.searchTool dd.searchToolPart ul li.part07{ top:164px; } dl.searchTool dd ul.clearfix{ padding-bottom:4px; margin:0 -4px 0 0; _margin-right:-8px; } dl.searchTool dd ul.clearfix li{ margin:0 4px 4px 0; float:left; } /* 20100412 --------------------------------------------------------------------------------- */ dl.searchIngredient{ width:160px; } dl.searchIngredient, dl.searchIngredient dt, dl.searchIngredient dd{ margin:0; padding:0; } dl.searchIngredient dd ul, dl.searchIngredient dd ul li{ margin:0; padding:0; list-style:none; } dl.searchIngredient dd{ background:#f7f7f7; zoom:1; padding:9px; font-size:90%; } dl.searchIngredient dd img{ margin-bottom:5px; } dl.searchIngredient dd:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } dl.searchIngredient dd ul.leftNavi{ width:47px; float:left; } dl.searchIngredient dd ul.rightNavi{ width:85px; float:right; } dl.searchIngredient dd ul li{ background:url(/img/common/ico/link_a04.gif) no-repeat 3px 0.45em; padding-left:13px; margin:0; } .txtNoPertinence{ margin:30px 0 35px; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// CHECKOUT ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ div.checkoutBox01{ border: 1px solid #e0e0e0; padding: 15px 10px 0pt; margin-bottom: 15px; } /* 090928・ｽﾇ会ｿｽ ------------------------------------ */ table.checkTable01 tr.checkBlock01 { vertical-align:top; } table.checkTable01 tr.checkBlock01 th, table.checkTable01 tr.checkBlock01 td { padding-bottom:7px; } table.checkTable01 tr.checkBlock01 th img.checkImg01 { border:1px solid #e0e0e0; } table.checkTable01, table.checkTable02 { border-collapse:collapse; border-spacing:0; } table.checkTable02 th { vertical-align:top; white-space:nowrap; } table.checkTable02 th img { margin-right:8px; vertical-align:middle; } table.checkTable02 th, table.checkTable01 td { padding-bottom:3px; } table.checkTable02 td a { background:transparent url(/img/common/ico/link_a01.gif) no-repeat scroll 0 0.4em; display:block; padding-left:10px; } ul.linkCheckB01R { float:right; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; } /* add 1091022 */ h2.headingJust{ background:#fff url(/img/common/heading/h2_justsold_bg.gif) no-repeat right top; padding:14px 0 15px 9px; } h2.headingRecommendation{ background:#fff url(/img/common/heading/h2_recommendation_bg.gif) no-repeat right top; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:13px 0 9px 9px; margin-bottom:0.6em; } .justSold { border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding: 5px 0 7px 8px; } .justSoldInner { background: url(/img/home/bg_just_sold.gif) repeat-y; } .justSold dl { width: 84px; float: left; padding: 2px 5px 0; margin: 5px 0 0; } .justSold dt { color: #fc5b01; font-weight: bold; text-align: center; font-size: 80%; } .recommendation dl { width: 87px; float: left; padding: 0 5px; } .recommendation dl dt { text-align: center; } /* add 1091022 */ /* add 1091026 */ h2.headingNewItem{ background:#fff url(/img/common/heading/h2_newitem_bg.gif) no-repeat right top; padding:14px 0 10px 9px; } .newItem { border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding: 0 0 7px 15px; } .newItem dl { width: 155px; float: left; padding: 10px 0 0; margin: 0; } .newItem dl dt { float: left; margin: 0 5px 5px 0; } .newItem dl dd.itemCategory { color: #ff9c00; font-weight: bold; font-size: 80%; line-height: 180%; padding: 10px 0 0; margin: 0 10px 0 0; } .newItem dl dd.itemPrice { clear: left; margin: 0 10px 0 0; } .newItem dl dd.itemPrice span { font-size: 120%; color: #d80d18; font-weight: bold; } /* add 1091026 */ /* 091202 … ------------------------------------ */ .cartPagelinkA03{ margin: 0 0 15px; padding: 10px 10px 0; border: 1px solid #e7e7e7; } .cartPagelinkA03 ul{ } .cartPagelinkA03 ul li{ background: url(/img/common/ico/link_u01.gif) 0 3px no-repeat; padding-bottom: 0.8em; display: inherit; float: left; white-space: nowrap; width: 11.5em; } h3.ProductList{ background:#fff url(/img/common/heading/h2_normal04_bg.gif) no-repeat right top; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:13px 0 9px 9px; } .ProductItemList ul{ margin-top:10px; } /*pagetop*/ p.returnPageTop02{ width:704px; font-size:90%; text-align:right; margin:-1em auto 2em; clear: both; } p.returnPageTop02 a{ background:url(/img/common/ico/link_a02.gif) no-repeat 0 0.3em; padding-left:10px; } /* ranking change 091208 */ #sideRanking ul.linkListB04s li.ranking_btn{ padding-left:8px; background:none; } /* ranking change 091208 */ /* sample-complete 20100223:add */ .movie-block{ background:#ebebeb; padding-bottom:5px; } .main-Movie{ width:460px; height:311px; background:#ebebeb; margin-left:3px; float:left; } .other-movie{ width:704px; margin-top:10px; } .other-movie-inner{ width:682px; border-bottom:#e0e0e0 1px solid; border-left:#e0e0e0 1px solid; border-right:#e0e0e0 1px solid; background:url(/img/support/sample/sample_othermovie_bg.jpg) 0 bottom no-repeat; padding:5px 0px 15px 20px; margin-bottom:10px; } .other-movie-inner .movieBox{ width:200px; float:left; margin:10px 27px 0px 0px; } .other-movie-inner .movieBox a, .other-movie-inner .movieBox2 a{ font-weight:bold; } .other-movie-inner .movieBox-inner{ width:194px; border:#e0e0e0 1px solid; background:#e0eef5; margin-bottom:5px; min-height:112px; _height:112px } .other-movie-inner .movieBox img{ margin:22px 38px; } .taiken-block{ width:234px; margin-left:3px; float:left; } .taiken-inner{ width:232px; border-bottom:#e0e0e0 1px solid; border-left:#e0e0e0 1px solid; border-right:#e0e0e0 1px solid; background:#fcfcfc url(/img/support/sample/sample_movie_taiken_bg.jpg) 0 bottom no-repeat; } .taiken-inner p{padding:8px;} .taiken-more{ background:url(/img/common/ico/link_b05.gif) no-repeat 0 0.3em; padding-left:1.2em; margin:15px 5px 13px; float:right; } .mypageTop{ margin-bottom:15px; } /* /sample-complete 20100223:add */ /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// RELATED LINK ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ .relatedLink01{ padding:10px 14px; background:#f2f2f2; font-size:84%; } .relatedLink01 h2{ margin-bottom:20px; } .relatedLink01 .relatedLinkBox{ display:-moz-inline-box; display:inline-block; /display:inline; /zoom:1; vertical-align:top; padding-left:16px; width:206px; } .relatedLink01 .relatedLinkBox ul{ margin:0 0 1em; padding:0 0 0 1.5em; list-style:none; } .relatedLink01 .relatedLinkBox ul ul{ margin:0; padding:0 0 0 1.5em; list-style:disc; } .relatedLink01 .relatedLinkBox li a{ text-decoration:none; } .relatedLink01 .relatedLinkBox li a:hover, .relatedLink01 .relatedLinkBox li a:active{ text-decoration:underline; } /*==================================================================================================== ////////////////////////////////////////////////////////////////////////////////////////////////////// modal ////////////////////////////////////////////////////////////////////////////////////////////////////// ====================================================================================================*/ #mainContents.modal{ position:relative; float:none; margin:auto; width:518px; } .modal .headingNormal{ border-bottom:none; margin:0; color:#2fa24d; } .modal .A-modalBlockA01{ padding:10px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background:#ffffff url(/img/common/element/line01.gif) repeat-x 0 0; zoom:1; } .modal .A-modalBlockA01:after{ content:""; display:block; clear:both; } .modal .imageBlock{ position:relative; padding-right:102px; zoom:1; } .modal .imageBlock .image{ position:absolute; bottom:-0.3em; right:3px; } .modal .close{ position:absolute; top:20px; right:12px; } .sideLogin dl{text-align:center;padding-bottom:8px;} .sideLogin dl dt{padding-bottom:3px;} .y-login{text-align:center;} .y-login p{padding-bottom:3px;} .yahoo_boxborder{border:1px #e0e0e0 solid;} h3.y_cimenber{text-align:center;background-color:#FEEDED;padding:9px;margin-bottom:0.6em;} p.y_mentbtn{text-align:center;padding:4px;background-color:#e0e0e0;} h3.y_notcimenber{text-align:center;color:#ff0000;padding:9px;margin-bottom:0.6em;} p.y_menttxt1{padding:0 8px 8px 8px;} p.y_menttxt2{padding:0 8px 27px 8px;} .y-attention{padding:8px;background-color:#FEEDED;margin-bottom:2em;} /*20101102*/ p.article-search-word_mb{ margin-bottom:2em; margin-top:1em; } /* add 2011.02.10 shigihara */ #safety_movie{ border:#e0e0e0 1px solid; margin-bottom:20px; } #safety_movie_box{ padding:0 24px 24px 24px; } #safety_movie_box .fl_left{ width:230px; float:left; } #safety_movie_box .fl_right{ width:400px; float:right; } /* 2011.04.22 add shigihara [DDWO]ＡＢテスト対応 */ /* ページ内アンカー */ #mainContents .mT10{margin-top:10px!important;} #mainContents .mT20{margin-top:20px!important;} #mainContents .mT30{margin-top:30px!important;} #mainContents .page_link{ background-color:#FFFFFF; margin:30px auto 20px; overflow:hidden; zoom:1; text-align:center; } #mainContents .page_link .link { background: url("/img/common/ico/link_a03.gif") no-repeat scroll 0 4px transparent; padding-left: 12px; } #mainContents .page_link .link_up { background: url("/img/common/ico/link_a02.gif") no-repeat scroll 0 4px transparent; padding-left: 12px; } #mainContents .page_link .link_sp{ margin:0 10px; } #mainContents .page_link .link img{ vertical-align:middle; } .nolinks{ color:#D80D18; font-weight:bold; } #mainContents #purchase{ margin-bottom:20px;} /* kutikomi_magazine */ #mainContents .sectionA01 .number_tit { font-size: 140%; font-weight: bold; padding-bottom: 10px; padding-top: 10px; text-align: center; } #mainContents .sectionA01 .number_tit span.number{ color:#FF6600; } /* クチコミ一覧 */ #mainContents .block_kuchikomi { border: 1px solid #E0E0E0; height: 300px; overflow-y: scroll; border: 1.5px ridge gray; padding: 15px; width: 674px; margin-bottom:20px; } #mainContents .block_kuchikomi .entryA01{ width:657px; } /* 掲載マガジン一覧 */ #mainContents .block_magazine { border: 1px solid #E0E0E0; height: 355px; overflow-y: scroll; border: 1.5px ridge gray; padding: 15px 5px 15px 15px; width: 683px; } #mainContents .block_magazine .m_box { background: none repeat scroll 0 0 #F2F2F2; float: left; overflow: hidden; margin: 0 9px 0.8em 0; padding: 5px 10px; width: 192px; height: 350px; } #mainContents .block_magazine .m_box dt{ text-align:center; margin-bottom:5px; } /*110425-samplecomp- */ .socialmediaBox { background:url(/img/support/sample/sample_comp_twboxbg.gif) repeat-y 0 0; padding:5px; margin-bottom:20px; } .socialmediaBox .innerBox { background-color:#FFFFFF; padding-left:10px; padding-right:9px; padding-bottom:5px; } .socialmediaBox .innerBox .mixiarea { background:url(/img/support/sample/sample_comp_twmixibg.gif) no-repeat 0 0; width:331px; height:136px; margin-top:3px; margin-bottom:5px; } .socialmediaBox .innerBox .mixiarea .txt { padding:19px 24px 10px 49px; width:255px; font-size:12px; line-height:1.3em; } .socialmediaBox .innerBox .twlink { padding-right:10px; } .socialmediaBox .innerBox .twlink2 { padding:0 10px 10px 10px; } .socialmediaBox .innerBox .facebookarea { background:url(/img/support/sample/sample_comp_twfbbg.gif) no-repeat 0 0; width:331px; height:136px; margin-top:3px; margin-bottom:5px; } .socialmediaBox .innerBox .facebookarea .txt { padding:19px 24px 10px 49px; width:255px; font-size:12px; line-height:1.3em; } .socialmediaBox .innerBox .facebookarea .fanlink a { background:url(/img/support/sample/sample_comp_iconF.gif) no-repeat 0 0; padding-left:15px; padding-right:10px; font-size:10px; color:#003399; } .socialmediaBox .innerBox .twitterarea { background:url(/img/support/sample/sample_comp_twbg.gif) no-repeat 0 0; width:674px; height:136px; } .socialmediaBox .innerBox .twitterarea ul.twbtnBox { width:637px; padding:0 9px 5px 26px; list-style-type: none; margin:0; } .socialmediaBox .innerBox .twitterarea ul.twbtnBox li.twbtn { float:left; padding:0 13px 0 0; margin:0; } .socialmediaBox .innerBox .twitterarea .twbtn_form { margin: 10px auto 0; text-align:center; } .socialmediaBox .innerBox .twitterarea .twbtn_form .twbutton { vertical-align:middle !important; } .socialmediaBox .innerBox .what_tw { margin: 4px; font-size:13px; padding-right:4px; } .socialmediaBox .innerBox .what_tw a { color:#0066FF; } .samplereviewBox { background-color:#eaf4ff; margin-bottom:20px; } .samplereviewBox div { padding:0 15px 10px; } .samplereviewBox .txt { font-size:11px; padding-top:5px; width:520px; color:#0066FF; } .samplereviewBox .txt a { color:#0066FF; } /* 2011.07.08 add shigihara [DDWO]ＡＢテスト対応 */ .dataExchange02{ background:#f7f7f7; padding:9px 4px 0; border:1px solid #e0e0e0; border-bottom:none; font-size:95%; height:30px; } .dataExchange02 dl, .dataExchange02 dl dd ul{ zoom:1; } .dataExchange02 dl:after, .dataExchange02 dl dd ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .dataExchange02 dl dt{ float:left; margin:2px 0 0 0; } .dataExchange02 dl dd{ float:left; width:450px; } .dataExchange02 dl dd a{ color:#eb000d; } .dataExchange02 dl dd ul{ margin:0 0 5px; list-style:none; } .dataExchange02 dl dd ul li{ border-right:1px solid #666666; float:left; padding:0 4px 0 0; margin:0 7px 0 0; white-space:nowrap; } .dataExchange02 dl dd ul li.current{ font-weight:bold; } .dataExchange02 dl dd ul li.last{ border-right:none; } .dataExchange02 dl dd ul li.to_narrow{ border-right:none; padding:0; margin:0; } .btn_to_narrow_B { display:block; height:20px; margin:0; margin:-17px 0 10px 0; } #narrowdown h3.focus_tit{ margin-bottom:10px; } #narrowdown .btn_focus{ text-align:center; margin:15px 0; } #narrowdown { width:100%; } #narrowdown ul li { padding-bottom:5px; } #narrowdown dl.narrowCol1{ width:33%; display:block; float: left; overflow: hidden; zoom: 1; } #narrowdown dl.narrowCol2{ width:33%; display:block; float: left; overflow: hidden; zoom: 1; } #narrowdown dl.narrowCol3{ width:33%; display:block; float: left; margin: 0; overflow: hidden; zoom: 1; } #narrowdown dl.narrowCol1 dt, #narrowdown dl.narrowCol1 dd { overflow: hidden; width:100%; margin: 8px 10px 8px 17px ; } #narrowdown dl.narrowCol2 dt, #narrowdown dl.narrowCol2 dd { overflow: hidden; width:100%; margin: 8px 10px 8px 16px ; } #narrowdown dl.narrowCol3 dt, #narrowdown dl.narrowCol3 dd { overflow: hidden; width:100%; margin: 8px 0px 8px 16px ; } #narrowdown ul li { margin: 0px; padding:0px; list-style:none; } #narrowdown dl.narrowItem, #narrowdown dl.narrowOnayami, #narrowdown dl.narrowPlus{ border-bottom:2px solid #e0e0e0; border-left:2px solid #e0e0e0; border-right:2px solid #e0e0e0; overflow:hidden; zoom:1; } dl.narrowItem, dl.narrowItem dt, dl.narrowItem dd, dl.narrowItem dl { margin: 0; padding: 0; line-height: 1px; } dl.narrowOnayami, dl.narrowOnayami dt, dl.narrowOnayami dd, dl.narrowOnayami dl { margin: 0; padding: 0; line-height: 1px; } dl.narrowPlus, dl.narrowPlus dt, dl.narrowPlus dd, dl.narrowPlus dl { margin: 0; padding: 0; line-height: 1px; } #narrowdown dl.narrowPlus dd.searchToolPart{ background: url(/img/common/narrowdown/part_face_point.gif) no-repeat left center; width:144px; height:170px; position:relative; padding-top:10px; } #narrowdown dl.narrowPlus dd.searchToolPart ul li.part01 { margin-top:-8px; } #narrowdown dl.narrowPlus dd.searchToolPart ul li.part02 { margin-left: 88px; margin-top: 7px; } #narrowdown dl.narrowPlus dd.searchToolPart ul li.part03 { margin-left: 88px; margin-top: -1px; } #narrowdown dl.narrowPlus dd.searchToolPart ul li.part04 { margin-left: 88px; margin-top: -3px; } #narrowdown dl.narrowPlus dd.searchToolPart ul li.part05 { margin-left: 88px; margin-top: -2px; } #narrowdown dl.narrowPlus dd.searchToolPart ul li.part06 { margin-left: 88px; margin-top: -3px; } #narrowdown dl.narrowPlus dd.searchToolPart ul li.part07 { margin-left: 88px; margin-top: 7px; }