@charset "utf-8";

/* 単独ブログ用CSS */
/* このブログでしか使わないスタイル設定はこのCSSに設定する。 */
/* 「リンクするファイル」でsecureへの同時書き出しがあるのでテンプレタグ使用不可 */


/* --- TOPブログデフォルト設定を上書き --- */

div#contentszone p{
font-size:12px;
}

div#contentszone ol,div#contentszone ul{
font-size:12px;
}


/* ----- リンク ----- */

div#contentszone a{
color:#555;
text-decoration:underline;
}

div#contentszone a:hover{
color:#f00;
text-decoration:none;
}

a.mark{
background:url(images/mark_link.gif) 0 0 no-repeat;
padding-left:14px;
text-decoration:none;
}

a.mark:hover{
text-decoration:underline;
}


/* --- 簡易見積り --- */

table.order_confirm td input{
margin:3px 0;
vertical-align:middle;
}

table.order_confirm td select{
margin:3px 0;
vertical-align:middle;
}

input.estimate_reset{
width:250px;
height:35px;
text-indent:-9999px;
border:none;
}

input.estimate_reset{
background:url(images/estimate_reset.gif) 0% 0% no-repeat;
}

input.step_quick{
width:340px;
height:35px;
text-indent:-9999px;
border:none;
}

input.step_quick{
background:url(images/step_quick.gif) 0% 0% no-repeat;
}

div#estimateprice{
margin:0 !important;
padding:0 !important;
}

div#estimateprice table.pricelist{
width:750px
}


/* --- 次へ進むボタン （クイック用） --- */

p.nextbtn{
padding:10px 0 20px 0;
text-align:right;
clear:both;
}

p.nextbtn input{
padding:5px 10px;
font-weight:normal;
font-size:120%;
}

input.on_step,
input.on_step2,
input.on_step3,
input.on_step4,
input.on_step6,
input.on_step7{
width:140px;
height:35px;
text-indent:-9999px;
border:none;
}

input.on_step:hover,
input.on_step2:hover,
input.on_step3:hover,
input.on_step4:hover,
input.on_step6:hover,
input.on_step7:hover{
background-position:0 -35px;
}

input.on_step{
background:url(images/on_step.gif) 0% 0% no-repeat;
}

input.on_step2{
background:url(images/on_step2.gif) 0% 0% no-repeat;
}

input.on_step3{
background:url(images/on_step3.gif) 0% 0% no-repeat;
}

input.on_step4{
background:url(images/on_step4.gif) 0% 0% no-repeat;
}

input.on_step6{
background:url(images/on_step6.gif) 0% 0% no-repeat;
}

input.on_step7{
background:url(images/on_step7.gif) 0% 0% no-repeat;
}

input.back_step1,
input.back_step2,
input.back_step3,
input.back_step4,
input.back_step5,
input.back_step6{
width:140px;
height:35px;
text-indent:-9999px;
border:none;
}

input.back_step1:hover,
input.back_step2:hover,
input.back_step4:hover,
input.back_step5:hover{
background-position:0 -35px;
}

input.back_step1{
background:url(images/back_step1.gif) 0% 0% no-repeat;
}

input.back_step2{
background:url(images/back_step2.gif) 0% 0% no-repeat;
}

input.back_step3{
background:url(images/back_step3.gif) 0% 0% no-repeat;
}

input.back_step4{
background:url(images/back_step4.gif) 0% 0% no-repeat;
}

input.back_step5{
background:url(images/back_step5.gif) 0% 0% no-repeat;
}

input.back_step6{
background:url(images/back_step6.gif) 0% 0% no-repeat;
}

input.on_step5_offset,
input.on_step5_digital,
input.on_next_offset,
input.on_next_digital,
input.on_cart{
width:340px;
height:35px;
text-indent:-9999px;
border:none;
vertical-align:middle;
}

input.on_step5_offset:hover,
input.on_step5_digital:hover,
input.on_cart:hover{
background-position:0 -35px;
}

input.on_step5_offset{
background:url(images/on_step5_offset.gif) 0% 0% no-repeat;
}

input.on_step5_digital{
background:url(images/on_step5_digital.gif) 0% 0% no-repeat;
}

input.on_cart{
background:url(images/on_cart.gif) 0% 0% no-repeat;
}


/* --- データ入稿用 --- */

div#data_flow{
/*border:1px #ddd solid;*/
/*background-color:#fff5d6;*/
background-color:#f1f1f1;
margin:10px 10px !important;
padding:25px 10px 10px 10px !important;
}

div#data_flow ol{
margin-left:15px !important;
padding-left:0 !important;
}


div#data_flow ol li{
padding-bottom:10px;
padding-left:30px;
list-style:none;
background-position:left top;
background-repeat:no-repeat;
}

div#data_flow ol li#no1{background-image:url(images/data_no01.gif);}
div#data_flow ol li#no2{background-image:url(images/data_no02.gif);}
div#data_flow ol li#no3{background-image:url(images/data_no03.gif);}
div#data_flow ol li#no4{background-image:url(images/data_no04.gif);}

p#toorderform{
text-indent:-9999px;
padding-top:30px;
padding-bottom:30px;
background:url(images/toorderform.gif) 50% 50% no-repeat;
}


div#typeselect-data{
margin:0 20px 20px 20px !important;
}


div#typeselect-data h4{
margin:0 0 5px;
}

div#typeselect-data p.futo_type{
width:215px;float:left;
}

div#typeselect-data p.futo_type img{
margin-left:10px;
}

div#orderbox{
position:relative;
}


table#ordertable td{
padding:10px 15px !important;
}

table#ordertable p.futo_type{
width:200px;float:left;
/*background-color:#000;*/
margin:0 !important;
padding:0 !important;
}

table#ordertable p.futo_type img{
margin-left:0;
}

table#ordertable option{
padding-right:10px !important;
}


table.pricelist{
/*width:750px !important;*/
 /* ↑STEP4:印刷方法選択でレイアウトがおかしくなるのでNG！ */
}


table.pricelist td.totalprice{
font-size:14px;
background-color:#fff4cc !important;
}


div#typeselect-data p{
margin:5px;
}

div.typeexplan{
width:480px;
/*min-height:175px;height:auto !important;height:175px;*/
float:right;
margin:0 10px 0 0;
}

div.typeexplan p{
padding-bottom:5px;
}

div.typeexplan ul{
margin:0 !important;
padding:0 10px 10px 10px !important;
}

div.typeexplan li,
div#color li{
width:110px;
list-style-type:none;
float:left;
margin:0 0 5px;
}
div.typeexplan li img,
div.typeexplan li input,
div#color li img,
div#color li input{
vertical-align:middle;
margin-right:3px;
}

dl.colorlist{
padding-top:10px;
}



dl.colorlist li{
width:130px;
list-style-type:none;
float:left;
margin:0 0 5px;
vertical-align:middle;
font-size:10px;
}

dl.colorlist li img{
vertical-align:middle;
margin-right:3px;
}


dl.colorlist dt{
padding-bottom:7px;
}


div.typeexplain{
min-width:278px;width:auto !important;width:300px;
border:1px #ddd solid;
background-color:#f7f7f7;
padding:10px;
margin:0 10px 0 0;
float:right;
}

div#contentszone div.typeexplain p{
width:270px !important;
margin-bottom:0 !important;
padding-bottom:0 !important;
}

div#contentszone div.typeexplain select{
margin-bottom:10px !important;
}

div.typeexplain img{
margin:10px 5px 0 0;
}

div#contentszone div#color p,
div#contentszone div#papertype p,
div#contentszone div#addstr p,
div#contentszone div#colorzone p{
margin:0 !important;
padding:0 0 8px !important;
font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif !important;
}

div.selectarea{
border:1px #ddd solid;
background-color:#f7f7f7;
padding:10px;
margin:0 10px 10px 0;
}

div#color ul{
/*background-color:#f1f1f1;*/
border:1px #ddd solid;
background-color:#f7f7f7;
margin:0 10px 0 0 !important;
padding:15px 10px 10px 10px !important;
}


div#color li img{
border:1px #6196b4 solid;
}

div#typeselect-data p.type-next{
clear:both;
text-align:right;
/*padding:30px 0 0 0;*/
}

p.type-next{
padding:10px 0 20px 0;
text-align:right;
clear:both;
}


p.intocart{
margin-top:15px !important;
padding:10px 0 20px 0;
text-align:right;
clear:both;
}


input.on_next_type,
input.on_next_attach,
input.on_next_color,
input.on_next_offset,
input.on_next_digital{
width:340px;
height:35px;
text-indent:-9999px;
border:none;
}

input.on_next_type{
background:url(images/on_next_type.gif) 0% 0% no-repeat;
}

input.on_next_attach{
background:url(images/on_next_attach.gif) 0% 0% no-repeat;
}

input.on_next_color{
background:url(images/on_next_coro.gif) 0% 0% no-repeat;
}

input.on_next_offset{
background:url(images/on_next_offset.gif) 0% 0% no-repeat;
}

input.on_next_digital{
background:url(images/on_next_digital.gif) 0% 0% no-repeat;
}

div#colorlist-data{
margin:10px 20px;
padding:10px 0;
border:solid 3px #ccc;
}

div#colorlist-data p.addition{
padding-bottom:10px;
}

div#colorlist-data ul{
padding-bottom:10px;
}

div#colorlist-data li{
list-style-type:none;
width:160px;
float:left;
margin:0 2px 3px;
}

div#colorlist-data li img,
div#colorlist-data li input{
vertical-align:middle;
margin-right:3px;
}

div#pcolorselect-data{
margin:0 10px;
padding-bottom:0;
}

div#pcolorselect-data div#color-select{
height:65px;
padding:5px 0;
background-color:#efefef;
border:solid 1px #aaabab;
}

div#pcolorselect-data div.pcolor-data,
div#pcolorselect-data div.pcolor-data-last{
min-width:188px;max-width:188px;width:auto !important;width:189px;
float:left;
margin:0;
min-height:65px;height:auto !important;height:65px;
border-right:dashed 1px #aaabab;
}

div#pcolorselect-data div.pcolor-data-last{
border:none;
}

div#pcolorselect-data div.pcolor-data p,
div#pcolorselect-data div.pcolor-data dl{
margin:5px;
}

div#pcolorselect-data div.pcolor-data dt{
padding-left:10px;
}

div#pcolorselect-data div.pcolor-data dd{
padding:8px 0;
}

div#pcolorselect-data div.pcolor-data-last dd{
padding-top:8px;
}

div.pcolor-data input{
vertical-align:middle;
margin-right:3px;
}

div#pcolorselect-data optgroup{
color:#36f;
font-style:normal;
}

div#pcolorselect-data option{
padding-left:10px;
color:#000;
}


/* --- データ入稿/追加 --- */

div#data_convenience{
width:auto;
margin:0 !important;
float:right;
}

div#data_convenience p img{
margin-bottom:10px;
}

ul.regulations{
margin:5px 15px !important;
padding:10px 15px;
border:solid 2px #f97568;
list-style-position:inside !important;
}

table.spec_option{
width:740px;
text-align:center;
font-size:12px;
}

div#color-select p select{
margin:5px;
vertical-align:middle;
}

div#color-select p select{
margin:5px;
vertical-align:middle;
}


/*
div#orderflow_top h4{ background-image:url(images/no_0.gif); }
div#orderflow_01 h4{ background-image:url(images/no_1.gif); }
div#orderflow_02 h4{ background-image:url(images/no_2.gif); }
div#orderflow_03 h4{ background-image:url(images/no_3.gif); }
div#orderflow_04 h4{ background-image:url(images/no_4.gif); }
div#orderflow_05 h4{ background-image:url(images/no_5.gif); }
div#orderflow_06 h4{ background-image:url(images/no_6.gif); }
div#orderflow_07 h4{ background-image:url(images/no_7.gif); }
div#orderflow_08 h4{ background-image:url(images/no_8.gif); }
div#orderflow_09 h4{ background-image:url(images/no_9.gif); }
div#orderflow_10 h4{ background-image:url(images/no_10.gif); }
div#orderflow_11 h4{ background-image:url(images/no_11.gif); }
div#orderflow_12 h4{ background-image:url(images/no_12.gif); }


*/


/* --- 選択ラジオボタン配置調整 --- */

div#contentszone input[type="radio"]{
vertical-align:middle;margin-right:3px;
}

div#contentszone label{
margin-left:2px;
}


/* ----- トップページ ----- */

div#maincontent{
margin:0 !important;
padding:0 !important;
}

div#maincontent div#pagetop{
margin-bottom:10px;
width:780px;
height:140px;
background:url(images/futo_top_bg.jpg) no-repeat 0 0 transparent;
}

div#maincontent div#pagetop p{
padding-top:125px;
}

div#maincontent h3,
div#maincontent h4{
margin:0 !important;
padding:0 !important;
border:none !important;
background:none !important;
}


div#advertisement{
width:740px;
height:160px;
background:url(images/futo_advertisement.gif) no-repeat 0 0 transparent;
margin:0 0 0 20px !important;
padding:0 !important;
}

div#advertisement p{
margin:0 !important;
padding:10px 25px 0 0 !important;
}

div#maincontent div#menu_list{
margin:0 0 0 20px;
height:340px;
clear:both;
}

div#maincontent div h3{
height:75px;
}

div#maincontent div h3 a,
div#maincontent div p.goto a{
display:block;height:100%;width:100%;
text-indent:-9999px;
}

div#maincontent div p.goto{
margin:0 !important;padding:0 !important;
min-height:30px;max-height:30px;height:30px;
}

div#maincontent div p.desc{
width:250px;
}


div#maincontent div.menu-1,
div#maincontent div.menu-3{
width:360px;height:150px;float:left;
margin:10px 20px 10px 0;
}

div#maincontent div.menu-2,
div#maincontent div.menu-4{
width:360px;height:150px;float:left;
margin:10px 0 10px 0;
}


div#maincontent div.menu-1{background:url(images/menu-1_bg.gif) no-repeat 0 0 transparent;}
div#maincontent div.menu-2{background:url(images/menu-2_bg.gif) no-repeat 0 0 transparent;}
div#maincontent div.menu-3{background:url(images/menu-3_bg.gif) no-repeat 0 0 transparent;}
div#maincontent div.menu-4{background:url(images/menu-4_bg.gif) no-repeat 0 0 transparent;}

div#convenience{
height:80px;
margin:30px 0 0 20px !important;
padding:0;
clear:both;
}

div#convenience p{
margin:0;
padding:0;
}

div#convenience p img{
margin-right:10px;
float:left;
}

div#guidemenu{
height:auto;
margin-top:40px;
padding:0;
clear:both;
}

ul#notes{
padding-bottom:40px;
}


/* トップページここまで */

/* 表 */

div#contentszone table,
div#contentszone table#payment,
div#contentszone table#handlingfee,
div#contentszone table.pricelist,
div#contentszone table.selected{
border:solid 1px #aaabab;
border-collapse:collapse;
border-spacing:0;
font-size:12px;
margin:10px 15px 15px 15px;
color:#393636;
font-family: Verdana, Arial, sans-serif;
}

div#contentszone table thead th{
background-color:#f2f2f2;
}

div#contentszone table thead th,
div#contentszone table tbody th{
font-weight:normal;
text-align:center;
padding:6px 15px;
border:solid 1px #aaabab;
}

div#contentszone table td{
padding:6px 15px;
border:solid 1px #aaabab;
}


/* 価格表 */

div#contentszone table.pricelist caption,
div#contentszone table.selected caption{
font-size:14px !important;
color:#393636;
text-align:left;
}

div#contentszone table.pricelist thead th{
font-weight:normal;
text-align:center;
padding:6px 30px;
background-color:#f2f2f2;
}

div#contentszone table.pricelist td,
div#contentszone table.pricelist th{
border:solid 1px #aaabab;
text-align:center;
}

div#contentszone table.pricelist tbody th{
padding:6px 30px;
font-weight:normal;
}

div#contentszone table.pricelist tbody td{
color:#cc0000;
font-weight:bold;
}



/* 見出し */

div#contentszone h3{
margin:30px 10px 10px 10px;
padding:6px 8px 4px 8px;
clear:both;
}

div#contentszone h4{
width:auto;
background:none;
border-bottom:solid 1px #666;
margin:30px 10px 10px 10px;
padding:5px 0 5px 8px;
clear:both;
}

div#contentszone h5{
width:auto;
background-color:#036;
color:#fff;
margin:25px 10px 5px 10px;
padding:8px 0 8px 15px;
clear:both;
}

/*
div#contentszone label{
padding:2px 4px;
vertical-align:middle;
}
*/
div#contentszone label:hover{
background-color:#c6e6ed;
}

.attention{
color:#cc0000 !important;
font-weight:bold;
}

span.price{
color:#e8390d;
font-weight:bold;
font-family: Verdana, Arial, sans-serif;
}

select.lotselect{
vertical-align:middle;
font-size:18px;
font-family: Verdana, Arial, sans-serif;
}


div#contentszone p.topbar{
margin:0 10px;
padding:0;
}


/* クイック作成見出し h2 */

div#quick_step1 h2,
div#quick_step2 h2,
div#quick_step3 h2,
div#quick_step4 h2,
div#quick_step5 h2,
div#quick_step6 h2,
div#quick_step7 h2,
div#quick_cart h2,
div#quick_customer h2,
div#quick_confirmation h2,
div#order_completion h2{
height:30px;
text-indent:-9999px;
border:none;
margin:22px 0px 15px 0px;
padding:0;
}

div#quick_step1 h2{
background:url(images/title_step_01.gif) 0% 0% no-repeat;
}

div#quick_step2 h2{
background:url(images/title_step_02.gif) 0% 0% no-repeat;
}

div#quick_step3 h2{
background:url(images/title_step_03.gif) 0% 0% no-repeat;
}

div#quick_step4 h2{
background:url(images/title_step_04.gif) 0% 0% no-repeat;
}

div#quick_step5 h2{
background:url(images/title_step_05.gif) 0% 0% no-repeat;
}

div#quick_step6 h2{
background:url(images/title_step_06.gif) 0% 0% no-repeat;
}

div#quick_step7 h2{
background:url(images/title_step_07.gif) 0% 0% no-repeat;
}

div#quick_cart h2{
background:url(images/title_step_cart.gif) 0% 0% no-repeat;
}

div#quick_customer h2{
background:url(images/title_step_customer.gif) 0% 0% no-repeat;
}

div#quick_confirmation h2{
background:url(images/title_confirmation.gif) 0% 0% no-repeat;
}

div#order_completion h2{
background:url(images/title_order_comp.gif) 0% 0% no-repeat;
}


/* 封筒サイズ */

div#futo_size div{
margin:15px 0 !important;
padding:0 !important;
width:195px;
height:auto;
float:left;
text-align:center;
} 

div#futo_size div dl{
font-size:12px;
padding-bottom:5px;
}

div#futo_size div dl dt{
float:left;
} 

div#futo_size p.sizelist{
height:220px;
}

div#futo_size p.sizelist_yoko{
height:109px;
vertical-align:bottom !important;
}

div#futo_size p.sizelist img,
div#futo_size p.sizelist_yoko img{
padding:5px 0;
}

div#futo_size div dl dd.in_paper{
margin:0 0 0 5px !important;
text-align:left;
clear:both;
color:#600;
} 


/* 封筒の種類 */

div#futo_kind p.otherfuto{
padding-left:30px !important;
float:left;
}

div#futo_kind p.otherfuto img{
margin:5px;
}

div.futo_color_list{
width:460px;
height:auto;
margin:10px 15px 10px 0;
float:right;
padding:10px 0;
/*background-color:#f2f2f2;*/
}

div#futo_kind ul{
/*margin:10px 15px 10px 0;*/
padding:10px 0 10px 0 !important;
list-style:none;
font-size:12px;
}

div#futo_kind ul li{
width:80px;
padding:5px 0 0 0;
text-align:left;
float:left;
}


/* 封筒の仕様・付属 */

div#futo_spec table{
width:760px !important;
text-align:center;
font-size:12px;
margin-right:-15px;	/* STEP3がIE6でカラム落ちしていたので追加 */
}

table.attachment{
margin:10px 15px 15px 15px;
color:#393636;
}

table.attachment thead th,
table.attachment tbody th{
font-weight:normal;
text-align:center;
padding:3px !important;
border:solid 1px #aaabab;
background-color:#f2f2f2;
}

table.attachment td{
padding:3px !important;
border:solid 1px #aaabab;
}



/* 印刷書体 */

div#futo_font{
padding:10px 0 !important;
} 

div#futo_font table{
text-align:center;
}

div#futo_font table tbody th{
padding:10px 20px;
}


 /* レイアウト */

div#layout_k2 p.layoutlist,
div#layout_k3 p.layoutlist{
padding:10px 20px;
float:left;
text-align:left;
}

div#layout_k2 p.layout_yoko,
div#layout_k3 p.layout_yoko{
padding:10px 5px;
float:left;
text-align:left;
}

div#layout_n3 p.layoutlist,
div#layout_n4 p.layoutlist{
margin:5px 5px;
padding:10px 10px;
float:left;
text-align:left;
}

div#layout_n3 p.layout_yoko,
div#layout_n4 p.layout_yoko{
margin:5px 5px;
padding:10px 5px;
float:left;
text-align:left;
}

div#layout_n3yoko p.layoutlist,
div#layout_n3selo p.layoutlist{
margin:5px 20px;
padding:10px 0;
float:left;
text-align:left;
}

div#layout_n3yoko p.layout_yoko,
div#layout_n3selo p.layout_yoko{
margin:5px 20px;
padding:10px 0;
float:left;
text-align:left;
}

div#futo_size p.layoutlist img,
div#futo_size p.layout_yoko img{
padding:5px 0;
}


 /* 印刷色 */

div.printcolor{
height:auto;
}

div.printcolor ul{
margin:0;
padding:10px 0;
list-style:none;
font-size:12px;
}

div.printcolor li{
margin:0;
padding:5px 35px 5px 15px;
text-align:left;
float:left;
}


 /* オプション印刷色 */

div#optioncolor{
margin:10px;
padding:5px 0;
background-color:#f4f4f4;
border:dashed 1px #999;
}


 /* ロゴマーク */

div#logomake{
/*width:460px;*/
margin:10px 10px 20px 10px;
padding:10px 5px;
background-color:#fdfdd6;
}


 /* 印刷書体 */

div#futo_font p{
margin:0;
padding:10px 15px;
float:left;
text-align:left;
}


 /* 印刷内容をご指定 */

div#print_entry table{
border:solid 2px #fff !important;
}

div#print_entry table th{
width:120px;
padding:10px 25px;
background-color:#cae2fa;
border:solid 2px #fff !important;
 /* font-weight:bold !important; */
text-align:left;
}

div#print_entry table td{
border:solid 2px #fff !important;
background-color:#e7e7e7;
padding:6px 15px;
}


 /* 追加印刷オプション */

div#futo_option div{
margin:0 15px;
}

div#futo_option div img{
padding:3px 0;
}

div#futo_option div.option_mark1 p{
width:130px;
margin:10px 5px;
padding:0;
float:left;
text-align:left;
}

div#futo_option div.option_mark2 p{
width:135px;
margin:10px 5px;
padding:0;
float:left;
text-align:left;
}

div#futo_option div.option_other p{
width:180px;
margin:10px 3px;
padding:0;
float:left;
text-align:left;
}

div#futo_option div.option_other2 p{
margin:10px 20px 10px 3px;
padding:0;
float:left;
text-align:left;
}


div#futo_option p.optionmarktip{	/* 印刷イメージを見る */
/*clear:both;text-align:right !important;*/
width:auto !important;
margin:5px 0 !important;
float:right !important;
}


 /* 追記 */

div#bikouarea{
margin:10px;
}


 /* 選択内容確認 */

div#print_selection table{
width:auto;
border:solid 3px #fff;
}

div#print_selection table th{
margin:5px;
padding:10px 30px;
background-color:#cae2fa;
border:solid 3px #fff;
font-weight:bold;
text-align:left;
}

div#print_selection table td{
padding:5px 15px;
border:solid 3px #fff;
background-color:#f0eee3;
}


 /* 印刷方式 */

div#print_method div.offset_print{
width:380px;
float:left;
}

div#print_method div.digital_print{
width:380px;
float:right;
}

div#print_method div.offset_print table,
div#print_method div.digital_print table{
width:330px;
text-align:center;
margin:0 0 10px 25px;
}

div#print_method div.offset_print caption,
div#print_method div.digital_print caption{
text-align:left;
padding-top:15px;
}

div#print_method div.offset_print div,
div#print_method div.digital_print div{
height:200px;
padding-top:15px;
}

div#print_method ul{
margin-top:15px;
}


 /* テンプレート */

div.futo_temp h4{
background:url(images/futo_temp.gif) 0% 0% no-repeat;
}

a.dl_btn{
display:block;
width:200px;
height:35px;
margin:0 auto;
text-indent:-9999px;
background:url(images/dl_btn_hover.gif) 0% 0% no-repeat;
}

a.dl_btn:hover{
background-position:0 -35px;
}


 /* 封筒サイズ-ガイド */

div.futo_sizelist table.selected{
float:left;
}

div.futo_sizelist table.selected caption{
padding-top:15px;
text-align:left;
}


/*=== バージョンページ ===*/

div#contentszone dl.version dt{
width:8em;
float:left;
padding-left:0.5em;
padding-bottom:0.5em;
font-weight:bold;
color:#4e2d0f;
}

div#contentszone dl.version dd{
margin-left:10em !important;
padding-bottom:10px;
}


/*=== 画面キャプチャ作成ページ ===*/

div#contentszone ol.about_template img.key{
margin:10px 0 10px 20px;
}

div#contentszone ol.about_template{
margin:15px 0 0 25px;
}

div#contentszone ol.about_template li{
list-style-position:outside;
margin:10px 0;
padding:10px 0;
border-top:1px #ccc dashed;
}

div#contentszone ol.about_template img.floatleft{
margin:5px 10px 15px 0;
}


/*=== ステップナビ ===*/

div.stepnavi img,
div.stepnavi input{
margin:5px 6px;
}


/*=== データ入稿で作成 ===*/

div.print_c_select ul{
margin:0 10px !important;
padding:0 !important;
list-style:none;
text-align:center;
}

div.print_c_select li{
width:63px;
padding:10px 0 5px 0;
float:left;
}


/*=== 内容確認 枚数選択（step7) ===*/

div#print_selection table.confirmation{
width:750px;
border:solid 3px #fff;
}

div#print_selection table.confirmation th{
width:110px;
padding:5px 30px;
color:#fff;
background-color:#3fb2eb;
border:solid 2px #fff;
/*font-weight:bold;*/
text-align:center;
}

div#print_selection table.confirmation td{
width:auto;
padding:5px 15px;
border:solid 2px #fff;
background-color:#e7e7e7;
}

div#sheets_select{
margin:10px 0 20px 0;
}


/*=== コンタクトエリア ===*/

div#contactzone{
margin:30px 0;
padding:10px 20px;
/*border:double 3px #ccc;*/
background-color:#f2f2f2;
clear:both;
}

div#contactzone p{
font-size:12px;
line-height:135%;
}

div#contactzone a{
color:#555;
text-decoration:underline;
}

div#contactzone a:hover{
color:#f00;
text-decoration:none;
}

div#contactzone p.floatleft img{
margin-right:10px;
}

div#contactzone p.floatright img{
margin-left:10px;
}

div#contactzone p.attention{
font-weight:normal;
color:#e8390d;
}

div#contactzone h4{
margin-top:0px !important;
margin-bottom:3px;
font-size:14px !important;
padding:2px 5px 0 15px;
min-height:14px;height:auto !important;height:16px;/* min-height fast hack */
background:url(/images/contents_h4_bg.gif) 0 50% no-repeat;
font-weight:bold;
color:#393636;
}

div#contactzone div.item,
div#contactzone div.delivery_detail{
border:2px #ccc solid;
padding:10px;
background-color:#fff;
margin-bottom:10px;
}

div#contactzone div.item p{
margin:0;
padding:5px;
}

div#contactzone div.delivery_detail p{
padding:10px 0 0 0;
}

div#contactzone div.contactleft{
float:left;
width:360px;
}

div#contactzone div.contactright{
float:right;
width:360px;
}

div#contactzone div.contactright div.item,
div#contactzone div.contactleft div.item{
min-height:99px;height:auto !important;
height:123px;/* min-height fast hack */
}


div.delivery_detail p.floatright{
margin:0 !important;
padding:10px 10px 0 0 !important;
}

div.delivery_detail p.deliv{
width:350px;
padding:8px 10px !important;
border:1px #999 solid;
}

div#contactzone h4{
margin-top:5px !important;
margin-bottom:3px !important;
padding:2px 5px 0 16px !important;
min-height:14px;height:auto !important;height:16px;/* min-height fast hack */
background:url(images/contents_h4_bg.gif) 0 50% no-repeat !important;
border:none !important;
}


/*=== その他ガイド ===*/

div#other_guide{
padding-right:20px;
margin-bottom:15px;
}

div#other_guide ul{
margin:0;
padding:15px 0 10px 0;
list-style:none;
}

div#other_guide ul li{
padding-left:12px;
float:right;
}


/*=== よくあるご質問 ===*/

div#faqinfo dt{
min-height:20px;height:auto !important;height:33px;
color:#036;
font-size:14px;
padding:10px 0 3px 35px;
border-bottom:dashed 1px #aaa;
background:url(images/faq-question.gif) no-repeat 0 0 transparent;
vertical-align:bottom;
}

div#faqinfo dd{
padding:3px 0;
margin-bottom:20px;
font-size:12px;
}

div#faqinfo dd a{
background:url(images/mark_link.gif) 0 0 no-repeat;
padding-left:14px;
text-decoration:none;
color:#06c;
font-weight:bold;
}

div#faqinfo dd address{
width:300px;
text-align:center;
background:#eeede5 none;
border:solid 1px #036;
margin:10px 0;
padding:9px;
}


/*=== 現在選択中の商品 ===*/

p.totalmoneyarea{
margin:15px 10px 5px 10px !important;
padding:10px 30px;
border:solid 2px #ccc;
font-size:14px !important;
}

p.totalmoneyarea span.attention{
font-size:16px;
font-weight:bold;
}

p.disclaimer{
margin:10px !important;
padding:10px;
background-color:#ffffe8;
}

table#cart_info{
width:760px;
margin:20px 10px !important;
text-align:center;
}

table#cart_info td{
padding:5px !important;
}

table#cart_info tr.totalzone th.resulttd{
text-align:right !important;
background-color:#f2f2f2;
}

table#cart_info tbody span.itemname,
table#cart_info tbody span.itemdetail{
background-color:#e9e9e9;
display:block;
width:100%;
padding:5px 0;
}

table#cart_info td ul{
text-align:left !important;
padding:0;
}

table#cart_info td.pricetd,
table#cart_info td.pricetd2{
width:120px !important;
}

table#cart_info tr.totalzone td.pricetd,
table#cart_info tr.totalzone td.pricetd2{
text-align:right !important;
padding:5px !important;
}

table#cart_info tr.totalzone td.pricetd em{
color:#ff0000;
font-weight:bold;
font-size:14px;
font-style:normal;
}

div.tblareabtn{
margin-bottom:30px;
}

div.tblareabtn p{
text-align:center;
}

table#cart_info tbody td.gomi_icon a{
display:block;
background:url(images/gomibako_hover.gif) no-repeat 0% 100% transparent;
width:30px !important;
height:55px !important;
margin:0 auto;
}

table#cart_info tbody td.gomi_icon a:hover{
background-position:100% 100%;
}


/*=== お客様情報・配送先入力 ===*/

p.preservation{
margin:10px 10px 0 10px !important;
padding:7px 20px;
border:solid 2px #ccc;
font-size:14px !important;
background-color:#ffffe8;
}

table#customer_info{
width:760px !important;
margin:20px 10px !important;
padding:0 !important;
text-align:left;
}

table#customer_info th{
width:170px !important;
padding-right:10px !important;
text-align:right !important;
background-color:#f2f2f2;
}

table#customer_info td{
padding:6px 12px !important;
}

table#customer_info td p{
margin:0 !important;
}

table#customer_info td img{
padding:5px 0 !important;
}

table#customer_info input,
table#customer_info label{
vertical-align:middle;
}

table#customer_info td input{
margin:3px 0;
}

div.formnotice{
border:solid 1px #b2e4e9;
background-color:#d6f4f7;
margin:5px 0;
padding:5px;
}

table#customer_info th.optionchk{
text-align:left !important;
width:680px !important;
padding:10px;
}

table#customer_info th.optionchk span.attention{
font-weight:bold;
}

div.payarea table.order_info{
font-size:12px;
}

div.payarea table.order_info tbody td.select{
width:45px !important;
text-align:center;
}

div.payarea02 table{
width:360px;
}

div.payarea02 table tbody th{
background-color:#f2f2f2;
}


/*=== ご注文内容確認 ===*/

div#completetext{
/*width:380px;*/
margin:10px 10px;
border:solid 2px #cc0000;
background-color:#ffecec;
padding:10px 5px;
text-align:left;
}

form#form1{
margin:0 !important;
}

form#form1 table#cart_info{
margin-top:0 !important;
}

table.order_confirm{
width:760px;
margin:5px 10px 20px 10px !important;
text-align:left;
font-size:12px;
clear:both;
}

table.order_confirm td{
padding:5px !important;
}

table.order_confirm tbody th{
width:180px !important;
background-color:#f2f2f2;
text-align:right !important;
}

table.order_confirm tbody td{
padding-left:15px !important;
}

div#estimate_dl{
margin:5px 125px 20px 125px;
padding:10px 0;
background-color:#f2f2f2;
border:solid 2px #cc0000;
text-align:center;
}

div#estimate_dl p{
text-align:left !important;
padding:5px 0;
}

div#estimate_dl input{
width:400px;
height:35px;
border:none;
}

<!--
p.estimate_dl{
padding:10px 20px;
}

p.estimate_dl input{
width:400px;
height:35px;
border:none;
text-indent:-9999px;
background:url(images/estimate_dl.gif) 0% 0% no-repeat;
}


p.estimate_dl input:hover{
background-position:0 -35px;
}
  -->

/*=== 送信完了:問い合わせ/サンプル請求 ===*/

div#contact_info{
margin:10px;
padding:10px;
background-color:#fff8ea;
border:solid 2px #ffda8a;
}



/* ----- エラーメッセージ ----- */

div.errmsg{
background-color:#f8eae6;
border:2px #f97568 solid;
margin:10px 10px 15px !important;
padding:15px !important;
}

div.noticemsg{
font-size:12px;
background-color:#f8eae6;
border:1px #f97568 solid;
margin:15px 15px 15px !important;
padding:10px !important;
}


/* 
ul.errmsg{
background-color:#f8eae6;
border:2px #f97568 solid;
margin:10px 10px 15px !important;
padding:15px !important;
}
 */


div.errmsg p{
padding-bottom:0 !important;
margin-bottom:0 !important;
font-size:14px !important;
font-weight:bold !important;
color:#e72b21 !important;
line-height:145% !important;
}

ul.errmsg li{
list-style:none !important;
font-size:14px;
font-weight:bold;
color:#e72b21;
}

/* -----  お支払方法 ----- */
p.paymethod{
padding:4px !important;
margin:0 !important;
background-color:#f1f1f1;
}

/* -----  ヒント ----- */
span.hint{
font-size:10px;
color:#555;
}

/* -----  配達時間帯等選択肢 ----- */
div.selectbox{
background-color:#f7f7f7 !important;
border:1px #ddd solid !important;
margin:10px 10px 15px !important;
padding:5px !important;
}

/* -----  納期表示 ----- */
div.delivday_dispbox{
background-color:#f7f7f7 !important;
border:1px #ddd solid !important;
margin:10px 10px 15px !important;
padding:5px !important;
}

div.delivday_dispbox p{
font-size:16px !important;
}


select.lotselect{
vertical-align:middle;
font-size:18px;
font-family: Verdana, Arial, sans-serif;
}
select.lotselect option{
padding:3px;
vertical-align:middle;
}


/* -----  ご注文の流れ ----- */

div#orderflow_top,div#orderflow_01,div#orderflow_02,div#orderflow_03,div#orderflow_04,div#orderflow_05,div#orderflow_06,div#orderflow_07,div#orderflow_08,div#orderflow_09,div#orderflow_10,div#orderflow_11,div#orderflow_12{
min-width:300px;width:auto !important;width:760px;/* min-width fast hack */
min-height:200px;height:auto !important;height:200px;/* min-height fast hack */
padding:0 0 0 350px;
margin:0 0 20px 10px;
background:0% 0% no-repeat;
}

div#orderflow_top h4,div#orderflow_01 h4,div#orderflow_02 h4,div#orderflow_03 h4,div#orderflow_04 h4,div#orderflow_05 h4,div#orderflow_06 h4,div#orderflow_07 h4,div#orderflow_08 h4,div#orderflow_09 h4,div#orderflow_10 h4,div#orderflow_11 h4,div#orderflow_12 h4{
min-width:210px;width:auto !important;width:240px;/* min-width fast hack */
min-height:30px;height:auto !important;height:30px;/* min-height fast hack */
padding-left:35px;
padding-top:auto !important;
padding-bottom:auto !important;
margin:0 10px 0 15px !important;
background:0% 0% no-repeat;
font-weight:bold;
font-size:14px;
border:none !important;
}

div#orderflow_top{ background-image:url(images/flow00_bg.gif); }
div#orderflow_01{ background-image:url(images/flow01_bg.gif); }
div#orderflow_02{ background-image:url(images/flow02_bg.gif); }
div#orderflow_03{ background-image:url(images/flow03_bg.gif); }
div#orderflow_04{ background-image:url(images/flow04_bg.gif); }
div#orderflow_05{ background-image:url(images/flow05_bg.gif); }
div#orderflow_06{ background-image:url(images/flow06_bg.gif); }
div#orderflow_07{ background-image:url(images/flow07_bg.gif); }
div#orderflow_08{ background-image:url(images/flow08_bg.gif); }
div#orderflow_09{ background-image:url(images/flow09_bg.gif); }
div#orderflow_10{ background-image:url(images/flow10_bg.gif); }
div#orderflow_11{ background-image:url(images/flow11_bg.gif); }
div#orderflow_12{ background-image:url(images/flow12_bg.gif); }

div#orderflow_top h4{ background-image:url(images/no_0.gif); }
div#orderflow_01 h4{ background-image:url(images/no_1.gif); }
div#orderflow_02 h4{ background-image:url(images/no_2.gif); }
div#orderflow_03 h4{ background-image:url(images/no_3.gif); }
div#orderflow_04 h4{ background-image:url(images/no_4.gif); }
div#orderflow_05 h4{ background-image:url(images/no_5.gif); }
div#orderflow_06 h4{ background-image:url(images/no_6.gif); }
div#orderflow_07 h4{ background-image:url(images/no_7.gif); }
div#orderflow_08 h4{ background-image:url(images/no_8.gif); }
div#orderflow_09 h4{ background-image:url(images/no_9.gif); }
div#orderflow_10 h4{ background-image:url(images/no_10.gif); }
div#orderflow_11 h4{ background-image:url(images/no_11.gif); }
div#orderflow_12 h4{ background-image:url(images/no_12.gif); }


/* -----  そのまま封筒作成 ----- */

ul.sonomama_list{
/*border:2px #e8340c solid;*/
background-color:#f2f2f2;
list-style-position:inside !important;
margin:0 15px 20px 20px !important;
padding:10px 20px !important;
}

ul.sonomama_list li{
font-size:14px;
line-height:160% !important;
}

dl.soufu{
width:440px;
margin-botton:20px;
padding:15px 30px !important;
background-color:#eeede5;
border:1px #d6d4c3 solid;
}

dl.soufu dt{
padding-bottom:10px;
}


/* ----- お知らせ・トップページ ----- */

div.information{
width:550px;
margin:30px 20px 0 20px;
border:solid 2px #cc0000;
background-color:#ffecec;
padding:5px;
text-align:left;
clear:both;
}


/* ----- 付属仕様（step3） ----- */

table.attachment_list{
width:auto;
border:none !important;
margin-top:0 !important;
margin-bottom:10px !important;
}

table.attachment_list thead th{
font-weight:bold !important;
text-align:left !important;
padding:5px 10px;
border:none !important;
background:none !important;
}

table.attachment_list tbody th{
width:130px;
font-weight:normal;
text-align:center;
padding:3px 0 !important;
background-color:#f2f2f2;
}

table.attachment_list td{
padding:10px 0 !important;
border:none !important;
text-align:center;
}


/* ----- 付属内容・オプションマークのツールチップ ----- */

div#envattachmentsguide{
font-size:12px;line-height:1.35;
}

div#envattachmentsguide p.attmntimg{
text-align:center;
}

div#envattachmentsguide dl.attmntexpl dt{
text-align:center;font-weight:bold;font-size:14px;padding:3px;
}

div#envattachmentsguide dl.attmntexpl dd{
font-size:12px;line-height:1.35;padding:5px 10px;
}


/* ----- その他 ----- */
table.floatleft,
table.floatright{
display:inline;
}



/* ----- 休暇前納期・休暇案内 ----- */

div#vacationinfo{
clear:both;
border:1px #ff95a9 solid;
margin:10px 20px;
padding:5px 7px;
background-color:#ffe4e1;
}

div#vacationinfo h4{
width:auto;
margin:0;
padding:3px 5px 2px 25px !important;
color:#565656;
border-bottom:solid 2px #f00 !important;
border-left:none;
background:url(/prinblogs_commonfiles/attention.gif) no-repeat 1px 1px #fff !important;
/* ↑背景画像（警告マーク）はPRIN共有のものなので上書き禁止 */
}

div#vacationinfo p{
margin:5px !important;
}

.failmsgform{
font-size:14px;
font-weight: bold;
}