@charset "EUC-JP"; *{margin:0;padding:0;font-style:normal;font-weight:normal;font-variant:normal;text-decoration:none} body{font:13px 'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka,'ＭＳ Ｐゴシック','MS PGothic','メイリオ',Meiryo,sans-serif; *font-size:small; *font:x-small;line-height:1.8} /* Mac IE5 only \*//*/ body{font-size:13px} /* end */ table{border-collapse:collapse;border-spacing:0;border:1px solid #bbb;line-height:1.8;font-size:13px;voice-family:"\"}\""; /* ▲win ie5.5 */ voice-family:inherit; /* ▼other */ font-size:inherit} td,th{border:1px solid #bbb} fieldset{border:0} blockquote:before,blockquote:after,q:before,q:after{content:""} blockquote,q{quotes:"" ""} abbr,acronym{border:0;cursor:help} img{border:0;vertical-align:bottom} object,embed{vertical-align:bottom} input[type=text],input[type=password],select,textarea,button{font-size:14px} input[type=text],input[type=password],select,textarea{background-color:#fffff0;border:thin solid #999;font-size:108%;line-height:1;font-family:'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Osaka,'ＭＳ Ｐゴシック','MS PGothic','メイリオ',Meiryo,sans-serif;border:1px solid #aaa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px} textarea{width:99%} input[type=text],input[type=password],select,button{height:30px;line-height:30px;vertical-align:middle;margin-bottom:5px;padding:0 5px} select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fffff0 url(../images/main/select_down.png) no-repeat right center;padding-right:35px;text-overflow:''} option{background-color:#fff} select[disabled=disabled]{color:#000 !important;background-color:transparent;border:none;background-image:none} select>option[disabled=disabled]{color:#000 !important} select>option[selected=selected]{background-color:#3875d7;color:#fff} select>optgroup{color:#000 !important;font-weight:normal !important} input[type="text"]:focus,input[type=password]{box-shadow:0 0 5px 0 rgba(0,100,225,0.9);outline:0} button:hover{box-shadow:0 0 5px 0 rgba(0,100,225,0.9);outline:0;} @-moz-document url-prefix(){ select{background:#fffff0 url(../images/main/select_down.png) no-repeat right center} select>option[selected=selected]{background-color:#3875d7;color:#fff} }/* for firefox */ select::-ms-expand{display:none;}/* for IE */ li{white-space:normal} strong{font-weight:bold} a:link,a:visited,a:hover,a:active{text-decoration:underline;font-weight:inherit} strike,del{text-decoration:line-through} /*▼jquery UI*/ .ui-dialog{text-align:left !important;background:#fff !important} .dialog .ui-widget-content{background:none !important} .dialog .ui-dialog-content .ui-icon{float:left;margin-top:.2em} .dialog .ui-dialog-title{font-weight:700} .dialog ul{margin-left:15px;margin-bottom:1em} .dialog p{margin-left:15px;margin-bottom:.5em} .dialog h4{font-weight:700;font-size:1.2em} .dialog em{font-weight:700;color:#00C} .dialog dialog .em-red{color:red;font-weight:400} .dialog-content{} .dialog-content dl{margin-left:15px} .dialog-content dt{float:left;width:100px;font-weight:700} .dialog-content dd{padding-left:100px;border-bottom:1px dashed #ccc} .dialog-subcontent{border:1px solid #ccc;background:#eee;padding:.5em;font-size:.9em} /*△jquery UI*/ /* CSS Document */ /* ●clearfix */ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{display:inline-table;zoom:1} /* Hides from IE-mac \*/ * html .clearfix{height:1%} .clearfix{display:block} /* End hide from IE-mac */ /* ●ウェブテスト */ .webtest{display:none} /* ●テキスト */ .layout-left{text-align:left} .layout-right{text-align:right} .layout-center{text-align:center} .em-red{color:red} .em-red a{color:red} .em-c{color:#00A0E9} .em-m{color:#E4007F} .em-y{color:#FFF100} .em-big{font-size:1.4em} .em-bold{font-weight:700} .em-aori{font-size:1.539em;font-weight:700;padding:0 0 1em;line-height:1.5em} .em-aori a{font-size:inherit;font-weight:inherit} .em-markerY{background:#FF9} p.attention{background:#f1f1f2} .notes{font-size:.85em} .notes-xsmall{font-size:.65em} .span-strike{text-decoration:line-through} .span-sampleprice{background:#efefef;color:#666;padding:0.2em 0.8em} .em-off{color:#039;background:#E5F5FF;padding:5px} .em-digi{color:#609;background:#FAF6FD;padding:5px} .em-onde{color:#060;background:#F5FAE5;padding:5px} .em-dic{color:#FF4500;background:#ffe4e1;padding:5px} .em-haku{color:#FF4500;background:#ffe27e;padding:5px} /* ●見出し */ h2.icon-info, h2.icon-data, h2.icon-illustrator, h2.icon-illustratorPdf, h2.icon-photoshop, h2.icon-indesign, h2.icon-indesignPdf, h2.icon-office, h2.icon-product, h2.icon-nyukou, h2.icon-faq, h2.icon-form, h2.icon-tel, h2.icon-material, h2.icon-access, h2.icon-detail, h2.icon-price, h2.icon-chuiten, h2.icon-osusume, h2.icon-question, h2.icon-mouse, h2.icon-mouse2, h2.icon-wave, h2.icon-dlillustrator, h2.icon-dlphotoshop, h2.icon-dltemp, h2.icon-formtop, h2.icon-idea, h2.icon-dictionary, h2.icon-youshi, h2.icon-imagefile{padding-left:50px !important;border:none !important} h2.icon-info, h2.icon-data, h2.icon-illustrator, h2.icon-illustratorPdf, h2.icon-photoshop, h2.icon-indesign, h2.icon-indesignPdf, h2.icon-office, h2.icon-imagefile, h2.icon-product, h2.icon-nyukou, h2.icon-wave, h2.icon-question{color:#000 !important} h2.icon-dlphotoshop{color:#1a3e73 !important} h2.icon-chuiten{color:#f33 !important} h2.icon-dlillustrator, h2.icon-price, h2.icon-mouse2{color:#ff7c00 !important} h2.icon-formtop{color:#fff !important} h2.icon-data{background:url(../images/main/h_back_common.png) -741px -1281px no-repeat} h2.icon-illustrator{background:url(../images/main/h_back_common.png) -741px -1323px no-repeat} h2.icon-illustratorPdf{background:url(../images/main/h_back_common.png) -741px -1533px no-repeat} h2.icon-photoshop{background:url(../images/main/h_back_common.png) -741px -1365px no-repeat} h2.icon-indesign{background:url(../images/main/h_back_common.png) -741px -1407px no-repeat} h2.icon-indesignPdf{background:url(../images/main/h_back_common.png) -741px -1575px no-repeat} h2.icon-office{background:url(../images/main/h_back_common.png) -741px -1449px no-repeat} h2.icon-product{background:url(../images/main/h_back_common.png) -741px -1239px no-repeat} h2.icon-nyukou{background:url(../images/main/h_back_common.png) -741px -1281px no-repeat} h2.icon-faq{background:url(../images/main/h_back_common.png) -741px -441px no-repeat} h2.icon-form{background:url(../images/main/h_back_common.png) -741px -483px no-repeat} h2.icon-tel{background:url(../images/main/h_back_common.png) -741px -525px no-repeat} h2.icon-material{background:url(../images/main/h_back_common.png) -741px -567px no-repeat} h2.icon-access{background:url(../images/main/h_back_common.png) -741px -609px no-repeat} h2.icon-detail{background:url(../images/main/h_back_common.png) -741px -651px no-repeat} h2.icon-price{background:url(../images/main/h_back_common.png) -741px -693px no-repeat} h2.icon-chuiten{background:url(../images/main/h_back_common.png) -741px -735px no-repeat} h2.icon-question{background:url(../images/main/h_back_common.png) -741px -777px no-repeat} h2.icon-mouse{background:url(../images/main/h_back_common.png) -741px -819px no-repeat} h2.icon-mouse2{background:url(../images/main/h_back_common.png) -741px -861px no-repeat} h2.icon-dlillustrator{background:url(../images/main/h_back_common.png) -741px -945px no-repeat} h2.icon-dlphotoshop{background:url(../images/main/h_back_common.png) -741px -987px no-repeat} h2.icon-dltemp{background:url(../images/main/h_back_common.png) -741px -987px no-repeat} h2.icon-osusume{background:url(../images/main/h_back_common.png) -741px -903px no-repeat} h2.icon-wave{background:url(../images/main/h_back_common.png) -741px -1197px no-repeat} h2.icon-info{background:url(../images/main/h_back_common.png) -741px -945px no-repeat} h2.icon-formtop{background:url(../images/main/h_back_common.png) -741px -1029px no-repeat} h2.icon-idea{background:url(../images/main/h_back_common.png) -741px -1113px no-repeat;color:#000 !important;} h2.icon-dictionary{background:url(../images/main/h_back_common.png) -741px -1154px no-repeat;color:#000 !important;} h2.icon-youshi{background:url(../images/main/h_back_common.png) -741px -1617px no-repeat} h2.icon-imagefile{background:url(../images/main/h_back_common.png) -741px -1491px no-repeat} h2.icon-vivid {background: url("../../images/main/h_back_common.png") -741px -1239px no-repeat;color: #000 !important;border:none !important;padding-left: 50px !important} h2.icon-none{background:none !important;padding:0 !important;border:none !important} h2.icon-orangeStep, h2.icon-orangePoint, h2.icon-orangeFaq{height:52px !important;border:none !important;color:#f60 !important;padding-left:50px !important;margin-bottom:20px !important} h2.icon-orangeStep{background:transparent url(../images/guide/begginers_h2_back.png) no-repeat scroll 0 0} h2.icon-orangePoint{background:transparent url(../images/guide/begginers_h2_back.png) no-repeat scroll 0 -52px} h2.icon-orangeFaq{background:transparent url(../images/guide/begginers_h2_back.png) no-repeat scroll 0 -104px} .h2-title{background:transparent url(../images/main/h2_title.gif) no-repeat left bottom;color:#fff !important;border-left:0 !important;padding-bottom:15px !important;padding-left:20px !important;font-size:153.9% !important} /* h3 */ .h3-step{border-bottom:1px dotted !important;padding-left:15px !important;margin-top:20px !important} .h3-attention{color:#f60 !important;border-color:#f60 !important} .h3-soft, .h3-softIllustratorPdf, .h3-softIllustrator, .h3-softPhotoshop, .h3-softIndesign, .h3-softIndesignPdf, .h3-softOffice{border:none !important;line-height:42px !important;color:#000 !important;padding-left:50px !important} .h3-soft{background:url(../images/main/h_back_common.png) -741px -1365px no-repeat;padding-left:0 !important} .h3-softIllustrator{background:url(../images/main/h_back_common.png) -741px -1407px no-repeat;color:#f60 !important} .h3-softIllustratorPdf{background:url(../images/main/h_back_common.png) -741px -1828px no-repeat;color:#f60 !important} .h3-softPhotoshop{background:url(../images/main/h_back_common.png) -741px -1449px no-repeat;color:#0070b8 !important} .h3-softIndesign{background:url(../images/main/h_back_common.png) -741px -1491px no-repeat;color:#609 !important} .h3-softIndesignPdf{background:url(../images/main/h_back_common.png) -741px -1869px no-repeat;color:#609 !important} .h3-softOffice{background:url(../images/main/h_back_common.png) -741px -1533px no-repeat;color:#0070b8 !important} .h3-bar{border-left:none !important;border-bottom:3px solid #000 !important;color:#000 !important;padding-left:0 !important} .h3-stp1, .h3-stp2, .h3-stp3{border:none !important;clear:both;height:42px;line-height:42px !important;padding-left:90px !important;color:#000 !important} .h3-stp1{background:transparent url(../images/guide/begginers_step_h3.png) no-repeat scroll 0 0} .h3-stp2{background:transparent url(../images/guide/begginers_step_h3.png) no-repeat scroll 0 -42px} .h3-stp3{background:transparent url(../images/guide/begginers_step_h3.png) no-repeat scroll 0 -84px} .h3-pencil, .h3-check{border-left:none !important;padding-left:30px !important;line-height:42px !important;margin-bottom:0 !important} .h3-pencil{background:url(../images/main/icon/icon_form_pencil.png) left center no-repeat} .h3-check{background:url(../images/main/icon/icon_form_check.png) left center no-repeat} .h3-trbl{background:url(../images/main/icon/icon_trbl.gif) no-repeat 0 0;border:none !important;line-height:50px !important;color:#000 !important;padding-left:60px !important; margin-bottom:0 !important} .h3-NO-00, .h3-NO-01, .h3-NO-02, .h3-NO-03, .h3-NO-04, .h3-NO-05, .h3-NO-06, .h3-NO-07, .h3-NO-08, .h3-NO-09, .h3-NO-10{color:#075bb7;font-weight:700;padding-left:36px !important;border-left:none !important;border-bottom:1px dotted #0065b4;line-height:30px} .h3-NO-00{background:url(../images/main/h3_no.png) no-repeat 0 0} .h3-NO-01{background:url(../images/main/h3_no.png) no-repeat 0 -30px} .h3-NO-02{background:url(../images/main/h3_no.png) no-repeat 0 -60px} .h3-NO-03{background:url(../images/main/h3_no.png) no-repeat 0 -90px} .h3-NO-04{background:url(../images/main/h3_no.png) no-repeat 0 -120px} .h3-NO-05{background:url(../images/main/h3_no.png) no-repeat 0 -150px} .h3-NO-06{background:url(../images/main/h3_no.png) no-repeat 0 -180px} .h3-NO-07{background:url(../images/main/h3_no.png) no-repeat 0 -210px} .h3-NO-08{background:url(../images/main/h3_no.png) no-repeat 0 -240px} .h3-NO-09{background:url(../images/main/h3_no.png) no-repeat 0 -270px} .h3-NO-10{background:url(../images/main/h3_no.png) no-repeat 0 -300px} /* h4 */ .h4-NO-01, .h4-NO-02, .h4-NO-03, .h4-NO-04, .h4-NO-05, .h4-NO-06, .h4-NO-07, .h4-NO-08, .h4-NO-09, .h4-NO-10{padding-left:22px;line-height:18px;margin-top:20px} .h4-NO-01{background:url(../images/main/h4_no.png) no-repeat 0 0} .h4-NO-02{background:url(../images/main/h4_no.png) no-repeat 0 -18px} .h4-NO-03{background:url(../images/main/h4_no.png) no-repeat 0 -36px} .h4-NO-04{background:url(../images/main/h4_no.png) no-repeat 0 -54px !important} .h4-NO-05{background:url(../images/main/h4_no.png) no-repeat 0 -72px !important} .h4-NO-06{background:url(../images/main/h4_no.png) no-repeat 0 -90px !important} .h4-NO-07{background:url(../images/main/h4_no.png) no-repeat 0 -108px} .h4-NO-08{background:url(../images/main/h4_no.png) no-repeat 0 -126px} .h4-NO-09{background:url(../images/main/h4_no.png) no-repeat 0 -144px} .h4-NO-10{background:url(../images/main/h4_no.png) no-repeat 0 -162px} .h4-checkbox, .h4-caution{padding-left:25px} .h4-checkbox{background:url(../images/main/h4_checkbox.gif) no-repeat left top;color:#000} .h4-caution{background:url(../images/main/h4_caution.gif) no-repeat left top;color:#000} .h4-down{background:url(../images/main/h4_down.gif) no-repeat scroll left top transparent;padding-left:20px} .h4-ok{background:url(../images/main/h4_okng.gif) no-repeat scroll left top transparent;padding-left:26px} .h4-ng{background:url(../images/main/h4_okng.gif) no-repeat scroll 0 -50px transparent;padding-left:26px} .h4-place{background:url(../images/main/h4_place.png) no-repeat scroll left top transparent;color:#075bb7;padding-left:10px;line-height:30px;margin-bottom:14px} .h4-place2{background:url(../images/main/h4_place2.gif) no-repeat scroll left top transparent;color:#f60;padding-left:10px;line-height:30px;margin-bottom:14px} .h4-DTPkiso{background:url(../images/data/dtp/bg_DTPkiso_h4.png) repeat-y left center;color:#000;font-size:1.2em;font-weight:400;line-height:2.2em;padding-left:10px;margin-bottom:10px} .attention .h4-checkbox, .attention .h4-caution, .attention .h4-down, .attention .h4-ok, .attention .h4-ng, .attention .h4-place, .attention .h4-place2, .attention .h4-DTPkiso{background-color:transparent;padding-left:25px} /* ●フォーム */ input.txtmode1{/* 日本語入力モード */ ime-mode:active} input.txtmode2{/* 英数字入力モード */ ime-mode:inactive} input.input_alphanumeric{/* 英数字入力モード。ユーザーの操作によるモードの変更不可 */ ime-mode:disabled} input.noborder{border:0} .btn-clickable{cursor:pointer;border:none;background:none} #account .td-date button, #accounthistory .td-date button{margin-top:2px} .btn-clickable img{vertical-align:middle} /* オプション　トグルメニュー */ .option-toggle div.sub_pane{border:1px solid #0070b8;padding:10px;background:#fff} .option-toggle div.attention{margin:10px 0 0} .option-toggle a.a-option-toggle{display:block;margin-top:10px;padding:3px;background-color:#deeeff;color:#000 !important;text-decoration:none !important;font-weight:700} .order-biko .option-toggle a.a-option-toggle{margin-top:0} .option-toggle a.a-option-toggle:hover, .option-toggle a.option-toggle:active{background-color:#cfe6ff} .option-toggle a.a-option-toggle img.icon{vertical-align:middle;margin-right:5px} .option-toggle div.sub_pane strong{background:url(../images/main/icon/icon_check.png) left center no-repeat;padding-left:15px;margin-right:20px} .option-toggle div.sub_pane select{width:250px !important} .option-toggleY div.sub_pane{border-color:#cc0} .option-toggleY a.a-option-toggle{background-color:#ffc} .option-toggleY a.a-option-toggle:hover, .option-toggleY a.option-toggle:active{background-color:#ff9} /* トグルメニュー */ .comment-toggle div.sub_pane{border:1px solid #ccc;padding:10px;background:#fff} .comment-toggle div.attention{margin:10px 0 0} .comment-toggle a.a-comment-toggle{display:block;padding:3px;font-size:1.08em} .comment-toggle a.a-comment-toggle img.icon{vertical-align:middle;margin-right:5px} .comment-toggle div.sub_pane{font-size:95%} .comment-toggle div.sub_pane strong{background:url(../images/main/icon/icon_check.png) left center no-repeat;padding-left:15px;margin-right:20px} .comment-toggle div.sub_pane select{width:250px !important} /* ●画像 */ img.layout-right{float:right;padding:0 0 10px 10px} img.layout-left{float:left;padding:0 10px 10px 0} img.layout-bottom{vertical-align:text-bottom} img.img-newicon{vertical-align:text-bottom;margin-left:5px} img.img-dlnew{margin:2px 0 0 5px;vertical-align:text-top} /*文中の画像を真ん中に*/ img.img-middle{vertical-align:middle;margin:0 5px} /* ●DIV */ div.layout-left{float:left;width:49%} div.layout-right{float:left;width:50%;text-align:left} div.attention{border:1px solid #ccc;width:auto} div.attention{margin:0 0 20px 20px;width:auto;padding:10px} div.attention p, div.attention ul{margin:0 0 .5em !important} div.attention dl{margin-bottom:.5em !important;margin-left:0} div.attention h2{margin:0 0 .8em;padding:0} div.attention h3{margin:0 0 .5em !important;padding:0 0 0 1em} div.attention h4{margin:0 0 .5em !important;padding-left:6px;background-color:#eee} /*with .attention*/ div.level-1{border:3px solid #fffdfa;background:url(../images/main/icon/icon_attentionB.png) no-repeat 20px center #fffbf3;padding-left:90px} /*with .attention*/ div.level-2{border:3px solid red;background:url(../images/main/icon/icon_attentionA.png) no-repeat 20px center #fff5f5;padding-left:90px} div.level-2 h3{color:red !important;border-color:red !important} /*with .attention*/ div.level-3{border:3px solid #fffafa;background:url(../images/main/icon/icon_attentionC.png) no-repeat 20px center #fff7de;padding-left:90px} /*with .attention*/ div.level-checksheet{border:none;background:url(../images/main/icon/icon_attentionChecksheet.png) no-repeat 20px center #ffc;padding-left:175px} /*with .attention*/ div.level-sendmail{background:url(../images/main/icon/icon_attentionSendmail.png) no-repeat 20px center #fff;padding-left:175px} /*with .attention*/ div.level-formarea{border-color:#0070b8;padding-bottom:0} /*with .attention*/ div.level-office{border:3px solid #fffdfa;background:url(../images/main/icon/icon_attentionOffice.png) no-repeat 20px center #deeeff;padding-left:100px} /*with .attention*/ div.dictionary{border:3px solid #002E70;background:url(../images/data/icon/icon_dictionary.png) no-repeat 20px center #FFF;padding-left:100px} div.ideaBox{border:3px solid #FFFDFA;background:url(../images/main/icon/icon_atten_idea.gif) no-repeat 20px center #F3FAFF;padding-left:90px} /*with .attention*/ div.ideaBox h4{background:transparent;color:#075bb7;padding:0} div.erBox{background:url(../images/main/icon/icon_atten_er.gif) no-repeat scroll 10px center #FFF4F0;border:2px solid #FFF;padding-left:60px;font-size:0.95em} /*with .attention*/ div.erBox em{color:red} div.hatena{background:#FFF;border:2px solid #B3DEE2} /*with .attention*/ div.hatena h4{background:url(../images/main/icon/icon_atten_hatena.gif) no-repeat 0 0;color:#0098A0;padding-left:22px} /*with .attention*/ #pageContent div.box-memo{border:3px solid #D7F0DE} #pageContent div.box-memo h4{background:url(../images/main/icon/icon_emarrow_green.png) no-repeat scroll left center;padding-left:25px} /*with .attention*/ div.box-material{height:60px;background:url(../images/products/box_material_bg.png) no-repeat 0 center #fff;padding:20px 0;border-left:0;border-right:0} div.box-material p{padding-left:110px;float:left;width:220px} div.box-material img{margin:0 5px} /*関連情報*/ div.aside{background-color:#eee;border-style:dashed} /*２段組み*/ div.layout-half p{margin-left:0 !important} div.layout-half div.layout-left{float:left;width:360px;margin-left:20px} div.layout-half div.layout-right{float:right;width:360px;text-align:left} * html div.layout-half div.layout-left{width:350px;margin-left:10px} * html div.layout-half div.layout-right{width:350px} div.attention div.layout-half div.layout-left, div.attention div.layout-half div.layout-right{width:320px} * html div.attention div.layout-half div.layout-left, * html div.attention div.layout-half div.layout-right{width:310px} #mainContent.nosidemenu div.layout-half div.layout-left{width:470px;margin-left:0} #mainContent.nosidemenu div.layout-half div.layout-right{width:470px} * html #mainContent.nosidemenu div.layout-half div.layout-left, * html #mainContent.nosidemenu div.layout-half div.layout-right{width:460px} #mainContent.nosidemenu div.attention div.layout-half div.layout-left, #mainContent.nosidemenu div.attention div.layout-half div.layout-right{width:430px} * html #mainContent.nosidemenu div.attention div.layout-half div.layout-left, * html #mainContent.nosidemenu div.attention div.layout-half div.layout-right{width:420px} /* 旧キャンペーンページ */ .areaOldnews{border:1px dashed #c00;background:#fff8eb;margin:20px 20px 30px} .areaOldnews p{padding-top:1em} .oldnews h1{text-align:center} .oldnews table{margin-left:auto;margin-right:auto} /*バナーと説明文*/ .bannerBox{margin-bottom:1.5em} /*--目次---------------*/ .box-mokuji{background:#F2F8FF;padding:10px 0;margin:5px 0} .list-mokuji{list-style:none;float:left;font-size:0.9em;margin-right:20px;padding-left:10px;background:url(../images/main/icon/icon_miniarrow.gif) no-repeat left center} /*PRポイントバナーエリア*/ .box-prpoint{border:1px solid #f2f2f2;padding:9px;margin-bottom:15px} .box-prpoint .menu{margin:0 !important;padding:0 !important} .box-prpoint li{float:left} /* ●各ページPRバナー（特設ページ紹介） */ .box-prspecial{background:url(../images/main/th_back.png) repeat 0 0;padding:10px 9px 10px 10px} .box-prspecial dl{width:179px;float:left} .box-prspecial dl.last{width:180px} .box-prspecial dd{font-size:85% !important;padding:0 5px;text-indent:15px;background:url(../images/main/icon/icon_pr_list.gif) 5px 5px no-repeat} .box-prspecial dd a{color:#777 !important} .box-prspecial dl img{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd} .box-prspecial dl.last img{border-right:1px solid #ddd} /* 各ページPRバナー（ブログページ紹介） */ .box-prblog{background:url(../images/main/prblog_bg.png) no-repeat right top;padding:10px 0 20px 170px} .box-prblog p{margin-left:0} .box-blogdata, .box-blogfaq, .box-blogdesign{padding:20px 16px 10px 132px} .box-blogdata{background:url(../images/main/prblog_bg_k.png) no-repeat right top} .box-blogfaq{background:url(../images/main/prblog_bg_h.png) no-repeat right top} .box-blogdesign{background:url(../images/main/prblog_bg_d.png) no-repeat right top} .box-prblog dl{width:188px;float:left} .box-prblog dd{font-size:85%;padding:0 5px;text-indent:15px;background:url(../images/main/icon/icon_pr_list.gif) 5px 5px no-repeat} .box-prblog dd a{color:#777} /* 各ページPRバナー（ブログページ紹介） new */ .blogrss{margin-bottom:10px} .blogrss ul{margin-bottom:0} .blogrss li{font-size:93%;padding-left:15px;list-style:none} .blogrss .blogrss-text{width:394px;float:left} .blogrss .blogrss-img{width:178px;float:left} .blogrss .blogrss-img p{margin-bottom:0} .blogrss-faq{background:url(../images/main/prblog_bg_h.gif) no-repeat 0 0;border-bottom:2px solid #2AAAE1;padding:20px 16px 10px 132px} .blogrss-faq #areaBlogcat15 li{background:url(../images/main/prblog_bg_h_li.gif) no-repeat 0 5px} .blogrss-data{background:url(../images/main/prblog_bg_k.gif) no-repeat 0 0;border-bottom:2px solid #F5712D;padding:20px 16px 10px 132px} .blogrss-data #areaBlogcat2 li{background:url(../images/main/prblog_bg_k_li.gif) no-repeat 0 5px} /* 仙台PR */ .wavesendai{width:900px;margin-left:20px;position:relative;background-color:#FFF;padding-bottom:10px} .wavesendai h3.h3-sendaipr{background-color:#39B54A;line-height:52px;color:#FFF;padding-left:30px;font-size:1.539em} .wavesendai h3 a{display:block;width:180px;height:26px;position:absolute;top:12px;left:690px} .wavesendai .sendai-inner{margin:0 30px} .wavesendai .sendai-inner h4{margin-top:20px;margin-bottom:10px} .wavesendai .sendai01{width:279px;float:left;background:url(../images/info/201211sendaicampaign/point01_bg.jpg) no-repeat right bottom;border-right:1px #ccc dotted} .wavesendai .sendai01 p{width:130px} .wavesendai .sendai02{width:560px;float:left;background:url(../images/info/201211sendaicampaign/point02_bg.jpg) no-repeat right bottom} .wavesendai .sendai02 p{width:320px;margin-left:35px} .wavesendai .sendai02 h4{margin-left:20px} /* ●TABLE */ tr.color, th.color, td.color{background-color:#EFEFEF} tr.color2, th.color2, td.color2{background-color:#ccc} tr.color3, th.color3, td.color3{background-color:#555;color:#fff} tr.color4, th.color4, td.color4{background-color:#333;color:#fff} td.nowrap, th.nowrap{white-space:nowrap} td.layout-top, td.layout-top{vertical-align:top} .table-normal thead th, .table-normal tfoot th{background:#333;color:#fff} .table-normal tbody th{background:#eee} .table-normal th{text-align:center} .table-normal th, .table-normal td{padding:2px 5px;background:#fff} /*PRバナー*/ .table-pr, .table-pr td{border:none} /*営業日カレンダー*/ table.cal th, table.cal td{text-align:center;border:none} table.cal th{background-color:#eee;font-weight:700} table.cal tr.week td{border-top:1px solid #ccc;border-bottom:1px solid #ccc} table.cal td.nationalholiday, table.cal td.sunday, table.cal td.saturday{background:#eee} table.cal td.waveholiday{background:#fc9} table.cal td.head-sunday{background:#fbb} table.cal td.head-saturday{background:#cdddff} table.cal td a:link, table.cal td a:visited{color:#000;display:block;padding:2px 5px;text-decoration:none;line-height:1} table.cal td span.today a:link, table.cal td span.today a:visited{font-weight:700;text-decoration:underline;background:#bcd} table.cal td a{color:#000 !important} table.cal td a:hover{background:#ccc} table.cal td.sunday a:hover{background:#f66;color:#fff !important} table.cal td.saturday a:hover{background:#5af;color:#fff !important} table.cal td.nationalholiday a:hover{background:#f66;color:#fff !important} /*折り加工対応表*/ .table-orichart{width:700px} .table-orichart th{width:160px} .table-orichart th, .table-orichart td{text-align:center} .table-orichart td.color2{background-color:#bce} /*料金表*/ .table-price{border:none;width:720px;border-collapse:collapse} .table-price th, .table-price td{padding:3px;text-align:center;border-bottom:none;border-right:2px solid #fff;border-top:none;border-left:none} .table-price thead th{background:#ffd199;white-space:nowrap;font-weight:700;padding:8px 3px} .table-price td.tablePrice-text{text-align:left} .table-price td.tablePrice-title{font-weight:700} .table-price td.tablePrice-number{color:red;text-align:right;font-weight:700} .table-price tbody th, .table-price tbody td{border-bottom:1px solid #ccc} /*仕様特徴*/ .table-detail{width:720px !important;voice-family:"\"}\"";/* ↑ie5.5のみ適用 */ voice-family:inherit;/* ↓それ以外に適用 */ width:718px !important} .table-detail th, .table-detail td{padding:5px;vertical-align:top} .table-detail th{background:url(../images/main/th_back.png) 0 0 repeat;width:130px;text-align:left} .table-detail th h3{font-size:1.08em !important;margin:0 !important;line-height:20px !important;border-left-width:3px} .table-detail h4{margin:0 !important;font-size:1em} .table-detail thead th{background:none} .table-detail thead th img{width:130px} .table-detail thead td{background:#FAFAFA;border-top:0} .table-detail ul{margin-bottom:5px !important} .table-detail div.attention{background:none repeat scroll 0 0 #eff8ff;border:0;margin:0} /*写真ギャラリー*/ .table-photo{table-layout:fixed;width:718px;border:0} .table-photo td{padding:5px;text-align:center;background:#f2f2f2;border:0} .table-photo td img{border:1px solid #CCC} /*クロネコメール便配送表*/ .table-kuromail th{text-align:center;padding:2px 5px;background-color:#f2f2f2} .table-kuromail td{padding:0 5px} .table-kuromail thead.kuromail-soku th{background-color:#D2F7FF} .table-kuromail thead.kuromail-nomal th{background-color:#F0FFE1} td.td-kuromailPlus1{background-color:#FFF7AE;text-align:center} td.td-kuromailPlus2{background-color:#CAF0FC;text-align:center} td.td-kuromailPlus3{background-color:#CCEDAB;text-align:center} tr.tr-todoufuken{font-size:0.85em} /*フォーム入力*/ .table-input, .table-input2{width:720px;border:none} .table-input{border-left:5px solid #0070b8} .table-input2{border-left:5px solid #00b870} .table-input th, .table-input2 th{border-color:#fff;padding:3px 13px;font-weight:700;width:30%;vertical-align:top;text-align:right} .table-input th{background:url(../images/main/th_back.png) 0 0} .table-input2 th{background:url(../images/main/th_back2.png) 0 0} .table-input td, .table-input2 td{background-color:#f0f0f0;border-color:#fff;padding:3px 13px} /*印刷方式比較*/ .table-paper-printType{width:720px;border:0;table-layout:fixed} .table-paper-printType tr{border:0} .table-paper-printType th{border:0;padding:10px;text-align:center} .table-paper-printType td{border:1px solid #CCC;padding:10px} .table-paper-printType td.td-img{text-align:center} .table-paper-printType td.td-comment{background:#FAFAFA;font-size:1em;vertical-align:top} th.th-off{background:url(../images/main/texture/bg_off.gif) repeat-x left bottom #E5F5FF;border:0} th.th-digi{background:url(../images/main/texture/bg_digi.gif) repeat-x left bottom #FAF6FD;border:0} th.th-onde{background:url(../images/main/texture/bg_onde.gif) repeat-x left bottom #F5FAE5;border:0} th.th-koff{background:url(../images/main/texture/bg_koff.gif) repeat-x left bottom #F5F7F8;border:0} th.th-dic{background:url(../images/main/texture/bg_dic.gif) repeat-x left bottom #fff4f5;border:0} th.th-haku{background:url(../images/main/texture/bg_haku.gif) repeat-x left bottom #fff8df;border:0} /*支払いクレカ入力欄*/ .table-creditcard{width:98%;-webkit-calc(100% - 20px);width:calc(100% - 20px)} /* ●リスト */ ul.menu li, ol.menu li{list-style:none} #pageContent .menu{padding-left:20px;margin-bottom:1em} ul.listStyleNone li, ol.listStyleNone li{list-style:none} ul.list-downloadlink li{list-style-type:decimal} ul.list-faqpickup{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;background:#deeeff;padding:10px} ul.list-faqpickup li{list-style:none;margin:0;padding:0} .list-disc{list-style-type:disc;margin-left:20px} .list-decimal{list-style-type:decimal;margin-left:20px} .list-square{list-style-type:square;margin-left:20px} .list-kome{list-style:none !important;background:url(../images/main/icon/icon_komelist.png) 0 .4em no-repeat;padding-left:14px} .list-arrow{list-style:none !important;background:url(../images/main/icon/icon_arrow.png) no-repeat 0 5px;padding-left:15px} .list-miniarrow{list-style:none !important;background:url(../images/main/icon/icon_miniarrow.png) no-repeat 4px 8px;padding-left:15px} .list-squeaarrow{list-style:none !important;background:url(../images/main/icon/icon_squeaarrow.png) no-repeat 0 5px #fff;padding-left:20px} .list-none{list-style:none !important} .icon-c-ai{list-style:none;background:url(../images/data/icon/icon_c_ai.gif) no-repeat left center;padding-left:20px} .icon-c-pdf{list-style:none;background:url(../images/data/icon/icon_c_pdf.gif) no-repeat left center;padding-left:20px} .icon-c-ps{list-style:none;background:url(../images/data/icon/icon_c_ps.gif) no-repeat left center;padding-left:20px} .icon-c-ind{list-style:none;background:url(../images/data/icon/icon_c_ind.gif) no-repeat left center;padding-left:20px} .icon-c-ofa{list-style:none;background:url(../images/data/icon/icon_c_ofa.gif) no-repeat left center;padding-left:20px} .icon-c-ofs{list-style:none;background:url(../images/data/icon/icon_c_ofs.gif) no-repeat left center;padding-left:20px} .icon-c-img{list-style:none;background:url(../images/data/icon/icon_c_img.gif) no-repeat left center;padding-left:20px} .icon-c-beg{list-style:none;background:url(../images/data/icon/icon_c_beg.gif) no-repeat left center;padding-left:20px} .icon-c-dtp{list-style:none;background:url(../images/data/icon/icon_c_dtp.gif) no-repeat left center;padding-left:20px} .list-check{list-style:none !important;background:url(../images/main/icon/icon_check.png) no-repeat 0 6px;padding-left:17px} .list-price{list-style:none !important;background:url(../images/main/icon/icon_price.png) no-repeat 0 0;padding-left:23px} .list-template{list-style:none !important;background:url(../images/main/icon/icon_template.png) no-repeat 0 0;padding-left:23px} .list-data{list-style:none !important;background:url(../images/main/icon/icon_data.gif) no-repeat scroll 0 0;padding-left:23px} .list-optiontaiou{list-style:none !important;background:url(../images/main/icon/icon_optiontaiou.png) no-repeat 0 0;padding-left:23px} .list-folder{list-style:none !important;background:url(../images/main/icon/icon_folder.png) no-repeat 0 0;padding-left:23px} .list-plusoption{list-style:none !important;background:url(../images/main/icon/icon_plusoption.png) no-repeat 0 0;padding-left:26px;line-height:30px;font-size:1.231em} .list-link-plusoption a{font:inherit} .list-addPrice, .list-addNoPrice, .list-addMustOption{list-style:none !important;padding-left:80px} .list-imp{background:url(../images/main/icon/icon_imp.gif) no-repeat 0 3px;list-style:none !important;padding-left:20px} .list-mail{background:url(../images/main/icon/icon_mail.gif) no-repeat 0 3px;list-style:none !important;padding-left:35px;line-height:32px} .list-ng{background:url(../images/main/icon/icon_ng.png) no-repeat 0 0.4em;list-style:none !important;padding-left:24px} /*ブックマークnew*/ #areaBookmarks{border:1px solid #ddd;padding:0;margin-bottom:1em} .areaBookmarks-bookmark, .areaBookmarks-social, .bookmarks-item{float:left;width:auto} .bookmarks-item a{display:block} .bookmarks-item a, .bookmarks-item iframe{margin-right:10px;margin-top:5px !important} .bookmarks-title{height:28px;background:url(../images/main/th_back.png) 0 0 repeat;margin:0 10px 0 0} .bookmarks-title em{padding:0 15px;font-weight:700;color:#666} .bookmarks-facebook div{margin-right:10px} /*冊子商品ページ用*/ .list-addPrice{background:url(../images/main/icon/icon_op_noprice.gif) no-repeat 0 2px} .list-addNoPrice{background:url(../images/main/icon/icon_op_price.gif) no-repeat 0 2px} .list-addMustOption{background:url(../images/main/icon/icon_op_must.gif) no-repeat 0 0} /*カテゴリ内リンクまたはページ内リンク*/ .listNav{margin:0 !important} .listNav li{list-style:none;float:left} .listNav .first-child{clear:left} .listNav .last-child{clear:right} /* ●dl*/ .dl300px{width:300px} .dlmemo01, .dlmemo02{background:#F4F4F4;border-top:2px solid #999;font-size:1em;margin:0 0 1em 20px;padding:0 10px 10px} .dlmemo01 dt, .dlmemo02 dt{font-size:1em;font-weight:700;padding-left:18px;margin-top:5px} .dlmemo01 dd, .dlmemo02 dd{font-size:0.95em} .dlmemo01 dd em, .dlmemo02 dd em{color:red} .dlmemo01 dt{background:url(../images/data/icon/icon_dt_down01.gif) no-repeat left 5px} .dlmemo02 dt{background:url(../images/data/icon/icon_dt_down02.gif) no-repeat left 5px} /* ●リンク */ a.blank{/* 別窓を開く場合 */ background:url(../images/main/icon/icon_blank.png) no-repeat right top;padding-right:18px} a.close{/* ウィンドウを閉じる場合 */ background:url(../images/main/icon/icon_close.gif) no-repeat right center;padding-right:15px} /*a.alphaのimgを半透明に*/ a.alpha img{opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"} a.alpha:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"} /*a.alpha-reverceのimgをデフォルト半透明に*/ a.alpha-reverce img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)"} a.alpha-reverce:hover img{opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"} /* ページトップに戻る */ p.gototop{text-align:right;clear:both;padding-top:1em} p.gototop a{background:url(../images/main/icon/icon_gototop.png) no-repeat left center;padding-left:18px} /* カテゴリトップに戻る */ p.catetop a{background:url(../images/main/icon/icon_catetop.png) no-repeat left center;padding:.2em 0 .2em 20px} /*重要*/ a.a-imp{background:url(../images/data/icon/icon_box_imp.gif) right top no-repeat;padding-right:36px} /*ソフト画像*/ a.icon-illustrator{background:url(../images/data/icon/icon_data_illustrator.png) no-repeat left center;padding:3px 0 3px 26px} a.icon-photoshop{background:url(../images/data/icon/icon_data_photoshop.png) no-repeat left center;padding:3px 0 3px 26px} a.icon-indesign{background:url(../images/data/icon/icon_data_indesign.png) no-repeat left center;padding:3px 0 3px 26px} a.icon-ofa{background:url(../images/data/icon/icon_data_ofa.png) no-repeat left center;padding:3px 0 3px 26px} a.icon-ofs{background:url(../images/data/icon/icon_data_ofs.png) no-repeat left center;padding:3px 0 3px 26px} a.icon-office{background:url(../images/data/icon/icon_data_office.png) no-repeat left center;padding:3px 0 3px 26px} a.icon-pdf{background:url(../images/data/icon/icon_data_illpdf.png) no-repeat left center;padding:3px 0 3px 26px} a.icon-word{background:url(../images/data/icon/icon_data_word.png) no-repeat left center;padding:3px 0 3px 26px} a.icon-powerpoint{background:url(../images/data/icon/icon_data_powerpoint.png) no-repeat left center;padding:3px 0 3px 26px} a.icon-publisher{background:url(../images/data/icon/icon_data_publisher.png) no-repeat left center;padding:3px 0 3px 26px} a.icon-excel{background:url(../images/data/icon/icon_data_excel.png) no-repeat left center;padding:3px 0 3px 26px} a.icon-imagefile{background:url(../images/data/icon/icon_data_imagefile.png) no-repeat left center;padding:3px 0 3px 26px} a.icon-cubepdf{background:url(../images/data/icon/icon_data_cubepdf.png) no-repeat left center;padding:3px 0 3px 26px} /*そのほか*/ a.icon-paper{background:url(../images/data/icon/icon_data_paper.gif) no-repeat left center;padding:2px 0 2px 22px} a.icon-template{background:url(../images/main/icon/icon_template.png) no-repeat left center;padding:3px 0 3px 23px} a.icon-data{background:url(../images/main/icon/icon_data.gif) left center no-repeat;padding:3px 0 3px 23px} a.iconarrow01{background:url(../images/main/icon/icon_arrow_01.gif) no-repeat 0 0;padding-left:16px} a.iconarrow01:hover{background:url(../images/main/icon/icon_arrow_01.gif) no-repeat 0 -18px} a.iconarrow02{background:url(../images/main/icon/icon_arrow_02.gif) no-repeat 0 0;padding-left:16px} a.iconarrow02:hover{background:url(../images/main/icon/icon_arrow_02.gif) no-repeat 0 -18px} a.iconprice{background:url("../images/main/icon/icon_price_mini.png") no-repeat 0 0;padding-left: 16px;} /*データ作成ポイント*/ a.data-kakunin{background:url(../images/data/icon/icon_data_kakunin.png) no-repeat left center;padding:3px 0 3px 125px} a.data-shoki{background:url(../images/data/icon/icon_data_shoki.png) no-repeat left center;padding:3px 0 3px 63px} a.data-save{background:url(../images/data/icon/icon_data_save.png) no-repeat left center;padding:3px 0 3px 43px} /*印刷・DTP基礎知識のページへ*/ a.data-baseDTP{background:url(../images/main/icon/icon_DTPdictionary.png) no-repeat left center;padding:5px 0 5px 28px} a.data-savepdf{background:transparent url(../images/data/icon/icon_data_savepdf.png) no-repeat scroll left center;padding:3px 0 3px 90px} /* ●ボタン */ .btn-sample a{display:block;background:url(../images/main/btn_sample_ov.png) no-repeat left top;width:324px} .btn-sample a:hover img{visibility:hidden} /* ●インラインフレーム */ .iframe-normal{width:718px;height:500px;border:1px solid #ccc;margin-left:20px} .iframe-orichart{height:248px;margin-left:20px;width:718px} /* ●ebook */ .infoebook{clear:both;margin:20px;border:1px #333 solid;padding:10px 20px 0 0} .infoebook h4{margin-bottom:0.5em} .infoebook a.btn-ebook{display:block;width:220px;height:80px;background:url(../images/form/btn_ebook_on.jpg) no-repeat 0 0;float:right;margin-left:10px} .infoebook a:hover img{visibility:hidden} /* ●PR-login */ #PR-login .section{margin-bottom:5px !important} #PR-login h3{margin-left:0 !important;padding-left:40px !important;background:url(../images/home/icon_products.gif) no-repeat 0 bottom;border-left:none !important;border-bottom:1px solid #000;line-height:35px !important;color:#000 !important} #PR-login h4{margin-left:0 !important} #PR-login .section a.last-child{margin-left:5px} /*▼レイアウト */ html{background:url(../images/main/footer_back.png) left bottom repeat-x #fff} body{text-align:center;background:url(../images/main/top_back_aut.png) center top no-repeat} /*body{text-align:center;background:url(../images/main/top_back.png) 0 0 repeat-x}*/ .container{width:980px;margin:0 auto;text-align:left} #shortcutNav{display:none} /*●header */ /*上部リンク*/ #header_top{padding-top:7px;margin-bottom:6px} #header_top li{list-style:none} #top-logo{clear:both;float:left;height:97px;width:225px} #top-firstNav{height:33px;background:#075bb7} #top-firstNav li{float:left} #top-firstNav li a{color:#fff;text-decoration:none} #top-firstNav li a:hover{text-decoration:underline} #top-firstNav .top-menu-tel{margin:0 106px 0 22px} #top-firstNav .top-menu-company, #top-firstNav .top-menu-sitemap, #top-firstNav .top-menu-sample{margin-top:2px} #top-firstNav .top-menu-sitemap, #top-firstNav .top-menu-sample{background:url(../images/main/top_icon_bar.png) no-repeat 10px 5px;padding-left:30px} /*検索窓▼*/ #srchBox{width:420px;_width:420px;height:32px;text-align:left;background:url(../images/main/top_search2.png) no-repeat left top;float:left;margin-top:8px} #srchBox *{margin:0;padding:0;font-size:13px;font-size:small;font:x-small} #srchForm{white-space:nowrap} #srchInput{width:354px;height:32px;padding-left:5px;border:0;background:#fff url(../images/main/yjlogo_type4.gif) center center no-repeat;vertical-align:bottom;border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px} form #srchBtn{cursor:pointer;border:0;background:none;width:60px;height:32px;text-indent:-9999px} *html #srchBtn{padding-top:2px} *:first-child+html #srchBtn{padding-top:2px} #srchBox ul{margin-top:6px;text-align:left} #srchBox li{list-style-type:none;display:inline;zoom:1px;padding-right:10px} #srchBox li input{zoom:1px;margin-right:2px;_margin:-4px 0 -4px -4px;vertical-align:middle;border:0} *:+html #srchBox li input{margin:-4px 0 -4px -4px} #srchBox #srchLogo{text-align:right} #srchBox #srchLogo a{color:#666;text-decoration:none;font-size:85%} #srchBox #srchLogo a:hover{text-decoration:underline} #srchBox.watermark{padding-bottom:6px} #srchBox.watermark #srchInput{background:url(../images/main/yjlogo_type4.gif) center center no-repeat} #srchBox.watermark #srchInput.nomark{background:url(../images/main/top_search2.png) no-repeat left top} #srchBox.watermark #srchLogo{display:none} /*検索窓△*/ #header_top #areaBtnNav{padding-top:10px;margin-left:240px} #areaBtnNav li{float:left;width:92px;margin-right:0} #areaBtnNav li a{display:block} #areaBtnNav li a:hover img{visibility:hidden} #areaBtnNav #top-menu {float:right;width:276px} #areaBtnNav #top-menu ul {background:url("../images/main/top_btn_bg.png") no-repeat 0 0} #areaBtnNav ul{background:url(../images/main/top_btn_bg.png) no-repeat left top} #header_nav{margin-bottom:10px} #globalNav{margin-top:6px;background:url(../images/main/top_tab_back.png) no-repeat left top;zoom:1px} #globalNav:after{height:0;visibility:hidden;content:".";display:block;clear:both} #globalNav .gnMenuBtn{float:left;position:relative;z-index:100} #globalNav .gnMenuBtn a{display:block} #globalNav .gnMenuBtn a:hover img{visibility:hidden} #globalNav .top-menu-products, #globalNav .top-menu-guide, #globalNav .top-menu-toiawase, #globalNav .top-menu-data, #globalNav .top-menu-download, #globalNav .top-menu-cart, #globalNav .top-menu-nyukou{width:140px} .tools #globalNav .top-menu-products a img, .guide #globalNav .top-menu-guide a img, .toiawase #globalNav .top-menu-toiawase a img, .inquiry #globalNav .top-menu-toiawase a img, .data #globalNav .top-menu-data a img, .download #globalNav .top-menu-download a img, #shoppingcart #globalNav .top-menu-cart a img, .nyukou #globalNav .top-menu-nyukou a img{visibility:hidden} .tools #globalNav .top-menu-products{background:url(../images/main/top_tab_act.png) no-repeat 0 0} .guide #globalNav .top-menu-guide a{background:url(../images/main/top_tab_act.png) no-repeat -140px 0} .toiawase #globalNav .top-menu-toiawase, .inquiry #globalNav .top-menu-toiawase{background:url(../images/main/top_tab_act.png) no-repeat -280px 0} .data #globalNav .top-menu-data a{background:url(../images/main/top_tab_act.png) no-repeat -420px 0} .download #globalNav .top-menu-download{background:url(../images/main/top_tab_act.png) no-repeat -560px 0} #shoppingcart #globalNav .top-menu-cart{background:url(../images/main/top_tab_act.png) no-repeat -700px 0} .nyukou #globalNav .top-menu-nyukou{background:url(../images/main/top_tab_act.png) no-repeat -840px 0} #globalNav ul.gnSub{background-color:#fff;border:2px solid #075bb7;border-top:0;margin:0;padding:0;display:none;position:absolute;z-index:100} #globalNav ul.gnSub li{width:163px;height:30px;border-bottom:1px dotted #ccc} #globalNav ul.gnSub li a{line-height:30px;text-align:left;text-indent:24px;text-decoration:none;color:#000} #globalNav ul.gnSub li a:hover{color:#fff} #globalNav ul.gnSub .top-sub-menu-search a{background:url(../images/main/icon/icon_search.png) no-repeat 5px 8px} #globalNav ul.gnSub .top-sub-menu-search a:hover{background:url(../images/main/icon/icon_search_ov.png) no-repeat 5px 8px #075bb7} #globalNav ul.gnSub .top-sub-menu-esti a{background:url(../images/main/icon/icon_esti.png) no-repeat 5px 8px} #globalNav ul.gnSub .top-sub-menu-esti a:hover{background:url(../images/main/icon/icon_esti_ov.png) no-repeat 5px 8px #075bb7} #globalNav ul.gnSub .top-sub-menu-wd a{background:url(../images/main/icon/icon_time.png) no-repeat 5px 8px} #globalNav ul.gnSub .top-sub-menu-wd a:hover{background:url(../images/main/icon/icon_time_ov.png) no-repeat 5px 8px #075bb7} #globalNav ul.gnSub .top-sub-menu-direct a{background:url(../images/main/icon/icon_pricelist.png) no-repeat 5px 8px} #globalNav ul.gnSub .top-sub-menu-direct a:hover{background:url(../images/main/icon/icon_pricelist_ov.png) no-repeat 5px 8px #075bb7} /*●サイドバー */ #subContent{width:220px;float:left} #subContent li{font-size:1.08em} #subContent li a{color:#000} #subContent p.notes{line-height:1.3;margin-top:.5em;margin-bottom:1.3em} #subContent p.last-child{margin-bottom:0} #sideNav-product{background:url(../images/main/sidenavi_bluebottom2.png) no-repeat scroll left bottom #075bb7;padding:5px 5px 45px} #sideNav-service{background:url(../images/main/sidenavi_graybottom.png) left bottom no-repeat #ccc;padding:0 5px 30px} #sideNav-order{margin-bottom:10px} #sideNav-pr{border:5px solid #075bb7;margin:0 0 10px;background:#fff} #sideNav-pr .menu-topics{padding-bottom:10px;text-align:center} #sideNav-pr li a{display:block;height: 28px;line-height: 28px;padding-left:20px;background:url("../images/main/icon/icon_arrow_com.gif") no-repeat 10px center} #sideNav-pr li a:hover{background-color:#dcefff} #sideNav-banner li{text-align:center;list-style:none;margin-top:10px} #sideNav-icons{margin-top:20px;text-align:center} #sideNav-icons a{margin:5px} #sideNav-pr2{background:url(../images/main/sidenavi_graywakuback.png) 0 0 repeat-y;padding:0 22px;text-align:center;margin-bottom:20px} #sideNav-pr2 p.last-child{margin-bottom:0} #sideNav-pr2:before{content:url(../images/main/sidenavi_bannertop.png);margin:0 0 0 -22px} #sideNav-pr2:after{content:url(../images/main/sidenavi_graywakubottom.png);margin:0 0 0 -22px} #sideNav-pr3{text-align:center} #sideNav-pr li a, #sideNav-product li a, #sideNav-service li a{text-decoration:none} #sideNav-product .menu-order{padding:0 0 5px 6px} #sideNav-product .menu-topics{text-align:center;margin-bottom:10px} #sideNav-product .menu-title{padding:2px 5px;background:#2F3842;color:#fff} #sideNav-product .menu-title a, #sideNav-product .menu-title a:hover{color:#fff} #sideNav-product .menu-title-top{border-top-left-radius:5px;border-top-right-radius:5px} /* これ以降Mac IE 5のみに適用される \*//*/ #sideNav-product .menu-order a{display:block;width:198px;height:68px;background:url(../images/main/sidenavi_btn_allproduct_02.png) 0 0 no-repeat} #sideNav-product .menu-order a:hover {background-color: transparent} #sideNav-product .menu-order a:hover img {visibility: hidden} /* end */ /* これ以降Mac IE 5には適用されない \*/ #sideNav-product .menu-intitle{} #sideNav-product .menu-intitle a{height:14px !important;width:0 !important;line-height:14px !important} #sideNav-product .menu-intitle.first a{width:720px !important} #sideNav-product .menu-order a{display:block;background:url(../images/main/sidenavi_btn_search_02.jpg) 0 0 no-repeat} #sideNav-product .menu-order a:hover, #sideNav-product .menu-order a:focus, #sideNav-product .menu-order a:active{width:198px;height:70px} #sideNav-product .menu-order a:hover img, #sideNav-product .menu-order a:focus img, #sideNav-product .menu-order a:active img{visibility:hidden} /* end */ #sideNav-product .menu-message{/*臨時休業メッセージ*/border:2px solid #f00;background-color:#fff;margin-bottom:5px;padding:0 5px} #sideNav-product .menu-newproducts a, #sideNav-product .menu-offset-opn a, #sideNav-product .menu-offset-cls a, #sideNav-product .menu-digital-opn a, #sideNav-product .menu-digital-cls a, #sideNav-product .menu-koff-opn a, #sideNav-product .menu-koff-cls a, #sideNav-product .menu-ondemand-opn a, #sideNav-product .menu-ondemand-cls a, #sideNav-product .menu-special-opn a, #sideNav-product .menu-special-cls a, #sideNav-product .menu-opt-opn a, #sideNav-product .menu-opt-cls a, #sideNav-product .menu-other-opn a, #sideNav-product .menu-other-cls a, #sideNav-service .menu-service-opn a, #sideNav-service .menu-service-cls a, #sideNav-service .menu-osusume-opn a, #sideNav-service .menu-osusume-cls a{display:block;height:26px;background:url(../images/main/sidenavi_back.png) 0 0 no-repeat;padding-left:20px;line-height:26px;text-align:left} #sideNav-product .menu-offset-opn a:hover, #sideNav-product .menu-offset-cls a:hover{background-position:0 -28px} #sideNav-product .menu-offset-opn a{background-position:0 -56px} #sideNav-product .menu-digital-opn a:hover, #sideNav-product .menu-digital-cls a:hover{background-position:0 -28px} #sideNav-product .menu-digital-opn a{background-position:0 -56px} #sideNav-product .menu-koff-opn a:hover, #sideNav-product .menu-koff-cls a:hover{background-position:0 -112px} #sideNav-product .menu-koff-opn a{background-position:0 -140px} #sideNav-product .menu-opt-cls a{background-position:0 -168px} #sideNav-product .menu-opt-opn a:hover, #sideNav-product .menu-opt-cls a:hover{background-position:0 -196px} #sideNav-product .menu-opt-opn a{background-position:0 -224px} #sideNav-product .menu-other-cls a{background-position:0 -168px} #sideNav-product .menu-other-opn a:hover, #sideNav-product .menu-other-cls a:hover{background-position:0 -196px} #sideNav-product .menu-other-opn a{background-position:0 -224px} #sideNav-service .menu-service-cls a{background-position:0 -252px} #sideNav-service .menu-service-opn a:hover, #sideNav-service .menu-service-cls a:hover{background-position:0 -280px} #sideNav-service .menu-service-opn a{background-position:0 -308px} #sideNav-product .menu-special-cls a{background-position:0 -336px} #sideNav-product .menu-special-opn a:hover, #sideNav-product .menu-special-cls a:hover{background-position:0 -364px} #sideNav-product .menu-special-opn a{background-position:0 -392px} #sideNav-product .menu-ondemand-cls a{background-position:0 -420px} #sideNav-product .menu-ondemand-opn a:hover, #sideNav-product .menu-ondemand-cls a:hover{background-position:0 -448px} #sideNav-product .menu-ondemand-opn a{background-position:0 -476px} #sideNav-product .menu-osusume-cls a{background-position:0 -504px} #sideNav-product .menu-osusume-opn a:hover, #sideNav-product .menu-osusume-cls a:hover{background-position:0 -532px} #sideNav-product .menu-osusume-opn a{background-position:0 -560px} #sideNav-product .banner-top{text-align:center;padding-bottom:10px} /* サイドバナーにマージン */ #subContent .tembanner{margin-bottom:10px} /* ▼jquery.dcverticalmegamenu.1.3.js */ #subContent .megamenu{position:relative;/* Required */z-index:2} #subContent .megamenu li ul{display:none} #subContent .megamenu li .sub-container li a{display:block} #subContent .megamenu li .sub-container li a:hover, #subContent .megamenu li .sub-container .mega-hover a{background:#fff} #subContent .megamenu li a.dc-mega{position:relative} /* Mega menu container */ #subContent .megamenu li .sub-container{position:absolute;/* Required */background:#fff;padding:8px;overflow:hidden;border:5px solid #075bb7;margin-left:5px} #subContent #sideNav-service.megamenu li .sub-container{border:5px solid #cacaca} #subContent .megamenu li .sub-container .row{width:100%;overflow:hidden/* Clear floats */} #subContent .megamenu li .sub-container li{float:none;width:180px} #subContent .megamenu li .sub-container .mega-hdr a.mega-hdr-a, #subContent .megamenu li .sub-container .mega-hdr a.mega-hdr-a:hover{background:url(../images/main/icon/icon_product.png) no-repeat left top transparent;padding:1px 0 3px 20px;margin-bottom:5px;height:auto;font-weight:bold;font-size:14px;line-height:1.2em} #subContent .megamenu li .sub-container .mega-hdr a.mega-hdr-a span.notes{font-size:12px;line-height:1em;color:#444;font-weight:normal} #subContent .megamenu li .sub-container .mega-hdr a.mega-hdr-a:hover, #subContent .megamenu li .sub-container .mega-hdr a.mega-hdr-a:hover span.notes{color:#07e;text-decoration:underline} #subContent .megamenu li .sub-container .mega-hdr{float:left/* Required */} #subContent .megamenu li .sub-container .mega-hdr.first{margin-top:0} #subContent .megamenu .sub li.mega-hdr li, #subContent .megamenu li .sub-container.non-mega li{font-size:.8em} #subContent .megamenu .sub li.mega-hdr li strong, #subContent .megamenu li .sub-container.non-mega li strong{border-bottom:1px solid #075bb7;font-weight:bold;display:block;width:160px;padding-top:5px} #subContent .megamenu .sub li.mega-hdr.last li strong{width:170px} #subContent .megamenu .sub li.mega-hdr li strong.mega-subtitle, #subContent .megamenu li .sub-container.non-mega li strong.mega-subtitle{color:#075bb7;border-bottom:none} #subContent .megamenu .sub li.mega-hdr li a, #subContent .megamenu li .sub-container.non-mega li a{background:url(../images/main/icon/icon_price_mini.png) no-repeat 0 7px transparent;padding:0 0 0 15px;height:1.7em;font-weight:normal} #subContent .megamenu .sub li.mega-hdr li a:hover, #subContent .megamenu li .sub-container.non-mega li a:hover{background:url(../images/main/icon/icon_price_mini.png) no-repeat 0 7px;color:#07e;text-decoration:underline} #subContent #sideNav-service.megamenu .sub li.mega-hdr li a, #subContent #sideNav-service.megamenu li .sub-container.non-mega li a, #subContent #sideNav-service.megamenu .sub li.mega-hdr li a:hover, #subContent #sideNav-service.megamenu li .sub-container.non-mega li a:hover{background:url(../images/main/icon/icon_miniarrow.png) no-repeat 5px 8px transparent} /* Styling for menu items with only 2 levels */ #subContent .megamenu li .sub-container.non-mega .sub{padding:0} #subContent .megamenu li .sub-container.non-mega li{width:170px} #subContent .megamenu .megamenu-txt{font-size:.8em;line-height:1.5em;color:#333} #subContent .megamenu li .sub-container ul.mega-single li{width:400px;min-height:auto} #subContent .megamenu .menu-info .sub-container{background:url(../images/main/side/info.png) no-repeat bottom right #fff;min-height:80px} #subContent .megamenu .menu-nenga .sub-container{background:url(../images/main/side/nenga.png) no-repeat bottom right #fff;min-height:110px} #subContent .megamenu .menu-tokkyu .sub-container .menu-tokkyu-east{background:url(../images/main/side/tokkyu.png) no-repeat bottom left #fff;min-height:110px} #subContent .megamenu .menu-tokkyu .sub-container .menu-tokkyu-west{background:url(../images/main/side/tokkyu2.png) no-repeat bottom left #fff;min-height:110px} #subContent .megamenu .menu-book .sub-container .menu-book-off{background:url(../images/main/side/book.png) no-repeat bottom left #fff;min-height:170px} #subContent .megamenu .menu-book .sub-container .menu-book-digi{background:url(../images/main/side/book_digi.png) no-repeat bottom left #fff;min-height:170px} #subContent .megamenu .menu-book .sub-container .menu-book-onde{background:url(../images/main/side/book_onde.png) no-repeat bottom left #fff;min-height:170px} #subContent .megamenu .menu-book2 .sub-container .menu-book2-off{background:url(../images/main/side/book2.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-book3 .sub-container .menu-book3-off{background:url(../images/main/side/book3_off.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-book3 .sub-container .menu-book3-onde{background:url(../images/main/side/book3_onde.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-book4 .sub-container .menu-book4-off{background:url(../images/main/side/book4_off.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-book4 .sub-container .menu-book4-koff2{background:url(../images/main/side/koff_book2.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-book4 .sub-container .menu-book4-koff{background:url(../images/main/side/koff_book.png) no-repeat bottom left #fff;min-height:170px} #subContent .megamenu .menu-pamphlet .sub-container{background:url(../images/main/side/pamphlet.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-flyer .sub-container .menu-flyer-off{background:url(../images/main/side/flyer.png) no-repeat bottom left #fff;min-height:150px;} #subContent .megamenu .menu-flyer .sub-container .menu-flyer-digi{background:url(../images/main/side/flyer_digi.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-flyer .sub-container .menu-flyer-onde{background:url(../images/main/side/flyer_onde.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-chirashi .sub-container{background:url(../images/main/side/chirashi.png) no-repeat bottom left #fff;min-height:120px} #subContent .megamenu .menu-poster .sub-container .menu-poster-off{background:url(../images/main/side/poster.png) no-repeat bottom left #fff;min-height:160px} #subContent .megamenu .menu-poster .sub-container .menu-poster-onde{background:url(../images/main/side/onde_poster.png) no-repeat bottom left #fff;min-height:160px} #subContent .megamenu .menu-transitposter .sub-container {background:url(../images/main/side/transit-poster.png) no-repeat bottom left #fff;min-height:160px} #subContent .megamenu .menu-card .sub-container .menu-card-off{background:url(../images/main/side/card.png) no-repeat bottom left #fff;min-height:160px} #subContent .megamenu .menu-card .sub-container .menu-card-digi{background:url(../images/main/side/digi_card.png) no-repeat bottom left #fff;min-height:160px} #subContent .megamenu .menu-card .sub-container .menu-card-onde{background:url(../images/main/side/onde_card.png) no-repeat bottom left #fff;min-height:160px} #subContent .megamenu .menu-card .sub-container .menu-card-off2{background:url(../images/main/side/card2.png) no-repeat bottom left #fff;min-height:160px} #subContent .megamenu .menu-hagaki .sub-container .menu-hagaki-off{background:url(../images/main/side/hagaki.png) no-repeat bottom left #fff;min-height:170px} #subContent .megamenu .menu-hagaki .sub-container .menu-hagaki-digi{background:url(../images/main/side/digi_hagaki.png) no-repeat bottom left #fff;min-height:170px} #subContent .megamenu .menu-hagaki .sub-container .menu-hagaki-onde{background:url(../images/main/side/onde_hagaki.png) no-repeat bottom left #fff;min-height:170px} #subContent .megamenu .menu-diecutcard .sub-container {background:url(../images/main/side/diecut-card.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-foilcard .sub-container {background:url(../images/main/side/foil-card.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-tag .sub-container .menu-tag-off{background:url(../images/main/side/tag.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-tag .sub-container .menu-tag-digi{background:url(../images/main/side/digi_tag.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-plasticcard .sub-container{background:url(../images/main/side/plasticcard.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-ticket .sub-container .menu-ticket-off{background:url(../images/main/side/ticket.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-ticket .sub-container .menu-ticket-digi{background:url(../images/main/side/digi_ticket.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-coupon .sub-container{background:url(../images/main/side/coupon.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-envelope .sub-container .menu-envelope-off{background:url(../images/main/side/envelope.png) no-repeat bottom left #fff;min-height:160px} #subContent .megamenu .menu-envelope .sub-container .menu-envelope-suri{background:url(../images/main/side/envelope_suri.png) no-repeat bottom left #fff;min-height:160px} #subContent .megamenu .menu-envelope .sub-container .menu-envelope-onde{background:url(../images/main/side/onde_envelope.png) no-repeat bottom left #fff;min-height:160px} #subContent .megamenu .menu-acha .sub-container{background:url(../images/main/side/acha.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-cd .sub-container{background:url(../images/main/side/cd.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-dvd .sub-container{background:url(../images/main/side/dvd.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-panel .sub-container{background:url(../images/main/side/panel.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-reboard .sub-container{background:url(../images/main/side/reboard.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-furniture .sub-container{min-height:150px;background:url(../images/main/side/furniture.png) no-repeat bottom left #fff} #subContent .megamenu .menu-nobori .sub-container{background:url(../images/main/side/nobori.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-tapestry .sub-container{background:url(../images/main/side/tapestry.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-banner .sub-container{background:url(../images/main/side/banner.png) no-repeat bottom left #fff;min-height:150px} /*#subContent .megamenu .menu-cuttingsheet .sub-container{background:url(../images/main/side/cuttingsheet.png) no-repeat bottom left #fff;min-height:150px}*/ #subContent .megamenu .menu-cuttingsheet .sub-container .menu-cut-original{background:url(../images/main/side/cuttingsheet.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-cuttingsheet .sub-container .menu-cut-ordercut{background:url(../images/main/side/ordercut.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-pop .sub-container .menu-pop-off{background:url(../images/main/side/pop.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-pop .sub-container .menu-pop-digi{background:url(../images/main/side/pop_onde.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-swingpop .sub-container{background:url(../images/main/side/swing-pop.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-calendar .sub-container .menu-calendar-naire{background:url(../images/main/side/calendar_naire.png) no-repeat bottom left #fff;min-height:110px} #subContent .megamenu .menu-calendar .sub-container .menu-calendar-desk{background:url(../images/main/side/calendar_desk.png) no-repeat bottom left #fff;min-height:120px} #subContent .megamenu .menu-calendar .sub-container .menu-calendar-ecoring{background:url(../images/main/side/calendar_ecoring.png) no-repeat bottom left #fff;min-height:120px} #subContent .megamenu .menu-calendar .sub-container .menu-calendar-book{background:url(../images/main/side/calendar_book.png) no-repeat bottom left #fff;min-height:120px} #subContent .megamenu .menu-calendar .sub-container .menu-calendar-wall{background:url(../images/main/side/calendar_wall.png) no-repeat bottom left #fff;min-height:120px} #subContent .megamenu .menu-calendar .sub-container .menu-calendar-poster{background:url(../images/main/side/calendar_poster.png) no-repeat bottom left #fff;min-height:120px} #subContent .megamenu .menu-clearfile .sub-container .menu-clearfile-off{background:url(../images/main/side/clearfile_off.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-clearfile .sub-container .menu-clearfile-digi{background:url(../images/main/side/clearfile_digi.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-clearfile .sub-container .menu-clearfile-haku{background:url(../images/main/side/clearfile_haku.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-sticker .sub-container{background:url(../images/main/side/sticker.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-magnetsticker .sub-container{background:url(../images/main/side/magnet.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-mousepad .sub-container{background:url(../images/main/side/mousepad.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-tumbler .sub-container{background:url(../images/main/side/tumbler.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-stamp .sub-container .menu-stamp-shintouin{background:url(../images/main/side/stamp_shin.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-stamp .sub-container .menu-stamp-shintouin2{background:url(../images/main/side/stamp_shin2.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-tape .sub-container{background:url(../images/main/side/tape.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-ribbon .sub-container{background:url(../images/main/side/ribbon.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-uchiwa .sub-container{background:url(../images/main/side/uchiwa.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-wrapping .sub-container{background:url(../images/main/side/wrapping.png) no-repeat bottom left #fff;min-height:150px} /*#subContent .megamenu .menu-doujin .sub-container {background: url(../images/main/side/doujin.png) no-repeat bottom left #fff;min-height:150px}*/ #subContent .megamenu .menu-doujincover .sub-container{background:url(../images/main/side/doujincover.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-stickposter .sub-container{background:url(../images/main/side/stickposter.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-proof .sub-container{background:url(../images/main/side/proof.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-kakou .sub-container{background:url(../images/main/side/option.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-fodler .sub-container{background:url(../images/main/side/folder.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-folder .sub-container{background:url(../images/main/side/folder.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-chopstickcase .sub-container{background:url(../images/main/side/chopstickcase.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-napkin .sub-container{background:url(../images/main/side/napkin.png) no-repeat bottom left #fff;min-height:150px} #subContent .megamenu .menu-bookmark .sub-container{background:url(../images/main/side/bookmark.png) no-repeat bottom left #fff;min-height:150px} /*▲jquery.dcverticalmegamenu.1.3.js */ /*●メインコンテンツ */ #mainContent{width:760px;float:right;clear:right;text-align:left} /* パンくずリスト */ .topicpathNav{margin:4px 0 4px 20px;width:760px} .topicpathNav li{color:#333;float:left;background:url(../images/main/icon/icon_topicpath.gif) right center no-repeat;padding-left:0.5em;font-size:0.82em} .topicpathNav li a{margin-right:1em} .topicpathNav li a:link, .topicpathNav li a:visited{color:#333;text-decoration:none} .topicpathNav li a:hover, .topicpathNav li a:active{color:#07e;text-decoration:underline} .topicpathNav li.first-child{padding-left:0;clear:left} .topicpathNav li.last-child{background:none} /*リンク色 */ /*pageContent */ #pageContent a:link, #pageContent a:visited{color:#02c;text-decoration:none} #pageContent a:hover, #pageContent a:active{color:#07e;text-decoration:underline} /*layout */ #pageContent{margin-left:20px} #pageContent div.section{margin-bottom:50px} #pageContent h1{font-size:1.82em;font-weight:bold;line-height:70px;margin-bottom:28px;color:#075bb7} #pageContent h2, #footer h2{font-size:1.385em;font-weight:bold;line-height:42px;color:#075bb7;margin-bottom:28px;border-left:6px solid #075bb7;padding-left:.5em;margin-bottom:.5em} #pageContent h2 a.layout-right, #areaMiniguide h2 a.layout-right{display:block;zoom:1px;height:inherit;margin-top:-42px;font-size:.8em} #pageContent h3{font-size:1.231em;font-weight:bold;line-height:28px;border-left:5px solid #075bb7;padding-left:.5em;color:#075bb7;margin:0 0 14px 20px} #pageContent h4, #pageContent h5, #pageContent h6{font-size:1.08em;font-weight:bold;margin-left:20px;margin-bottom:0.5em} #pageContent p, #pageContent li, #pageContent td, #pageContent th, #pageContent dt, #pageContent dd, #footer p, #footer li, #footer dt, #footer dd{font-size:1.08em} #pageContent p, #pageContent ul, #pageContent table{margin:0 0 1em 20px} #pageContent ol{margin:0 0 1em 40px} #pageContent li li{font-size:1em} #pageContent table p{font-size:1em} /*各カテゴリタイトル*/ #areaHeader{width:740px} #areaHeader .areaHeader-title{width:250px;float:left} #areaHeader .areaHeader-text{width:470px;float:left} #areaHeader .areaHeader-title h1{margin-bottom:0} #areaHeader .areaHeader-text p{margin-bottom:0} #areaHeader div.attention{float:left;margin:10px 0 0} #areaHeader .areaHeader-title h1 span{font-size:smaller} #areaHeader .areaHeader-text h2{border-left:6px solid #075bb7;line-height:28px;padding-left:12px;color:#000;margin:0 0 1em} /*カテゴリ内サイトマップ*/ #pageContent ul.listNav{line-height:1.3;font-size:.85em;background:#efefef;margin-bottom:28px !important} #pageContent ul.listNav li{white-space:nowrap} #pageContent ul.listNav li a{background:url(../images/main/icon/icon_listbar.png) center right no-repeat;padding-right:1em;margin-left:1em} #pageContent ul.listNav li.last-child a{background:none} #pageContent ul.listNav li.first-child{clear:left} /*●footer */ #footer{padding-top:70px;clear:both} #footer #areaMiniguide{margin-bottom:20px} #footer a:link, #footer a:visited{color:#03c;text-decoration:none} #footer a:hover, #footer a:active{color:#07e;text-decoration:underline} /*● data */ #areaDataFooter a:link, #areaDataFooter a:visited{color:#03c;text-decoration:none} #areaDataFooter a:hover, #areaDataFooter a:active{color:#07e;text-decoration:none} /*● end */ #footer h2 a:link, #footer h2 a:visited, #footer h2 a:hover, #footer h2 a:active{color:#fff;text-decoration:none} #areaMiniguide h2 a:hover{text-decoration:underline} #areaMiniguide h2{height:42px;background:url(../images/home/h_back_02.png) 0 -42px no-repeat;margin:0 0 1em;padding:0 20px 0 50px;line-height:42px;color:#fff;border:none} #footer h3{font-size:1.08em;font-weight:bold;line-height:20px;border-left:3px solid #222;padding-left:.5em;color:#222;margin:.5em 0 .5em 13px} #footer .areaMiniguide-ex h3{float:left;_margin-left:7px/*Win版IE4〜6だけ別のスタイルを適用する*/} #footer .areaMiniguide-ex h3 a{font-weight:bold} #footer .areaMiniguide-ex li{float:left;margin-right:30px;line-height:30px;list-style:none} #footer .areaMiniguide-ex li.first-child{margin-left:60px} #areaMiniguide p{margin:0 0 10px 23px;font-size:1.05em} #footer .areaMiniguide-small{float:left;width:326px} #footer .areaMiniguide-big{float:left;width:652px} #footer .areaMiniguide-nouki p{background:url(../images/main/footer_miniguide_nouki.png) 0 0 no-repeat;padding:43px 0 0 55px;margin-left:12px !important;width:140px;font-size:.93em !important;float:left} #footer .areaMiniguide-nouki table{width:135px;float:left;margin-left:15px} #footer .areaMiniguide-shop .table-normal{margin-left:23px;width:301px} #footer .areaMiniguide-shop .table-normal th, #footer .areaMiniguide-shop .table-normal td{padding:2px 1px;line-height:1.4em} #footer .areaMiniguide-shop .table-normal{margin-bottom:5px} #footer .areaMiniguide-shop .table-normal th{font-weight:bold} #footer .areaMiniguide-shop .table-normal td{text-align:center} #footer .areaMiniguide-shop .table-normal thead th{background-color:#eee;color:#000} #footer .areaMiniguide-shop .table-normal tbody th{background-color:#deeeff} #footer .areaMiniguide-shop p{border:1px solid #ccc;clear:both;text-align:center;padding:0 !important} #footNav{border-bottom:1px solid #ccc} #footNav li{float:left;margin-right:20px} #footNav li a{padding:.2em 0 .2em 20px;text-decoration:none} #footNav li a:link, #footNav li a:visited{color:#000} #footNav li a:hover{color:#07e;text-decoration:underline} #footNav li.menu-home a{background:url(../images/main/icon/icon_footer_home.png) 0 center no-repeat} #footNav li.menu-guide a{background:url(../images/main/icon/icon_footer_guide.png) 0 center no-repeat} #footNav li.menu-data a{background:url(../images/main/icon/icon_footer_data.png) 0 center no-repeat} #footNav li.menu-help a{background:url(../images/main/icon/icon_footer_toiawase.png) 0 center no-repeat} #footNav li.menu-download a{background:url(../images/main/icon/icon_footer_download.png) 0 center no-repeat} #footNav li.menu-sitemap a{background:url(../images/main/icon/icon_footer_sitemap.png) 0 center no-repeat} #footNav li.menu-material a{background:url(../images/main/icon/icon_footer_material.png) 0 center no-repeat} #footer .footer-text{padding:.5em;font-size:1em;color:#666} #footer .footer-text a:link, #footer .footer-text a:visited{text-decoration:none} #footer address{text-align:center;clear:both;background-color:#0758B1} #footer address a:link, #footer address a:visited{color:#fff;text-decoration:none} #footScript{font-size:0;line-height:0} /*201505_wada*/ #areaCampaign p.slt{background:url(../images/info/img_30th.png) no-repeat 0 0;padding-left:120px;margin-left:0} /*▼カテゴリ毎の設定*/ #pageContent li div.sub_pane ul li{list-style-type:disc} #pageContent li div.sub_pane ul li.list-decimal{list-style-type:decimal} #pageContent li div.sub_pane ol, #pageContent li div.sub_pane ul{margin:0 0 0 20px} #pageContent li div.sub_pane ul li{list-style-type:disc} #pageContent li div.sub_pane li.list-kome{margin-left:-14px} /*faq項目*/ #pageContent div.box-faq{background:url(../images/main/boxfaq_back.png) right bottom no-repeat;padding-bottom:20px} #pageContent div.box-faq h2{margin-bottom:0} #pageContent div.box-faq ul{margin-left:30px;list-style:none} #pageContent div.box-faq ul div.sub_pane{background:#deeeff;padding:10px} /*チェックシート項目*/ #pageContent div.box-checksheet li{list-style:none;margin-bottom:3px} #pageContent div.box-checksheet li div.sub_pane{margin-left:20px} #pageContent div.box-checksheet li a.boxChecksheet-a{display:block;width:695px;background:url(../images/main/icon/icon_check_red.gif) no-repeat 0 5px #f2f2f2;padding:5px 0 5px 25px} /*mini入稿ボタン*/ #pageContent a.btn-nyukou{display:block;width:200px;height:42px;background:url(../images/data/nyukoubtn_02.png) 0 0 no-repeat} #pageContent a.btn-nyukou:hover{background-color:transparent} #pageContent a.btn-nyukou:hover img{visibility:hidden} /*▼トップページ*/ #home #pageContent h2{font-size:1.231em;border:none} #home #pageContent p, #home #pageContent dt, #home #pageContent dd{font-size:.9em;line-height:1.5} #home #pageContent .attention{margin-left:0} #home #pageContent .section{margin-bottom:20px} #home .topicpathNav{margin:0} /*見出し（共通）*/ #home #pageContent h4{margin:0 0 0.5em 0} #home #pageContent #areaProduct h2, #home #pageContent #areaSupport h2, #home #pageContent #areaRandomPrice h2, #home #pageContent .areaProduct-Box h2{color:#fff;font-size:1em;padding-left:10px;margin-bottom:5px;background:#075BB7;line-height:36px} #home #pageContent #areaProduct h3, #home #pageContent #areaSupport h3{border:none;margin:0;padding:0;font-size:0.96em;color:#3f4b59} #home #pageContent .area-news h2{background:url(../images/home/h_back_02.png) no-repeat 0 0 transparent} #home #footer #areaMiniguide h2{background:url(../images/home/h_back_02.png) no-repeat scroll 0 -42px transparent} #home h2 a.layout-right{color:#FFF} /*PRバナー*/ #home #pageContent #areaPR ul{padding-left:0;margin-left:0} #home #pageContent #areaPR .areaPR-inner{background:url(../images/home/banner_pr_bg.png) no-repeat 8px 8px #F1F1F1;padding:8px;margin-bottom:15px;border:#CCC 1px solid} #home #pageContent #areaPR .areaPR-inner li{float:left;width:180px} #home #pageContent #areaPR .areaPR-inner li a{display:block;width:180px;height:60px} #home #pageContent #areaPR .areaPR-inner li a:hover{background-color:transparent} #home #pageContent #areaPR .areaPR-inner li a:hover img{visibility:hidden} #home #pageContent #areaPR .level-PR{margin-left:0;margin-bottom:10px;padding-bottom:0} #home #pageContent #areaPR .level-PR h3{margin-bottom:5px !important} #home #pageContent #areaPR .level-PRmore{border:1px solid #f00;margin-left:0;margin-bottom:10px;padding-bottom:0} #home #pageContent #areaPR .level-PRmore h3{border-color:#f00;color:#f00;margin-bottom:5px !important} #home #pageContent #areaPR .prlist{list-style:none;margin:0} #home #pageContent #areaPR p.areaPR{margin:0 0 8px 0} /*デザインサービスPRバナー*/ #home #pageContent .designPRarea{border:1px solid #ccc;padding:2px;margin-bottom:20px} #home #pageContent .designPRarea h4, #home #pageContent .designPRarea p{margin:0;padding:0 0 10px} #home #pageContent .designPRarea .designPRarea-wrapper{padding:10px 0 0} #home #pageContent .designPRarea .designPRarea-inner{width:244px;float:left;border-left:1px dashed #ccc;text-align:center;padding-bottom:10px;margin-bottom:10px} #home #pageContent .designPRarea div.first-child{border-left:none} #home #pageContent .designPRarea .designPRarea-oblong{clear:both;padding:10px 2px 0 2px;margin:0 5px;border-top:1px dashed #ccc} /*商品PRバナー*/ #home #pageContent .pdctPRarea{margin-bottom:20px;background:url(../images/main/banner/banner_pr_cal_bg.jpg) no-repeat 0 0} #home #pageContent .pdctPRarea ul{margin:0;padding:0;list-style:none} #home #pageContent .pdctPRarea p{margin:0} #home #pageContent .pdctPRarea li{float:left} #home #pageContent .pdctPRarea li a{display:block} #home #pageContent .pdctPRarea li a:hover{background-color:transparent} #home #pageContent .pdctPRarea li a:hover img{visibility:hidden} /*おすすめ商品情報*/ #home #pageContent #areaProduct h3{border-color:#2f3842;margin:0} #home #pageContent #areaProduct h3 span.notes{font-size:.7em;line-height:.7em} #home #pageContent #areaProduct div.areaProduct-big h3{background:url(../images/home/icon_productlink.png) 210px 50% no-repeat} #home #pageContent #areaProduct div.areaProduct-big{width:251px;float:left} #home #pageContent #areaProduct div.areaProduct-rank-last, #home #pageContent #areaProduct div.areaProduct-rank3{width:238px} #home #pageContent #areaProduct div.areaProduct-small{width:186px;float:left} #home #pageContent #areaProduct div.last-child{width:182px} #home #pageContent #areaProduct p{margin-bottom:.5em} #home #pageContent #areaProduct div.areaProduct-rank-last p, #home #pageContent #areaProduct div.areaProduct-rank3 p, #home #pageContent #areaProduct div.areaProduct-small p{padding-right:0} #home #pageContent #areaProduct div.areaProduct-small h3 a:hover{text-decoration:none} #home #pageContent #areaProduct a.areaProduct-price, #home #pageContent #areaProduct a.areaProduct-pdct{display:block;width:100px;height:28px;float:left} #home #pageContent #areaProduct a.areaProduct-price{background:url(../images/home/btn_pricepage_02.png) 0 0 no-repeat} #home #pageContent #areaProduct a.areaProduct-pdct{background:url(../images/home/btn_productpage_02.png) 0 0 no-repeat;margin-left:10px} #home #pageContent #areaProduct a.areaProduct-price:hover, #home #pageContent #areaProduct a.areaProduct-pdct:hover{background-color:transparent} #home #pageContent #areaProduct a.areaProduct-price:hover img, #home #pageContent #areaProduct a.areaProduct-pdct:hover img{visibility:hidden} #home #pageContent #areaProduct p.areaProduct-img{background-position:10px 0;background-repeat:no-repeat;margin:20px 0 0 0} #home #pageContent #areaProduct div.areaProduct-big p.areaProduct-img{padding-left:85px} #home #pageContent #areaProduct div.areaProduct-rank-last p.areaProduct-img, #home #pageContent #areaProduct div.areaProduct-rank p.areaProduct-img{background-image:url(../images/home/icon_rank.png)} #home #pageContent #areaProduct div.areaProduct-rank1 p.areaProduct-img{background-image:url(../images/home/icon_ranking_1.png)} #home #pageContent #areaProduct div.areaProduct-rank2 p.areaProduct-img{background-image:url(../images/home/icon_ranking_2.png)} #home #pageContent #areaProduct div.areaProduct-rank3 p.areaProduct-img{background-image:url(../images/home/icon_ranking_3.png)} #home #pageContent #areaProduct div.areaProduct-rank3 p.areaProduct-img{background-image:url(../images/home/icon_ranking_3.png)} #home #pageContent #areaProduct span.nouki{line-height:1.2;padding:2px;background-color:#deeeff} /*サービス・おすすめコンテンツ*/ #home #pageContent #areaOsusume{background:url(../images/home/osusume_back_02.gif) no-repeat left bottom;padding-bottom:12px} #home #pageContent #areaOsusume h2{color:#333333;font-size:1.08em;margin-bottom:0;border:none} #home #pageContent #areaOsusume #areaService h2{background:url(../images/home/osusume_h2_bg01.gif) no-repeat 0 bottom #FFFFFF;border:0;padding-left:30px;line-height:47px;} #home #pageContent #areaOsusume #areaContents h2{background:url(../images/home/osusume_h2_bg02.gif) no-repeat 0 bottom #FFFFFF;border:0;padding-left:30px;line-height:47px;margin-left:9px} #home #pageContent #areaOsusume #areaContents h2 a{color:#333333;font-weight:bold} #home #pageContent #areaOsusume dl{margin-top:10px;float:left} #home #pageContent #areaOsusume dt{float:left;padding-left:8px;width:188px} #home #pageContent #areaOsusume dd{float:left;width:160px} #home #pageContent #areaOsusume dl.bottom{margin-bottom:5px} #home #pageContent #areaService{width:365px;float:left} #home #pageContent #areaContents{width:375px;float:left} #home #pageContent #areaContents dl{margin-left:9px} #home #pageContent #areaContents dd{width:160px} #home #pageContent #areaService dd.areaService-title{background:url(../images/home/icon_servicelist.png) 0 5px no-repeat;margin-bottom:5px} #home #pageContent #areaContents dd.areaService-title{background:url(../images/home/icon_contentslist.png) 0 5px no-repeat;margin-bottom:5px} #home #pageContent dd.areaService-title a{margin-left:18px} #home #pageContent #areaContents a.areaContents-doujin, #home #pageContent #areaContents a.areaContents-office{display:block;width:180px;height:56px} #home #pageContent #areaContents a.areaContents-doujin:hover, #home #pageContent #areaContents a.areaContents-office:hover{background-color:transparent} #home #pageContent #areaContents a.areaContents-office:hover img, #home #pageContent #areaContents a.areaContents-doujin:hover img{visibility:hidden} #home #pageContent #areaContents a.areaContents-doujin{background:url(../images/main/banner/banner_doujin02.png) 0 0 no-repeat} #home #pageContent #areaContents a.areaContents-office{background:url(../images/main/banner/banner_office_02.png) 0 0 no-repeat} /*新着お知らせエリア（メインバナー）*/ #home #pageContent #areaMain {margin:0 0 10px 0} /*新着バナースライド*/ #home #pageContent #areaNewsbox{width:552px;height:230px;position:relative;z-index:0;border:#999 solid 2px} #home #pageContent #areaNewsbox #slides{position:absolute;z-index:100} #home #pageContent #areaNewsbox .slides_container{overflow:hidden;display:none;position:absolute;width:420px;padding:5px;left:60px} #home #pageContent #areaNewsbox .slides_container a{width:420px;height:194px;display:block} #home #pageContent #areaNewsbox .slides_container a img{display:block;width:100%;height:100%} #home #pageContent #areaNewsbox #slides .next, #slides .prev{position:absolute;top:90px;left:6px;width:20px;height:20px;display:block;z-index:101} #home #pageContent #areaNewsbox #slides .next{left:526px} #home #pageContent #areaNewsbox .pagination{margin:5px 0 0 -10px;width:180px;position:absolute;left:50%} #home #pageContent #areaNewsbox .pagination li{float:left;margin:0 3px;list-style:none} #home #pageContent #areaNewsbox .pagination li a{display:block;width:13px;height:0;padding-top:12px;background-image:url(../images/home/mainarea/pagination.gif);background-position:0 0;float:left;overflow:hidden} #home #pageContent #areaNewsbox .pagination li.current a{background-position:0 -14px} /*PR・サービスリスト*//*20150915和田追加*/ #home #pageContent #areaPr{width:172px;height:230px;float:right;border:#999 2px solid} #home #pageContent #areaPr ul{list-style:none;margin:0;background:url(../images/home/pr_bgul.png) no-repeat 0 0} #home #pageContent #areaPr ul li a{display:block;border-bottom:2px solid #CCCCCC} #home #pageContent #areaPr ul li.last-child a{border-bottom:none} #home #pageContent #areaPr ul li a:hover{background-color:transparent} #home #pageContent #areaPr ul li a:hover img{visibility:hidden} /*スペシャル-テレビCM-*/ #home #pageContent #areaSpecial{background-color:#f2f2f2} #home #pageContent #areaSpecial p{font-size:1.08em;line-height:1.8} #home #pageContent #areaSpecial h2{line-height: 36px;border-left: 5px solid #075bb7;color:#000000} /*サービスリンク*/ #home #pageContent #Servicearea ul, #home #pageContent #Servicearea li, #home #pageContent #Servicearea p{font-size:1em} #home #pageContent #Servicearea ul{list-style:none;margin:0} #home #pageContent #Servicearea p{margin:0} #home #pageContent #Servicearea #srvNav{margin:0;background:url("../images/home/bg_srvNav.png") no-repeat 0 0} #home #pageContent #Servicearea #srvNav li{float: left;display: block;height: 85px;width: 185px;cursor:pointer} #home #pageContent #Servicearea #srvNav li:hover img, #home #pageContent #Servicearea #srvNav li.select img{display:none} #home #pageContent #Servicearea #srvNav li.select{background-color:url("../images/home/bg_srvNav_ov.png") no-repeat 0 0} #home #pageContent #Servicearea #srvBox{background:url("../images/home/bg_srvBox.png") repeat-x 0 0 #f2f2f2} #home #pageContent #Servicearea .srvBoxwrap{padding:10px 0;background:url("../images/home/bg_srvBox-inner.png") repeat-x 0 bottom} #home #pageContent #Servicearea .srvBox-inner{padding:10px 0 20px 10px;display:none} #home #pageContent #Servicearea .srvBox-inner .figure, #home #pageContent #Servicearea .srvBox-inner ul.thumbs{float: left;width:240px} #home #pageContent #Servicearea .srvBox-inner ul.thumbs{border-left: 1px solid #ffffff} #home #pageContent #Servicearea .srvBox-inner ul.first-thumb{border-left:none;padding-left:1px} #home #pageContent #Servicearea .srvBox-inner .figure p{padding-bottom:5px;vertical-align: top;width: 220px} #home #pageContent #Servicearea .srvBox-inner ul.thumbs li{padding-bottom:10px;margin: 0 15px;vertical-align: top;width: 200px} #home #pageContent #Servicearea .srvBox-inner ul.thumbs li.up{border-bottom: 1px solid #ffffff;margin-bottom: 20px} #home #pageContent #Servicearea p.caption{font-size:0.93em} #home #pageContent #Servicearea .srvBox-inner a{display:block;padding-left:10px;margin-bottom:5px;background:url("../images/main/icon/icon_arrow_com.gif") no-repeat 0 center} #home #pageContent #Servicearea .srvBox-inner a.banner{background:none;padding-left:0} #home #pageContent #Servicearea .srvBox-inner ul.thumbs .thumbs-inner li{padding-bottom:0;margin-left:0} /*キャンペーン・セール情報*/ #areaSale{margin-bottom:10px} #areaSale ul{margin-left:0 !important;width:740px;background:url("../images/info/201508sale/info_bg_sale.png") no-repeat 0 0;list-style:none;padding:7px 0 7px 5px} #areaSale li{float:left;width:245px;height:145px} #areaSale li a{display:block;width:240px;height:140px;color:#000000} #areaSale li a:hover img{visibility:hidden} /*オススメ商品バナー*/ #home #pageContent #areaProduct div.areaProduct-Bnr{margin-bottom:20px} #home #pageContent #areaProduct div.areaProduct-Bnr ul{list-style:none;margin:0} #home #pageContent #areaProduct div.areaProduct-Bnr ul li.Bnrleft{width:374px;float:left} #home #pageContent #areaProduct div.areaProduct-Bnr ul li.Bnrright{width:366px;float:left} #home #pageContent #areaProduct div.areaProduct-Bnr li.Smlbnr{margin-bottom:10px} /*その他コンテンツ・サービス紹介*/ #home #pageContent span.copies{background-color:#0070ba;color:#ffffff;font-weight:bold;padding:2px 4px;margin-right:5px} #home #pageContent #areaContents a.margin0{margin-left:0} /*定番商品・季節のオススメ*/ #home #pageContent .areaProduct-Box h2 img{vertical-align:middle} #home #pageContent .areaProduct-Box ul{margin-left: -12px !important;} #home #pageContent .areaProduct-Box ul li{list-style:none;float:left;width:176px;margin-left:12px !important;padding:0;font-size:0.9em} #home #pageContent .areaProduct-Box li p, #home #pageContent .areaProduct-Box li p{margin:0;padding:0 10px;font-size:1.08em;text-align:center} #home #pageContent .areaProduct-Box ul.rec-cal li p{background:url(../images/home/bg_calbox.png) no-repeat center bottom} #home #pageContent .areaProduct-Box a.iconarrow01, #home #pageContent .areaProduct-Box a.iconarrow02{background-position:0 -2px;line-height:16px} #home #pageContent .areaProduct-Box a.iconarrow01:hover, #home #pageContent .areaProduct-Box a.iconarrow02:hover{background-position:0 -20px} /*ユーザー登録エリア*/ /*#home #pageContent #areaBegginers{background:url(../images/home/bg_begginer.png) no-repeat 15px center #fff5f5;border:1px solid #ff3300;margin-bottom:10px } #home #pageContent #areaBegginers p{font-size: 1.08em;line-height: 1.5;margin:1em 20px 1em 60px}*/ #home #pageContent #areaBegginers p{font-size: 1.08em;line-height: 1.7;} #home #pageContent #areaBegginers div.attention h4{font-size: 1.12em;margin-bottom:1em !important;background-color:none} #home #pageContent .bgn-inner{background-color:#f2f2f2;margin-bottom:10px;} #home #pageContent .bgn-inner div.layout-left{width: 490px;} #home #pageContent .bgn-inner div.layout-right{width: 210px;padding-left:10px;} #home #pageContent .bgnbtn{list-style:none;width:300px;float:left;} #home #pageContent .bgnbtn li{float:left;} #home #pageContent .inner-pr{border-bottom:1px dotted #075bb7;margin-bottom:20px;} #home #pageContent .inner-pr ul{list-style:none;margin:0 0 20px 0;} #home #pageContent .inner-pr li{float:left;width:250px;} #home #pageContent .inner-pr li:last-child{width:240px;} /*更新履歴*/ /*#home #pageContent #areaNews.area-news dl{height:250px;overflow:auto;margin-bottom:30px}*/ #pageContent .area-news h2{clear:both;line-height:42px;height:42px;padding:0 20px 0 50px;color:#ffffff;border-left:none !important;margin-bottom:1em} #pageContent .area-news dt, #pageContent .area-news dt{width:110px;float:left;clear:both;padding-top:7px} #pageContent .area-news dd{width:600px;padding-left:120px} #pageContent .area-news dd.areaNews-title{width:582px;padding-top:7px;font-weight:bold} #pageContent .area-news dd.areaNews-title a{font-weight:inherit} #pageContent .area-news dd.areaNews-title a.vtip{background-color:#ffc} #pageContent .area-news dd.areaNews-info{background:url(../images/home/icon_news_info.png) 120px 50% no-repeat;padding-left:138px} #pageContent .area-news dd.areaNews-pre{background:url(../images/home/icon_news_present.png) 120px 50% no-repeat;padding-left:138px} #pageContent .area-news dd.areaNews-mente{background:url(../images/home/icon_news_maintenance.png) 120px 50% no-repeat;color:#f00;padding-left:138px} #pageContent .area-news dd.areaNews-new{background:url(../images/home/icon_news_new.png) 120px 50% no-repeat;padding-left:152px;width:568px} /*For Win IE6-7*/ html*#pageContent .area-news dt{margin-bottom:-2em} /*特注ボタン*/ #pageContent #linkTokuchu {position: fixed;bottom: 100px;left:50%;margin:0 0 0 500px} #pageContent #linkTokuchu a {text-decoration: none;background:url(../images/main/banner/bn_tokuchu_ov.png) 0 0 no-repeat;width: 110px;height:200px;display: block} #pageContent #linkTokuchu a:hover {text-decoration: none;background-color: transparent} #pageContent #linkTokuchu a:hover img {display:none} /*▼エラーページ /errorfile/ */ .error #pageContent h1{background:url(../images/main/h_back_common.png) 0 -770px no-repeat;padding-left:70px;color:#f00} /*▼検索ページ /tools/ */ /*共通*/ .tools #pageContent h1{background:url(../images/main/h_back_common.png) 0 0 no-repeat;padding-left:70px} .search #pageContent h1{background:url(../images/main/h_back_common.png) 0 -1120px no-repeat;padding-left:70px} /*ユーザー登録*/ .tools #pageContent #areaAccount{padding:5px 20px;margin-bottom:1em} .tools #pageContent #areaAccount h2{border:none;margin:0;padding:0;font-size:1.16em;color:#333;line-height:1.8em} .tools #pageContent #areaAccount p{margin:0} /*メニュー*/ .tools #pageContent ul#searchNav2{margin:0;padding-left:0} .tools #pageContent ul#searchNav2 li{float:left;height:108px;width:183px;margin-right:3px} .tools #pageContent ul#searchNav2 li.last-child{width:182px;margin-right:0} .tools #pageContent ul#searchNav2 li a{display:block;height:108px;width:183px} .tools #pageContent ul#searchNav2{margin-bottom:30px} .tools #pageContent ul#searchNav2 li.nav-item{background:url(../images/tool/tool_btn_item_ov.png) no-repeat 0 0} .tools #pageContent ul#searchNav2 li.nav-size{background:url(../images/tool/tool_btn_size_ov.png) no-repeat 0 0} .tools #pageContent ul#searchNav2 li.nav-pdct{background:url(../images/tool/tool_btn_pdct_ov.png) no-repeat 0 0} .tools #pageContent ul#searchNav2 li.nav-est{background:url(../images/tool/tool_btn_est_ov.png) no-repeat 0 0} .tools #pageContent ul#searchNav2 li.nav-item a:hover img, .tools #pageContent ul#searchNav2 li.nav-size a:hover img, .tools #pageContent ul#searchNav2 li.nav-pdct a:hover img, .tools #pageContent ul#searchNav2 li.nav-est a:hover img{visibility:hidden} #searchItem #pageContent ul#searchNav2 li.nav-item{background:url(../images/tool/tool_btn_item_act.png) no-repeat 0 0} #searchSize #pageContent ul#searchNav2 li.nav-size{background:url(../images/tool/tool_btn_size_act.png) no-repeat 0 0} #searchPdct #pageContent ul#searchNav2 li.nav-pdct{background:url(../images/tool/tool_btn_pdct_act.png) no-repeat 0 0} #estimateinfo #pageContent ul#searchNav2 li.nav-est{background:url(../images/tool/tool_btn_est_act.png) no-repeat 0 0} #searchItem #pageContent ul#searchNav2 li.nav-item a img, #searchSize #pageContent ul#searchNav2 li.nav-size a img, #searchPdct #pageContent ul#searchNav2 li.nav-pdct a img, #estimateinfo #pageContent ul#searchNav2 li.nav-est a img{visibility:hidden} #searchItem #pageContent ul#searchNav2 li.nav-item a:hover, #searchSize #pageContent ul#searchNav2 li.nav-size a:hover, #searchPdct #pageContent ul#searchNav2 li.nav-pdct a:hover, #estimateinfo #pageContent ul#searchNav2 li.nav-est a:hover{cursor:default} /*リクエストフォーム*/ #pageContent div.requestBox{padding:20px 20px 20px 0;margin-bottom:30px;background:url(../images/tool/itemsearch/bg_bluedots.gif) repeat;border:1px solid #ccc} #pageContent div.requestBox h3{background:url(../images/tool/request_icon_req.gif) no-repeat 0 0;border:none;color:#333;padding-left:36px} #pageContent div.requestBox div.request-box{float:left;width:410px} #pageContent div.requestBox div.toiawase-box{float:left;width:308px;background:#FFF url(../images/tool/request_bg_telgirl.png) no-repeat 220px 52px} #pageContent div.requestBox div.toiawase-box p{margin:10px 20px} #pageContent div.requestBox div.request-box form p{background:url(../images/tool/request_icon_arrow.gif) no-repeat 0 10px;padding-left:10px;margin-left:20px;vertical-align:middle;height:28px} #pageContent div.requestBox div.request-box p.reqcom{width:360px} #pageContent div.requestBox div.request-box form input{vertical-align:middle} #pageContent div.requestBox div.request-box form input.reqInput{margin:0 5px 0 0;font-size:1em;background-color:#fff;border:1px solid #ccc;height:24px;width:200px} #pageContent div.requestBox div.request-box form input.reqSubmit{margin:0 0 0 0;background:url(../images/tool/request_btn_send.png) no-repeat 0 0;border:none;height:26px;width:37px;cursor:pointer} /*アイテム名から探す*/ #searchItem #pageContent div.section{margin-bottom:30px} /*検索窓*/ #searchItem #pageContent #areaSearch form{margin-left:520px;margin-top:-74px;margin-bottom:30px;background:url(../images/tool/itemsearch/searchform_bg.png) no-repeat left top} #searchItem #pageContent #areaSearch form input{background:transparent;border:none;vertical-align:middle} #searchItem #pageContent #areaSearch form input.itemsearchInput{padding-left:25px;width:128px;height:24px;font-size:1em;border-radius:8px 0 0 8px;-webkit-border-radius:8px 0 0 8px;-moz-border-radius:8px 0 0 8px} #searchItem #pageContent #areaSearch form input.itemsearchSubmit{cursor:pointer;width:40px;height:24px} #searchItem #pageContent ul.list50on{border-bottom:#deeeff 4px solid;padding-left:0;margin-bottom:40px} #searchItem #pageContent ul.list50on li{float:left;width:48px;height:32px;border-left:#cccccc 1px solid} #searchItem #pageContent ul.list50on li.first-child{border-left:none} #searchItem #pageContent ul.list50on li a{display:block;width:44px;height:27px;padding-top:5px;margin:0 2px 0 0;border-left:#FFF 2px solid;text-align:center} #searchItem #pageContent ul.list50on li a:hover{background-color:#deeeff} #searchItem #pageContent #areaResult h2{background:url(../images/tool/itemsearch/bg_h2_words.png) no-repeat 0 0;color:#FFF;border:none;margin-left:20px;padding-left:25px;font-size:1.74em} #searchItem #pageContent #areaResult p.count{font-weight:bold;padding-left:25px;font-size:1.16em;background:url(../images/tool/itemsearch/icon_loupe.png) no-repeat left 12px} #searchItem #pageContent #areaResult div.result-inner ul{margin-bottom:60px} #searchItem #pageContent #areaResult div.result-inner li{list-style:none} #searchItem #pageContent #areaResult div.result-inner li a.a-result{display:block;padding:0 0 0 30px;background:url(../images/tool/itemsearch/icon_plus_bg_def.gif) no-repeat left center} #searchItem #pageContent #areaResult div.result-inner li a.a-result:hover{background:url(../images/tool/itemsearch/icon_plus_bg_ov.gif) no-repeat left center} #searchItem #pageContent #areaResult div.result-inner div.sub_pane{background:url(../images/tool/itemsearch/bg_bluedots.gif) repeat 0 0;padding:20px 30px;margin-bottom:5px} #searchItem #pageContent #areaResult div.result-inner div.sub_pane p{margin-left:0;text-align:left;font-size:1em} #searchItem #pageContent #areaResult div.result-inner div.sub_pane h3{border-left:#cccccc 4px solid;border-bottom:#cccccc 1px solid;color:#000;font-size:1.16em;font-weight:bold;line-height:28px;margin:0 0 14px 0;padding-left:0.5em} #searchItem #pageContent #areaResult div.result-note{background-color:#FFF;padding:14px} #searchItem #pageContent #areaResult div.result-inner div.sub_pane dt, #searchItem #pageContent #areaResult div.result-inner div.sub_pane dd{font-size:1em} #searchItem #pageContent #areaResult div.result-inner div.sub_pane dt a{font-size:1.08em;text-decoration:underline} #searchItem #pageContent #areaResult div.result-inner div.sub_pane dt{padding-left:72px;margin-bottom:0.5em} #searchItem #pageContent #areaResult div.result-inner div.sub_pane dd{margin-bottom:0.5em} #searchItem #pageContent #areaResult div.result-inner div.sub_pane dt.dt-product{background:url(../images/tool/itemsearch/icon_pdct.gif) no-repeat 0 5px} #searchItem #pageContent #areaResult div.result-inner div.sub_pane dt.dt-option{background:url(../images/tool/itemsearch/icon_option.gif) no-repeat 0 5px} #searchItem #pageContent #areaResult div.result-inner div.sub_pane dt.dt-service{background:url(../images/tool/itemsearch/icon_service.gif) no-repeat 0 5px} #searchItem #pageContent #areaResult div.result-inner div.sub_pane dt.dt-paper{background:url(../images/tool/itemsearch/icon_paper.gif) no-repeat 0 5px} /*商品一覧から探す*/ #searchPdct #pageContent #areaResult{margin-left:20px} #searchPdct #pageContent #areaResult p{margin-left:0} #searchPdct #pageContent #areaResult ul{padding:0;margin:0} #searchPdct #pageContent #areaResult ul#pdctList li{float:left} #searchPdct #pageContent #areaResult ul#pdctList li a{padding-right:2em} #searchPdct #pageContent #areaSearch h2{border:none;clear:both;margin-top:40px;background-color:#0070bb;color:#fff} #searchPdct #pageContent h3.h3-step{margin-left:0;clear:both;margin-top:30px} #searchPdct #pageContent h4.h4-step{margin-left:0;clear:both;background-color:#ccc} #searchPdct #pageContent div.product-box{width:240px;min-height:150px;float:left;padding-bottom:30px} #searchPdct #pageContent div.product-box h3{width:210px;font-size:1em;line-height:1.8em;margin:10px 0 0 0 !important} #searchPdct #pageContent div.product-box p{width:225px;padding:0;margin:0;font-size:0.9em} #searchPdct #pageContent div.product-box select{width:225px} #searchPdct #pageContent div.mainproduct{width:360px;min-height:200px} #searchPdct #pageContent div.mainproduct h3{width:324px;font-size:1.3em;line-height:40px} #searchPdct #pageContent div.mainproduct p{width:339px} #searchPdct #pageContent div.mainproduct select{width:339px} /*サイズから探すsizesearch2*/ #searchSize #sizesearch div.box{padding-left:20px;width:720px} #searchSize #sizesearch p{margin:0 0 0 1em !important} #searchSize #sizesearch ul{margin:0 0 2em 1em !important} #searchSize #sizesearch #resultbox{background:url(../images/tool/sizesearch/bg_arrow.png) center 20px no-repeat;padding-top:70px} #searchSize #pageContent #sizesearch #search div.section{float:left} #searchSize #sizesearch #area1{width:292px} #searchSize #sizesearch #area2{width:424px} #searchSize #sizesearch #area3{padding-bottom:20px} #searchSize #sizesearch #area3 table{width:680px;margin-left:15px;border-collapse:collapse;table-layout:fixed;border:1px solid #ccc} #searchSize #sizesearch #area3 p{margin-left:15px} #searchSize #sizesearch #area3 th{font-weight:bold} #searchSize #sizesearch #area3 th, #searchSize #sizesearch #area3 td{border:1px solid #ccc;padding:0 5px} #searchSize #sizesearch #area3 tbody th, #searchSize #sizesearch #area3 tbody td{text-align:left;vertical-align:top} #searchSize #sizesearch #area3 .td-cate, #searchSize #sizesearch #area3 .td-page{} #searchSize #sizesearch #area3 .td-price{width:400px} #searchSize #sizesearch #area1 p, #searchSize #sizesearch #area2 p{padding-left:20px;background:url(../images/tool/sizesearch/icon_downarrow.png) 0 0 no-repeat} #searchSize #sizesearch #area3 p{margin-bottom:0} #searchSize #sizesearch form li{list-style:none;margin:0 0 10px 0;height:26px} #searchSize #sizesearch .ul-size li:last-child{margin-top:20px} #searchSize #sizesearch .ul-paper select{width:235px} #searchSize #sizesearch .ul-size input{width:117px;height:22px} #searchSize #sizesearch .ul-size select{width:160px;height:22px} #searchSize #sizesearch input.searchbtn{width:117px;height:32px;background:url(../images/tool/sizesearch/btn_sizesearch.png) 0 0 no-repeat;border:none;cursor:pointer} #searchSize #sizesearch #area1 .searchbtn{margin-left:60px} #searchSize #sizesearch #area2 .searchbtn{margin-left:70px} #searchSize #sizesearch form li span.size{display:block;float:left;clear:both;zoom:1;text-align:right} #searchSize #sizesearch #area1 span.size{width:3em;padding-right:1em} #searchSize #sizesearch #area2 span.size{width:4em;padding-right:1em} #searchSize #sizesearch h2{padding:0;margin:0;height:44px;border:none} #searchSize #sizesearch div.box div.sizebox-inner{margin:0 4px 0 0;padding:10px 0 5px 0;border:2px solid #ffdd00;border-top:none} #searchSize #sizesearch div.box #area2 div.sizebox-inner{margin:0;background:url(../images/tool/sizesearch/bg_book.png) no-repeat 280px 120px} #searchSize #sizesearch div.box #area3 div.sizebox-inner{border:2px solid #55aa00;border-top:none} #searchSize #sizesearch #search div.section{margin-bottom:0px} /*サイトマップ */ #sitemap #pageContent h1{background:url(../images/main/h_back_common.png) 0 -1400px no-repeat;padding-left:70px;color:#000} #sitemap #pageContent div.box-detail ul{background-color:#efefef;padding:5px 0} #sitemap #pageContent div.box-detail ul.ul-service{border:1px solid #ccc} #sitemap #pageContent div.box-detail li{float:left;margin-left:20px} #sitemap #pageContent div.box-detail ul.ul-service li{list-style:square} #sitemap #pageContent div.box-detail ul.ul-products li{list-style:circle} #sitemap #pageContent div.box-detail li a{display:block} #sitemap #pageContent div.box-detail li a:hover{background:#deeeff} #sitemap #pageContent div.box-detail ul.ul-service li a{width:300px} #sitemap #pageContent div.box-detail ul.ul-products li a{width:200px;font-size:93%} #sitemap #pageContent div.pdctInService ul.ul-service li{float:none;clear:both} #sitemap #pageContent div.pdctInService ul.ul-products li{float:left;clear:none} #sitemap #pageContent div.pdctInService ul.ul-service li a{width:auto} #sitemap #pageContent div.pdctInService ul.ul-products li a{width:200px} /*▼お問い合わせ /toiawase/ */ /*●お問い合わせ*/ #toiIndex #pageContent dl{background:url(../images/main/icon/icon_bigarrow.png) 400px 15px no-repeat;margin-left:20px} #toiIndex #pageContent dd{width:380px;float:left;clear:both;padding-bottom:1em} #toiIndex #pageContent dt{width:260px;margin:0 0 0 440px;/*padding-left:440px;*/} #toiIndex #pageContent #areaTel dd{width:380px} #toiIndex #pageContent #areaTel dt{width:280px;margin:0 0 0 435px} #toiIndex #pageContent ul.list-faqpickup{margin:0 0 28px 20px} #toiIndex #pageContent dt img{margin-bottom:1em} #toiIndex #areaTel{background:url(../images/toiawase/toiawase_operator.png) 0 100% no-repeat} #toiIndex #areaAccess table.table-normal th{text-align:left;font-weight:bold} #toiIndex table.areaAccess-text{width:455px;float:left;margin:0 0 1em 20px;_margin:0 0 1em 10px} * html>#toiIndex table.areaAccess-text{width:450px} #toiIndex div.areaAccess-image{width:245px;padding-left:20px;float:left} #toiIndex div.areaAccess-image p{margin:0;font-size:93%} /*●店舗案内*/ #accessShiga #pageContent h1, #accessKyoto #pageContent h1, #accessTokyo #pageContent h1, #accessSendai #pageContent h1{background:url(../images/main/h_back_common.png) no-repeat 0 -280px;padding-left:70px} .access #pageContent #areaAccess table.table-normal th{text-align:left;font-weight:bold} .access #pageContent table.areaAccess-text{width:455px;float:left;margin:0 0 1em 20px;_margin:0 0 1em 10px} * html>#access table.areaAccess-text{width:450px} .access #pageContent div.areaAccess-image{width:245px;padding-left:17px;float:left} .access #pageContent div.areaAccess-image p{margin:0;font-size:93%} .access #pageContent .areaHeader-text ul li{float:left;list-style-type:none} .access #pageContent #areaAccess td table.service, .access #pageContent #areaAccess td table.service th, .access #pageContent #areaAccess td table.service td{margin:0;border:none} .access #pageContent #areaAccess .kousei ul{margin-left:0} .access #pageContent #areaAccess .kousei .kou_text{margin:0 0 0 245px;padding:0} .access #pageContent #areaAccess .kousei .kousei_b{width:707px;margin:0 0 0 20px;border:1px solid #BBBBBB;padding:5px} .access #pageContent #areaAccess #accmap ol{margin-left:20px} .access #pageContent #areaAccess #accmap li{list-style:none} .access #pageContent #areaMenu ul{margin:0;} .access #pageContent #areaMenu li{float:left;width:245px} .access #pageContent #areaMenu li a {display:block;width:240px} .access #pageContent #accmap div.layout-left{width:240px;} .access #pageContent #accmap ol{font-size:0.93em;} .access #pageContent .accinfo{clear:both; padding-top:20px;} .access #pageContent .mapbox{margin-left:20px;} .access #areaBlog{font-size:0.85em;padding:5px 10px;background-color:#ffffff;list-style:none} .access #areaBlog li{background: url("../images/main/prblog_bg_h_li.gif") no-repeat scroll 0 5px;padding-left: 16px;} .access #areaMenu .selected img{display:none;} /*▼よくあるご質問 /faq/ */ .faq #pageContent h1{padding-left:70px;background:url(../images/main/h_back_common.png) 0 -350px no-repeat} /*▼ご利用ガイド /guide/ */ /*●共通*/ #gdNouki #pageContent h1, #gdCancel #pageContent h1, #gdZousatsu #pageContent h1, #gdPay #pageContent h1, #gdVisadebit #pageContent h1, #gdCoupon #pageContent h1, #gdShip #pageContent h1, #gdUser #pageContent h1, #gdKiyaku #pageContent h1, #gdTokusho #pageContent h1, #formCC #pageContent h1, #gdSecurity #pageContent h1{padding-left:70px;color:#000} #gdNouki #pageContent h1{background:url(../images/main/h_back_common.png) 0 -840px no-repeat} #gdCancel #pageContent h1{background:url(../images/main/h_back_common.png) 0 -770px no-repeat} #gdZousatsu #pageContent h1{background:url(../images/main/h_back_common.png) 0 -560px no-repeat} #formCC #pageContent h1, #gdPay #pageContent h1, #gdVisadebit #pageContent h1, #gdCoupon #pageContent h1{background:url(../images/main/h_back_common.png) 0 -700px no-repeat} #gdShip #pageContent h1{background:url(../images/main/h_back_common.png) 0 -630px no-repeat} #gdUser #pageContent h1{background:url(../images/main/h_back_common.png) 0 -910px no-repeat} #gdKiyaku #pageContent h1, #gdTokusho #pageContent h1, #gdSecurity #pageContent h1{background:url(../images/main/h_back_common.png) 0 -1190px no-repeat} #pageContent h3.guide-h3{border-bottom:1px solid #107F36;background:url(../images/guide/guide_icon.gif) no-repeat 5px center;padding-left:25px;border-left:none;font-weight:normal;color:#000000} #pageContent img.cancel-img{margin-bottom:35px} #pageContent img.img-text{margin-bottom:10px} .guide #pageContent img.img-text-nouki{margin:30px 0 10px 0} .guide #pageContent p.mtb{margin:0px;font-size:90%} #pageContent p.margin0{margin-left:0} #pageContent div.layout-flow p.margin0{margin-bottom:5px} .guide #pageContent ul.listNav{background:none;margin-top:28px !important} .tutorial #pageContent ul.list-atten{background-color:#F0F0F0;padding:10px 10px 5px 10px} .tutorial #pageContent ul.list-atten li{background:url(../images/data/mk_hagaki/making_ex.gif) no-repeat left top;padding-left:30px;line-height:24px;list-style:none;margin-bottom:10px} /*●ご利用ガイド-index*/ #gdIndex .inner-block{float:left;width:348px;margin:0 11px;margin:0 0 0 11px} #gdIndex .inner-block h3{background:url(../images/main/h_back_common.png) -741px -101px no-repeat;height:35px;border:none;margin-left:0;padding-top:21px} #gdIndex .areaUse-ship h3{background:url(../images/main/h_back_common.png) -1089px -101px no-repeat} #gdIndex .areaUse-nouki h3{background:url(../images/main/h_back_common.png) -741px -157px no-repeat} #gdIndex .areaUse-cancel h3{background:url(../images/main/h_back_common.png) -1089px -157px no-repeat} #gdIndex .areaUse-account h3{background:url(../images/main/h_back_common.png) -741px -216px no-repeat} #gdIndex .areaUse-begginer h3{background:url(../images/main/h_back_common.png) -1089px -216px no-repeat} #gdIndex .areaData-nyukou h3{background:url(../images/main/h_back_common.png) -741px -273px no-repeat} #gdIndex .areaData-data h3{background:url(../images/main/h_back_common.png) -1089px -273px no-repeat} #gdIndex .areaToiawase-toiawase h3{background:url(../images/main/h_back_common.png) -741px -329px no-repeat} #gdIndex .areaToiawase-estimate h3{background:url(../images/main/h_back_common.png) -1089px -329px no-repeat} #gdIndex .areaOther-paper h3{background:url(../images/main/h_back_common.png) -741px -385px no-repeat} #gdIndex .areaOther-tool h3{background:url(../images/main/h_back_common.png) -1089px -385px no-repeat} #gdIndex #areaUse div.section{margin-bottom:0} #gdIndex #areaUse div.attention{margin-left:0} #gdIndex #areaUse div.attention h3{color:#f00;border-left:0px;border-bottom:1px solid #f00;padding-left:0;margin-bottom:0} #gdIndex #areaUse div.attention ul{margin-bottom:0} #gdIndex #areaData{margin-top:40px} /*●特定商取引法-tokusho*/ #gdTokusho table.table-normal th{white-space:nowrap;font-weight:bold;text-align:left;vertical-align:top} /*●支払い方法-pay*/ #pageContent .table-pay{width:718px;text-align:center} #pageContent .table-pay th{background-color:#E3F1FF} #pageContent .table-pay th.width50{width:50%} #pageContent .table-pay sup.sup_red{color:#FF0000} #pageContent .table-np td{text-align:left;padding-left:15px} #pageContent .table-np th{width:20%} .guide #pageContent p.price{color:#FF6A00;font-size:138.5%} .guide #pageContent p.price em{background-color:#FFFDDE;padding:5px} .guide #pageContent p.pay-flow{background:url(../images/guide/pay_arrow.gif) no-repeat left center;padding-left:30px;font-weight:bold;font-size:116%} .guide #pageContent h3.pay-icon{padding-left:60px;line-height:50px;border:none} .guide #pageContent h3#creditcard{background:url(../images/main/h_back_common.png) no-repeat -741px -1717px} .guide #pageContent h3#daibiki{background:url(../images/main/h_back_common.png) no-repeat -741px -1767px} .guide #pageContent h3#furikomi{background:url(../images/main/h_back_common.png) no-repeat -741px -1817px} .guide #pageContent h3#tento{background:url(../images/main/h_back_common.png) no-repeat -741px -1867px} .guide #pageContent h4.pay-icon-bank{background:url(../images/guide/pay_icon_bank.gif) no-repeat left center;line-height:28px;margin-bottom:14px;padding-left:34px;color:#0B59A7} .guide #pageContent h3#payafter{background:url(../images/main/h_back_common.png) no-repeat -741px -1617px} .guide #pageContent h3#pay-after{background:url(../images/main/h_back_common.png) no-repeat -741px -1617px} .guide #pageContent div.pay-box{border:1px solid #CDCDCD;padding:10px 10px 0 0;margin:0 0 30px 20px;margin-bottom:30px} .guide #pageContent div.pay-box h4{background:url(../images/guide/pay_box.gif) no-repeat left center;padding-left:18px;font-weight:normal} .guide #pageContent div.pay-box li{margin-left:15px} .guide #pageContent div.guide-newsbox{font-size:93%} .guide #pageContent div.pay-box-right{width:515px;float:right;margin-bottom:14px} /*fpay-領収書ボタン */ .guide #pageContent div.section p.receipt-p a.receipt{background:url(../images/guide/pay_attention02.png) no-repeat right bottom;clear:both} .guide #pageContent div.section p.receipt-p a{display:block;height:31px} .guide #pageContent div.section p.receipt-p:hover{background-color:transparent} .guide #pageContent div.section p.receipt-p:hover img{visibility:hidden} /*●送料ページ-ship*/ .guide #pageContent div.ship-box{width:358px;float:left} .guide #pageContent div.ship-leftbox, .guide #pageContent div.ship-rightbox{border:1px solid #BBBBBB;padding:2px;margin-bottom:10px;text-align:center} .guide #pageContent div.ship-leftbox h3, .guide #pageContent div.ship-rightbox h3{border:none;background-color:#E5FFEF;margin:0 0 10px 0;color:#000000;font-weight:normal} .guide #pageContent div.ship-leftbox p{font-weight:bold;font-size:120%} .guide #pageContent div.ship-rightbox{margin-left:10px} .guide #pageContent div.ship-con{margin-left:20px} .guide #pageContent div.ship-con h3, .guide #pageContent div.ship-con p{margin-left:0} .guide #pageContent div.ship-op-mail h3, .guide #pageContent div.ship-op-nohin h3{border-left:none;border-bottom:2px solid #107F36;background:url(../images/guide/ship_opicon.gif) no-repeat left center;padding-left:30px;color:#107F36} .guide #pageContent div.ship-op-mail, .guide #pageContent div.ship-op-nohin{width:334px;float:left;background:url(../images/guide/ship_bg02.gif) repeat-y center center} .guide #pageContent div.ship-op-mail p, .guide #pageContent div.ship-op-nohin p{margin:0 15px} .guide #pageContent div.ship-op-mail h3, .guide #pageContent div.ship-op-nohin h3{margin:0 10px 5px 10px} .guide #pageContent div.ship-op-mail{margin-left:20px} .guide #pageContent ul.ship-chackbox{margin:0 0 0 250px} /*●ご注文の流れ-flowchart*/ #areaHeader div.areaHeader-text h2.flow-title{border-color:#FF7C00} #pageContent div.layout-flow h3{border:0;padding:0;margin-bottom:3px} #pageContent div.layout-flow div.box-right h3{margin-left:0} .guide #pageContent div.layout-flow div.box-left{width:290px;float:left} .guide #pageContent div.layout-flow div.box-right{width:285px;float:right} .guide #pageContent div.layout-flow div.areaFlow-step0{background:url(../images/guide/flow_step0.png) no-repeat top center;height:248px;border-bottom:1px solid #F0F0F0;padding-top:10px;margin-left:20px} .guide #pageContent div.layout-flow div.areaFlow-step1{background:url(../images/guide/flow_step1.png) no-repeat top center;border-bottom:1px solid #F0F0F0} .guide #pageContent div.layout-flow div.areaFlow-step2{background:url(../images/guide/flow_step2.png) no-repeat top center;border-bottom:1px solid #F0F0F0} .guide #pageContent div.layout-flow div.areaFlow-step3{background:url(../images/guide/flow_step3.png) no-repeat top center;height:380px;padding-top:10px;margin-left:20px} .guide #pageContent div.layout-flow div.areaFlow-step4{background:url(../images/guide/flow_step4.png) no-repeat top center;border-top:1px solid #F0F0F0;width:720px} .guide #pageContent div.layout-flow div.areaFlow-step5{background:url(../images/guide/flow_step5.png) no-repeat top center;border-top:1px solid #F0F0F0;height:312px;padding-top:10px;margin-left:20px} .guide #pageContent div.layout-flow div.areaFlow-step6{background:url(../images/guide/flow_step6.png) no-repeat top center;border-top:1px solid #F0F0F0} .guide #pageContent div.layout-flow div.areaFlow-step7{background:url(../images/guide/flow_step7.png) no-repeat top center;border-top:1px solid #F0F0F0;width:720px} .guide #pageContent div.layout-flow div.areaFlow-step1, .guide #pageContent div.layout-flow div.areaFlow-step2, .guide #pageContent div.layout-flow div.areaFlow-step4, .guide #pageContent div.layout-flow div.areaFlow-step6, .guide #pageContent div.layout-flow div.areaFlow-step7{height:270px;padding-top:10px;margin-left:20px} #pageContent div.layout-flow p{margin-bottom:0;margin-left:0} #pageContent div.layout-flow ul{margin-left:0} #pageContent div.layout-flow dd{font-size:85%} .guide #pageContent div.layout-flow dl.flow-nyukolist{width:260px;border:1px solid #0070B8;padding:5px 10px} #pageContent div.layout-flow dl.flow-nyukolist dt{font-size:93%} .guide #pageContent div.layout-flow dl.flow-nyukolist dd{width:100px;float:left;margin-bottom:0;background:url(../images/main/icon/icon_arrow.png) no-repeat 0 5px;padding-left:17px} .guide #pageContent div.layout-flow dd{margin-bottom:1em} .guide #pageContent div.layout-flow dt.flow-m-01{background:url(../images/guide/flow_mail_01.gif) no-repeat left center;padding-left:25px} .guide #pageContent div.layout-flow dt.flow-m-all{background:url(../images/guide/flow_mail_all.gif) no-repeat left center;padding-left:25px} .guide #pageContent div.layout-flow dt.flow-m-not{background:url(../images/guide/flow_mail_not.gif) no-repeat left center;padding-left:25px} .guide #pageContent div.layout-flow dt.flow-m-top{margin-top:180px} .guide #pageContent div.layout-flow div.areaFlow-not{border:2px solid #FF0000;padding:5px 10px;margin-right:10px} #pageContent div.layout-flow div.areaFlow-not p{font-size:93%;margin-left:0} #pageContent div.layout-flow div.areaFlow-not h4{background:url(../images/guide/flow_not_icon.gif) no-repeat left center;margin-left:0;padding-left:25px} #pageContent div.layout-flow div.areaFlow-not ul{margin-left:0;margin-bottom:0} /*flowchart-Office注意点、お支払い方法の注意点*/ #pageContent div.layout-flow div.flow-atten{margin:10px 0 10px 20px;padding:5px 10px} #pageContent div.layout-flow div.flow-atten p{font-size:90%} #pageContent div.layout-flow div.flow-atten ul{margin-bottom:0} #pageContent div.layout-flow div.flow-office{border:1px solid #BBBBBB;background:url(../images/guide/flow_office_bg.png) no-repeat top right} #pageContent div.layout-flow div.flow-office p, #pageContent div.layout-flow div.flow-office ul, #pageContent div.layout-flow div.flow-office h4{margin-left:0} #pageContent div.layout-flow div.flow-office h4{background:url(../images/guide/flow_icon_office.png) no-repeat left center;padding-left:24px;font-weight:normal} #pageContent div.layout-flow div.flow-office h4 a{text-decoration:none} #pageContent div.layout-flow div.flow-office h4 a:hover{text-decoration:underline} #pageContent div.layout-flow div.flow-office ol{font-size:90%} #pageContent div.layout-flow div.flow-office ul.red{list-style:none;color:#FF0000;font-size:90%} #pageContent div.layout-flow div.flow-pay{background-color:#F0F0F0;margin-right:10px;margin-bottom:5px;padding:5px 10px} #pageContent div.layout-flow div.flow-pay p{font-size:90%} #pageContent div.layout-flow div.flow-pay h4{margin-left:0} /*●初めてのお客様へ*/ #gdBeginner #pageContent h1, #gdBeginner #pageContent h2, #gdBeginner #pageContent h3{margin:0;padding:0;border:none} #gdBeginner #pageContent P{margin:0} #gdBeginner #pageContent ul, #gdBeginner #pageContent li, #gdBeginner #pageContent ol{list-style:none;margin:0;padding:0} #gdBeginner #pageContent P.middleArrow{text-align:center} /*head*/ #gdBeginner #pageContent #areaHeader{background:url(../images/guide/begin_bg_head.png) no-repeat left top;height:430px} #gdBeginner #pageContent #areaHeader .begin-h-L{float:left;width:369px} #gdBeginner #pageContent #areaHeader .begin-h-R{float:left;width:352px} #gdBeginner #pageContent #areaHeader li a{display:block} #gdBeginner #pageContent #areaHeader li a:hover{background-color:transparent} #gdBeginner #pageContent #areaHeader li a:hover img{visibility:hidden} #gdBeginner #pageContent #areaHeader li.beginForUser a:hover{background:url(../images/guide/begin_btn_user_h_ov.png) no-repeat left top} #gdBeginner #pageContent #areaHeader li.beginForMate a:hover{background:url(../images/guide/begin_btn_mate_h_ov.png) no-repeat left top} /*study*/ #gdBeginner #pageContent #areaStudy{background:url(../images/guide/begin_bg_study.png) repeat-y} #gdBeginner #pageContent #areaStudy div.areaPrefer{background:url(../images/guide/begin_bg_prefer.png) no-repeat left bottom;padding-top:30px} #gdBeginner #pageContent #areaStudy ol.studystep{margin:10px 0 0 40px} #gdBeginner #pageContent #areaStudy ol li{width:221px;float:left} #gdBeginner #pageContent #areaStudy ol li p{padding:0 8px;font-size:0.9em} #gdBeginner #pageContent #areaStudy div.areaPrefer p{padding:10px 250px 30px 70px} /*3つの特徴*/ #gdBeginner #pageContent #areaBeginPoint{background:url(../images/guide/begin_bg_point.png) repeat-y} #gdBeginner #pageContent div.pointCheck{background:url(../images/guide/begin_bg_check_lastbar.png) no-repeat left bottom;padding-bottom:10px;margin-bottom:20px} #gdBeginner #pageContent div.pointCheckInner{background:url(../images/guide/begin_bg_check.png) repeat-y;padding-bottom:20px} #gdBeginner #pageContent div.wavePointBox{margin:20px 40px 30px 40px} #gdBeginner #pageContent div.pointCheck p{padding:0 40px 0 55px;font-size:1em} #gdBeginner #pageContent div.pointCheck ul.quoCheck{background:url(../images/guide/begin_bg_quocheck.png) no-repeat left top;text-align:center;padding:36px 0 14px 0} /*お客様の声*/ #gdBeginner #pageContent #areaBeginKoe{background:url(../images/guide/begin_bg_koe.png) repeat-y} #gdBeginner #pageContent #areaBeginKoe div.beginKoeInner{padding-left:30px;margin-bottom:30px} #gdBeginner #pageContent #areaBeginKoe div.beginKoeBox{background:url(../images/guide/begin_bg_koebox.png) no-repeat left bottom} #gdBeginner #pageContent #areaBeginKoe div.beginKoeL{float:left;width:340px} #gdBeginner #pageContent #areaBeginKoe div.beginKoeR{float:left;width:340px} #gdBeginner #pageContent #areaBeginKoe div.beginKoeBox h3{padding-bottom:10px} #gdBeginner #pageContent #areaBeginKoe div.beginKoeBox p{font-size:0.95em;padding:0 22px 25px 30px;width:280px} /*footer*/ #gdBeginner #pageContent #areaBeginFoot ul.quoCheck{background:url(../images/guide/begin_bg_foot.png) no-repeat left top;text-align:center;padding:60px 0 101px 0} /*各リンク*/ #gdBeginner #pageContent ul.beginEntryLink li a{display:block} #gdBeginner #pageContent ul.beginEntryLinkr li a:hover{background-color:transparent} #gdBeginner #pageContent ul.beginEntryLink li a:hover img{visibility:hidden} #gdBeginner #pageContent ul.beginEntryLink li.beginForEntry a:hover{background:url(../images/guide/begin_btn_en_big_ov.png) no-repeat left top} #gdBeginner #pageContent ul.quoCheck li a{display:block} #gdBeginner #pageContent ul.quoCheck li a:hover{background-color:transparent} #gdBeginner #pageContent ul.quoCheck li a:hover img{visibility:hidden} /*●オプション選択画面用小窓*/ .gdOpWin{background-image:none;background-color:#fff;width:100%;width:auto;margin:0 auto !important;text-align:center} .gdOpWin table{border:1px solid #bbb;padding:0 0 10px 0px;margin:0 auto 20px;border-collapse:collapse} .gdOpWin thead{border-bottom:3px double #bbb !important} .gdOpWin thead th{font-size:1.2em;font-weight:bold;padding:0.3em 0} .gdOpWin thead th span{font-size:.7em;font-weight:normal} .gdOpWin td{font-size:0.9em;vertical-align:top;text-align:center} .gdOpWin td a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"} /*▼テンプレートダウンロード */ /*●共通*/ .download #pageContent div.data_pageRoot{clear:both} .download #pageContent div.data_pageRoot p.gototop{width:250px;float:right} .download #pageContent div.data_pageRoot p.catetop{width:250px;padding-top:1em} .download #pageContent h1{padding-left:70px;color:#000;background:url(../images/main/h_back_common.png) 0 -140px no-repeat;} .download #pageContent p.linkPdctPage{margin:0 0 20px 0;text-align:right} .download #pageContent p.linkPdctPage a{background:url(../images/main/icon/icon_product.png) left center no-repeat;padding:.2em 0 .2em 20px;margin-left:.5em} .download #pageContent ul.listNav{background:#FFF} .download #pageContent div.dlinfo_box{margin:20px 0} .download #pageContent div.dlinfo_box li.list-none{list-style:none} .download #pageContent div.dlinfo_box div.dlinfo1{float:left;padding-right:20px;margin:0} .download #pageContent div.dlinfo_box div.dlinfo1 p{margin:0 0 0 20px!important;_margin:0 0 0 10px!important;float:left} .download #pageContent div.dlinfo_box div.dlinfo2{float:left;height:auto;border-left:#999 dashed 1px} .download #pageContent div.dlinfo_box div.dlinfo2 ul{margin-bottom:0} .download #pageContent div.box-detail table{clear:both;border:medium none;width:720px} .download #pageContent div.box-detail .titlezip{width:80px} .download #pageContent div.box-detail table th{background-color:#B6CEEE;padding:3px;text-align:center;border-color:#fff} .download #pageContent div.box-detail table td{border-left:#FFFFFF 1px solid;border-right:#FFFFFF 1px solid;padding:3px 5px} .download #pageContent td.size{font-size:1em} .download #pageContent span.tmp-notes{font-size:0.85em;background-color:#ff0000;color:#FFFFFF;padding:2px 4px} .tmp-notes{font-size:0.85em;background-color:#ff0000;color:#FFFFFF;padding:2px 4px;margin:0 3px} .download #pageContent .download_center{text-align:center} .download #pageContent td.download_date{font-size:0.85em;color:#666} .download div.zip #pageContent h2.download_h2{border-left:5px solid #0B9032;border-bottom:1px dashed #0B9032;margin:20px 0 15px 20px;padding-left:15px;font-size:123.1%;font-weight:bold;color:#0B9032;line-height:28px;clear:both} .download #pageContent h3.download_h3{border-left:5px solid #1A3E73;border-bottom:1px dashed #1A3E73;margin:20px 0 15px 20px;padding-left:15px;font-size:123.1%;font-weight:bold;color:#1A3E73;line-height:28px;clear:both} .download #pageContent h4.h4-arrow{clear:both;background:transparent url(../images/data/download/download_h4_ph.png) no-repeat scroll 0 0;color:#1A3E73;font-size:116%!important;padding-left:25px;margin-bottom:5px;vertical-align:bottom} .download #pageContent div.zip h4{background:transparent url(../images/data/download/download_h4.png) no-repeat scroll 0 0;padding-left:25px;margin-bottom:5px;vertical-align:bottom;clear:both} .download #pageContent h5{clear:both;border-left:5px solid #1A3E73;margin:25px 0 15px 20px;padding-left:15px} .download #pageContent .box-detail{border-bottom:1px dashed #1A3E73;padding-bottom:25px} .download #pageContent div.download_other_page{width:740px} .download #pageContent div.dl_otherbox{margin-left:20px} .download #pageContent div.dl_otherbox div.dl_innerbox{float:left;width:230px} .download #pageContent div.dl_otherbox div.dl_innerbox ul{float:left;width:220px;padding-left:10px;margin:0 0 10px 0} .download #pageContent div.download_other_page h6{border-bottom:#333 dotted 1px;padding-left:5px;margin:0 15px 5px 0;line-height:1.5} .download #pageContent div.download_other_page ul li{line-height:1.6;list-style:none;padding-left:15px;background:url("../images/main/icon/icon_miniarrow.png") no-repeat scroll 4px 8px} .download #pageContent div.download_other_page ul li a{width:190px;display:block} .download #pageContent div.download_other_page ul li.menu-selected{background:#DEEEFF url(../images/main/icon/icon_miniarrow.gif) no-repeat scroll 4px 8px} div.box-note div.ForOndemand-box{border:2px solid #0070BB;margin-left:20px} div.box-note div.ForOndemand-box p{padding-top:10px;padding-right:10px} .download #pageContent table td.download_userOnly{background:url(../images/main/icon/icon_useronly.gif) no-repeat 10px bottom;padding-bottom:20px !important} /*●テンプレートダウンロード-index*/ #dlIndex #pageContent h1{margin-bottom:5px;background:none;padding-left:0;} #dlIndex #pageContent table{width:720px;margin-bottom:40px} #dlIndex #pageContent td, #dlIndex #pageContent th{border-left:#FFFFFF 1px solid;border-right:#FFFFFF 1px solid;padding:6px 5px 6px 16px;font-size:1.2em;font-weight:bold} #dlIndex #pageContent th{text-align:left;vertical-align:top;width:280px} #dlIndex #pageContent td a{background:url(../images/main/icon/icon_arrow.png) left center no-repeat;padding-left:18px} #dlIndex #pageContent td em{margin-left:5px} #dlIndex #pageContent td span{margin-left:18px} #dlIndex #pageContent .notes{color:#666} #dlIndex #pageContent table.vegeoil td{text-align:left} #dlIndex #pageContent table.vegeoil td.link-box{text-align:center} #dlIndex #pageContent table.vegeoil td ul{padding:0;margin-bottom:0} #dlIndex #pageContent table.vegeoil td ul li{font-size:1em} #pageContent a.icon-download{background:url(../../images/data/download/icon_download.gif) no-repeat center left;padding:2px 0 2px 24px} .download #pageContent #tab-container-1 div.tab{border:2px solid #0070bb;margin-left:20px;padding-right:20px !important} /*2011.05.24_yamawaki*/ *html #dlIndex #pageContent div.box-download h3{width:310px} #dlIndex #pageContent div.box-dlother table, #dlIndex #pageContent div.box-dlother th, #dlIndex #pageContent div.box-dlother td{border:none} #dlIndex #pageContent div.box-dlother th{vertical-align:top} #dlIndex #pageContent div.box-dlother h3{margin-left:0} #dlIndex #pageContent div.box-dlother ul{padding-left:40px;margin-top:1em} #dlIndex #pageContent #areaHeader ul.dlNavi{list-style:none;margin-top:0.5em} #dlIndex #pageContent #areaHeader ul.dlNavi li{float:left} #dlIndex #pageContent #areaHeader ul.dlNavi li a{margin-right:14px} #dlIndex #pageContent iframe.iframe-temp{border:1px solid #CCCCCC;height:280px;margin:0 0 10px 20px;width:718px} /*ダウンロード下層*/ .download div.zip #pageContent h1{padding-left:70px;color:#000;background:url(../images/main/h_back_common.png) 0 -210px no-repeat} .download #pageContent h1 span{font-size:0.77em} /*什器印刷 サンプルDLボタン*/ #pageContent div.area3dcheck ul{width:720px;height:100px} #pageContent div.area3dcheck .dl-sampleImg{float:left;width:340px;height:100px;list-style:none;margin-right:20px} #pageContent div.area3dcheck .dl-sampleImg a{display:block;padding:30px 10px 28px 164px;line-height:1.5em} /*ダウンロードカレンダー*/ .download #pageContent p.download_caltaku{float:left;width:160px;margin:10px 0;padding-left:25px} .download div.illustrator #pageContent ul.download_calreport li{white-space:normal;list-style:none} .download #pageContent div.calbtnlist li{float:left;width:180px;list-style:none} .download #pageContent div.box-detail table.cal-case{width:570px} .download #pageContent div.section div.threebox{width:246px;float:left} /*ダウンロード解凍ページ*/ .download #pageContent div.box-detail table{voice-family:inherit;width:718px} .download #pageContent #tab-container-1 table{voice-family:inherit;width:680px} .download div.zip #pageContent th{background:transparent url(../images/main/texture/th_back1.png) repeat scroll 0 0;width:130px} .download div.zip #pageContent h3{border-left:5px solid #0B9032;color:#0B9032} /*▼入稿窓口 */ /*共通*/ .nyukou #pageContent h1{background:url(../images/main/h_back_common.png) 0 -1260px no-repeat;padding-left:70px;color:#000} /*●入稿窓口index*/ #nykIndex #pageContent div.box-note div.first-child{border-bottom:1px dashed #ccc;margin-bottom:20px} #nykIndex #pageContent div.box-note h2{border-color:#f60;color:#000;} #nykIndex #pageContent div.box-note h2 span{font-size:small} #nykIndex #areaMadoguchi h3{margin-bottom:10px !important} #nykIndex #areaMadoguchi div.inner-block{border:5px solid #deeeff} #nykIndex div.areaMadoguchi-btn li{list-style:none;float:left} #nykIndex div.areaMadoguchi-btn li a{display:block;width:314px;height:163px;margin:0 0 0 20px} #nykIndex div.areaMadoguchi-btn li a:hover{background-color:tansparent} #nykIndex div.areaMadoguchi-btn li a:hover img{display:none} #nykIndex div.areaMadoguchi-btn li.menu-nykWeb a{background:url(../images/data/nyukou/index_btn_hover.png) 0 0 no-repeat} #nykIndex div.areaMadoguchi-btn li.menu-nykMail a{background:url(../images/data/nyukou/index_btn_hover.png) -334px 0 no-repeat} #nykIndex div.areaMadoguchi-btn li.menu-nykMedia a{background:url(../images/data/nyukou/index_btn_hover.png) 0 -163px no-repeat} #nykIndex div.areaMadoguchi-btn li.menu-nykServer a{background:url(../images/data/nyukou/index_btn_hover.png) -334px -163px no-repeat} #nykIndex div.areaMadoguchi-btn li.menu-nykStorage a{background:url(../images/data/nyukou/index_btn_hover.png) 0 -326px no-repeat;width:648px;height:124px;margin:0 0 0 20px} /*●ファイル転送サービス*/ #nykStorage div.areaStorage{margin-bottom:20px} #nykStorage div.areaStorage p.box-img, #nykStorage div.areaStorage p.box-text{float:left;padding-left:20px;margin:0} #nykStorage div.areaStorage p.box-img{width:200px} #nykStorage div.areaStorage p.box-text{width:480px} #nykStorage div.areaStorage p.box-img em{display:block;width:190px;padding-left:10px;background-color:#0070b8;color:#fff} #nykStorage div.areaStorage p.box-img em.em-red{background-color:#F60} /*●WEBアップロード*/ #nykWebup #areaAttention{margin-top:100px !important} #nykWebup #pageContent #webUp-btn ul{list-style:none;margin:0} #nykWebup #pageContent #webUp-btn ul li{float:left} #nykWebup #pageContent #webUp-btn li a{display:block;background:#FFF} #nykWebup #pageContent #webUp-btn ul li#webupStep01{display:inline;margin:0 0 0 20px} /*▼商品ページ /products/ */ /*●商品詳細ページ（共通）*/ .product #pageContent #areaInto{background:#075bb7;margin-bottom:30px;color:#fff} .product #pageContent h1{color:#fff;margin-bottom:0;background:url(../images/products/bg_into.jpg) no-repeat top left;padding-left:20px} .product #pageContent h1 span{font-size:0.55em} .product #pageContent h1 a{color:#fff} .product #pageContent #areaInto div.layout-left{width:540px} .product #pageContent #areaInto div.layout-right{width:200px} .product #pageContent #areaInto p{font-size:0.98em;border-top:1px #fff solid;padding-top:6px;margin-right:20px} .product #pageContent #areaInto p a{color:#fff} .product #pageContent p{margin-left:20px} .product #pageContent div.box-detail ul, .product #pageContent div.box-detail li{background-position:left 5px} .product #pageContent .box-option{border:3px solid #DEEEFF;padding:10px;margin-left:20px} .product #pageContent .box-option ul{margin-left:0} .product #pageContent .box-option li{list-style:none;} .product #pageContent .box-option .list-plusoption{font-weight:bold} .product #pageContent .box-option .box-option-image{width:180px;float:left} .product #pageContent .box-option .box-option-image img{margin:0} .product #pageContent .box-option .box-option-text{width:510px;float:left} .product #pageContent .box-option .box-option-text p{margin-bottom:0} .product #pageContent div.box-chuiten div.box-chuiten-inner{border:3px solid #FCC;margin:0 0 10px 20px;padding:10px} .product #pageContent div.box-chuiten div.box-color{border:3px solid #Fc0} .product #pageContent div.box-chuiten div.box-chuiten-inner h3, .product #pageContent div.box-chuiten div.box-chuiten-inner p, .product #pageContent div.box-chuiten div.box-chuiten-inner ul, .product #pageContent div.box-chuiten div.box-chuiten-inner ol{margin:0 0 .5em 0 !important} .product #pageContent div.box-chuiten div.box-chuiten-inner p{padding:0} .product #pageContent div.box-chuiten div.box-chuiten-inner h3{background:url(../images/main/icon/icon_emarrow.png) no-repeat left center;padding-left:25px !important;border-left:none !important;color:#000 !important} .product #pageContent div.box-chuiten div.box-color h3{background:url(../images/main/icon/icon_emarrow_color.png) no-repeat left center} .product #pageContent div.box-chuiten div.box-chuiten-inner div.attention{margin:1em 0 0 0} .product #pageContent div.box-chuiten div.box-chuiten-inner div.layout-half div.layout-left{margin-left:0} .product #pageContent div.box-chuiten div.box-chuiten-inner div.layout-half div.layout-left, .product #pageContent div.box-chuiten div.box-chuiten-inner div.layout-half div.layout-right{width:340px} * html body.product div.box-chuiten div.box-chuiten-inner div.layout-half div.layout-left, * html body.product div.box-chuiten div.box-chuiten-inner div.layout-half div.layout-right{width:330px} .product #pageContent div.box-chuiten div.boxChuiten-border{border-bottom:1px dashed #ccc;margin-bottom:1em} .product #pageContent table ul{margin:0} .product #pageContent table li{font-size:1em} .product #pageContent table td table{margin-left:0} /*デザインサービスバナー用_20120210*/ .product #pageContent p.designPR{margin-left:0} /*キャンペーンテキスト表示*/ .product #pageContent p.campaign, .paper #pageContent p.campaign{background:url(../images/products/campaign.gif) no-repeat 0 center;padding-left:126px;padding-bottom:0.5em} /*高精細バナー用_20120305*/ .product #pageContent div.kouseisai{clear:both;margin:30px 0 20px 20px;border:1px solid #a2d1ff} .product #pageContent div.kouseisai p{margin:0.5em 0 0 190px} .product #pageContent div.kouseisai img.layout-left{padding-bottom:0;!important} /*ideaWAVEリンク*/ .product #pageContent div.idealink p{margin:0 !important;font-size:1em} /*ブログリンク*/ .product #pageContent .cnct-blog dt{background: url("../images/main/icon/icon_arrow_02.gif") no-repeat 0 4px;padding:0 0 0 16px;margin:0.5em 0;} .product #pageContent .cnct-blog dt:hover{background: url("../images/main/icon/icon_arrow_02.gif") no-repeat 0 -14px #ffffff;padding-left: 16px;} .product #pageContent .cnct-blog dt a{display:block} .product #pageContent .cnct-blog dd{font-size:0.93em;color:#666666} /*関連する特集*/ #pageContent #areaFeature h2{border:none;background-color:#f2f2f2;color:#000} #pageContent #areaFeature ul{list-style:none;} #pageContent #areaFeature p{font-size:0.93em;margin:0;border-bottom:1px solid #ccc;padding-bottom:0.5em;color:#666} #pageContent #areaFeature a{font-size:1em;background: url("../images/main/icon/icon_arrow_com.gif") no-repeat 0 center;display:block;padding-left:1em;margin:0.5em 0 0 0;} /*●商品ページプチリニューアル201309*/ .product #pageContent #areaProductsInfo h3{color:#000;padding-left:0;font-size:1.5em;border:0} /*タブ*/ /*共通*/ .product #pageContent ul.pdct-tab{margin:0;background:url(../images/products/pdct_tab_bg.png) left bottom repeat-x #075bb7;padding:0 0 0 6px} .product #pageContent ul.pdct-tab li{list-style:none;float:left;text-align:center;width:244px;height:66px} .product #pageContent ul.pdct-tab li a{display:block;line-height:66px;margin-right:4px} .product #pageContent ul.pdct-tab li.last-child a{margin-right:0} .product #pageContent ul.pdct-tab li a{background:url(../images/products/pdct_tab_bg_def.png) no-repeat left top;color:#000} .product #pageContent ul.pdct-tab li a:hover{background:url(../images/products/pdct_tab_bg_def_ov.png) no-repeat left top;text-decoration:none;color:#000} /*印刷種別*/ .product #pageContent ul.pdct-tab li.pdct-tab-all{width:110px} .product #pageContent ul.pdct-tab li.pdct-tab-off, .product #pageContent ul.pdct-tab li.pdct-tab-koff, .product #pageContent ul.pdct-tab li.pdct-tab-book4-off, .product #pageContent ul.pdct-tab li.pdct-tab-book4-koff, .product #pageContent ul.pdct-tab li.pdct-tab-book4-koff2, .product #pageContent ul.pdct-tab li.pdct-tab-digi, .product #pageContent ul.pdct-tab li.pdct-tab-onde, .product #pageContent ul.pdct-tab li.pdct-tab-dic, .product #pageContent ul.pdct-tab li.pdct-tab-haku, .product #pageContent ul.pdct-tab li.pdct-tab-k{width:206px} .product #pageContent ul.pdct-tab li.pdct-tab-all a{background:url(../images/products/pdct_tab_bg_all.png) no-repeat left top} .product #pageContent ul.pdct-tab li.pdct-tab-all a:hover{background:url(../images/products/pdct_tab_bg_all_ov.png) no-repeat left top} .index #pageContent ul.pdct-tab li.pdct-tab-all a, .index #pageContent ul.pdct-tab li.pdct-tab-all a:hover, #proofIndex #pageContent ul.pdct-tab li.pdct-tab-all a, #proofIndex #pageContent ul.pdct-tab li.pdct-tab-all a:hover{background:url(../images/products/pdct_tab_bg_all_act.png) no-repeat left top;cursor:default;text-decoration:none} .product #pageContent ul.pdct-tab li.pdct-tab-off a{background:url(../images/products/pdct_tab_bg_off.png) no-repeat left top} .product #pageContent ul.pdct-tab li.pdct-tab-off a:hover{background:url(../images/products/pdct_tab_bg_off_ov.png) no-repeat left top} .offset #pageContent ul.pdct-tab li.pdct-tab-off a, .offset #pageContent ul.pdct-tab li.pdct-tab-off a:hover{background:url(../images/products/pdct_tab_bg_off_act.png) no-repeat left top;color:#000;cursor:default;text-decoration:none} .product #pageContent ul.pdct-tab li.pdct-tab-koff a, .product #pageContent ul.pdct-tab li.pdct-tab-book4-koff a, .product #pageContent ul.pdct-tab li.pdct-tab-book4-koff2 a{background:url(../images/products/pdct_tab_bg_k.png) no-repeat left top} .product #pageContent ul.pdct-tab li.pdct-tab-koff a:hover, .product #pageContent ul.pdct-tab li.pdct-tab-book4-koff a:hover, .product #pageContent ul.pdct-tab li.pdct-tab-book4-koff2 a:hover{background:url(../images/products/pdct_tab_bg_k_ov.png) no-repeat left top} .koffset #pageContent ul.pdct-tab li.pdct-tab-koff a, .koffset #pageContent ul.pdct-tab li.pdct-tab-koff a:hover, #pdctBook4Koff #pageContent ul.pdct-tab li.pdct-tab-book4-koff a, #pdctBook4Koff #pageContent ul.pdct-tab li.pdct-tab-book4-koff a:hover, #pdctBook4Koff2 #pageContent ul.pdct-tab li.pdct-tab-book4-koff2 a, #pdctBook4Koff2 #pageContent ul.pdct-tab li.pdct-tab-book4-koff2 a:hover, #pdctNapkin #pageContent ul.pdct-tab li.pdct-tab-k a, #pdctNapkin #pageContent ul.pdct-tab li.pdct-tab-k a:hover{background:url(../images/products/pdct_tab_bg_k_act.png) no-repeat left top;color:#000;cursor:default;text-decoration:none} .product #pageContent ul.pdct-tab li.pdct-tab-book4-off a{background:url(../images/products/pdct_tab_bg_off.png) no-repeat left top} .product #pageContent ul.pdct-tab li.pdct-tab-book4-off a:hover{background:url(../images/products/pdct_tab_bg_off_ov.png) no-repeat left top} #pdctBook4off #pageContent ul.pdct-tab li.pdct-tab-book4-off a, #pdctBook4off #pageContent ul.pdct-tab li.pdct-tab-book4-off a:hover{background:url(../images/products/pdct_tab_bg_off_act.png) no-repeat left top;color:#000;cursor:default;text-decoration:none} .product #pageContent ul.pdct-tab li.pdct-tab-k a{background:url(../images/products/pdct_tab_bg_k.png) no-repeat left top} .product #pageContent ul.pdct-tab li.pdct-tab-k a:hover{background:url(../images/products/pdct_tab_bg_k_ov.png) no-repeat left top} .offset2 #pageContent ul.pdct-tab li.pdct-tab-k a, .offset2 #pageContent ul.pdct-tab li.pdct-tab-k a:hover{background:url(../images/products/pdct_tab_bg_k_act.png) no-repeat left top;color:#000;cursor:default;text-decoration:none} .product #pageContent ul.pdct-tab li.pdct-tab-onde a{background:url(../images/products/pdct_tab_bg_onde.png) no-repeat left top} .product #pageContent ul.pdct-tab li.pdct-tab-onde a:hover{background:url(../images/products/pdct_tab_bg_onde_ov.png) no-repeat left top} .ondemand #pageContent ul.pdct-tab li.pdct-tab-onde a, .ondemand #pageContent ul.pdct-tab li.pdct-tab-onde a:hover{background:url(../images/products/pdct_tab_bg_onde_act.png) no-repeat left top;color:#000;cursor:default;text-decoration:none} .product #pageContent ul.pdct-tab li.pdct-tab-dic a{background:url(../images/products/pdct_tab_bg_dic.png) no-repeat left top} .product #pageContent ul.pdct-tab li.pdct-tab-dic a:hover{background:url(../images/products/pdct_tab_bg_dic_ov.png) no-repeat left top} .dic #pageContent ul.pdct-tab li.pdct-tab-dic a, .dic #pageContent ul.pdct-tab li.pdct-tab-dic a:hover{background:url(../images/products/pdct_tab_bg_dic_act.png) no-repeat left top;color:#000;cursor:default;text-decoration:none} .product #pageContent ul.pdct-tab li.pdct-tab-haku a{background:url(../images/products/pdct_tab_bg_haku.png) no-repeat left top} .product #pageContent ul.pdct-tab li.pdct-tab-haku a:hover{background:url(../images/products/pdct_tab_bg_haku_ov.png) no-repeat left top} .haku #pageContent ul.pdct-tab li.pdct-tab-haku a, .haku #pageContent ul.pdct-tab li.pdct-tab-haku a:hover{background:url(../images/products/pdct_tab_bg_haku_act.png) no-repeat left top;color:#000;cursor:default;text-decoration:none} /*データ・テンプレボタン*/ #pageContent .areaBtn {padding:10px 30px;margin-bottom:30px;background-color:#f1f1f1;} #pageContent .btn-half {margin-left:380px} #pageContent .areaBtn .btn-inner{text-align:center;width:300px;border:1px solid #999999;border-radius: 3px;} #pageContent .areaBtn .btn-data{float:left;background:url(../images/main/icon/icon_pddata.gif) no-repeat 5px 0 #ffffff;} #pageContent .areaBtn .btn-template{float:right;background:url(../images/main/icon/icon_pddata.gif) no-repeat 5px -40px #ffffff;} #pageContent .areaBtn a{display:block;width:270px;padding:10px 0 10px 30px;} /*index比較表*/ .product #pageContent table.table-pdct-index{width:100%;border:0;margin-left:0;table-layout:fixed} .product #pageContent table.table-pdct-index tr{border:0} .product #pageContent table.table-pdct-index th{border-right:0;border-bottom:1px solid #CCCCCC;border-left:0;border-top:0;padding:10px;text-align:center} .product #pageContent table.table-pdct-index tbody th{width:20px} .product #pageContent table.table-pdct-index td{border-left:1px dashed #CCCCCC;border-bottom:1px solid #CCCCCC;border-right:1px dashed #CCCCCC;border-top:0;padding:10px;vertical-align:top} .product #pageContent table.table-pdct-index tr.color{background:#FAFAFA} .product #pageContent table.table-pdct-index tr.tr-price{text-align:center} .product #pageContent table.table-pdct-index tr.tr-detail td{font-size:0.95em} .product #pageContent table.table-pdct-index td img{margin:5px auto} .product #pageContent table.table-pdct-index td.no-border-top{border-top:0} .product #pageContent table.table-pdct-index td.no-border-bottom{border-bottom:0} .product #pageContent table th.th-off{background:url(../images/main/texture/bg_off.gif) repeat-x left bottom #E5F5FF;border:1px #fff solid} .product #pageContent table th.th-digi{background:url(../images/main/texture/bg_digi.gif) repeat-x left bottom #FAF6FD;border:1px #fff solid} .product #pageContent table th.th-onde{background:url(../images/main/texture/bg_onde.gif) repeat-x left bottom #F5FAE5;border:1px #fff solid} .product #pageContent table th.th-koff, .product #pageContent table th.th-k{background:url(../images/main/texture/bg_koff.gif) repeat-x left bottom #F5F7F8;border:1px #fff solid} .product #pageContent table th.th-dic{background:url(../images/main/texture/bg_dic.gif) repeat-x left bottom #fff4f5;border:1px #fff solid} .product #pageContent table th.th-haku{background:url(../images/main/texture/bg_haku.gif) repeat-x left bottom #fff8df;border:1px #fff solid} /*仕様表タブ*/ #pageContent ul.pdct-type-list{margin-bottom:0;border-bottom:4px #0070bb solid;width:710px;background:#eeeeee;padding:10px 0 0 10px} #pageContent ul.pdct-type-list li{list-style-type:none;margin-right:2px;float:left;font-size:1.1em;background-position:left 5px} #pageContent ul.pdct-type-list li a{display:block;padding:12px 8px 9px 26px;border:1px solid #ccc;border-bottom:0;background:url(../images/main/icon/icon_squeaarrow.png) no-repeat 8px 16px #eff6fb;text-decoration:none;outline:none} #pageContent ul.pdct-type-list li a:hover{background:url(../images/main/icon/icon_squeaarrow2.png) no-repeat 8px 16px #0070bb;text-decoration:none;color:#FFF} #pageContent ul.pdct-type-list li a.active{background:url(../images/main/icon/icon_squeaarrow2.png) no-repeat 8px 16px #0070bb;padding-bottom:10px;cursor:default;color:#FFF;border:0} /*スライド*/ .product #pageContent #areaSampleImg{width:350px;height:350px;position:relative;z-index:0} .product #pageContent #areaSampleImg #slides{position:absolute;z-index:100} .product #pageContent #areaSampleImg .slides_container{overflow:hidden;display:none;position:relative;width:320px;padding:5px 5px 5px 20px} .product #pageContent #areaSampleImg .slides_container img{display:block;width:320px;height:300px;display:block} .product #pageContent #areaSampleImg #slides .next, .product #pageContent #areaSampleImg #slides .prev{position:absolute;top:306px;left:20px;width:20px;height:20px;display:block;z-index:101} .product #pageContent #areaSampleImg #slides .next{left:324px} .product #pageContent #areaSampleImg .pagination{margin:0 auto;width:80px} .product #pageContent #areaSampleImg .pagination li{float:left;margin:0 3px;list-style:none} .product #pageContent #areaSampleImg .pagination li a{display:block;width:13px;height:0;padding-top:12px;background-image:url(../images/home/mainarea/pagination.gif);background-position:0 0;float:left;overflow:hidden} .product #pageContent #areaSampleImg .pagination li.current a{background-position:0 -14px} /*スライド-option*/ .option #pageContent #areaSampleImg{width:360px;height:320px} .option #pageContent #areaSampleImg .slides_container{width:360px;padding:0} .option #pageContent #areaSampleImg .slides_container img{width:360px;height:320px} /*小さな料金表*/ .product #pageContent table.table-miniprice{width:94%} .product #pageContent table.table-miniprice th, .product #pageContent table.table-miniprice td{padding:0 5px;text-align:center} .product #pageContent table.table-miniprice thead th{background:#DEF} .product #pageContent table.table-miniprice tbody th{background:#FAFAFA} .product #pageContent table.table-miniprice td.td-price{font-weight:bold;color:#F00;font-size:1.2em} #pdctCalNaireEcoring #pageContent table.table-miniprice td.td-price{font-weight:normal;color:#000} #pdctCalNaireEcoring #pageContent table.table-miniprice td.td-tanka{font-weight:bold;color:#F00;font-size:1.2em} /*仕様を選ぶフォーム*/ .product #pageContent table.table-select{border:0;width:720px} .product #pageContent table.table-select th{font-weight:bold;padding:10px 5px;text-align:left;border:0} .product #pageContent table.table-select td{font-weight:bold;background:#F2F2F2;padding:10px;border:0} .product #pageContent #areaPrice #check_price{background:url(../images/products/btn_price_check.png) no-repeat left top;height:40px;margin:20px auto;width:200px;border:0;cursor:pointer} /*オススメポイントをテキスト表示*/ .product #pageContent #areaOsusumePoint h4, .product #pageContent #areaOsusumePoint p{margin:0 10px 0 0;padding:5px} .product #pageContent #areaOsusumePoint ul{margin-left:0} .product #pageContent #areaOsusumePoint h4{background-color:#DEEEFF} .product #pageContent #areaOsusumePoint .layout-left{margin-left:0} /*areaPdctRecommend*/ .product #pageContent #areaPdctRecommend h4{margin:0 0 10px 0} .product #pageContent #areaPdctRecommend ul{list-style:none;margin-left:0;border-bottom:1px dashed #666;border-top:1px dashed #666;padding:10px 0 5px 0} .product #pageContent #areaPdctRecommend ul li{float:left;width:185px;font-size:0.95em;text-align:center} .product #pageContent #areaPdctRecommend ul li img{max-height:160px;max-width:168px} .product #pageContent #areaPdctRecommend ul li a img{opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"} .product #pageContent #areaPdctRecommend ul li a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"} #pdctBookOff #pageContent #areaPdctRecommend ul li.rec-book-off, #pdctBookOnde #pageContent #areaPdctRecommend ul li.rec-book-off, #pdctBook2Index #pageContent #areaPdctRecommend ul li.rec-book2-off, #pdctBook3Off #pageContent #areaPdctRecommend ul li.rec-book3-off, #pdctBook3Onde #pageContent #areaPdctRecommend ul li.rec-book3-off, #pdctBook4off #pageContent #areaPdctRecommend ul li.rec-book4, #pdctBook4Koff2 #pageContent #areaPdctRecommend ul li.rec-book4, #pdctBook4Koff #pageContent #areaPdctRecommend ul li.rec-book4, #pdctPamph #pageContent #areaPdctRecommend ul li.rec-pamphlet, #pdctCardOff #pageContent #areaPdctRecommend ul li.rec-card, #pdctCardDigi #pageContent #areaPdctRecommend ul li.rec-card, #pdctCardOnde #pageContent #areaPdctRecommend ul li.rec-card, #pdctHagakiOff #pageContent #areaPdctRecommend ul li.rec-hagaki, #pdctHagakiDigi #pageContent #areaPdctRecommend ul li.rec-hagaki, #pdctHagakiOnde #pageContent #areaPdctRecommend ul li.rec-hagaki, #pdctDiecut-card #pageContent #areaPdctRecommend ul li.rec-diecut-card, #pdctTagOff #pageContent #areaPdctRecommend ul li.rec-tag, #pdctTagDigi #pageContent #areaPdctRecommend ul li.rec-tag, #pdctPlastic #pageContent #areaPdctRecommend ul li.rec-plasticcard, #pdctFlyer #pageContent #areaPdctRecommend ul li.rec-flyer, #pdctFlyerOffset #pageContent #areaPdctRecommend ul li.rec-flyer, #pdctFlyerDigital #pageContent #areaPdctRecommend ul li.rec-flyer, #pdctFlyerOndemand #pageContent #areaPdctRecommend ul li.rec-flyer, #pdctChirashi #pageContent #areaPdctRecommend ul li.rec-chirashi, #pdctPosterOff #pageContent #areaPdctRecommend ul li.rec-poster, #pdctPosterOnde #pageContent #areaPdctRecommend ul li.rec-poster, #pdctTicketOff #pageContent #areaPdctRecommend ul li.rec-ticket, #pdctTicketDigi #pageContent #areaPdctRecommend ul li.rec-ticket, #pdctCoupon #pageContent #areaPdctRecommend ul li.rec-coupon, #pdctEnvOff #pageContent #areaPdctRecommend ul li.rec-envelope-off, #pdctEnvDic #pageContent #areaPdctRecommend ul li.rec-envelope-suri, #pdctEnvOnde #pageContent #areaPdctRecommend ul li.rec-envelope-onde, #pdctAcha #pageContent #areaPdctRecommend ul li.rec-acha, #pdctPcketfolder #pageContent #areaPdctRecommend ul li.rec-folder, #pdctCd #pageContent #areaPdctRecommend ul li.rec-cd, #pdctDvd #pageContent #areaPdctRecommend ul li.rec-dvd, #pdctPanel #pageContent #areaPdctRecommend ul li.rec-panel, #pdctNobori #pageContent #areaPdctRecommend ul li.rec-nobori, #pdctTapestry #pageContent #areaPdctRecommend ul li.rec-tapestry, #pdctBanner #pageContent #areaPdctRecommend ul li.rec-banner, #pdctCuttingsheet #pageContent #areaPdctRecommend ul li.rec-cuttingsheet, #pdctFurniture #pageContent #areaPdctRecommend ul li.rec-furniture, #pdctPop #pageContent #areaPdctRecommend ul li.rec-pop, #pdctReboardTableSet #pageContent #areaPdctRecommend ul li.rec-reboard, #pdctReboardKidsSet #pageContent #areaPdctRecommend ul li.rec-reboard, #pdctCalIndex #pageContent #areaPdctRecommend ul li.rec-calendar, #pdctSticker #pageContent #areaPdctRecommend ul li.rec-sticker, #pdctMagnetSticker #pageContent #areaPdctRecommend ul li.rec-magnet, .product div.tumbler #pageContent #areaPdctRecommend ul li.rec-tumbler, #pdctMousepad #pageContent #areaPdctRecommend ul li.rec-mousepad, #pdctStampShintouin #pageContent #areaPdctRecommend ul li.rec-stamp, #pdctUchiwa #pageContent #areaPdctRecommend ul li.rec-uchiwa, #pdctDoujinbook #pageContent #areaPdctRecommend ul li.rec-doujinbook, #pdctDoujin #pageContent #areaPdctRecommend ul li.rec-doujincover, #pdctStick #pageContent #areaPdctRecommend ul li.rec-stickposter, #pdctClear #pageContent #areaPdctRecommend ul li.rec-clearfile, .product div.clearfile #pageContent #areaPdctRecommend ul li.rec-clearfile, #pdctChopstickcase #pageContent #areaPdctRecommend ul li.rec-chopstck, #pdctNapkin #pageContent #areaPdctRecommend ul li.rec-nap, #pdctTransitPoster #pageContent #areaPdctRecommend ul li.rec-ticket, #pdctTransitPoster #pageContent #areaPdctRecommend ul li.rec-coupon, #pdctTransitPoster #pageContent #areaPdctRecommend ul li.rec-pamphlet{display:none} /*●パネル*/ #pdctPanel #contents #pageContent div.panel_stand p.panel_img{float:left} #pdctPanel #contents #pageContent div.panel_stand table caption{text-align:left;font-weight:bold;font-size:108%} #pdctPanel #contents #pageContent div.panel_stand table.stand-size{width:678px} #pdctPanel #contents #pageContent div.panel_stand table.stand-size td{text-align:center} #pdctPanel #contents #pageContent div.panel_stand table th, #pdctPanel #contents #pageContent div.panel_stand table td{padding:0 3px} #pdctPanel #contents #pageContent div.panel_stand table th{background:url(../images/main/th_back.png) repeat scroll 0 0 transparent;text-align:center;font-weight:bold} #pdctPanel #contents #pageContent div.panel_stand table td.color{text-align:center;font-weight:bold} #pdctPanel #contents #pageContent ul.opt-type-list{width:720px;list-style-type:none;margin-bottom:0} #pdctPanel #contents #pageContent ul.opt-type-list li{float: left;display: block;width:auto;text-align:center} #pdctPanel #contents #pageContent ul.opt-type-list li a{display: block;line-height:40px;height:40px;padding:12px 8px 9px 26px;border:1px solid #ccc;border-bottom:0;background:url(../images/main/icon/icon_squeaarrow.png) no-repeat 8px center #eff6fb;text-decoration:none;outline:none} #pdctPanel #contents #pageContent ul.opt-type-list li a:hover{background:url(../images/main/icon/icon_squeaarrow2.png) no-repeat 8px center #0070bb;text-decoration:none;color:#FFF} #pdctPanel #contents #pageContent ul.opt-type-list li a.active{background:url(../images/main/icon/icon_squeaarrow2.png) no-repeat 8px center #0070bb;padding-bottom:10px;cursor:default;color:#FFF;border:0} #pdctPanel #contents #pageContent div.stnd-inner{border:1px solid #ccc;border-top:0;padding:20px 20px 0 0;margin-left:20px} #pdctPanel #contents #pageContent div.slit-inner{padding:20px 0 0 0} /*●チラシ・フライヤー*/ #pdctFlyerOffset #pageContent .lineupBox{margin-bottom:20px} #pdctFlyerOffset #pageContent .lineup-inner{width:240px;float:left} #pdctFlyerOffset #pageContent .lineup-inner ul{list-style:none} #pdctFlyerOffset #pageContent .lineup-inner li a {background: url("../images/main/icon/icon_price_mini.png") no-repeat 0 0; padding: 0 0 0 15px;} /*●折パンフレット*/ #pdctPamph #pageContent .lineup-inner{width:240px;float:left;padding:20px 0 500px 0;margin-bottom:-500px} #pdctPamph #pageContent .lineup-inner h4{background-color:#f2f2f2;text-align:center;padding:2px 5px} #pdctPamph #pageContent #pdctPamph .lineup-inner ul{margin-left:30px} #pdctPamph #pageContent .lineup-inner li{list-style:none} #pdctPamph #pageContent .lineup-inner li a {background: url("../images/main/icon/icon_price_mini.png") no-repeat 0 0; padding: 0 0 0 15px;} #pdctPamph #pageContent .table-ori {width: 718px} #pdctPamph #pageContent .table-ori thead th {border-top: 0 none;font-weight:bold} #pdctPamph #pageContent .table-ori thead td {background-color: #fafafa;border-top: 0 none;text-align:center} #pdctPamph #pageContent .table-ori th, #pdctPamph #pageContent .table-ori td {padding: 5px;text-align:center;font-weight:bold} #pdctPamph #pageContent .orilist{list-style:none;} #pdctPamph #pageContent .orilist li{float:left; width:140px;margin-bottom:10px; text-align:center;border:2px solid #ffffff} #pdctPamph #pageContent .orilist li:hover{border:2px solid #075bb7} #pdctPamph #pageContent .img-ori {position:relative;background:#ddd;width:220px;height:220px;margin:0 0 1em 20px;overflow:hidden;} #pdctPamph #pageContent .img-ori p{margin:0;} #pdctPamph #pageContent .hoverlink {position:absolute;left:0;top:0;display:none; color:#fff; padding:50px 10px 10px; width:200px;height:200px;text-align:center;background-color:rgba(255,255,255,0.5);} #pdctPamph #pageContent a.link {display:inline-block; margin:20px 0 0;background-color:#075bb7;color:#fff;padding:5px;text-decoration:none;font-size:1.08;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} #pdctPamph #pageContent a.blank{padding:5px 20px 5px 5px;background:url("../images/main/icon/icon_blank_w.png") #075bb7 no-repeat right center} #pdctPamph #pageContent a.link:hover{text-decoration:underline;} /*●シール/ステッカー*/ #pdctSticker #contents #pageContent div.sticker-left{float:left;padding:0 20px} #pdctSticker #contents #pageContent div.sticker-left p{margin:0} #pdctSticker #contents #pageContent div.sticker_paper{margin-bottom:20px} #pdctSticker #contents #pageContent div.sticker_paper h3{margin-left:220px} /*●クリアファイル*/ #pdctClear #pageContent ul.clearfile_listNavi{margin:0 !important;list-style:none} #pdctClear #pageContent ul.clearfile_listNavi li{float:left} #pdctClear #pageContent ul.clearfile_listNavi a{display:block;width:250px;height:65px;padding:45px 20px 10px 100px;color:#000;text-decoration:none} #pdctClear #pageContent p.off10{margin:25px 0 !important} #pdctClear #pageContent ul.clearfile_listNavi a.btn_clearfile1{background:url(../images/products/clearfile/clearfile_navi_img.jpg) 0 0 no-repeat} #pdctClear #pageContent ul.clearfile_listNavi a.btn_clearfile2{background:url(../images/products/clearfile/clearfile_navi_img.jpg) -371px 0 no-repeat} #pdctClear #pageContent ul.clearfile_listNavi a.btn_clearfile1:hover{background:url(../images/products/clearfile/clearfile_navi_img.jpg) 0 -120px no-repeat} #pdctClear #pageContent ul.clearfile_listNavi a.btn_clearfile2:hover{background:url(../images/products/clearfile/clearfile_navi_img.jpg) -371px -120px no-repeat} /*●カッティングシート*/ #pdctCuttingsheetOrg #pageContent div.cuttingsheetflow{margin-left:20px} #pdctCuttingsheetOrg #pageContent div.cuttingsheetflow dl{width:245px;float:left} #pdctCuttingsheetOrg #pageContent div.cuttingsheetflow dl.boxr{width:230px;float:left} #pdctCuttingsheetOrg #pageContent div.cuttingsheetflow dt{margin-bottom:10px} #pdctCuttingsheetOrg #pageContent div.cuttingsheetflow dd{margin-right:5px} /*●パネル*/ #pdctPanel #pageContent div.box-cut{margin:0 0 20px 20px} #pdctPanel #pageContent div.box-cut div.layout-left, #pdctPanel #pageContent div.box-cut div.layout-right{border:1px dotted #666;min-height:265px} #pdctPanel #pageContent div.box-cut div.layout-right{border-left:none} /*●カタログ/ラック*/ #pdctFurniture #pageContent table ul{margin:0px} #pdctFurniture #pageContent table ul li{font-size:100%} #pdctFurniture #pageContent div.box-detail-inner{margin-top:20px} #pdctFurniture #pageContent div.box-detail div.layout-right table.table-size, #pdctFurniture #pageContent div.box-detail ul{margin-left:0} #pdctFurniture #pageContent div.box-detail table.table-size th{background:url(../images/main/th_back.png) repeat scroll 0 0 transparent;font-weight:bold;padding:5px} #pdctFurniture #pageContent div.box-detail table.table-size td{padding:5px} #pdctFurniture #pageContent div.box-detail-inner h4{border-bottom:#000 solid 1px;margin-bottom:20px} #pdctFurniture #pageContent div.get-reader{border:#999 solid 1px;background-color:#F1F1F1;padding:5px 10px;margin-top:20px} #pdctFurniture #pageContent div.get-reader p{font-size:0.93em;margin:0} #pdctFurniture #pageContent ul.listNavi{list-style:none outside;margin-left:0} #pdctFurniture #pageContent ul.listNavi li.btn_rack, #pdctFurniture #pageContent ul.listNavi li.btn_A4stand, #pdctFurniture #pageContent ul.listNavi li.btn_B5stand{float:left;width:246px} #pdctFurniture #pageContent ul.listNavi li.btn_rack a, #pdctFurniture #pageContent ul.listNavi li.btn_A4stand a, #pdctFurniture #pageContent ul.listNavi li.btn_B5stand a{display:block;height:280px;width:246px} #pdctFurniture #pageContent ul.listNavi li a:hover img{visibility:hidden} #pdctFurniture #pageContent ul.listNavi li a:hover{background-color:transparent} #pdctFurniture #pageContent ul.listNavi li.btn_rack a:hover{background-image:url(../images/products/furniture/btn_rack_ov.jpg)} #pdctFurniture #pageContent ul.listNavi li.btn_A4stand a:hover{background-image:url(../images/products/furniture/btn_A4stand_ov.jpg)} #pdctFurniture #pageContent ul.listNavi li.btn_B5stand a:hover{background-image:url(../images/products/furniture/btn_B5stand_ov.jpg)} #pdctFurniture #pageContent #areaFlow table.table-standFlow, table.table-standFlow th, table.table-standFlow td{border:medium none} #pdctFurniture #pageContent #areaFlow table.table-standFlow td{padding:0 0 20px 10px;vertical-align:top;font-size:100%} #pdctFurniture #pageContent #areaFlow table.table-standFlow td div{border:1px solid #CCCCCC;padding:10px;margin:0} /*●同人誌印刷*/ #pdctDoujinbook #pageContent .box-merit{margin-bottom:20px} #pdctDoujinbook #pageContent .box-merit ul{list-style:none} #pdctDoujinbook #pageContent .box-merit li{width:240px;float:left} #pdctDoujinbook #pageContent .box-merit li.last-child{width:236px} #pdctDoujinbook #pageContent .box-detail ul.menu{margin-top:30px;margin-bottom:30px} #pdctDoujinbook #pageContent .box-detail ul.menu li{width:340px;float:left;text-align:center} #pdctDoujinbook #pageContent #areaNakatoji, #pdctDoujinbook #pageContent #areaMusen{margin-bottom:60px;border-bottom:#CCC 2px dotted} /*●同人の部屋*/ #doujinIndex h1{text-align:center} #doujinIndex #sokubai p, #doujinIndex #sokubai img{margin:0;padding:0} #doujinIndex #sokubai p.sokubai-txt{width:520px;height:110px;margin:0px;background:url(../images/products/doujin/doujin_s_top.jpg) 0 0 no-repeat;padding:35px 0 0 220px} /*●3D印刷*/ #lenticular3d #pageContent div.lentitop h1{background:none;padding-left:0;margin-bottom:0;float:left;width:280px} #lenticular3d #pageContent div.lentitop p.btmform{float:left;width:460px;margin-left:0} #lenticular3d #pageContent div.lentitop p.btmform a{display:block;width:240px;height:32px;margin-left:220px} #lenticular3d #pageContent div.lentitop p.btmform a:hover{background-image:url(../images/products/3d/btm_form_on.png);background-color:transparent} #lenticular3d #pageContent div.lentitop p.btmform a:hover img{visibility:hidden} #lenticular3d #pageContent h2{border-left-style:none;padding-left:0;margin-bottom:20px} #lenticular3d #pageContent h3{border-left-style:none;background:url(../images/products/3d/h3_bg.gif) no-repeat left bottom;line-height:28px;color:#B90504;padding-left:0;padding-left:10px;margin-bottom:20px} #lenticular3d #pageContent h3.pricesamtitle{background-image:none;padding-left:0} #lenticular3d #pageContent h4.h4_3dnyukou{border-bottom:1px solid #B90504;padding-bottom:5px;margin-bottom:5px;margin-top:20px} #lenticular3d #pageContent ul.gNavi3D{margin-left:0;list-style:none} #lenticular3d #pageContent ul.gNavi3D li{float:left} #lenticular3d #pageContent ul.gNavi3D li.inde{width:265px} #lenticular3d #pageContent ul.gNavi3D li.prod{width:104px} #lenticular3d #pageContent ul.gNavi3D li.flow{width:134px} #lenticular3d #pageContent ul.gNavi3D li.pric{width:74px} #lenticular3d #pageContent ul.gNavi3D li.guid{width:163px} #lenticular3d #pageContent ul.gNavi3D li a{display:block;height:48px} #lenticular3d #pageContent ul.gNavi3D li a:hover{background-color:transparent} #lenticular3d #pageContent ul.gNavi3D li.inde a:hover{background-image:url(../images/products/3d/gnavi_inde_on.png)} #lenticular3d #pageContent ul.gNavi3D li.prod a:hover{background-image:url(../images/products/3d/gnavi_prod_on.png)} #lenticular3d #pageContent ul.gNavi3D li.flow a:hover{background-image:url(../images/products/3d/gnavi_flow_on.png)} #lenticular3d #pageContent ul.gNavi3D li.pric a:hover{background-image:url(../images/products/3d/gnavi_pric_on.png)} #lenticular3d #pageContent ul.gNavi3D li.guid a:hover{background-image:url(../images/products/3d/gnavi_guid_on.png)} #lenticular3d #pageContent ul.gNavi3D li a:hover img{visibility:hidden} #lenticular3d #pageContent div.lenticularPR{background:url(../images/products/3d/in_headbg.png) no-repeat 0 0;height:280px;margin-bottom:20px} #lenticular3d #pageContent div.lenticularPR p.photo{float:left;width:338px} #lenticular3d #pageContent div.lenticularPR div.rightbox{float:left;margin-top:44px;width:382px} #lenticular3d #pageContent div.lenticularPR p{margin:0} #lenticular3d #pageContent div.lenticularArea h3{background:url(../images/products/3d/in_title.gif) no-repeat left bottom;padding-left:20px;margin-left:0} #lenticular3d #pageContent div.lenticularArea div.lcAreabox p{margin:0} #lenticular3d #pageContent div.lenticularArea div.lcAreabox{width:350px;float:right} #lenticular3d #pageContent div.lenticularArea div.lcAbox_m{margin-right:20px} #lenticular3d #pageContent div.lenticularSample{margin-left:20px} #lenticular3d #pageContent div.lenticularSample p{margin-left:0} #lenticular3d #pageContent div.lenticularSample div.inner{float:left;width:243px} #lenticular3d #pageContent div.lenticularSample div.inner dl{padding-right:9px;margin-bottom:20px} #lenticular3d #pageContent div.lenticularSample div.innerlast{float:left;width:234px} #lenticular3d #pageContent div.lenticularSample dt{background:url(../images/products/3d/in_list_bg.gif) no-repeat left center;padding-left:16px} #lenticular3d #pageContent div.lcpriceborder{background:url(../images/products/3d/in_lcpricetb_border.gif) repeat-y top left} /*table*/ #lenticular3d #pageContent table.lentitd_tb th{background-color:#474444;color:#FFFFFF;text-align:center;border-color:#FFFFFF} #lenticular3d #pageContent table.lentitd_tb td{padding:0 5px;background-color:#F0F0F0;border-color:#FFFFFF} #lenticular3d #pageContent table.lentiprice_tb{width:340px} #lenticular3d #pageContent table.lentiprice_tb th{width:70px} #lenticular3d #pageContent table.lentiProd_tb{width:720px} #lenticular3d #pageContent table.lentiProd_tb th, #lenticular3d #pageContent table.lentiProd_tb td{padding:1px 5px} #lenticular3d #pageContent table.lentiProd_tb td.color{background-color:#FFF} #lenticular3d #pageContent table.lentiProdsize_tb td{text-align:center} /*formlink*/ #lenticular3d #pageContent div.reformbox{background:url(../images/products/3d/rebtm_formbg.png) no-repeat 0 0;height:130px;padding-top:31px} #lenticular3d #pageContent div.reformbox a{display:block;width:321px;height:67px;margin-left:405px} #lenticular3d #pageContent div.reformbox a:hover{background-image:url(../images/products/3d/rebtm_form_on.png);background-color:transparent} #lenticular3d #pageContent div.reformbox a:hover img{visibility:hidden} #lenticular3d #pageContent ul.lenti3dnavi{background-color:#F0F0F0;margin-left:0;text-align:center} #lenticular3d #pageContent ul.lenti3dnavi li{display:inline;font-size:93%;border-right:1px solid #BBBBBB;padding:0 10px} #lenticular3d #pageContent ul.lenti3dnavi li.lastlist{border-right:none} /*form_php*/ #lenticular3d #pageContent table.table-input{border-left-color:#B90504} #lenticular3d #pageContent table.table-input th{background:url(../images/products/3d/tb_border.gif) repeat-x bottom;border:none} #lenticular3d #pageContent table.table-input td{background:url(../images/products/3d/tb_border.gif) repeat-x left bottom #F0F0F0;border:none} #lenticular3d #pageContent h3.h3-lcdata{background:url(../images/products/3d/fo_h3_data.gif) no-repeat left bottom} #lenticular3d #pageContent h3.h3-lcpers{background:url(../images/products/3d/fo_h3_personal.gif) no-repeat left bottom} #lenticular3d #pageContent h3.h3-lcdata, #lenticular3d #pageContent h3.h3-lcpers{padding-left:28px;margin-left:0;color:#333} #lenticular3d #pageContent dl.lcInquiry{background:url(../images/main/icon/icon_bigarrow.png) no-repeat scroll 400px 15px transparent} #lenticular3d #pageContent dl.lcInquiry dd{clear:both;float:left;padding-bottom:1em;width:380px} #lenticular3d #pageContent dl.lcInquiry dt{margin:0 0 0 440px;width:260px} /*guide_html*/ #lenticular3d #pageContent div.attention ul li li{margin-left:1em;list-style:disc} #lenticular3d #pageContent div.lcgupoint{border:1px solid #FAA74A;margin-left:20px;margin-bottom:20px;padding-top:15px;padding-right:10px} #lenticular3d #pageContent div.lcgupoint ul{margin-right:20px;list-style-position:inside} #lenticular3d #pageContent div.lcgupoint h4{margin-bottom:10px} #lenticular3d #pageContent #gu_change p.innerimg{width:302px;float:right;text-align:right} #lenticular3d #pageContent #gu_change div.innertext{width:418px;float:right} #lenticular3d #pageContent #gu_morphing p.innerimg{width:224px;float:right;text-align:right} #lenticular3d #pageContent #gu_morphing div.innertext{width:496px;float:right} #lenticular3d #pageContent #gu_anime div.innertext{width:343px;float:left} #lenticular3d #pageContent #gu_anime p.innerimg{width:377px;float:left;margin-bottom:20px} #lenticular3d #pageContent #gu_anime p.innerimg2ed{width:210px;float:right;padding-top:28px} #lenticular3d #pageContent #gu_anime div.innertext2ed{width:510px;float:right} #lenticular3d #pageContent #gu_zoom p.innerimg{width:358px;float:right} #lenticular3d #pageContent #gu_zoom div.innertext{width:362px;float:right} #lenticular3d #pageContent #gu_depth p.innerimg{width:418px;float:left;margin-top:20px} #lenticular3d #pageContent #gu_depth div.innertext{width:302px;float:left} #lenticular3d #pageContent #gu_depth h4{margin-bottom:15px} #lenticular3d #pageContent #gu_depth ol li{margin-bottom:1em} #lenticular3d #pageContent #gu_depth div.gu_depthexbox{border:1px solid #BBBBBB;padding-top:10px;margin-top:10px} #lenticular3d #pageContent div.gu_exbox{border:1px solid #000000;margin-left:20px;margin-bottom:20px} #lenticular3d #pageContent div.gu_exbox h3{background-image:none;padding-left:0;margin-left:20px;margin-top:20px} #lenticular3d #pageContent div.gu_exbox h4{margin-bottom:10px} #lenticular3d #pageContent div.gu_exbox p{margin-right:20px} /*●ecoプリント（ECO総合）*/ #Eco #pageContent h1{margin:0;padding:0;background:none transparent!important;height:300px} #Eco #pageContent .area_Eco h2{clear:both;height:42px;padding:0 0 0 100px;color:#000;border:none;margin:0} #Eco #pageContent .area_Eco h2 img{vertical-align:middle;margin:0 0 2px 30px} #Eco #pageContent .area_Eco h2.h2water{background:url(../images/products/eco/eco_h2_water.png) 0 0 no-repeat} #Eco #pageContent .area_Eco h2.h2carbon{background:url(../images/products/eco/eco_h2_carbon.png) 0 0 no-repeat} #Eco #pageContent .area_Eco h2.h2inc{background:url(../images/products/eco/eco_h2_inc.png) 0 0 no-repeat} #Eco #pageContent .area_Eco h3{margin:10px 0 0 0;padding:0;border:none} #Eco #pageContent .area_Eco ul, #Eco #pageContent .area_Eco p{margin:0} #Eco #pageContent .area_Eco p.eco_logoimg{float:left} #Eco #pageContent .area_Eco .eco_right{float:right;width:530px} #Eco #pageContent .area_Eco .eco_info{border-bottom:#1EAA39 dashed 1px;padding-bottom:20px} #Eco #pageContent .area_Eco .eco_innerbox .eco_hint{float:left;width:269px;border-right:#1EAA39 dashed 1px;padding-right:20px} #Eco #pageContent .area_Eco .eco_innerbox .eco_hint ul li, #Eco #pageContent .area_Eco .eco_katsuyou ul li{list-style:disc outside;margin-left:15px} #Eco #pageContent .area_Eco .eco_innerbox .eco_link{width:200px;padding:25px 20px 0 20px;float:right} #Eco #pageContent .area_Eco .eco_innerbox .eco_link p.eco_roll1, #Eco #pageContent .area_Eco .eco_innerbox .eco_link p.eco_roll2{width:200px;height:60px} #Eco #pageContent .area_Eco .eco_innerbox .eco_link p a{display:block} #Eco #pageContent .area_Eco .eco_innerbox .eco_link p a:hover{background-color:transparent} #Eco #pageContent .area_Eco .eco_innerbox .eco_link p a:hover img{visibility:hidden} #Eco #pageContent .area_Eco .eco_innerbox .eco_link p.eco_roll1 a:hover{background-image:url(../images/products/eco/eco_link_water2.png)} #Eco #pageContent .area_Eco .eco_innerbox .eco_link p.eco_roll2 a:hover{background-image:url(../images/products/eco/eco_link_carbon2.png)} #Eco #pageContent .area_Eco .eco_c25{margin-top:50px;padding:20px;background:url(../images/products/eco/eco_c25.png) 0 0 no-repeat;width:700px;height:165px} #Eco #pageContent .area_Eco .layout-left{width:150px;float:left;padding-top:40px} #Eco #pageContent .area_Eco .layout-right{width:540px;float:right} #Eco #pageContent .area_Eco .eco_c25 h2, #Eco #pageContent .area_Eco .eco_c25 p{padding-left:0} /*●水なし印刷-waterless*/ .eco #pageContent div.areaWaterlesstab{border:7px solid #f0f0f0;padding:13px} .product #pageContent h1.waterlesstitle{background:none;padding-left:0} #pageContent h1.waterlesstitle{margin:0} .eco #pageContent h2{border-left:none;margin-left:0;margin-bottom:0;padding-left:0} .eco #pageContent h2.sectiontitle{background:url(../images/products/eco/title_h2.png) no-repeat left center;height:40px;color:#222222;padding-left:21px;font-weight:normal;margin-bottom:20px} .eco #pageContent div.areaWaterlesstab h3{margin:0 0 10px 0;padding-left:0;border-left:none} .eco #pageContent div.areaWaterlesstab h3.boxtitle{background:url(../images/products/eco/title_h3.gif) no-repeat left bottom;height:32px;color:#222222;padding-left:43px;margin-bottom:20px} .eco #pageContent div.areaWaterlesstab h4{margin:0 0 5px 0;padding-left:0} .eco #pageContent div.areaWaterlesstab p{margin-left:10px} /*グローバルナビ*/ .eco #pageContent ul.areaEconavi{list-style:none;margin-left:0;margin-bottom:0} .eco #pageContent ul.areaEconavi li{float:left;width:185px} .eco #pageContent ul.areaEconavi a{display:block;height:41px} .eco #pageContent ul.areaEconavi a:hover{background-color:transparent} .eco #pageContent ul.areaEconavi a:hover img{visibility:hidden} .eco #pageContent ul.areaEconavi li.index a:hover{background-image:url(../images/products/eco/navi_index02.png)} .eco #pageContent ul.areaEconavi li.ghaph a:hover{background-image:url(../images/products/eco/navi_graph02.png)} .eco #pageContent ul.areaEconavi li.logo a:hover{background-image:url(../images/products/eco/navi_logo02.png)} .eco #pageContent ul.areaEconavi li.price a:hover{background-image:url(../images/products/eco/navi_price02.png)} /*注脚*/ .eco #pageContent div.footnote{background-color:#F6F5F0;padding:5px} .eco #pageContent div.footnote ul{list-style:none;font-size:77%;margin:0} /*メリット3のテーブル部分↓ここから*/ .eco #pageContent div.point3box{border:1px solid #bbbbbb;padding:10px 15px;margin-bottom:15px} .eco #pageContent table.point3table{width:670px;margin:0 auto;border:none} .eco #pageContent table.point3table td{border:none;padding:5px} .eco #pageContent table.point3table td.text{font-size:93%;vertical-align:top} .eco #pageContent table.point3table td.title{padding:0 0 5px 0} .eco #pageContent table.point3table td.arrow{width:30px;padding:0} .eco #pageContent table.point3table td.color_w{background-color:#E8FADC} .eco #pageContent table.point3table td.color_l{background-color:#DAEFFA} .eco #pageContent table.point3table td.pb0{padding-bottom:0} /*↑ここまで*/ .eco #pageContent div.wpa-box{border:2px solid #2970E2} .eco #pageContent div.wpa-box p{font-size:93%;margin:10px} .eco #pageContent dl.price_paper{margin-bottom:15px} .eco #pageContent dl.price_paper dt{float:left;width:70px;padding-right:10px;vertical-align:middle} .eco #pageContent dl.price_paper dt img{vertical-align:middle} .eco #pageContent dl.price_paper dd{float:left;width:620px;vertical-align:middle} /*料金表*/ .eco #pageContent div.areaWaterlesstab ul.pricelist{list-style:none;margin-left:0;margin-bottom:0;width:700px} .eco #pageContent div.areaWaterlesstab ul.pricelist li{float:left;width:177px;margin-bottom:9px} .eco #pageContent div.areaWaterlesstab ul.pricelist li.left{width:169px} .eco #pageContent div.areaWaterlesstab ul.pricelist_b{margin-bottom:9px} .eco #pageContent div.pricelistTop{margin-bottom:20px;background-color:#F6F5F0} .eco #pageContent div.pricelistTop ul{list-style:none;margin:0;text-align:center;font-size:80%} .eco #pageContent div.pricelistTop li{display:inline} .eco #pageContent div.pricelistTop ul a{border-right:1px solid #bbbbbb;padding:0 5px} .eco #pageContent div.pricelistTop li.last a{border-right:none} /*footer*/ .eco #pageContent div.footer{border-top:6px solid #2970E2} .eco #pageContent div.footer ul.minisitemap{list-style:none;margin:10px auto;text-align:center;font-size:85%} .eco #pageContent div.footer ul.minisitemap li{display:inline} .eco #pageContent div.footer ul.minisitemap a{border-right:1px solid #333333;padding:0 5px} .eco #pageContent div.footer ul.minisitemap a.last{border-right:none} /*nextボタン*/ .eco #pageContent div.nextlink p{width:440px;margin:0 auto 20px auto} .eco #pageContent div.nextlink p a{display:block;height:50px} .eco #pageContent div.nextlink p a:hover{background-color:transparent} .eco #pageContent div.nextlink p a:hover img{visibility:hidden} .eco #pageContent div.nextlink p.ghaphlink a:hover{background-image:url(../images/products/eco/in_nextlink02.png)} .eco #pageContent div.nextlink p.logolink a:hover{background-image:url(../images/products/eco/gr_nextlink02.png)} .eco #pageContent div.nextlink p.pricelink a:hover{background-image:url(../images/products/eco/lo_nextlink02.png)} /*●ecoカーボンオフセット-carbon*/ .carbon #pageContent h1{margin:0;padding:0!important;background:none transparent!important} .carbon #pageContent h2.Car_sectiontitle{background:url(../images/products/eco/carbon_h2.png) no-repeat scroll left center transparent;color:#222222;font-weight:normal;height:40px;margin-bottom:20px;padding-left:21px} .carbon #pageContent h3.boxtitle{background:url(../images/products/eco/title_h3.gif) no-repeat scroll left bottom transparent;clear:both;color:#222222;height:32px;margin:0 0 20px 0;padding-left:43px;border:none} .carbon #pageContent h4{clear:both;border-left:#009245 5px solid;padding-left:8px;margin-bottom:10px} .carbon #pageContent ul.carbon_navi{margin:0} .carbon #pageContent ul.carbon_navi li{list-style:none;float:left;width:185px;height:40px} .carbon #pageContent ul.carbon_navi li a{display:block} .carbon #pageContent ul.carbon_navi a:hover{background-color:transparent} .carbon #pageContent ul.carbon_navi a:hover img{visibility:hidden} .carbon #pageContent ul li.carbon_navi1 a:hover{background-image:url(../images/products/eco/carbon_navi_roll1.png)} .carbon #pageContent ul li.carbon_navi2 a:hover{background-image:url(../images/products/eco/carbon_navi_roll2.png)} .carbon #pageContent ul li.carbon_navi3 a:hover{background-image:url(../images/products/eco/carbon_navi_roll3.png)} .carbon #pageContent ul li.carbon_navi4 a:hover{background-image:url(../images/products/eco/carbon_navi_roll4.png)} .carbon #pageContent ul.carbon_nextpage{margin:50px 0 30px 0} .carbon #pageContent ul.carbon_nextpage li.car_toiawase{margin:0 60px 0 20px;_margin:0 60px 0 10px} .carbon #pageContent ul.carbon_nextpage li{width:300px;height:60px;float:left;list-style:none} .carbon #pageContent ul.carbon_nextpage li a, #ecoCarbon_guide #pageContent .carbon_price p.price_b a{display:block} .carbon #pageContent ul.carbon_nextpage a:hover, #ecoCarbon_guide #pageContent .carbon_price p.price_b a:hover{background-color:transparent} .carbon #pageContent ul.carbon_nextpage a:hover img, #ecoCarbon_guide #pageContent .carbon_price p.price_b a:hover img{visibility:hidden} .carbon #pageContent ul.carbon_nextpage li.car_toiawase a:hover{background-image:url(../images/products/eco/carbon_button1-2.png)} .carbon #pageContent ul.carbon_nextpage li.car_nextlogo a:hover{background-image:url(../images/products/eco/carbon_button2-2.png)} .carbon #pageContent ul.carbon_nextpage li.car_nextguide a:hover{background-image:url(../images/products/eco/carbon_button3-2.png)} #ecoCarbon_guide #pageContent .carbon_price p.price_b a:hover{background-image:url(../images/products/eco/carbon_button4-2.png)} .eco #pageContent div.areaCarbon{border:7px solid #F0F0F0;padding:13px} .carbon #pageContent div.carbon_footer{border-top:6px solid #00AD45!important} .carbon #pageContent div.carbon_footer li.top{clear:both} /*しくみ*/ #ecoCarbon_index #pageContent .carbon_flow dt{float:left;margin:0 10px 0 20px} #ecoCarbon_index #pageContent .carbon_flow dd{margin:0 0 0 290px;padding-top:5px} #ecoCarbon_index #pageContent .carbon_flow dd.bor{border-top:#b3b3b3 dotted 1px} #ecoCarbon_index #pageContent .carbon_cre table{border-color:#b3b3b3;border-style:dashed;border-width:1px 0 0 0;margin-left:20px} #ecoCarbon_index #pageContent .carbon_cre table th, #ecoCarbon_index #pageContent .carbon_cre table td{border-color:#b3b3b3;border-style:dashed;border-width:0 0 1px 0} #ecoCarbon_index #pageContent .carbon_cre table th{background-color:#E6FFE6;width:85px;height:55px;text-align:center;vertical-align:middle} #ecoCarbon_index #pageContent .carbon_cre .layout-right p{text-align:right;height:55px;line-height:55px;margin:0} #ecoCarbon_index #pageContent .carbon_cre table th{background-color:#E6FFE6;border-color:#b3b3b3;border-style:dashed;border-width:0 0 1px 0} /*ロゴ*/ #ecoCarbon_logo #pageContent .carbon_syoumei ul{margin-left:280px} #ecoCarbon_logo #pageContent .carbon_syoumei ul li{list-style:outside} /*ガイド*/ #ecoCarbon_guide #pageContent .carbon_data ul li.list-arrow{float:left;margin-left:15px} #ecoCarbon_guide #pageContent .carbon_price p.price_b{margin:10px auto 20px;_margin:5px auto 10px;width:350px} /*●リボード-reboard*/ /*リボード（下層ページ共通）*/ #pdctReboardKidsSet #pageContent div.box-detail div.layout-right *, #pdctReboardTableSet #pageContent div.box-detail div.layout-right *{margin-left:0} #pdctReboardKidsSet #pageContent div.box-detail div.layout-right table, #pdctReboardTableSet #pageContent div.box-detail div.layout-right table{width:100% !important} #pdctReboardKidsSet #pageContent div.box-detail div.layout-right th, #pdctReboardTableSet #pageContent div.box-detail div.layout-right th{width:auto !important;font-weight:bold} #pdctReboardKidsSet #pageContent div.box-detail div.layout-right div.get-reader, #pdctReboardTableSet #pageContent div.box-detail div.layout-right div.get-reader{border:#999 solid 1px;background-color:#F1F1F1;padding:5px 10px;margin-top:20px} #pdctReboardKidsSet #pageContent div.box-detail div.layout-right div.get-reader p, #pdctReboardTableSet #pageContent div.box-detail div.layout-right div.get-reader p{margin:0;font-size:0.93em} #pdctReboard #pageContent em.em-edge, #pdctReboardKidsSet #pageContent em.em-edge, #pdctReboardTableSet #pageContent em.em-edge{font-size:1.231em;color:#bad4ee} #pdctReboard #pageContent em.em-reboard, #pdctReboardKidsSet #pageContent em.em-reboard, #pdctReboardTableSet #pageContent em.em-reboard{font-size:1.231em;color:#eebaba} /*リボードTOP*/ #pdctReboard #pageContent table ul li{font-size:100%} #pdctReboard #pageContent div.box-title{background:url(../images/products/reboard/reboard_head.jpg) no-repeat 0 0;height:300px;margin-bottom:20px} #pdctReboard #pageContent div.box-title h1{margin:0 0 20px 0;padding:0 0 0 40px;background:none} #pdctReboard #pageContent div.box-title p{width:380px;padding-left:40px;margin:0 0 1em 0} #pdctReboard #pageContent h2.h2-reboard{background:url(../images/products/reboard/reboard_h2.png) no-repeat 0 0;border:none;padding-left:30px;color:#333;margin-bottom:2em} #pdctReboard #pageContent h3{border-bottom:#333 1px dotted;border-left:none;color:#333;padding-left:0} #pdctReboard #pageContent ul.navPrdct{padding-left:0;margin-bottom:20px} #pdctReboard #pageContent ul.navPrdct em.em-pr{font-weight:bold;padding-left:10px;color:#333} #pdctReboard #pageContent ul.navPrdct li{width:360px;float:left} #pdctReboard #pageContent ul.navPrdct li a{display:block;width:350px;height:200px} #pdctReboard #pageContent ul.navPrdct li.btn_tableset a{background:url(../images/products/reboard/btn_tableset_ov.jpg) no-repeat 0 0} #pdctReboard #pageContent ul.navPrdct li.btn_kidsset a{background:url(../images/products/reboard/btn_kidsset_ov.jpg) no-repeat 0 0} #pdctReboard #pageContent ul.navPrdct li a:hover img{visibility:hidden} #pdctReboard #pageContent div.box-merit, #pdctReboard #pageContent div.box-strct, #pdctReboard #pageContent div.box-kakou{margin-bottom:40px} #pdctReboard #pageContent div.box-merit{margin-left:20px} #pdctReboard #pageContent div.merit-inner{width:240px;height:200px;float:left} #pdctReboard #pageContent div.merit-inner h4{margin:0 0 15px 0} #pdctReboard #pageContent div.merit-inner p{width:200px} #pdctReboard #pageContent div.marit01{background:url(../images/products/reboard/merit01_bg.gif) no-repeat 0 bottom} #pdctReboard #pageContent div.marit02{background:url(../images/products/reboard/merit02_bg.gif) no-repeat 0 bottom} #pdctReboard #pageContent div.marit03{background:url(../images/products/reboard/merit03_bg.gif) no-repeat 0 bottom} #pdctReboard #pageContent div.box-kakou dl{margin:20px 0 0 220px} #pdctReboard #pageContent div.box-kakou dt{font-weight:bold} #pdctReboard #pageContent div.box-kakou dd.imgbox img{border:#CCC 1px solid;padding:0;margin-left:10px} #pdctReboard #pageContent div.flowbox{margin:0 0 40px 20px} #pdctReboard #pageContent div.flowinner{padding:10px 10px 0 10px;border:#333 1px solid;border-bottom:none} #pdctReboard #pageContent div.step1{border-top:#000 1px solid} #pdctReboard #pageContent div.step5{border:#000 1px solid;background:none} #pdctReboard #pageContent div.flowbox div.layout-right{border-left:#CCC 1px solid;margin-bottom:10px} #pdctReboard #pageContent div.flowbox div.attention{clear:both;background-color:#f1f1f1;font-size:0.93em} /*●特急便*/ .tokkyu #pageContent #areaHeader{background:#c80000;color:#fff} .tokkyu #pageContent #areaTab{background:#c80000;padding:0 10px} .tokkyu #pageContent #areaTab ul{list-style:none;margin:0} .tokkyu #pageContent #areaTab ul li{float:left;width:360px} .tokkyu #pageContent #areaTab ul li a{display:block} .tokkyu #pageContent #areaTab ul li a:hover img{visibility:hidden} .tokkyu #pageContent #areaTab ul li.tab-east{background:url(../images/contents/tokkyu/tab_east_ov.png) no-repeat left top} .tokkyu #pageContent #areaTab ul li.tab-west{background:url(../images/contents/tokkyu/tab_west_ov.png) no-repeat left top} .tokkyu #pageContent #areaHeader h1{margin-bottom:0} .tokkyu #pageContent #areaHeader p{margin:0} .tokkyu #pageContent #areaContent{width:680px;border:10px solid #C80000;border-top:0;padding:20px} .tokkyu #pageContent #areaContent h2{border:0;padding:0;color:#FFF;line-height:44px;text-align:center;margin:20px 0} .tokkyu #pageContent #areaContent h3{margin-left:0} .tokkyu #pageContent #areaContent h4, .tokkyu #pageContent #areaContent p, .tokkyu #pageContent #areaContent ul{margin:0 10px 10px 10px } .tokkyu #pageContent #areaContent table.table-detail ul li{font-size:1em;margin-left:10px} .tokkyu #pageContent #areaContent table{margin:20px 0;width:100% !important} .tokkyu #pageContent h2.h2-content{background:#0070bb} .tokkyu #pageContent h2.h2-content2{background:#f60} .tokkyu #pageContent div.attention{margin-left:0} /*●スタンプ・・校正サービス・カッティングシート*/ #pdctStampShintouin #pageContent ul.pdct-tab li.pdct-tab-onde-shintouin a, #pdctStampShintouin #pageContent ul.pdct-tab li.pdct-tab-onde-shintouin a:hover, #pdctStampShintouin2 #pageContent ul.pdct-tab li.pdct-tab-onde-shintouin2 a, #pdctStampShintouin2 #pageContent ul.pdct-tab li.pdct-tab-onde-shintouin2 a:hover, #pdctCuttingsheetOrg #pageContent ul.pdct-tab li.pdct-tab-cut a, #pdctCuttingsheetOrg #pageContent ul.pdct-tab li.pdct-tab-cut a:hover, #pdctCuttingsheetOrd #pageContent ul.pdct-tab li.pdct-tab-cut2 a, #pdctCuttingsheetOrd #pageContent ul.pdct-tab li.pdct-tab-cut2 a:hover, #proofColor #pageContent ul.pdct-tab li.pdct-tab-proof-simple a, #proofColor #pageContent ul.pdct-tab li.pdct-tab-proof-simple a:hover, #proofMachine #pageContent ul.pdct-tab li.pdct-tab-proof-machine a, #proofMachine #pageContent ul.pdct-tab li.pdct-tab-proof-machine a:hover{background:url(../images/products/pdct_tab_bg_def_act.png) no-repeat left top;text-decoration:none;color:#000;cursor:default} /*●calendar*/ .calendar #pageContent #areaPdctBtn{background:#f2f8ff;padding:10px 0 0 0} .calendar #pageContent #areaPdctBtn ul{list-style:none;margin-left:0} .calendar #pageContent #areaPdctBtn ul li{float:left;width:370px} .calendar #pageContent #areaPdctBtn ul li a{display:block} .calendar #pageContent #areaPdctBtn ul li a:hover img{visibility:hidden} .calendar #pageContent #areaPdctBtn ul li.btn-cal-book{background:url(../images/products/calendar/btn_book_ov.png) no-repeat left top} .calendar #pageContent #areaPdctBtn ul li.btn-cal-wall{background:url(../images/products/calendar/btn_wall_ov.png) no-repeat left top} .calendar #pageContent #areaPdctBtn ul li.btn-cal-naire{background:url(../images/products/calendar/btn_naire_ov.png) no-repeat left top} .calendar #pageContent #areaPdctBtn ul li.btn-cal-desk-off{background:url(../images/products/calendar/btn_desk_off_ov.png) no-repeat left top} .calendar #pageContent #areaPdctBtn ul li.btn-cal-desk-onde{background:url(../images/products/calendar/btn_desk_onde_ov.png) no-repeat left top} .calendar #pageContent #areaPdctBtn ul li.btn-cal-ecoring{background:url(../images/products/calendar/btn_ecoring_ov.png) no-repeat left top} .calendar #pageContent #areaPdctBtn ul li.btn-cal-poster{background:url(../images/products/calendar/btn_poster_ov.png) no-repeat left top} /*キャンペーン期間限定*/ #pdctCalBookIndex .calendar #pageContent #areaPdctBtn ul li.btn-cal-book, #pdctCalWallIndex .calendar #pageContent #areaPdctBtn ul li.btn-cal-wall, #pdctCalNaireBook .calendar #pageContent #areaPdctBtn ul li.btn-cal-naire, #pdctCalNaireEcoring .calendar #pageContent #areaPdctBtn ul li.btn-cal-naire, #pdctCalDeskOff .calendar #pageContent #areaPdctBtn ul li.btn-cal-desk-off, #pdctCalDeskOnde .calendar #pageContent #areaPdctBtn ul li.btn-cal-desk-onde, #pdctCalEcoringIndex .calendar #pageContent #areaPdctBtn ul li.btn-cal-ecoring, #pdctCalPosterOff .calendar #pageContent #areaPdctBtn ul li.btn-cal-poster, #pdctCalPosterOnde .calendar #pageContent #areaPdctBtn ul li.btn-cal-poster, #dlCalendar .calendar #pageContent #areaPdctBtn ul li.btn-cal-desk-onde{display:none} /*calendar naire*/ #pdctCalNaireIndex #pageContent ul.pdct-tab li.pdct-tab-cal-index a, #pdctCalNaireIndex #pageContent ul.pdct-tab li.pdct-tab-cal-index a:hover{background:url(../images/products/pdct_tab_bg_def_act.png) no-repeat left top;color:#000;cursor:default;text-decoration:none} #pdctCalNaireFlow #pageContent ul.pdct-tab li.pdct-tab-cal-flow a, #pdctCalNaireFlow #pageContent ul.pdct-tab li.pdct-tab-cal-flow a:hover{background:url(../images/products/pdct_tab_bg_def_act.png) no-repeat left top;color:#000;cursor:default;text-decoration:none} #pdctCalNaireAttention #pageContent ul.pdct-tab li.pdct-tab-cal-atten a, #pdctCalNaireAttention #pageContent ul.pdct-tab li.pdct-tab-cal-atten a:hover{background:url(../images/products/pdct_tab_bg_def_act.png) no-repeat left top;color:#000;cursor:default;text-decoration:none} /*●オプション詳細ページ（共通）*/ .option #pageContent h1{background:url(../images/main/h_back_common.png) 0 0 no-repeat;padding-left:70px;color:#000;margin-bottom:20px} /*●オプションサイトマップ（共通）*/ #pageContent div.op_otherpage hr{border:none;border-top:dashed 1px #666;height:1px;color:#FFF;width:740px;margin:30px 0} #pageContent div.op_otherpage{width:740px} #pageContent div.dl_otherbox{margin-left:20px} #pageContent div.dl_otherbox div.dl_innerbox{float:left;width:230px} #pageContent div.dl_otherbox div.dl_innerbox ul{float:left;width:220px;padding-left:10px;margin:0 0 10px 0} #pageContent div.op_otherpage h5{border-left:5px solid #1a3e73;clear:both;margin:25px 0 15px 20px;padding-left:15px} #pageContent div.op_otherpage h6{border-bottom:#333 dotted 1px;padding-left:5px;margin:0 15px 5px 0;line-height:1.5} #pageContent div.op_otherpage ul li{line-height:1.7;list-style:none;padding-left:15px;background:url(../images/main/icon/icon_miniarrow.png) no-repeat scroll 4px 8px} #pageContent div.op_otherpage ul li a{width:190px;display:block} #pageContent div.op_otherpage ul li.menu-selected{background:#DEEEFF url(../images/main/icon/icon_miniarrow.gif) no-repeat scroll 4px 8px} /*●オプション一覧*/ #optIndex #pageContent div.box-detail ul{} #optIndex #pageContent div.box-detail li{list-style:none;float:left;font-size:96%} /*●折り加工-option/ori*/ /*flash*/ .option #pageContent #animation div.areaFlash-item{width:300px;margin:0 auto 10px auto} /*対応表table*/ .option #pageContent table.table-ori caption, .option #pageContent table.table-price caption{font-weight:bold} .option #pageContent ul.orilist{list-style:none} .option #pageContent ul.orilist li{width:144px;float:left} .option #pageContent ul.orilist li a{display:block;width:144px;height:170px} .option #pageContent ul.orilist li a:hover{background-color:transparent} .option #pageContent ul.orilist li a:hover img{visibility:hidden} .option #pageContent ul.orilist li.ori2 a:hover{background-image:url(../images/products/op_ori/orilist_2ori_on.png)} .option #pageContent ul.orilist li.ori3c a:hover{background-image:url(../images/products/op_ori/orilist_3oric_on.png)} .option #pageContent ul.orilist li.ori3z a:hover{background-image:url(../images/products/op_ori/orilist_3oriz_on.png)} .option #pageContent ul.orilist li.wori a:hover{background-image:url(../images/products/op_ori/orilist_wori_on.png)} .option #pageContent ul.orilist li.m4 a:hover{background-image:url(../images/products/op_ori/orilist_maki4_on.png)} .option #pageContent ul.orilist li.mm4 a:hover{background-image:url(../images/products/op_ori/orilist_makimaki4_on.png)} .option #pageContent ul.orilist li.ryotan a:hover{background-image:url(../images/products/op_ori/orilist_ryotan_on.png)} .option #pageContent ul.orilist li.cross8 a:hover{background-image:url(../images/products/op_ori/orilist_cross8_on.png)} .option #pageContent ul.orilist li.soto5 a:hover{background-image:url(../images/products/op_ori/orilist_soto5_on.png)} .option #pageContent ul.orilist li.soto6 a:hover{background-image:url(../images/products/op_ori/orilist_soto6_on.png)} .option #pageContent ul.orilist li.map a:hover{background-image:url(../images/products/op_ori/orilist_mapori_on.png)} .option #pageContent ul.orilist li.ccross2 a:hover{background-image:url(../images/products/op_ori/orilist_coricross2_on.png)} .option #pageContent ul.orilist li.zcross2 a:hover{background-image:url(../images/products/op_ori/orilist_zoricross2_on.png)} .option #pageContent ul.orilist li.cross16 a:hover{background-image:url(../images/products/op_ori/orilist_cross16_on.png)} .option #pageContent ul.orilist li.dm a:hover{background-image:url(../images/products/op_ori/orilist_dmori_on.png)} .option #pageContent ul.orilist li.ori2z a:hover{background-image:url(../images/products/op_ori/orilist_2oricrossz_on.png)} .option #pageContent ul.orilist li.kannon a:hover{background-image:url(../images/products/op_ori/orilist_kannon_on.png)} .option #pageContent ul.orilist li.ori2w a:hover{background-image:url(../images/products/op_ori/orilist_2oricrossw_on.png)} .option #pageContent ul.orisizelist{border-bottom:4px solid #4CB8ED;margin-bottom:0} .option #pageContent ul.orisizelist li{float:left;width:65px;list-style:none;text-align:center;background:url(../images/products/op_ori/tab_bg.png) no-repeat 0 0} .option #pageContent ul.orisizelist li a{display:block;width:65px;height:25px;padding-top:7px;color:#000000} .option #pageContent ul.orisizelist li a:hover{background-image:url(../images/products/op_ori/tab_bg_on.png);background-color:transparent} .option #pageContent ul.orisizelist li a:hover img{visibility:hidden} .option #pageContent ul.orisizelist li.activeli{background:url(../images/products/op_ori/tab_bg_selected.png) no-repeat 0 0} .option #pageContent ul.orisizelist li.activeli a{height:30px;padding-top:2px} .option #pageContent ul.orisizelist li.activeli a:hover{background-image:none} .option #pageContent ul.orisizelist li.activeli a:hover img{visibility:visible} .option #pageContent table.oricharttb{width:720px} .option #pageContent table.oricharttb tr.even{background-color:#F0F0F0} .option #pageContent table.oricharttb th.sizetitle{text-align:left;padding-left:4px;font-weight:bold;background:url(../images/main/th_back.png) repeat 0 0} .option #pageContent table.oricharttb th.papertitle{text-align:left;padding-left:4px} .option #pageContent table.oricharttb th.oripaper{width:48px;text-align:center} .option #pageContent table.oricharttb th.oripaper_2nd{width:270px;text-align:center} .option #pageContent table.oricharttb th.kind{text-align:left;padding-left:4px;background-color:#EBF4FF;background:url(../images/main/th_back.png) repeat 0 0} .option #pageContent table.oricharttb td{text-align:center} /*各折り詳細ページ*/ #optOridetail #pageContent h2.optori{border-bottom:1px dotted;margin-top:20px;margin-bottom:1em} #optOridetail #pageContent table.table-ori{border:none;width:530px} #optOridetail #pageContent table.table-orisize{border:none;width:380px;margin-left:20px} #optOridetail #pageContent table.table-ori td, #optOridetail #pageContent table.table-ori th, #optOridetail #pageContent table.table-orisize td, #optOridetail #pageContent table.table-orisize th{text-align:center;padding:3px} #optOridetail #pageContent table.table-ori td{font-weight:bold;font-size:1.16em;color:#F00} #optOridetail #pageContent table.table-ori thead th{background:none repeat scroll 0 0 #FFD199;font-weight:bold} #optOridetail #pageContent table.table-orisize th{background:#DEEEFF;padding:3px;font-weight:bold} #optOridetail #pageContent table.table-orisize td.none{border-top:#FFF;border-left:#FFF} #optOridetail #pageContent table.table-orisize td.ori-note{font-size:0.93em;text-align:left;border:#FFF} #optOridetail #pageContent td.ori-note ul{margin:0} #optOridetail #pageContent h3.ori-temp{border:none;background:url(../images/products/op_ori/ori_2oritemph3.png) left top no-repeat;line-height:42px;padding-left:72px;margin:14px 0 8px 20px} #optOridetail #pageContent h3.ori-chuiten{border:none;font-size:1.16em;color:#F03;margin:0 0 10px 0;background:url(../images/data/mk_hagaki/making_ex.gif) left center no-repeat;padding-left:28px} #optOridetail #pageContent div.box-temp{margin:0 0 0 20px;padding:14px 10px 0 0;border:solid 1px #0070B8} #optOridetail #pageContent div.box-temp ul{margin-left:40px;list-style:none} #optOridetail #pageContent div.data_pageRoot p.catetop{padding-top:1em;width:250px} #optOridetail #pageContent div.data_pageRoot p.gototop{float:right;width:250px} /*関連折り加工*/ #optOridetail #pageContent div.box-link li{width:200px;float:left;margin-right:40px;padding:10px 0} #optOridetail #pageContent div.box-link li.last-child{margin-right:0} #optOridetail #pageContent div.box-link li a{display:block;width:200px;height:60px} #optOridetail #pageContent div.box-link li.btn-2ori{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat 0 0} #optOridetail #pageContent div.box-link li.btn-3oriZ{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat -200px 0} #optOridetail #pageContent div.box-link li.btn-3oriC{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat -400px 0} #optOridetail #pageContent div.box-link li.btn-Wori{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat 0 -80px} #optOridetail #pageContent div.box-link li.btn-maki4{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat -200px -80px} #optOridetail #pageContent div.box-link li.btn-makimaki{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat -400px -80px} #optOridetail #pageContent div.box-link li.btn-ryotan{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat 0 -160px} #optOridetail #pageContent div.box-link li.btn-kannon{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat -200px -160px} #optOridetail #pageContent div.box-link li.btn-soto5{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat -400px -160px} #optOridetail #pageContent div.box-link li.btn-soto6{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat 0 -240px} #optOridetail #pageContent div.box-link li.btn-cross8{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat -200px -240px} #optOridetail #pageContent div.box-link li.btn-cross16{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat -400px -240px} #optOridetail #pageContent div.box-link li.btn-mapori{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat 0 -320px} #optOridetail #pageContent div.box-link li.btn-Cori2{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat -200px -320px} #optOridetail #pageContent div.box-link li.btn-Zori2{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat -400px -320px} #optOridetail #pageContent div.box-link li.btn-dmori{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat 0 -400px} #optOridetail #pageContent div.box-link li.btn-2oriZ{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat -200px -400px} #optOridetail #pageContent div.box-link li.btn-2oriW{background:url(../images/products/op_ori/btn_bgimg.png) no-repeat -400px -400px} #optOridetail #pageContent div.box-link li a:hover img{visibility:hidden} /*優先DC*/ #optPriordc #pageContent ul#opLimNav{list-style:none;background:url(../images/products/op_priordc/bg_limNav.png) no-repeat 0 0;margin-bottom:0} #optPriordc #pageContent #opLimNav li{float:left;width:230px;height:110px;margin-right:15px;display:block;cursor:pointer} #optPriordc #pageContent #opLimNav li.last-child{margin-right:0} #optPriordc #pageContent .inner-box{border:2px solid #cccccc;padding:10px 20px 10px 0;margin-left:20px} #optPriordc #pageContent dl.outpdct{margin-left:20px} #optPriordc #pageContent .outpdct dt{font-weight:bold} #optPriordc #pageContent .outpdct dd{font-size:1em;color:#333333;padding-left:24px} #optPriordc div.attention h4.h4-caution {background:url(../images/main/h4_caution.gif) no-repeat left top;color:#000;padding-left:25px} #optPriordc div.attention h4.h4-checkbox {background:url(../images/main/h4_checkbox.gif) no-repeat left top;color:#000;padding-left:25px} #optPriordc #pageContent #opLimNav li.select img, #optPriordc #pageContent #opLimNav li:hover img{display:none} #optPriordc #pageContent ul.stepbikou{background-color:#f3faff;padding:10px;width:400px} /*●色校正*/ .proof #pageContent ul.listNav{background:#fff} #proofIndex #pageContent div.box-detail div{width:325px;background:url(../images/products/proof/prooftop_link_bg.png) repeat-x left bottom} #proofIndex #pageContent div.attention{margin:0 0 20px 20px;_margin:0 0 20px 10px} #proofIndex #pageContent #areaColorproof h2, #proofIndex #pageContent #areaMachineproof h2{text-align:center;margin-bottom:20px} #proofIndex #pageContent #areaMachineproof a, #proofIndex #pageContent #areaColorproof a{display:block;width:200px;height:32px;text-indent:-9999px;margin:20px auto 0} #proofIndex #pageContent #areaMachineproof a{background:url(../images/products/proof/prooftop_button.png) no-repeat 0 0} #proofIndex #pageContent #areaColorproof a{background:url(../images/products/proof/prooftop_button.png) no-repeat 0 -32px} #proofIndex #pageContent #areaColorproof a:hover, #proofIndex #pageContent #areaMachineproof a:hover{background:url(../images/products/proof/prooftop_button.png) no-repeat 0 -64px} #proofIndex #pageContent div.box-detail a:-moz-any-link{overflow:hidden} /*●用紙*/ .paper #pageContent h1{background:url(../images/main/h_back_common.png) 0 -1050px no-repeat;padding-left:70px;color:#000;margin-bottom:20px} .paper #pageContent div.paper-photo-left{width:360px;float:left;display:inline} .paper #pageContent div.paper-photo-left p{margin-bottom:0} .paper #pageContent div.paper-photo-left p.zoom{text-align:right;font-size:80%} .paper #pageContent div.paper-photo-right{width:380px;float:right;display:inline} .paper #pageContent #areaChar .boxLeft{float:left;width:180px} .paper #pageContent #areaChar .boxRight{float:right;width:540px} .paper #pageContent ul.paperPointIcon{margin-bottom:3px} .paper #pageContent ul.paperPointIcon li{float:left;width:84px;list-style:none} .paper #pageContent ul.paperPointIcon li.paperPointIcon-text{width:100px;font-size:0.9em;float:right} .paper #pageContent ul.paperPrintIcon li{list-style:none;float:left;width:120px} .paper #pageContent div.paperFinImg{background:#F5F5F5;margin:0 0 20px 20px;padding-bottom:10px} .paper #pageContent div.paperFinImg h4{margin-left:0} .paper #pageContent div.paperFinImg h4.paperFinImg-off{background:url(../images/products/paper/box_off_bg.png) repeat-x top left} .paper #pageContent div.paperFinImg h4.paperFinImg-koff{background:url(../images/products/paper/box_koff_bg.png) repeat-x top left} .paper #pageContent div.paperFinImg h4.paperFinImg-onde{background:url(../images/products/paper/box_onde_bg.png) repeat-x top left} .paper #pageContent div.paperFinImg .finBoxL{float:left;width:360px} .paper #pageContent div.paperFinImg .finBoxR{float:right;width:360px} .paper #pageContent div.paperFinImg dl{margin-left:20px} .paper #pageContent div.paperFinImg dl dd{padding:10px 20px 5px 0;font-size:1.08em} .paper #pageContent div.boxUse{background:#F2F8FF;margin-left:20px;padding:5px} .paper #pageContent div.boxUse ul{float:left;list-style:dotted;width:200px;font-size:0.9em;margin-bottom:0} /*用紙詳細テーブル*/ .paper #pageContent table.table-paper td.tablePaper-renryo span.notes{font-size:0.65em} .paper #pageContent table.table-paper td.tablePaper-thickImage span.notes{font-size:0.9em} .paper #pageContent table.table-paper td.tablePaper-product{width:300px;font-size:0.98em} .paper #pageContent table.table-paper td.tablePaper-product ul{margin:0} /*用紙サンプルボタン*/ .paper #pageContent .bannerBox li.btn-papersample{float:right;width:324px;height:64px;background:url(../images/products/paper/btn_sample_ov.png) 0 0 no-repeat;list-style:none} .paper #pageContent .bannerBox li.btn-papersample a{display:block} .paper #pageContent .bannerBox li.btn-papersample a:hover img{visibility:hidden} .paper #pageContent .bannerBox p{margin-right:340px} .paper #pageContent div.block-usage h3{background:url(../images/main/h_back_common.png) -741px -1197px no-repeat;border:none;height:42px;line-height:42px;padding-left:50px} .paper #pageContent div.block-usage p{font-size:1em} /*取り扱い用紙の詳細*/ table.table-paper th, table.table-paper td{padding:0 3px} table.table-paper thead th{white-space:nowrap;text-align:center;font-weight:bold;background:url(../images/products/paper/table_back.png) left bottom repeat-x;color:#fff;padding:10px 3px} table.table-paper .color{background:#F2F8FF} table.table-paper td.tablePaper-proper, table.table-paper td.tablePaper-gloss, table.table-paper td.tablePaper-colordev, table.table-paper td.tablePaper-product{white-space:nowrap} table.table-paper td.tablePaper-renryo{font-size:1.385em !important;font-weight:bold} /*用紙厚み*/ table.table-atumi{border:none} table.table-atumi th, table.table-atumi td{border-color:#fff;border-width:0 1px 0 0} table.table-atumi th{padding:3px 10px;text-align:center;background:url(../images/products/paper/index_table_th.gif) repeat-x left center;color:#FFF} table.table-atumi td{color:#1A1A1A;padding:10px} table.table-atumi td.tableAtumi-top, table.table-atumi td.tableAtumi-mid1, table.table-atumi td.tableAtumi-mid2, table.table-atumi td.tableAtumi-bottom1, table.table-atumi td.tableAtumi-bottom2{font-size:1.231em;font-weight:bold;padding-left:40px;background:url(../images/products/paper/index_td_top.gif) no-repeat left top #E5F1F4} table.table-atumi td.tableAtumi-mid1{background:url(../images/products/paper/index_td_center01.gif) no-repeat left center} table.table-atumi td.tableAtumi-mid2{background:url(../images/products/paper/index_td_center02.gif) no-repeat left center} table.table-atumi td.tableAtumi-bottom1{background:url(../images/products/paper/index_td_bottom01.gif) no-repeat left bottom} table.table-atumi td.tableAtumi-bottom2{background:url(../images/products/paper/index_td_bottom02.gif) no-repeat left bottom} table.table-atumi tr.color{background-color:#E5F1F4} /*▼お知らせ /info/ */ .info #pageContent h1{padding-left:70px;color:#000;margin-bottom:28px;background:url(../images/main/h_back_common.png) 0 -490px no-repeat} .info #pageContent table.table-normal{width:718px} .info #pageContent table.table-normal thead td{text-align:center} .info #pageContent table.table-normal td.color{background-color:#eff} .info #pageContent table.table-normal td.color2{background-color:#fee} .info #pageContent div.box-info{border-bottom:1px dashed #ccc;margin-left:20px;margin-top:20px} .info #pageContent div.box-last{border-bottom:none;margin-bottom:1em} .info #pageContent div.box-info img.layout-left{border:1px solid #eee;padding:0;margin:0 10px 10px 0} .info #pageContent div.box-info h4.info_h4{/*20110428_o*/ background:url(../images/info/info_listicon.gif) no-repeat left center;padding-left:23px;margin-bottom:0.5em} .info #pageContent div.box-info h4.oldinfo_h4{/*20110428_o*/ background:url(../images/info/info_listicon_old.gif) no-repeat left center;padding-left:23px;margin-bottom:0.5em} /*info_event（コミケ締切ページ）*/ #infoEvent #pageContent div.maintitle{background:url(../images/info/eventinfo/title_bg_s.jpg) no-repeat 0 0; height:300px;} #infoEvent #pageContent div.maintitle ul{margin-left:20px;margin-top:10px} #infoEvent #pageContent div.maintitle p{margin-bottom:24px} #infoEvent #pageContent div.maintitle ul li{list-style:none;width:180px;float:left} #infoEvent span.holy{color:#FFE9F3} #infoEvent #pageContent h1{background:none;padding:0;margin:0} #infoEvent #pageContent h2{border:none;margin-bottom:1em;padding:0;color:#000} #infoEvent #pageContent h3{border:none;padding-left:0;margin:40px 0 8px 0} #infoEvent #pageContent h2.h2-nouki{background:url(../images/info/eventinfo/h2_nouki.png) no-repeat 0 center;padding-left:50px} #infoEvent #pageContent h2.h2-ship{background:url(../images/info/eventinfo/h2_ship.png) no-repeat 0 center;padding-left:50px} #infoEvent #pageContent div.box-detail h4{border-bottom:#227DD8 1px dotted;line-height:42px;border-left:0;margin-bottom:20px;background:url(../images/info/eventinfo/icon_nouki.png) no-repeat 0 center;padding-left:30px} #infoEvent #pageContent div.box-detail p.intro{padding:25px 20px 18px 20px;margin-bottom:40px;background:url(../images/info/eventinfo/intro_bg.gif) repeat-y 0 0 #F4F0EB} #infoEvent #pageContent div#areaPdctPR p {margin-left:0;} #infoEvent #pageContent div#areaPdctPR ul {margin-left:0;background:#f2f2f2;border:1px solid #ccc;padding:10px;} #infoEvent #pageContent div#areaPdctPR ul li {float:left;width:180px;list-style:none;margin-right:6px;} #infoEvent #pageContent div#areaPdctPR ul li.text {width:150px;} #infoEvent #pageContent div.box-detail div.attention h4{background-image:none;border-bottom:none;padding-left:5px;} /*テーブル共通*/ #infoEvent #pageContent table{width:720px;border:#CCC 1px solid} #infoEvent #pageContent table th, #infoEvent #pageContent table td{padding:5px 8px} #infoEvent #pageContent table th{text-align:center;font-weight:bold;color:#FFFFFF;background-color:#075bb7} /*納期カレンダーテーブル*/ #infoEvent #pageContent table.info-nouki{margin-bottom:20px} #infoEvent #pageContent table.info-nouki th{width:84px} #infoEvent #pageContent table.info-nouki th.sunday{background-color:#FF8084} #infoEvent #pageContent table.info-nouki td{text-align:right;vertical-align:top;} #infoEvent #pageContent table.info-nouki td.holyday{background-color:#ffe9f0;color:#f6074b} #infoEvent #pageContent table.info-nouki td.holyday-d{color:#227DD8} #infoEvent #pageContent table.info-nouki td.yasumi{background-color:#f5f5f5;color:#aaa} #infoEvent #pageContent table.info-nouki td.noukih{background:url(../images/info/eventinfo/noukical_bg_h.jpg) repeat-x 0 bottom #ffffff} #infoEvent #pageContent table.info-nouki td.noukiy{background:url(../images/info/eventinfo/noukical_bg_y.jpg) repeat-x 0 bottom} #infoEvent #pageContent table.info-nouki td.noukis{background:url(../images/info/eventinfo/noukical_send.jpg) no-repeat 0 bottom} #infoEvent #pageContent table.info-nouki td.noukish{background:url(../images/info/eventinfo/noukical_send_h.jpg) no-repeat 0 bottom} #infoEvent #pageContent table.info-nouki td.get{background:url(../images/info/eventinfo/icon_get.png) no-repeat center center} #infoEvent #pageContent table.info-nouki td.get2{background:url(../images/info/eventinfo/icon_get2.png) no-repeat center;} /*商品例テーブル*/ #infoEvent #pageContent table.info-pdct td a{background:url(../images/info/eventinfo/list-arrow.gif) no-repeat 0 center;padding-left:15px;margin-right:10px} #infoEvent #pageContent table.info-pdct td dd, #infoEvent #pageContent table.info-pdct td dt{font-size:1em} #infoEvent #pageContent table.info-pdct td dd{margin-bottom:0.5em} #infoEvent #pageContent table td.calnote{text-align:left;padding-bottom:5px;background-color:#f1f1f1} #infoEvent #pageContent table td.calnote ul{font-size:0.77em;margin:0} #infoEvent #pageContent div.boxLink p{margin:0} #infoEvent #pageContent div.boxLink span{font-size:13px;line-height:1;padding-left:45px} #infoEvent #pageContent div.boxLink{background:url(../images/info/eventinfo/btn_link_bg.gif) no-repeat 0 0;height:85px;padding-top:16px;margin:0 auto 30px;position:relative;width:340px} #infoEvent #pageContent div.boxLink a{position:absolute;top:40px} #infoEvent #pageContent div.boxLink a:hover img{visibility:hidden} #infoEvent #pageContent div.boxLink a:hover{background-color:transparent} /*タブ*/ #infoEvent #pageContent ul.tab{margin:0;padding:0;border-top:#ffffff 2px solid} #infoEvent #pageContent ul.tab li{width:370px;height:62px;float:left;background:url(../images/info/eventinfo/tab_bg.png) repeat-x 0 bottom #f1f1f1;font-size:1.231em;text-align:center} #infoEvent #pageContent ul.tab li a{display:block;padding-top:16px;height:46px;width:370px;color:#333;font-weight:bold} #infoEvent #pageContent ul.tab li.btn-nouki a{border-right:#FFF 2px solid;width:368px} #infoEvent #pageContent div.headtitle ul.tab a:hover, #infoEvent #pageContent div.headtitle ul.tab li.select a{color:#0071bc;background:url(../images/info/eventinfo/tab_on_bg.gif) no-repeat center bottom #c6e9fa;text-decoration:none} #infoEvent #pageContent div.footinfo ul.tab a:hover, #infoEvent #pageContent div.footinfo ul.tab li.select a{color:#0071bc;background:url(../images/info/eventinfo/tab_footon_bg.gif) no-repeat center top #c6e9fa;text-decoration:none} #infoEvent #pageContent div.footinfo img{margin-bottom:10px} #infoEvent #pageContent div.footinfo p.layout-center{margin-bottom:40px} /*●プレゼントページ-present*/ .present #pageContent #areaPresentList h2{margin-bottom:15px;border:none;padding-left:0} .present #pageContent #areaPresentList table, .present #pageContent #areaPresentList th, .present #pageContent #areaPresentList td{border:none} .present #pageContent #areaPresentList td{padding-left:6px;text-align:center} .present #pageContent #areaPresentList td.note{text-align:right;font-size:85%} .present #pageContent div.presentBox{background:url(../images/info/present/pre_box_bg.png) no-repeat left bottom;margin:0 0 20px 20px} .present #pageContent div.areaPresentKikan-box{background:url(../images/info/present/pre_kikan_center.png) repeat-y left center;margin-left:20px;_margin-left:10px;width:345px} .present #pageContent div.areaPresentTosen-box{background:url(../images/info/present/pre_tosen_center.png) repeat-y left center;margin-left:10px;_margin-left:5px;width:345px} .present #pageContent div.areaPresentKikan-box h3, .present #pageContent div.areaPresentTosen-box h3{border:none;margin:0 0 15px 0;padding:0} .present #pageContent div.areaPresentKikan-box p{margin:0 15px} .present #pageContent div.areaPresentKikan-box p.areaPresentKikan-day{font-size:131%;color:#FF0000;background-color:#FFFFFF;font-weight:bold;margin:0 15px} .present #pageContent iframe.iframe-present{width:310px;height:120px;border:1px solid #cccccc;margin:0 0 10px 15px} .present #pageContent #areaHowto h3{background:url(../images/info/present/pre_titlebg740.png) no-repeat left center;margin:0 0 14px 0;padding-left:15px;line-height:34px;border:none;color:#000000} .present #pageContent #areaHowto ul{list-style:none} .present #pageContent #areaHowto ul.step{margin-bottom:50px} .present #pageContent #areaHowto ul.step li{float:left} .present #pageContent #areaDetail h4{background:#cbe4f4;padding-left:5px;margin-bottom:5px;font-weight:normal} .present #pageContent #areaDetail li{margin-left:10px} .present #pageContent #areaDetail dl.areaPresent *{margin-left:30px} .present #pageContent #areaDetail dl.areaPresent ul{margin-left:40px} /*プレゼント中止のページ20110401 fukushima*/ .present #pageContent div.presentBox_stop{min-height:280px} .present #pageContent div.presentBox #areaPresentKikan .layout-left{width:335px} /*▼品質ページ /quality/ */ /*●品質（共通）*/ .quality #pageContent h2{margin-bottom:1em;padding:0;border: none} .quality .quality_floatRight{float:right;padding-left:20px} .quality .quality_floatLeft{float:left;padding-right:20px} .quality #pageContent .quality_over{overflow: hidden;height: 42px;width: 250px;padding:0;margin:0;/* \*/ position:relative;/* *//*\*//*/ display:inline-table; /**/ } .quality #pageContent .quality_over a{display:block} .quality #pageContent .quality_over a:hover{position:relative;top:-42px} .quality #pageContent .quality_bar{clear:both;margin:20px 0;padding:0} .quality #pageContent .quality_foot_PR{width:700px;height:232px;background-color:#f2f2f2;padding:10px;margin-left:20px} .quality #pageContent .quality_foot_PR p{margin:0} .quality #pageContent .quality_foot_PRsample, .quality #pageContent .quality_foot_PRwave, .quality #pageContent .quality_foot_PRkouseisai{width:340px;height:232px;background-color:#FFF} .quality #pageContent .quality_foot_PRsample, .quality #pageContent .quality_foot_PRkouseisai{float:left;margin:0;padding:0} .quality #pageContent .quality_foot_PRwave{float:right} .quality #pageContent .quality_foot_sampleset{background:url(../images/quality/foot_sample.jpg) no-repeat;width:340px;height:140px} .quality #pageContent .quality_foot_sampletext{padding:50px 0 0 100px;font-size:.93em} .quality #pageContent .quality_foot_text{height:140px;padding:0 20px;font-size:.93em} .quality #pageContent .quality_foot_text h4{font-size:1.31em;margin:0} .quality #pageContent .quality_foot_over{padding-left:45px} /*●HiPrintページ */ .quality #pageContent .hiprint_over{overflow: hidden;height: 68px;width: 300px;padding-left:220px;margin:0;/* \*/ position:relative;/* *//*\*//*/ display:inline-table; /**/ } .quality #pageContent .hiprint_over a{display:block} .quality #pageContent .hiprint_over a:hover{position:relative;top:-68px} /*●高精細印刷ページ*/ #qualityK #pageContent h1{margin:0 0 20px 0;padding:0} #qualityK #pageContent .kouseisai_AMFM h3{clear:both} #qualityK #pageContent .kouseisai_info{clear:both;background:url(../images/quality/kouseisai/kouseisai_yajirushi.jpg) no-repeat;height:50px;padding-left:45px;font-size:.93em} #qualityK #pageContent .compare4{float:right;margin:0;padding:0} #qualityK #pageContent .kouseisai_effect{float:left;width:400px;margin:0;padding:0} #qualityK #pageContent .kouseisai_effect h3{margin:0;padding:0 0 10px 20px} #qualityK #pageContent .kouseisai_explain1{background-color:#f2f2f2;margin:0 0 0 20px;font-size:.93em} #qualityK #pageContent .kouseisai_rosettaimg{margin:0;padding:0 10px} #qualityK #pageContent .kouseisai_explain2{height:110px;background-color:#f2f2f2;margin-left:20px;padding:5px 10px;font-size:.93em} #qualityK #pageContent .kouseisai_moireimg{float:left;margin:0;padding:0 10px 0 0} #qualityK #pageContent .kouseisai_foot_PRhiprint{width:700px;padding:10px;margin:20px 0 0 20px;background-color:#f2f2f2;border:none} #qualityK #pageContent .kouseisai_foot_hibanner{float:left;margin:0;padding-right:20px} #qualityK #pageContent .kouseisai_foot_text{font-size:.93em} #qualityK #pageContent .kouseisai_foot_PRhiprint h4{font-size:1.31em} #qualityK #pageContent h3.h3-screen{background:url(../images/quality/kouseisai/kouseisai_h3_bg.jpg) no-repeat 0 0;padding-left:20px;line-height:42px;color:#000} /*▼特設ページ /contents/ →共通事項以外は各ページに記載すること（1ページ完結のものが多く、共通スタイルが使われていなかったため）*/ /*●共通*/ body.contents{-webkit-text-size-adjust:100%}