@charset "UTF-8";
/* #12873 料金表に主要オプションの金額も入れる
 *        右サイドバーにオプションを表示する(id=products_options_select_tb は不採用)
 */

.ui-dialog-buttonpane-footer-msg{font-size:.8em;color:#999}

/* -------------------------------------------- */
/* order.css  */
/* -------------------------------------------- */
.em-reverce{display:block;background:#fd2b2b;color:#fff !important;font-weight:700}
#price h2.h2-pricelist{margin:0;color:#000;border:none;font-size:116%;padding:0}
div.order-biko div.attention{margin-left:0}
#pageContent .order-biko li{font-size:12px}


/* -------------------------------------------- */
/*  mypage以下左サイドメニュー */
/* -------------------------------------------- */
#sideNav-mypage{background:url(../images/data/sidenavi_btm.png) left bottom no-repeat #075bb7;padding:5px 5px 30px}
#sideNav-mypage li.menu-title{padding:2px 5px;background:#2F3842;color:#fff}
#sideNav-mypage li.menu-title{text-align:center}
#sideNav-mypage li.menu-title a,
#sideNav-mypage li.menu-title a:hover{color:#fff}
#sideNav-mypage li.menu-page a{display:block;height:26px;background:url(../images/main/icon/icon_dotarrow.gif) 7px 50% no-repeat #fff;padding-left:20px;line-height:26px;text-align:left;text-decoration:none}
#sideNav-mypage li.menu-page a:hover,
#sideNav-mypage li.menu-selected a,
#sideNav-mypage li.menu-selected a:hover{background-color:#deeeff}
#subContent div.menu-mypage-rebate{padding:0 5px 30px;background:url(../images/data/sidenavi_btm.png) left bottom no-repeat #075bb7}
#subContent div.menu-mypage-rebate h3{text-align:center;color:#fff;padding:3px 0}
#subContent div.menu-mypage-rebate h4{border-left:5px solid #163762;margin-bottom:7px;padding-left:5px;line-height:1em}
#subContent div.menu-mypage-rebate div{background:#fff;padding:5px 7px}
#subContent div.menu-mypage-rebate p.rebate-price{font-size:1.465em;text-align:right;letter-spacing:.1em}
#subContent div.menu-mypage-rebate p.rebate-inner{font-size:.93em;margin-top:5px;padding-top:10px;border-top:1px solid #ccc}
#subContent #sideNav-rebate1 p.rebate-price{color:red}
#subContent div.menu-mypage-rebate .notes{font-size:0.7em;letter-spacing:0}
#subContent #sideNav-rebate1 .dl-rebate dt{float:left;width:110px;clear:left}
#subContent #sideNav-rebate1 .dl-rebate dd{color:red;float:right;width:86px;text-align:right;letter-spacing:.1em}
#subContent #sideNav-rebate1 p.rebate-price .notes,
#subContent #sideNav-rebate1 .dl-rebate dd .notes{letter-spacing:.1em;padding-left:1px}
#subContent #sideNav-rebate2 p.rebate-inner{text-align:center;font-size:.85em;line-height:1.5em}
#subContent #sideNav-rebate2 p.rebate-inner em{font-size:1.4em;padding:0 .5em;letter-spacing:.05em}
#subContent #sideNav-rebate2 p.rebate-price span.notes{font-size:11px}
/* -------------------------------------------- */
/*  シングルページ用 body class=singlepage */
/* -------------------------------------------- */
body.singlepage{background-image:none}
body.singlepage #mainContent{float:none;width:auto}
body.singlepage #mainContent h1{background-image:none;color:#000;margin:0;padding:0}
body.singlepage #pageContent{margin:0 5px}
body.singlepage #footer{padding:0}
/* -------------------------------------------- */
/*  左サイド共通メニューなし。右サイドに独自のメニュー #mainContent.nosidemenu */
/* -------------------------------------------- */
#mainContent.nosidemenu{width:980px;float:none;clear:none;}
.nosidemenu #pageContent{margin:0}
.nosidemenu #order{margin:0}
.nosidemenu  #areaContent{width:740px;float:left}
.nosidemenu  #areaSubContent{width:220px;float:right}
/* -------------------------------------------------------------- */
/* #12873-3 料金表ページで右サイドバーの商品オプション用                                                    */
/* 上の #areaContent用スタイルを #order にも適用                                                             */
/* 上の #areaSubContent用スタイルを  .right-sidebar-productOption にも適用  */
/* -------------------------------------------------------------- */
.nosidemenu #pageContent.with-right-sidebar > #order { width:740px;float:left }
.nosidemenu #right-sidebar-productOption { width:220px;float:right }
/* -------------------------------------------- */
/*  共通*/
/* -------------------------------------------- */
#pageContent .em-erroraddr{background:url(../images/order/icon_errorAddr.png) 1px -3px no-repeat;padding-left:25px}
#pageContent h1{background:#0758B1;color:#fff;padding-left:10px}
#pageContent h2{clear:both;border-bottom:1px dotted #ccc;margin-top:40px}
#pageContent em{color:red}
#pageContent .em-markerY{color:#000}
#pageContent span.inputRequirement{color:red}
#pageContent div.left_button,
#pageContent div.right_button,
#pageContent div.center_button{float:left;width:32%;margin-bottom:0.5em}
#pageContent div.left_button{text-align:left}
#pageContent div.center_button{text-align:center}
#pageContent div.right_button{float:right;text-align:right}
#pageContent div.left_button input,
#pageContent div.center_button input,
#pageContent div.right_button input{background-color:#fff;border:0}
#pageContent div.left_button img,
#pageContent div.center_button img,
#pageContent div.right_button img{cursor:pointer}
#pageContent div.order_button input{border:0}
#pageContent table.messageBox{margin-left:0}
#pageContent .messageStackError,
#pageContent .messageStackSuccess,
#pageContent .messageStackWarning,
#pageContent .messageStackCaution{font-weight:700;padding:5px;font-size:1.2em}
#pageContent .messageStackError a{color:#fff;text-decoration:underline}
#pageContent .messageStackError,
#pageContent .messageStackWarning{background-color:#c03 !important;color:#fff}
#pageContent .messageStackCaution{background-color:#fed !important}
#pageContent .messageStackSuccess{background-color:#cfc !important}
#pageContent .messageStackError img,
#pageContent .messageStackWarning img,
#pageContent .messageStackSuccess img,
#pageContent .messageStackCaution img{vertical-align:middle;margin:0 .5em}
#pageContent .inputRequirement{color:#C03}
#pageContent .moduleRow,
#pageContent .moduleRowOver,
#pageContent .moduleCoupon{padding:5px;/*margin-bottom:1em;*/margin-left:20px;border-bottom:solid 1px #CCCCCC}
#pageContent .moduleRow .innerContents,
#pageContent .moduleRowOver .innerContents{display:none}
#pageContent .moduleRowSelected{border:solid 5px #19b6e8;/*margin-bottom:1em;*/margin-left:20px}
#pageContent .moduleRowSelected p.module-title{margin-left:0}
#pageContent .moduleRow,
#pageContent .moduleCoupon{background-color:#f0f0f0}
#pageContent .moduleRowOver{background-color:#d9fdfc}
/*#pageContent .moduleRowSelected{background-color:#19b6e8}*/
#pageContent .moduleRow table,
#pageContent .moduleRow table th,
#pageContent .moduleRow table td,
#pageContent .moduleRowOver table,
#pageContent .moduleRowOver table th,
#pageContent .moduleRowOver table td,
#pageContent .moduleRowSelected table,
#pageContent .moduleRowSelected table th,
#pageContent .moduleRowSelected table td,
#pageContent .moduleCoupon table,
#pageContent .moduleCoupon table th,
#pageContent .moduleCoupon table td{border:none}
#pageContent .moduleRow p,
#pageContent .moduleRowOver p,
#pageContent .moduleRowSelected p,
#pageContent .moduleCoupon table{margin-bottom:0}
#pageContent .moduleRow table,
#pageContent .moduleRow table,
#pageContent .moduleRowOver table,
#pageContent .moduleRowSelected table{margin-bottom:0;margin-top:15px}
#pageContent .folder{cursor:pointer}
#pageContent .container49{width:49%;float:left}
#pageContent .container50{width:50%;float:left}
#pageContent .pt_vividcolor{color:#fff;font-weight:bold;background-color:#F44;padding:4px}
#pageContent .pt_fullcolor{color:#fff;font-weight:bold;background-color:#075BB7;padding:4px}
#pageContent .pt_monokuro{color:#fff;font-weight:bold;background-color:#666;padding:4px}
#pageContent p.module-title{font-size:18px;margin-left:0;font-weight:bold;cursor: pointer}
#pageContent .moduleRowSelected p.module-title{background-color:#19b6e8;color:#FFF;font-weight:bold;font-size:18px;font-weight:bold}
/* -------------------------------------------- */
/*  order共通*/
/* -------------------------------------------- */
#order{margin-bottom:130px}
#order #ordertop{/*料金表のトップタイトル　（h2）*/
background:url(../images/main/h_back_common2.png) -1px -1540px no-repeat;color:#fff;font-size:1.82em;font-weight:700;line-height:70px;margin-top:0;margin-bottom:28px;padding-left:10px;border-left:none}
#order ul.price-memo{margin:5px 0}
/*ショッピング進行状況*/
.steps{overflow:hidden;background:#f2f2f2;margin:0 !important;border-bottom:1px solid #fff}
.steps li{list-style:none;float:left;line-height:40px;padding:0 23px 0 10px;color:#aaa;text-shadow:0 1px 1px white;background:url(../images/order/flow_steps3.gif) right center no-repeat #f2f2f2;font-size:13px !important}
.steps li:last-child{background-image:none}
.steps .step-now{color:#fff;text-shadow:0 1px 1px black;background:url(../images/order/flow_steps1.gif) right center no-repeat #0758B1;}
.steps .step-past{background-image:url(../images/order/flow_steps2.gif);}

/*注文完了*/
/*order index商品一覧*/
#index #pageContent h1#h1-step1{margin-top:50px;margin-bottom:0}
#index #pageContent div.product-box{width:246px;min-height:150px;float:left;padding-bottom:30px}
#index #pageContent div.product-box h2{width:210px;font-size:1em;line-height:30px;margin:10px 0 0 !important}
#index #pageContent div.product-box p{width:225px;padding:0;margin:0;font-size:0.9em}
#index #pageContent div.product-box select{width:225px}
#index #pageContent div.mainproduct{width:360px;min-height:200px}
#index #pageContent div.mainproduct h2{width:324px;font-size:1.3em;line-height:40px}
#index #pageContent div.mainproduct p{width:339px}
#index #pageContent div.mainproduct select{width:339px}
.table-input, .table-input2{width:962px;width:-webkit-calc(100% - 20px);width:calc(100% - 20px)}
/* -------------------------------------------- */
/*  order詳細*/
/* -------------------------------------------- */
/*料金表*/
#order #products_mikata{margin-top:-10px;text-align:center;background:url(../images/order/price_mikata.png) no-repeat left center}
#order #products_mikata a　{display:block;text-decoration:none;color:#D40000;padding:5px 0 5px 40px}
#order #price{clear:both}
#order #products_mikata a:visited{color:#D40000}
#order #products_mikata a:hover{color:#000}
#order #products_head_tb,
#order #products_select_tb,
#order #price table{width:738px;margin:0}
#order #price thead td{background-color:#fff}
#order #products_select_tb .select-color-block{float:left;border-right:1px dashed #ccc;padding:5px}
#order #products_select_tb .select-color-block:last-child{border-right:none;padding-left:20px}
#order #products_select_tb .select-color-block label{display:block;width:80px;padding:5px;margin-right:15px;float:left;cursor:pointer;font-size:12px;line-height:2em;text-align:center;border:2px solid #F0F0F0}
#order #products_select_tb .select-color-block label.strlen-8{width:100px}
#order #products_select_tb .select-color-block label.strlen-9{width:110px}
#order #products_select_tb .select-color-block label:last-child{margin-right:0}
#order #products_select_tb .select-color-block label img{margin-left:5px}
#order #products_select_tb .select-path-block label {display: inline-block;width: 120px;cursor: pointer;font-size: 1.08em;line-height: 2em;border: 2px solid #F0F0F0;padding-left:5px;}
#order #products_select_tb .select-color-checked,
#order #products_select_tb .select-color-block label:hover,
#order #products_select_tb .select-path-checked,
#order #products_select_tb .select-path-block label:hover{border:2px solid #999 !important}

/*pdf入稿*/
#order #products_select_tb tr.tr-PdfNyukou{background:#aaa}
#order #products_head_tb{margin-top:-15px}
#order #products_head_tb,
#order #products_head_tb td,
#order #products_select_tb td{border:none;vertical-align:top}
#order #products_head_tb td{padding:1px 0 1px 5px}
#order #products_head_tb td.left{width:17%}
#order #products_head_tb td.right{width:180px;text-align:right}
#order img.pricelistmikata_btn{margin-bottom:5px}
#order #products_select_tb{background-color:#F0F0F0;margin-bottom:10px}
#order #products_select_tb td{padding:2px 0 2px 5px}
#order #products_select_tb td.left{width:120px}
#order #products_select_tb td.right{width:170px}
#order #products_select_tb a:hover{color:#000}
#order #products_select_tb select{width:440px !important}
#order #price td{font-size:1.1em;line-height:1.5;text-align:center;padding:3px 2px;background-color:#fff}
/* #12873 エラーがあれば anchor を unclickable にする */
#order #price table a.unclickable {color:black; text-decoration:none;}
#order #price table a{color:#a20000;text-decoration:underline}
#order #price table a:hover{color:red}
#order #price table span.price-tanka{display:none;font-size:.9em;margin-bottom:5px}
#order #price table span.price-taxincluded{display:none;font-size:.9em}
#order #price table span.price-pdf{display:none;font-size:x-small;color:#999}
#order #price table span.price-pdf em{font-size:120%;color:#000;background-color:#FFC}
#order #price table input.btn-createJob{display:none}
/* 料金表セルのスタイル  */
#order #price tr.price_stripe td{background-color:#deeeff}
#order #price tr.price_stripe_link td{background-color:#eee}
#order #priceTable tr.tr-noc-selected{border:3px solid #075BB7}
#order .selectOption tr.price_stripe td{background-color:#FFEDFB !important}
#order span.price_color_text{font-size:10px;white-space:nowrap;line-height:1.2}
#order span.price_color_text strong{font-size:1.16em;font-weight:400;line-height:1.2}
/* マウスオーバした料金表セルのスタイル  */
#order #price tr:hover td{background:#cee}
#order .selectOption tr:hover td{background-color:#FFDBF7 !important}
/* 列のハイライト色 */
#order #price tr:hover td:first-child{background:#cdf}
#order .selectOption tr:hover td:first-child{background-color:#FFC8F2 !important}
/* 第一行目のハイライト色 */
#order #price tr:hover td:hover{background:#acf}
#order .selectOption tr:hover td:hover{background-color:#FFBAEE !important}

/* 料金表備考 */
#order p#order_biko{margin:.5em 0}
#order div.bikou_msg{background:url(../images/order/pricelist_bikou_back.gif);padding:12px 10px 10px 60px;height:62px;overflow:hidden}
#order div.bikou_msg p{font-size:1.16em;font-weight:700;line-height:1.5}
#order div.bikou_msg span.notes{font-size:.7em}
#order div.bikou_msg img{margin:10px 10px 10px 20px}
#order #price td span.span-new{color:#999}
/* 納期計算ツールへのリンク */
#order #price td.dod_bgcolor{background-color:#f0f0f0}
#order #price span.wd_link{display:0;/* For Firefox 2↓ */
display:inline-block;text-indent:-9999px;font-size:.77em}
#order #price span.wd_link a{display:block;width:79px;height:22px;text-decoration:none;background:url(../images/order/order_wdlink.png) no-repeat top center;overflow:hidden;margin-bottom:5px}
#order #price span.wd_link a:hover{background-position:center -22px}
#order #price table img{margin-top:2px;margin-bottom:3px}
/* 料金表テーブルの商品名・用紙表示欄 */
#order #paperchoice{width:740px;padding:2px 0;margin:0 0 10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center}
#order td.products_container{color:#000;background-color:#F0F0F0 !important}
#order #products_container{}
#order td.products_container{background:#f0f0f0;text-align:left !important;padding:0 5px !important}
#order #products_size h1,
#order #products_papertype{font-size:1.231em;font-weight:700;letter-spacing:0;background-image:none;color:#000;margin:0;padding:0;line-height:1.5em}
#order #products_size h1{background-color:inherit;}
#order #products_size{float:left;text-align:left;width:auto}
#order #products_papertype{float:right;text-align:right;width:auto}
#order #products_size .notes{font-size:small}
#order #products_papertype em{font-weight:inherit}
/*冊子のページ数選択タブ*/
#order span.selectedPage{font-weight:300;font-size:small;margin-left:10px;white-space: nowrap;}
#order ul#pagesList{font-size:.93em;width:738px;background-color:#fff}
#mypage #order ul#pagesList{font-size:1.5em;width:738px}
#order ul.pagesList-top{border-bottom:5px solid #222;margin:10px 0 0}
#order ul.pagesList-bottom{border-top:5px solid #222;margin:0 0 10px}
#order ul#pagesList em{color:#fff;font-size:1.3em;font-weight:700}
#order ul#pagesList a,
#order ul#pagesList a em{color:#33a;text-decoration:underline}
#order ul#pagesList li{font-weight:700;margin:0;display:inline;zoom:1px}
#order ul#pagesList li a,
#order ul#pagesList li.selectedPage span{float:left;zoom:1px;padding:5px 10px;min-height:30px;margin-right:2px;border-left:2px solid #000;border-right:2px solid #000;background-color:#fff}
#order ul.pagesList-top li a,
#order ul.pagesList-top li.selectedPage span{border-top-left-radius:5px;border-top-right-radius:5px;border-top:2px solid #000}
#order ul.pagesList-bottom li a,
#order ul.pagesList-bottom li.selectedPage span{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:2px solid #000}
#order ul#pagesList li a:hover,
#order ul#pagesList li a:hover em{background-color:#cdf;background-repeat:no-repeat;color:#005be5}
#order ul.pagesList-top li a:hover{background-image:url(../images/order/tab-back-top.png);background-position:bottom center}
#order ul.pagesList-bottom li a:hover{background-image:url(../images/order/tab-back-bottom.png);background-position:top center}
#order ul#pagesList li.selectedPage span{color:#fff;background-color:#222;background-repeat:no-repeat;background-image:url(../images/order/tab-back-top.png);background-position:bottom center}
#order ul.pagesList-bottom li.selectedPage span{background-image:url(../images/order/tab-back-bottom.png) !important;background-position:top center !important}
/* #12873-7 料金表の右サイドバーで balloon用imgをオプションタイトルに合わせる */
#products_options_select_dl span.dakiawase_help img {vertical-align: text-bottom;}
#products_options_select_dl span.dakiawase_help{cursor:pointer;margin-left:10px}
#order #price .selectOption tr:hover td:hover{background:#F9DD84}
#order #price .selectOption tr:hover td{background:#FBEAB3}
#order #price .selectOption tr.price_stripe td{background-color:#ffefef}
.option_tooltip_comment a:link,
.option_tooltip_comment a:visited,
.option_tooltip_comment a:hover,
.option_tooltip_comment a:active{color:#fff}
/* -------------------------------------------- */
/*  MyPage*/
/* -------------------------------------------- */
#mypage a#disp-status{position:relative;z-index:100}
#mypage a#disp-status:hover{z-index:101}
#mypage a#disp-status span{z-index:102;width:720px;display:none;position:absolute;top:-160px;left:-650px;padding:10px 0;border:2px solid #ccc;background-color:#fff}
#mypage a#disp-status:hover span{display:block}
#mypage{margin-bottom:100px}
#mypage h1{background:url(../images/main/h_back_common2.png) 0 -420px no-repeat;padding-left:70px;color:#000}
#mypage h2{border-left-color:#000;color:#000}
#mypage table{clear:both;text-align:left;width:718px;margin-bottom:1em}
#mypage th,
#mypage td{padding:5px}
#mypage th{background-color:#f0f0f0;font-weight:700}
#mypage .title_td{white-space:nowrap;background-color:#f0f0f0;font-weight:700}
#mypage p.history-orderid{font-weight:700}
#mypage div.left_button{margin-left:20px}
#mypage .point{/*ご利用可能ポイント*/
font-size:1.5em;text-align:right;float:right;width:50%;margin:-39px 0 0;color:#ff4500}
#mypage .btn-clickable:hover{box-shadow:none}
#mypage button.alpha img{opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"}
#mypage button.alpha:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"}

/* -------------------------------------------- */
/*  createaccount,
 login*/
/* -------------------------------------------- */
#createaccount #pageContent h1{padding-left:70px;color:#000;background:url(../images/main/h_back_common2.png) 0 -1470px no-repeat}
#createaccount #order h3{margin-top:40px}
#createaccount #order h3.first-child{margin-top:0}
#createaccount #order .iframe-normal{height:300px}

#login #order{margin-bottom:100px}
#login #areaCreate{box-shadow:0px 0px 2px 2px rgba(0,0,0,0.18);
-moz-box-shadow:0px 0px 2px 2px rgba(0,0,0,0.18);
-webkit-box-shadow:0px 0px 2px 2px rgba(0,0,0,0.18);}
#login .login-box{width:420px}
#login .login-box h2{line-height:60px;border:none;padding-left:20px;margin:0}
#login .login-box,
#login .login-box h2{border-radius:5px 5px 0 0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px}
#login #areaLogin h2{background-color:#075bb7;color:#fff}
#login #areaCreate h2{background:url(../images/main/icon/icon_beginner.png) 18px 50% no-repeat #ffffcc;text-align:center;color:#000}
#login .login-box h3{margin-left:0}
#login .login-box p{margin:15px 0}
#login .login-box input[type=text],
#login .login-box input[type=password]{width:420px}
#login .login-boxinner{padding:3px 18px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff}
#login .login-boxattention{margin:20px 0;background:#fff;padding:5px}
#login .login-boxattention p{margin:5px 0}
#login .login-button{text-align:center;margin:30px 0}
#login #areaCreate .login-button{margin:20px 0 30px}
#login #areaCreate .login-boxinner{background:#f2f2f2}
#login .login-boxinner img.layout-left{margin-right:10px}
#login .login-boxinner strong{font-size:1.16em}
#login #areaPrBtn{margin-bottom:80px}
#login #areaPrBtn li{list-style:none;float:left;width:300px;margin-right:20px;margin-bottom:10px}
#login #pageContent h1{background:none;color:#000;font-size:1.385em;margin-bottom:0}

/* -------------------------------------------- */
/*  accountestimate  */
/* -------------------------------------------- */
#accountestimate .table-normal td:last-child{text-align:center}
/* -------------------------------------------- */
/*  accounthistory 、account  */
/* -------------------------------------------- */
#account #mypage thead th,
#accounthistory #mypage thead th{padding:2px;white-space:nowrap;color:#333}
#account #mypage tbody th,
#accounthistory #mypage tbody th{padding:2px;background:#deeeff}
#account #mypage tbody td,
#accounthistory #mypage tbody td{padding:2px}
#account #mypage .td-date,
#accounthistory #mypage .td-date{white-space:nowrap;text-align:center;width:150px}
#account #mypage .th-ordername,
#accounthistory #mypage .th-ordername{width:50px}
#account #mypage .td-ordername,
#accounthistory #mypage .td-ordername{word-break:break-all}
#account #mypage .th-ordertotal,
#accounthistory #mypage .th-ordertotal{width:70px;overflow:hidden}
#account #mypage .td-ordertotal,
#accounthistory #mypage .td-ordertotal{white-space:nowrap;text-align:right;width:100px;letter-spacing:.05em}
#account #mypage .th-orderpdct,
#accounthistory #mypage .th-orderpdct{width:50px}
#account #mypage .td-orderpdct,
#accounthistory #mypage .td-orderpdct{vertical-align:top}
#account #mypage .td-orderpdct ul,
#accounthistory #mypage .td-orderpdct ul{margin:0 0 0 15px;font-size:x-small}
#mypage .td-reorderbtn{width:100px;text-align:center}
#account #areaNews dl{margin-left:20px}
#account #areaNews dt{background:url(../images/main/icon/icon_miniarrow.png) 0 55% no-repeat;padding:0 0 0 10px !important;width:100px !important;float:left;clear:right;letter-spacing:.1em;}
#account #areaNews dd{width:600px !important;background-image:none !important;padding-left:120px !important;border-bottom:1px dotted #ccc;font-weight:400}
.reorder_table,
.reorder_table th,
.reorder_table td{border-width: 0px}
#account #areaRecent .table-normal tr.first-child,
#accounthistory #mypage .table-normal tr.first-child {border-top:7px solid #ccc}
/* #14473 search account history */
#accounthistory #searchmenu-bar:hover { cursor:pointer; }
#accounthistory table#searchCond td { padding: 3px !important; }
#accounthistory table#searchCond input[type='text'] {
  width: 100%;
  padding: 2px 5px 2px 5px;
  margin: 0px; /* don't <> 0px */
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#accounthistory input[type='text']:disabled { background-color: lightgray; }
#accounthistory p#searchError { color: red; }

/* -------------------------------------------- */
/*  accounthistoryinfo */
/* -------------------------------------------- */
#accounthistoryinfo div.left_button img{margin-bottom:40px}

/* -------------------------------------------- */
/*  accountkeep */
/* -------------------------------------------- */
#accountkeep .table-normal th,
#accountkeep .table-normal td{padding:0;}
#accountkeep .td-img{width:420px}
#accountkeep .tr-ymd td,
#accountkeep .tr-oid td,
#accountkeep .tr-opid td,
#accountkeep .tr-zaiko td,
#accountkeep .tr-color td,
#accountkeep .tr-status td{text-align:center}
#accountkeep .td-img img{width:210px}
#accountkeep .tr-oid img{margin-left:20px}

/* -------------------------------------------- */
/*  logoff */
/* -------------------------------------------- */
#logoff div.left_button{margin-left:20px}
/* -------------------------------------------- */
/*  productinfo */
/* -------------------------------------------- */
#pageContent #product_info h1{font-size:1.67em}
#pageContent #product_info .table-input select{width:480px}
#pageContent #product_info .section dd select{width:600px}
#pageContent #product_info input[type=text]{width:450px;margin:3px 3px 0}
#pageContent #product_info #selectedStampInput input[type=text]{width:270px}
#pageContent #product_info .input_alphanumeric{width:100px !important}
#pageContent #product_info select[name=id\[txt_os\]],#pageContent #product_info select[name=id\[txt_software\]]{width:480px}


#pageContent #product_info p em.hiddenButton{font-size:1.385em}
#pageContent #product_info table.product{width:965px;text-align:center;clear:both;white-space:nowrap;margin:0 0 0 15px}
#pageContent #product_info dd table.product{width:590px !important}
#pageContent #product_info table.product th{background-color:#f0f0f0;white-space:nowrap;font-size:1.16em;padding:5px}
#pageContent #product_info table.product td{background-color:#fff;white-space:nowrap;font-size:1.16em;padding:5px}
#pageContent #product_info table.product td.color_td2{background-color:#d9fdfc}
#pageContent #product_info dl{margin:10px 0 10px 15px}
#pageContent #product_info dt{float:left;width:250px;font-size:18px;padding-left:90px;background-repeat:no-repeat;background-position:left top;line-height:1.2em;font-weight:bold}
#pageContent #product_info dt,
#pageContent #product_info dd{min-height:84px}
#pageContent #product_info dt label{color:#f56a14;font-weight:700;font-size:1.08em;}
#pageContent #product_info dd{margin:5px 0 40px 350px;clear:right;border-left:7px solid #075BB7;padding:0 0 0 10px}
#pageContent #product_info .view-option-page{font-size:12px;font-weight:normal}
#estimateinfo .view-option-page{width:180px;float:right;text-align:right;clear:right;font-size:.6em}

/*toolmessage----*/
#pageContent #product_info dd .message{position: relative}
#pageContent #product_info dd .message span.remark{display:none}
#pageContent #product_info dd .message a{border-bottom: 1px dashed #0070bb;background: #EEF7FF}
#pageContent #product_info dd .message a:hover + span.remark {display:block;background:none repeat scroll 0 0 #EEFFEE;border:1px solid #CCCCCC;color:#000000;line-height:1.2em;margin:0.5em;padding:0.5em;position:absolute;top:20px;width:auto}

/* Not Mac IE 5 \*/
#pageContent #product_info dd{height:auto !important;height:120px}
/* end */
/* Only Mac IE 5 \*//*/
#pageContent #product_info dd {height: 120px}
/* end */
/* -------------------------------------------- */
/*  accountrebate */
/* -------------------------------------------- */
#accountrebate #mypage .section table caption{background:#333;color:#fff;text-align:left;font-weight:700;font-size:1.2em;padding:5px}
#accountrebate #mypage .section table .notes{letter-spacing:0;font-size:12px}
#accountrebate #mypage .section table .notes em{font-size:1.5em;letter-spacing:0.1em;padding:0 2px}
#accountrebate #mypage .section table th{width:200px;background:#deeeff !important}
#accountrebate #mypage .section table thead th{width:auto;color:#000}
#accountrebate #mypage .section .td-amount,
#accountrebate #mypage .section .td-rate{font-size:1.82em;text-align:right;letter-spacing:.1em}
#accountrebate #mypage #areaRebate .td-amount{color:red}
#accountrebate #mypage #areaRebate .dl-rebate dt{float:left;width:200px;clear:left}
#accountrebate #mypage #areaRebate .dl-rebate dd{float:right;width:200px;text-align:right;color:red;letter-spacing:.1em}
#accountrebate #mypage div.layout-left h3{margin-left:0}
#accountrebate #mypage #areaPast .td-division{white-space:nowrap}
#accountrebate #mypage #areaPast .td-date{white-space:nowrap}
#accountrebate #mypage #areaPast .td-ttl{white-space:nowrap;letter-spacing:.05em}
#accountrebate #mypage #areaPast .td-ttl{text-align:right}
#accountrebate #mypage #areaPast .td-note{font-size:.93em}
/* -------------------------------------------- */
/*  shoppingcart,
checkoutshipping,
checkoutpayment,
checkoutconfirmation,
checkoutsuccess,
estimatepdf,
estimatepdfconfirm */
/* -------------------------------------------- */
#shoppingcart #order p{margin:0}
#order table.productListingBox{width:978px;margin:0 0 10px}
#estimatepdf #order table.productListingBox,
#estimatepdfconfirm #order table.productListingBox{width:718px;margin:0 0 10px 20px}
#order table td{padding:2px}
#order tr.product_listing-even{background-color:#fff}
#order tr.product_listing-odd{background-color:#f6f6f6}
#order td.product_listing-heading{background-color:#deeeff;text-align:center;font-weight:700;line-height:1em}
#order td.product_listing-data{background-color:#ccc}
#estimatepdf #order .table-input .attention{font-size:12px !important;margin:0;padding:0;background-image:none !important;background-color:#fff}
#estimatepdf #order .address_book,
#estimatepdfconfirm #order .address_book{padding-left:20px}
/* #13653 本機校正のOP化 - slave 商品には padding 追加 */
#shoppingcart #order td.productListing-data div.slave{padding-left:20px}
#shoppingcart #order td.productListing-data div.detail{padding-left:20px}
#shoppingcart #order td input{text-align:right}
#shoppingcart div.box-prspecial{margin-top:100px}
#shoppingcart #order .total_price{margin-bottom:20px}
#shoppingcart .comment-toggle a.a-comment-toggle{padding:0}
#shoppingcart #msgShoppingcart li,
#shoppingcart #msgShoppingcart li a{font-size:14px}
#shoppingcart #areaBTN{background-color:#efefef;margin-top:20px}
#shoppingcart #areaBTN h3,
#shoppingcart #areaBTN p{margin:10px 20px}
#shoppingcart #areaBTN .layout-left{border-right:1px solid #ccc}
#shoppingcart #areaBTN .layout-center{margin:20px 0}


/* #13702 見積からの商品は再度見積は不可 (見積の延長になる）- grayout して event 発生させない */
#shoppingcart  #go_estimate.disabled_link,
#shoppingcart  #go_estimate.disabled_link img { pointer-events: none; cursor: default; opacity: 0.6;  filter: alpha(opacity=40); /* msie */ }

#checkoutpayment #pageContent form textarea,
#checkoutshipping #pageContent form textarea{width:958px;margin:0 0 1em 20px}
#checkoutcontribute #pageContent select#job_no{width:470px !important;font-size:93%}
#checkoutcontribute #pageContent td h4{margin-left:0;border-bottom:1px solid #000}
#checkoutcontribute #pageContent .op-checkbox{font-size:18px;font-weight:bold;border:1px solid #e0e0e0;padding:10px;background:#fffff0;margin:0;width:auto;}
#checkoutcontribute #pageContent .op-checkbox input[type=checkbox]{margin-right:7px}
#checkoutcontribute #pageContent .op-checkbox label{font-weight:bold}
#checkoutpayment #pageContent div.moduleRow ul,
#checkoutpayment #pageContent div.moduleRowOver ul,
#checkoutpayment #pageContent div.moduleRowSelected ul{margin-top:10px;margin-bottom:0}
#pageContent a.a-useRebateBtn{text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-decoration:none;line-height:1em;background-color:#075bb7;color:#fff;padding:5px 15px;margin-right:20px}
bo#pageContent a.a-useRebateBtn:hover{background-color:#0083dd}
#checkoutshipping #areaShippng p{margin-bottom:0}
#checkoutshipping #areaShippng ul{margin:0 0 0 30px}
#checkoutshipping #areaShippng li ul{margin-left:0}
#checkoutshipping #areaShippng .em-underline{color:#000;text-decoration:underline}
#checkoutshipping .cl_delivery_list{width:980px}
#checkoutsuccess #PR-login{margin-top:100px}
#checkoutpayment input[name=cash_back_value]{text-align:right}
#checkoutpayment select[name=customer_group],#checkoutpayment input[name=seikyu_title]{width:350px !important}

/*キャッシュバック額入力欄*/
/*注文履歴、注文内容の確認*/
#pageContent div.order_total{margin:0 0 1em 20px}
#pageContent div.order_total h3{margin-left:0}
#pageContent div.order_total_title,
#pageContent div.order_total_text{text-align:right;font-size:1.3em;line-height:1.5}
#pageContent div.order_total_title{float:left;width:520px;width:-webkit-calc(100% - 200px);width:calc(100% - 200px);clear:both}
#pageContent div.order_total_text{width:200px;padding-left:520px;padding-left:-webkit-calc(100% - 200px);padding-left:calc(100% - 200px);border-bottom:1px solid #bbb}
#pageContent div.cart_data{border:1px solid #bbb;margin-bottom:0.5em;padding:5px}
#pageContent div.cart_data p{margin:0}
#order p.total_price{text-align:right;text-decoration:underline;margin:0;font-size:1.3em}
#checkoutconfirmation #order p.total_price{margin:0}
#checkoutconfirmation .attention-lastcheck{border:1px solid #ccc}
#checkoutconfirmation .attention-lastcheck h2{margin:0;border:none;color:#000}
#checkoutconfirmation .iframe-normal{width:940px !important;height:250px !important;margin-bottom:10px}
#checkoutconfirmation #mypage table{width:960px}
#checkoutconfirmation .level-formarea{text-align:center;background-color:#FFFBF3;border-color:red;width:920px !important}
/*返品について*/
#pageContent #areaHenpin{margin:40px 0 20px}
#pageContent #areaHenpin h2{margin:0 0 .5em;padding:0;border-left:none}
/*アドレス帳*/
#addressbook #mypage #order{margin-bottom:0}
#addressbook #pagesList{margin-bottom:30px}
#addressbook #pagesList li a,
#addressbook #pagesList li span{width:210px;text-align:center}
#pageContent div.address_main,
#pageContent div.address_book{clear:both;margin:0 0 10px 20px;padding:5px;border:1px solid #bbb}
#pageContent div.address_book p,
#pageContent div.address_main p{margin:0}
#pageContent div.address_main{background-color:#f0f0f0}
#pageContent div.address_book_button{float:right;clear:right;width:auto;padding:0 0 0 20px} /* #17280 no bottom padding, but clear:right after end of li */
/* mac IE5除外 \*/
#pageContent p#sortBtn{background-color:#3e5e89;color:#fff;width:11em;padding:0 .5em;margin-bottom:.2em;cursor:pointer;text-align:center}
/* end */
/*#pageContent td.orders_status{background-color:#f0FFFF}*/


/* ▽20160520koike アドレス帳検索＆並び替え */
#addressbook .label-deletebox{padding-top:10px}
#addressList{margin-left:0 !important}
#addressList li{list-style:none}
#addressList ul{margin-left:20px !important}
#addressList .pagination{}
#addressList .pagination li a{text-decoration:underline}
#addressList .pagination li{display:inline-block;padding:0 .8em;font-size:16px}
#addressList .pagination li.active{font-weight:bold;font-size:18px}
#addressList .pagination li.active a{text-decoration:none;color:#000}
#addressbook #addressList .address_book{padding:5px;border:1px solid #bbb}
#listSortBox{background:#3E5E89;margin-left:20px;padding:5px 10px}
#listSortBox input{width:300px;height:25px}
#addressList .moduleRow, #addressList .moduleRowOver, #addressList .moduleRowSelected{margin-left:0}
#checkoutusersaddress #listSortBox{margin-bottom:10px}
/* #16232 STEP7 で zen_address_label()を使うと、どうしても addr-fullname が出てしまうので非表示 */
#order #mypage .addr-fullname,
#addressList .addr-kana,
#addressList .addr-comkana,
#addressList .addr-fullname,
#pageContent div.address_main .addr-kana,
#pageContent div.address_main .addr-comkana,
#pageContent div.address_main .addr-fullname{display:none}
#addressList span{word-break:break-all;word-wrap:break-word;overflow-wrap:break-word}
/* ▲20160520koike */

/* -------------------------------------------- */
/*  estimateinfo,
estimateofficial */
/* -------------------------------------------- */
#estimateinfo h1{color:#000 !important}
#estimateinfo #areaContent{margin-bottom:500px}
#estimateinfo #areaForm{margin-top:10px;background-color:#f2f2f2;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius: 10px}
#estimateinfo #areaForm dl{margin-bottom:0}

#estimateinfo .dl-single{padding:15px 15px 0}
#estimateinfo .dl-options{margin:0 15px;padding:0 0 15px;background:url(../images/order/mitu_line.gif) left bottom repeat-x}
#estimateinfo .dl-options dt{font-weight:bold;font-size:14px}
#estimateinfo .dl-options dd{background-color:#fff;padding:10px 20px;line-height:1.5;font-size:13px}

#estimateinfo .optionbox{min-height:90px;padding:0 0 0 100px!important;;background-repeat:no-repeat;background-position:0 0;float:none;clear:both;margin-bottom:20px}
#estimateinfo .optionbox select{width:570px;font-size:14px}
#estimateinfo #quantity{width:70px;margin-right:10px}
#estimateinfo .optionbox h3{border-bottom:1px solid #ccc;border-left:none;margin:0 0 .5em;padding:0 0 .2em;font-size:16px;line-height:1em;color:#000}

#estimateinfo .dl-single dt{width:100px;line-height:20px;font-weight:bold;font-size:14px}
#estimateinfo .dl-single dd{padding:0 0 10px 100px;margin:-20px 0 10px 0;background:url(../images/order/mitu_line.gif) left bottom repeat-x;}
#estimateinfo .dl-single select{width:610px;font-size:14px}
#estimateinfo .dd-cartquantity input{margin-right:10px}
#estimateinfo .dd-cartquantity .notes{margin-left:20px;color:#666}

#estimateinfo #areaAddCart{background-color:#075bb7}
#estimateinfo #areaAddCart h4{color:#fff;font-weight:bold;text-align:center;padding:10px;margin:0}
#estimateinfo #areaAddCart .inner{background-color:#fff;margin:5px;padding:5px}
#estimateinfo #areaAddCart p{margin:0}

#estimateinfo .dl-pdct{padding:0 5px}
#estimateinfo .dl-pdct dt{font-size:.9em;width:45px;float:left;clear:left}
#estimateinfo .dl-pdct dd{font-size:.9em;padding-left:45px;letter-spacing:0.08em}

#estimateinfo .dl-price{background-color:#f2f2f2;padding:3px}
#estimateinfo .dl-price dt{font-weight:bold;width:70px;float:left;clear:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#estimateinfo .dl-price dt.dt-op{font-size:.8em;width:auto;float:none;clear:both;}
#estimateinfo .dl-price dd{font-weight:bold;padding-left:70px;text-align:right}
#estimateinfo .dd-subttl{border-top:1px solid #ccc;border-bottom:1px solid #ccc}
#estimateinfo .ttlprice{font-size:1.2em}
#estimateinfo dd.ttlprice{color:#f00;font-size:1.1em}

#estimateinfo #btn-calc{margin:20px 0 30px}
#estimateinfo #btn-cart{margin:10px 0}
#estimateinfo .colorbox{width:90px;float:left;font-size:10px;text-indent:-1.5em;padding-left:2em}
#estimateinfo .colorbox input{margin-right:.5em}

#estimateinfo #verisign{display:none}

#estimateofficial #pageContent h1{padding-left:70px;color:#000;background:url(../images/main/h_back_common2.png) 0 -1470px no-repeat}
#estimatecarbonoffset #pageContent select{width:300px}
#estimateofficial #pageContent p.selectOptions{border:1px solid #ccc;padding:5px 10px}
#estimateofficial #pageContent form textarea{margin-bottom:20px}

/* -------------------------------------------- */
/*  estimatecompare */
/* -------------------------------------------- */
#estimatecompare h1{color:#000 !important}
#estimatecompare #searchNav2 p{display:none}/*会員専用メニューのため文字消す*/
#estimatecompare #order{margin-bottom:30px}
#estimatecompare #pageContent h1{margin-bottom:10px}
#estimatecompare #compareArea{padding:15px 0}
#estimatecompare #compareTitle{width:140px;height:auto;float:left}
#estimatecompare #compareArea p{margin:0 10px 5px 0;padding:0;line-height:1em}
#estimatecompare #compareTitle p{border-bottom:1px dashed #CCC;font-weight:700}
#estimatecompare #compareTitle p span{font-weight:inherit}
#estimatecompare form.formCompare{width:210px;height:auto;float:left}
#estimatecompare h4.h4-pattern{width:200px;margin-left:0 !important;text-align:center;border-bottom:3px solid #075bb7}
#estimatecompare div.divDisplay h4.h4-pattern{width:auto;text-align:left}
#estimatecompare h4.h4-pattern span{font-weight:700;margin:0 .2em}
#estimatecompare #compareArea p,
#estimatecompare form.formCompare select{height:25px}
#estimatecompare form.formCompare select,
#estimatecompare form.formCompare p.box-price{width:200px;margin-bottom:5px}
#estimatecompare form.formCompare p.box-price{text-align:right;font-weight:700;font-size:1.7em !important;line-height:1em}
#estimatecompare form.formCompare p.price-unitprice{font-size:1.3em !important;font-weight:400}
#estimatecompare form.formCompare p.price-over,
#estimatecompare form.formCompare p.price-under{font-size:1.3em !important;font-weight:400}
#estimatecompare form.formCompare p.price-over{color:red}
#estimatecompare form.formCompare p.price-under{color:#00F}
#estimatecompare form.formCompare a.price-btn,
#estimatecompare a.clear-btn{display:block;background:#075bb7;width:200px;text-align:center;color:#fff !important;padding:5px 0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
#estimatecompare a.clear-btn{background:#444C55;margin:0 auto}
#estimatecompare form.formCompare a.price-btn:hover,
#estimatecompare a.clear-btn:hover{opacity:0.7;filter:alpha(opacity=70);color:#fff !important;text-decoration:none !important}
#estimatecompare div.divDisplay{margin-bottom:10px}
#estimatecompare #displayArea div.divDisplay div{/*float:left;*/
padding:0 5px}
#estimatecompare #displayArea div.divDisplay div.box-products_category,
#estimatecompare #displayArea div.divDisplay div.box-size,
#estimatecompare #displayArea div.divDisplay div.box-dod{/*clear:left;*/
}
#estimatecompare #displayArea div.divDisplay div.box-price{font-size:1.5em;font-weight:700;float:right;border-bottom:3px double #075bb7;letter-spacing:.1em}
#estimatecompare #displayArea div.divDisplay div.box-price span{font-size:.6em;letter-spacing:0}
/* -------------------------------------------- */
/*  #14474 account_estimate                     */
/* -------------------------------------------- */
#accountestimate tr.invalid td { background-color: gray }
#accountestimate div.mitsumori_edit {  clear:right; width:auto; margin:0 0 10 0 }
#accountestimate div.mitsumori_edit img { cursor: pointer; }
/* -------------------------------------------- */
/*  carbonoffset*/
/* -------------------------------------------- */
body.carbon #pageContent h2.icon-formtop{margin-bottom:0.5em}
body.carbon #pageContent h2.Car_sectiontitle{margin-top:0}
body.carbon #pageContent .table-input{width:680px !important}
/* -------------------------------------------- */
/*  web upload*/
/* -------------------------------------------- */
#nykWebup #select_order.data-none{background-color:#fcc}
#nykWebup .dropzone-inner img{cursor:pointer;opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"}
#nykWebup .dropzone-inner img:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"}

/* -------------------------------------------- */
/*  web download*/
/* -------------------------------------------- */
#checkproofIndex #pageContent h1{background:url(../images/main/h_back_common2.png) 0 -1330px no-repeat;padding-left:70px;color:#000}
#checkproofIndex #pageContent h2{border-left-color:#ff4500;color:#000}
#checkproofIndex #pageContent table{clear:both;text-align:left;width:718px;margin-bottom:1em}
#checkproofIndex #pageContent table th,
#checkproofIndex #pageContent table td{padding:2px}
#checkproofIndex #pageContent table th{background-color:#f0f0f0;font-weight:700;text-align:center}
/* -------------------------------------------- */
/*  download templates */
/* -------------------------------------------- */
#downloadtemplates #pageContent div.div-dl{margin-left:0;border-color:#39f;border-width:3px}
#downloadtemplates #pageContent div.div-dl h2{margin-top:0}
#downloadtemplates #pageContent div.div-dl a.a-dllink{font-size:1.5em;line-height:2em;margin-left:1em;padding-left:25px;background:url(../images/main/icon/icon_template.png) left center no-repeat}
/* -------------------------------------------- */
/*  そのほかパーツ */
/* -------------------------------------------- */
/*スタンプ　かんたん住所印入力欄*/
#stampSecondMsg{margin-left:0;margin-bottom:20px}
#selectedStampImg{width:250px;float:left}
#selectedStampInput{width:400px;margin-left:255px}
#pageContent table#table-stampInput{margin-left:0;width:430px !important}
#pageContent table#table-stampInput th{padding-left:0;padding-right:8px}
#pageContent table#table-stampInput td{padding-left:8px}
#pageContent table#table-stampInput td .stampSample{font-size:0.85em;color:#333}
#pageContent table#table-stampInput td .stampSample .notes{font-size:0.8em}
#pageContent .stampMsg p{margin-left:0 !important}
#pageContent h2 .h2-marker{line-height:1em;background-color:#0070bb;color:#fff;padding:3px}
/*PDF Web校正入稿*/
img#checkbox-pdf-button{vertical-align:middle}
img#checkbox-pdf-button:hover{cursor:pointer}
/*中綴じ料金表切り替え*/
#pageContent div.switching_table_price span.popup{width:16em;height:6em;background:#DEE7F8;word-wrap:break-word;white-space:normal;display:none}
#pageContent div.switching_table_price a.btn{
line-height:inherit;background-color:#075bb7;width:auto;height:2em;padding-left:3em;float:right;background-image:url("../images/order/switching_price_table.gif");background-size:30px 30px;background-repeat:no-repeat;background-position:left 4px center;text-align:inherit;vertical-align:middle;color:#ffffff;font-weight:bold}
#pageContent div.switching_table_price a.btn:hover{text-decoration:none;opacity:0.7}
#pageContent div.switching_table_price a.btn:hover + span.popup{display:inline-block;float:right;position:relative;bottom:6em;left:16em;margin-bottom:-6em;}