@charset "utf-8";

/* 単独ブログ用CSS */
/* このブログでしか使わないスタイル設定はこのCSSに設定する。 */


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

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

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

/* 見出し */

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;
margin:25px 15px 5px 15px;
padding:8px 0 8px 15px;
font-size:14px;font-weight:normal;
clear:both;
background:url(images/contents_h4_bg.gif) 0 50% no-repeat;
}


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

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

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

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


/* ----- 共通 ----- */

span.price{
font-size:16px !important;
}

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

p.entrylink,
p.categorylink{	/* エントリー・カテゴリーへのリンク */
text-align:right !important;
clear:both;
}

div#contentszone p.top{	/* ページの先頭へ戻るリンク */
text-align:right;
margin:10px 20px 10px 0;
clear:both;
}


/* ========== コンテンツ下部の問い合わせ関連エリア ========== */

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

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

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 div.item,
div#contactzone div.delivery_detail{
margin-bottom:10px;
padding:10px;
border:2px #ccc solid;
background-color:#fff;
}

div#contactzone div.item p{
margin:0;padding:5px;
}
/*
div#contactzone div.delivery_detail p{
padding:10px 0 0 0;
}
*/
div#contactzone div.contactleft{	/* フォームでの問い合わせ */
width:360px;float:left;
}

div#contactzone div.contactright{	/* メール・TEL・FAXでの問い合わせ */
width:360px;float:right;
}

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#contentszone div#pagetop{
margin-bottom:10px;
width:780px;
height:205px;
background:url(images/meishi_top_bg.jpg) no-repeat 0 0 transparent;
}

div#contentszone div#pagetop p{
padding-top:185px;
}

/* ----- メインメニュー ----- */

div#maincontent{

}

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

div#maincontent div#menu_list{
margin:10px 0 0 20px;
height:360px;
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:325px;
}

div#maincontent div.menu-web_order p.desc{
color:#fff;
}

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

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

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

div#maincontent div.menu-guide ul,
div#maincontent div.menu-guide ul li{
list-style:none;
margin:0;padding:0;
}

div#maincontent div.menu-guide ul img{
vertical-align:bottom;
}

div#maincontent div.menu-guide ul li.payment_menu{
padding-bottom:10px;
}

div#maincontent div.menu-order{background:url(images/menu-order_bg.gif) no-repeat 0 0 transparent;}
div#maincontent div.menu-data{background:url(images/menu-data_bg.gif) no-repeat 0 0 transparent;}
div#maincontent div.menu-repeat{background:url(images/menu-repeat_bg.gif) no-repeat 0 0 transparent;}
div#maincontent div.menu-web_order{background:url(images/menu-web_order_bg.gif) no-repeat 0 0 transparent;}




/* ----- セールスポイント【新】 ----- */

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

div#salespoints dl{
margin:0 0 5px;
min-height:50px;height:auto !important;height:50px;
}

div#salespoints dt{
margin:0;padding:0;
width:220px;float:left;
}

div#salespoints dd{
margin:0;padding:10px 275px 10px 10px;
min-width:265px;max-width:265px;width:auto !important;width:550px;	/* 550-(275+10)=255 */
float:right;
font-size:12px;text-align:justify;text-justify:inter-ideograph;
}

div#salespoints dl#highquality   {background:url(images/sales_point01_bg.jpg) no-repeat 0 100% transparent;}
div#salespoints dl#paperlineup   {background:url(images/sales_point02_bg.jpg) no-repeat 0 100% transparent;}
div#salespoints dl#morelowcost   {background:url(images/sales_point03_bg.jpg) no-repeat 0 100% transparent;}
div#salespoints dl#quickdelivery {background:url(images/sales_point04_bg.jpg) no-repeat 0 100% transparent;}
div#salespoints dl#easyorder     {background:url(images/sales_point05_bg.jpg) no-repeat 0 100% transparent;}

div#salespoints dt a{
display:block;width:220px;height:50px;text-indent:-9999px;
}



/* ----- メニューバナー ----- */

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






/* ==========  ========== */

/* ----- 利用ガイドとサンプル請求のリンク ----- */

div#support_area{
margin:15px 0 20px 20px;
height:130px;
clear:both;
}

div#support_area p{
padding:0 0 10px 0;
margin:0;
}

div#support_area p.sample_guide{
text-align:right;
margin:5px 20px 0 0;
clear:both;
}

div#support_area img{
float:left;
margin-right:20px;
}

div#support_area img.last{
margin-right:0;
}





/* ----- 表 ----- */

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:15px 15px 10px 15px;
color:#393636;
font-family: Verdana, Arial, sans-serif;
width:740px;
}

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

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

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


/* 価格表 */

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

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

div#contentszone table.pricelist thead th{
text-align:center;
}

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

div#contentszone table.pricelist tbody th{
padding:5px 25px;
font-weight:normal;
height:30px;
text-align:center;
}

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

div#contentszone th img,
div#contentszone td img{
margin:0 10px;
vertical-align:middle;
}

div#contentszone table.pricelist tbody ul{
list-style:none;
margin:0 25px 0 0;
padding:30px 0 0 0;
}

div#contentszone table.pricelist tbody ul li{
margin:0;
padding:5px 0;
}

table del{
color:#999;
font-weight:normal;
padding-right:5px;
}





/* ----- リピート・データ入稿 数量割引・TPL DL・注文ボタンのセット ----- */

div.orderbox{
margin:20px 20px 30px 20px;
height:300px;
}

div.orderbox div.meishi_order{
width:306px;float:right;
}

div.orderbox div.discountprice{
width:350px;float:left;
}

div#contentszone div.meishi_order p{
margin:0 0 10px;
text-align:justify;
}

div#contentszone div.meishi_order img{
margin:10px 0 0 0;
}

div.discountprice table caption{	/* 【数量割引き料金】 */
padding:0 0 10px 0;
width:260px;
min-height:20px;height:auto !important;height:35px;
background:url(images/discount_price.gif) no-repeat 0 50% transparent;
text-indent:-9999px;
}

div.discountprice table{
width:345px;
}

div.discountprice table th{
padding:7px 5px !important;
text-align:center !important;
}

div.discountprice table tbody td{
font-size:16px;font-weight:bold;color:#cc0000;
text-align:center !important;
font-family: Verdana, Arial, sans-serif;
}

div.discountprice p{
margin:0 !important;padding:0 !important;
text-align:justify;
width:345px;
}


/* ########## 整理中 ▼ ########### */


/*=== 見積依頼ボタン ===*/

p.meishi_estimate{
margin:0;
border:none;
}

p.meishi_estimate a{
display:block;
margin:0;
width:306px;
height:106px;
text-indent:-9999px;
}

p.meishi_estimate a{
background:url(images/meishi_estimate.jpg) 0% 0% no-repeat;
}

p.meishi_estimate a:hover{
background-position:0 -106px;
}


/*=== 注文pdfボタン ===*/

p.meishi_order_pdf{
margin:0;
padding-top:15px;
border:none;
}

p.meishi_order_pdf a{
display:block;
margin:0;
width:306px;
height:106px;
text-indent:-9999px;
}

p.meishi_order_pdf a{
background:url(images/pdf_dl.gif) 0% 0% no-repeat;
}

p.meishi_order_pdf a:hover{
background-position:0 -106px;
}


/*=== データ入稿注文ボタン ===*/


p.meishi_order_data{
margin:20px 0 0 0;
padding:0;
border:none;
}

p.meishi_order_data a{
display:block;
margin:0;
width:306px;
height:106px;
text-indent:-9999px;
background:url(images/meishi_data_order.gif) 0% 0% no-repeat;
}

p.meishi_order_data a:hover{
background-position:0 -106px;
}

div.sonomama_order{
margin-right:20px;
width:306px;float:right;
}

div#contentszone div.sonomama_order p{
margin:0;
text-align:justify;
}

div#contentszone div.sonomama_order img{
margin:10px 0 0 0;
}

div.orderbox div.data_order p.explanation{
width:310px;
text-align:justify;
}

div#discount{
margin:5px 15px 20px 15px;
padding:10px 5px 15px 5px;
border:solid 5px #fcc101;
background-color:#fceeee;
}

div#discount table.pricelist{
width:auto;
}

div#discount table.pricelist td{
background-color:#fff;
}


/*=== リピート注文ボタン ===*/

p.meishi_order_repeat{
margin:0;
padding:0;
border:none;
}

p.meishi_order_repeat a{
display:block;
margin:0;
width:306px;
height:106px;
text-indent:-9999px;
background:url(images/meishi_repeat_order.gif) 0% 0% no-repeat;
}

p.meishi_order_repeat a:hover{
background-position:0 -106px;
}


/*=== 見積り例 ===*/


div.estimate{
margin:5px 15px 20px 15px;
padding:10px 5px 15px 5px;
border:solid 5px #fcc101;
background-color:#fceeee;
}

div.estimate_photo{
float:left;
width:300px;
}

div.estimate_ptable{
float:right;width:400px;
}

div.estimate_ptable td{
width:110px;
}

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

div.estimate p img{
margin:0 !important;
padding:0 !important;
float:left;
}

div.estimate table.pricelist caption{
font-size:14px !important;
padding:0 0 10px 15px !important;
color:#039 !important;
}

div.estimate table.pricelist{
margin:10px !important;
width:370px !important;
float:right;
}

div.estimate table.pricelist thead th{
font-weight:normal;
text-align:left;
padding:4px 5px !important;
background-color:#f2f2f2;
}

div.estimate table.pricelist tbody th,
div.estimate table.pricelist tbody td{
padding:3px 10px !important;
background-color:#fff;
}

div.estimate table.pricelist tbody td{
font-size:14px !important;
color:#393636 !important;
}

div.estimate table span.total_price{
font-size:16px !important;
color:#cc0000;
}

div.estimate table tr th.total{
padding:6px 0 !important;
text-align:center !important;
font-size:16px !important;
font-weight:bold !important;
background-color:#f2f2f2;
}


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


div#data_top{
margin-bottom:10px;
width:780px;
height:130px;
background:url(images/data_bg.jpg) no-repeat 0 0 transparent;
}

div#data_top p{
padding-top:50px;
width:310px;
}

div.printselect ul{
margin:10px 0;
background-color:#e9e9e9;
width:560px;
height:30px;
}

div.printselect ul li{
color:#fff !important;
float:left;
padding:5px 20px;
list-style:none;
text-align:center;
}



/* -----  そのまま名刺作成 ----- */


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

div#new_layout_top p{
padding-top:80px;
width:320px;
}

ul.sonomama_list{
border:2px #c60 solid;
background-color:#ffca95;
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:300px;
margin-bottom:20px;
padding:15px 20px !important;
background-color:#eeede5;
border:1px #d6d4c3 solid;
float:left;
}

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


/*=== リピート注文 ===*/


div#repeat_top{
margin-top:10px;
padding:0 !important;
width:780px;
height:130px;
background:url(images/repeat_bg.jpg) no-repeat 0 0 transparent;
}

div#repeat_top p{
padding-top:50px;
width:280px;
}


/* -----  デザインサンプル名刺作成 ----- */


div#design_sample_top{
margin-bottom:10px;
width:780px;
height:130px;
background:url(images/design_sample_bg.jpg) no-repeat 0 0 transparent;
}

div#design_sample_top p{
padding-top:100px;
}



/* ご利用ガイド */


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

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;
}


/*=== 用紙について ===*/

div#paperlineup table{
width:740px;
}

div#paperlineup table tbody th{
width:180px;
}

div#paperlineup table tbody td.quality{
width:320px;
}

div.paperselect ul{
margin:10px 0;
background-color:#e9e9e9;
width:560px;
height:30px;
}

div.paperselect ul li{
color:#fff !important;
float:left;
padding:5px 20px;
list-style:none;
text-align:center;
}


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

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;
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); }



 /* テンプレート */

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#other_guide{
padding-right:20px;
}

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#commoditydetail div#specdetail{
width:360px;
margin:5px 0 0 0 !important;
padding:0 !important;
float:right;
}

div#commoditydetail div#specdetail p{
height:60px;
margin:0 !important;
padding:0 !important;
}

div#commoditydetail div#specdetail h3{
margin:0 !important;
padding:6px 5px 6px 12px !important;
border-left:none;
border-bottom:3px double #14569d;
background:none;
/* background-color:#fc0; */
}

div#specdetail dl{
margin:5px 0 0 0 !important;
padding:0 !important;
font-size:12px !important;
}

div#specdetail dt{
float:left;
text-align:right;
color:#444 !important;
width:100px;
padding:5px 2px 0 0 !important;
font-weight:bold !important;
}

div#specdetail dl dd{
float:left;
width:220px;
margin:0 !important;
padding:5px 0 5px 15px !important;
border-bottom:1px #ddd solid;
}

div#commoditydetail div#spec_area{
margin:0 10px 20px 0 !important;
padding:0 20px 0 0 !important;
}

/* --- 名刺画像 --- */

div#commoditydetail div#photo_area{
width:360px;
float:left;
}

div#commoditydetail div#photo_area_l_side{
width:250px;
float:left;
padding-left:50px;
}

/*
div#commoditydetail div#photo_area_l_side p img{
margin:0;
padding:0;
border:outset 1px #ccc;
}
*/

div#commoditydetail div#photo_area_l_side p.zoom{
border:none;
}


/* --- 名刺価格・書き換え --- */

div#pricelist{
width:230px;
margin:12px 0 0 0 !important;
padding:0 0 0 5px !important;
float:left;
}

div#pricelist p{
margin:0 !important;
padding:5px 0 0 10px !important;
text-align:justify;
text-justify:inter-ideograph;
}

div#pricelist table{
width:230px;
margin:0 0 0 10px !important;
padding:0 !important;
text-align:center !important;
}

div#pricelist table tbody th{
padding:7px 5px !important;
text-align:right !important;
}

div#pricelist table tbody td{
color:#cc0000;
font-weight:bold;
font-size:14px;
}

div#pricelist div.discountprice{
margin-top:30px;
}

div#cmdtdesc{
width:500px !important;
margin:0 !important;
padding:15px 15px 0 0 !important;
float:right;
}

table#customer_info{
margin:0 !important;
padding:0 !important;
width:100% !important;
}

table#customer_info tbody th{
padding:5px 10px !important;
width:100px !important;
}

table#customer_info th.title{
width:480px !important;
padding:10px !important;
text-align:left !important;
/* background-color:#666 !important; */
color:#333 !important;
background-image:url(images/spec_img_bg.gif);
}

table#customer_info thead th.title{
font-weight:bold !important;
font-size:14px !important;
}

span.mini{
font-size:10px;
font-weight:normal;
color:#666;
padding-left:3px;
}

/* --- キャプション画像置換 --- */

div#pricelist table caption{
width:230px;
padding:0 0 15px 0 !important;
}

div#pricelist div.sampleprice table caption{	/* 【サンプルデザイン名刺料金】 */
background:url(images/sample_price.gif) no-repeat 50% 0 transparent;
text-indent:-9999px;
}

div#pricelist div.discountprice table caption{	/* 【数量割引き料金】 */
background:url(images/discount_price.gif) no-repeat 50% 0 transparent;
text-indent:-9999px;
}

/* --- カートに入れる --- */

div#cmdtputincart p{
padding:15px 0;
text-align:center;
}

/* --- 注意 --- */

/*
div.chuui{
background-image:url(images/chuui_bg.gif);
background-position:left center;
background-repeat:no-repeat;
height:67px !important;
width:500px;
padding:0 15px 0 0;
color:#555;
font-size:12px;
float:right;
}

div.chuui p{
position:relative;
width:490px;
margin:0 !important;
padding:27px 0 0 11px !important;
}
*/


/* --- テンプレート注意 --- */

div.tmpl_chuui{
background-image:url(images/tmpl_chuui_bg.gif);
background-position:left center;
background-repeat:no-repeat;
height:80px !important;
width:740px;
margin:10px 0 15px 25px;
padding:0;
color:#555;
font-size:12px;
}

div.tmpl_chuui p{
margin:0;
padding:30px 0 0 5px;
}

table.tmpl_dl th{
padding:8px 0;
font-size:16px !important;
}

table.tmpl_dl td p.floatleft span.attention{
margin:8px 0;
font-size:16px;
}

table.tmpl_dl p.floatleft{
text-align:center;
}

table.tmpl_dl p.floatleft img{
margin-bottom:8px !important;
}

table.tmpl_dl td{
padding:15px 0 !important;
}

table.tmpl_dl p.dl_icon{
margin:0;
padding:12px 0 0 0;
}



/* --- ディスカウント注意 --- */

div.discountprice ul{
background:url(images/price_chuui_bg.gif) 0 0 no-repeat;
height:90px;
width:345px;
margin:0 0 0 25px !important;
padding:32px 20px 0 0 !important;
color:#555;
font-size:12px;
}

div.discountprice ul li{
margin:0 0 0 25px;
padding:0;
/*list-style-position:inside;*/
}

p#toorderform{
height:60px;
text-indent:-9999px;
background:url(images/toorderform.gif) 0 20% no-repeat;
}

p.zoom{
width:130px;
margin-top:10px;
}

p.zoom a{
width:auto;
display:block;
padding:10px 0 0 25px;
background:url(images/form_kakudai.gif) 0 100% no-repeat;
}


/* ----- ガイド・デザインサンプル一覧カテゴリのエントリー一覧表示 ----- */

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

div#design_list div.designgroup div{
/*border:solid 1px #ccc;*/
width:190px;
height:auto;
/*max-width:190px;*/
float:left;
margin:4px 0 15px 0;
/*min-height:120px;height:auto !important;height:120px; /* min-height fast hack */
padding:0;
/*background-color:#666;*/
}

div#design_list div.designgroup{
width:auto;
margin:0 0 5px 10px !important;
paddin:0 !important;
}

div#design_list h3{
height:36px;
margin:0 0 5px 0 !important;
padding:7px 0 0 35px !important;
color:#666;
border:none;
background:none;
background:url(images/title_mark.gif) no-repeat 0 0 transparent;
}

div#design_list h3.ranking{
padding:9px 0 0 35px !important;
color:#333;
background:url(images/title_ranking_mark.gif) no-repeat 0 0 transparent;
}

div#design_list h4{
margin:0 !important;
padding:0 0 5px 12px !important;
border:none;
background:none;
width:auto;
font-size:10px;
font-weight:normal;
}

div#design_list h4 a{
text-decoration:none !important;
}

div#design_list p{
margin:0;
text-align:justify;text-justify:inter-ideograph;
text-align:center;
}

div#design_list p.rank{
margin-top:3px;
color:#ff1493;
font-weight:bold;
}

div#design_list p img{
margin:0;
paddin:0;
text-align:center !important;
/*border:outset 1px #ccc;*/
}

div#design_list div p.detail{
width:170px;
margin:8px 0 0 10px;
}

div#design_list div p.detail a{
display:block;
width:170px;
height:32px;
float:right;
text-indent:-9999px;
background:url(images/btn_todetail.gif) no-repeat 0 0 transparent;
}

div#design_list div p.detail a:hover{
background-position:0 -32px;
}


/* --- フロート要素を含む親要素にclearfixを適用 --- */




div#calendarnav:after,
div#entrieslist:after,
div#design_list:after,
p#item_menu:after,
div#useexample:after,
div#make_method:after,
div#noshi:after,
div.nameprintspec:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

div#calendarnav,
div#entrieslist,
div#design_list,
p#item_menu,
div#useexample,
div#make_method,
div#noshi,
div.nameprintspec{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html div#calendarnav,
* html div#entrieslist,
* html div#design_list,
* html p#item_menu,
* html div#useexample,
* html div#make_method,
* html div#noshi,
* html div.nameprintspec{height: 1%;}

div#calendarnav,
div#entrieslist,
div#design_list,
p#item_menu,
div#useexample,
div#make_method,
div#noshi,
div.nameprintspec{display: block;}
/* End hide from IE-mac */




/* ----- 名刺デザインサンプル一覧 ----- */


div#sample_menu{
margin:10px 0 25px 10px;
padding:0;
background:url(images/sample_menu_bg.gif) no-repeat 0 82% transparent;
}

div#sample_menu h4{
border:none !important;
height:70px;
margin:0;
padding:0;
}

div#sample_menu div h4 a{
display:block;
height:70px;
width:100%;
text-indent:-9999px;
}

div#sample_menu div.vertical_list h4{
border:none !important;
height:125px;
margin:0;
padding:0;
}

div#sample_menu div.vertical_list h4 a{
display:block;
height:125px;
width:100%;
text-indent:-9999px;
}

div#sample_menu div#sample_list{
margin:0 0 0 24px !important;
padding:0 !important;
}

div#sample_menu div.design_list,
div#sample_menu div.monokuro_list{
margin:8px 15px 0 0 !important;
padding:0 !important;
}

div#sample_menu div.business_list{
margin:8px 15px 0 0 !important;
padding:0 !important;
}

div#sample_menu div.vertical_list{
margin:8px 0 0 0 !important;
padding:0 !important;
width:114px;
height:200px;
float:left;
}

div#sample_menu div p.desc{
margin:0;
padding:0 10px;
text-align:justify;
text-justify:inter-ideograph;
font-size:12px;
}

div#sample_menu div p.desc a{
text-decoration:none !important;
}

div#sample_menu div p.desc a:hover{
text-decoration:underline !important;
color:#f00;
}

div#sample_menu div.business_list,
div#sample_menu div.design_list,
div#sample_menu div.monokuro_list{
width:185px;
height:200px;
float:left;
}

div#sample_menu div.business_list{background:url(images/business_list_bg.gif) no-repeat 0 0 transparent;}
div#sample_menu div.design_list{background:url(images/design_list_bg.gif) no-repeat 0 0 transparent;}
div#sample_menu div.vertical_list{background:url(images/vertical_list_bg.gif) no-repeat 0 0 transparent;}
div#sample_menu div.monokuro_list{background:url(images/monokuro_list_bg.gif) no-repeat 0 0 transparent;}


/* ----- 名刺デザインサンプルリンク ----- */

div#sample_menu h3{
background:none !important;
background-color:#4898d8 !important;
border:none !important;
color:#fff !important;
margin:10px 10px 10px 0 !important;
padding-left:15px;
}


/* ----- 名刺用紙一覧  -----*/

div#contentszone div#paperlineup h3.standard,div#contentszone div#paperlineup h3.eco,
div#contentszone div#paperlineup h3.shop,div#contentszone div#paperlineup h3.highrank{
font-size:16px;color:#666;
border:none;clear:both;
margin:5px 0 5px 5px;
height:40px;text-indent:-9999px;
}

div#contentszone div#paperlineup h3.standard{background:url(guide/images/pepar_standard.jpg) no-repeat 0 0 transparent !important;}
div#contentszone div#paperlineup h3.eco{background:url(guide/images/pepar_eco.jpg) no-repeat 0 0 transparent !important;}
div#contentszone div#paperlineup h3.shop{background:url(guide/images/pepar_shopcard.jpg) no-repeat 0 0 transparent !important;}
div#contentszone div#paperlineup h3.highrank{background:url(guide/images/pepar_wasi.jpg) no-repeat 0 0 transparent !important;}

div#contentszone div#paperlineup h4{
font-size:18px;color:#666;
margin:0px 0 5px 5px;
padding:5px 0 3px 10px;
border-bottom:dashed 1px #aaa;
clear:both;
background:none !important;
}


div#paperlineup div.rightbox{
width:530px;
float:right;
margin:5px 0px 0px 10px;
}

div#paperlineup div.leftbox{
width:200px;
float:left;
margin:5px 0px 0px 10px;
}

div#paperlineup ul.floatleft{
padding:0px;
margin:0px;
}

div#paperlineup ul.floatleft li{
list-style-type:none;
float:left;
padding:5px !important;
}

div#paperlineup table{
background-color:#f7f7f7;
margin: 0px !important;
width:530px !important;
border: 2px solid #aaa;
}

div#paperlineup th{
color:#444;
background-color:#e1decd;
font-size:12px !important;
text-align:left !important;
padding:3px 10px !important;
width:100px !important;
border-bottom:1px #ccc solid !important;
}

div#paperlineup td{
font-size:12px !important;
background-color:#f0eee4;
color:#444 !important;
text-align:left !important;
padding:3px 10px !important;
border-bottom:1px #ccc solid !important;
}

div#paperlineup dt{
font-size:12px !important;
font-weight:bold !important;
color:#363 !important;
}

div#paperlineup dd{
font-size:12px;
}

div#paperlineup table.evaluation{
background-color:transparent;
margin-top: 10px !important;
border:none !important;
width:300px !important;
float:left;

}

div#paperlineup table.evaluation th{
color:#444;
background-color:transparent;
font-size:12px !important;
text-align:left !important;
border:none !important;
padding:3px !important;
width:80px;
border-bottom:1px #ccc solid !important;
}

div#paperlineup table.evaluation td{
background-color:transparent;
font-size:12px !important;
color:#444 !important;
text-align:left !important;
border:none !important;
padding:3px !important;
border-bottom:1px #ccc solid !important;
}

div#paperlineup ul.peparcategory{
padding:0;
margin:0;
width:780px;
}



div#paperlineup ul.peparcategory li.left{
list-style-type:none;
float:left;
margin:5px 20px 5px 0px;
}

div#paperlineup ul.peparcategory li.end{
list-style-type:none;
float:right;
margin:5px 0 5px 0;
}


div#paperlineup p.top_br{
padding:0;
margin:0;
}

div#contentszone div#paperlineup p.additional_info{
padding:0;
margin:10px !important;
float:left;
}

/* --- color800インフォメーション --- */

div#contentszone div#color800_info{
}

div#contentszone div#color800_info h3.top{
text-indent:-9999px;height:120px;
border:none;margin:5px 0 5px 5px;clear:both;
}

div#contentszone div#color800_info h4.info_1,
div#contentszone div#color800_info h4.info_2,
div#contentszone div#color800_info h4.info_3{
border:none;
margin:5px 0 0 0;
min-height:25px;height:auto !important;height:35px;	/* min-height fast hack */
text-indent:-9999px;clear:both;
}

div#contentszone div#color800_info h3.top{background:url(images/on-demand_printer_br.jpg) no-repeat 0 0 transparent;}
div#contentszone div#color800_info h4.info_1{background:url(images/color800press_02.jpg) no-repeat 0 0 transparent;}
div#contentszone div#color800_info h4.info_2{background:url(images/color800press_03.jpg) no-repeat 0 0 transparent;}
div#contentszone div#color800_info h4.info_3{background:url(images/color800press_04.jpg) no-repeat 0 0 transparent;}

div#contentszone div#color800_info p.print_explanation{
margin:-3px 5px 8px 5px;
}

div#contentszone div#color800_info div.color800press p.color800info{
float:left;width:435px;
}

div#contentszone div#color800_info div.color800press div.printinfo{
float:left;width:260px;margin-left:5px;
}

/*--- データ作成ガイド ---*/

div#data_creation h5{
width:auto;
background-color:#036;
color:#fff;
font-weight:bold;
background-image:none;
margin:25px 10px 5px 10px;
padding:8px 0 8px 15px;
clear:both;
}


/*--- Just Card for Web ---*/


div#contentszone div#justcard div#justcardtop{
margin-bottom:50px;
width:780px;height:250px;
background:url(images/justcard_top.jpg) no-repeat 0 0 transparent;
}

div#contentszone div#justcard div#justcardtop p{
padding-top:260px;
}

div#contentszone div#justcard h3{
margin:15px 0 0 0;
padding:7px 0 3px 35px;
min-height:20px;height:auto !important;height:30px;
color:#333;font-size:16px;
border:none;
background:url(images/justcard_h_img.gif) no-repeat 0 0 transparent;
}

div#contentszone div#justcard h4{
width:auto;clear:both;
margin:25px 0 5px 0;
padding:8px 0 8px 15px;
font-size:14px;font-weight:bold;
border-left:none;
border-bottom: solid 1px #666;
background:url(images/contents_h4_bg.gif) 0 50% no-repeat transparent;
}

/*
div#contentszone div#justcard p.right_img{
width:770px;
float:right;
}
*/

div.web_meishi{
margin:10px 0 20px 25px;
padding:0;
border:none;
}

div.web_meishi p{
width:700px;
height:106px;
margin:5px auto;
}

div.web_meishi p a{
display:block;
margin:0;
width:700px;
height:106px;
text-indent:-9999px;
background:url(images/weborder_inquiry.gif) 0% 0% no-repeat;
}

div.web_meishi p a:hover{
background-position:0 -106px;
}


/*--- サンプル ---*/

p.sample_left{
float:left;
width:350px;
}

div.sample_explanation{
width:350px;
margin:0 10px 0 0;
padding:10px 0;
float:right;
background-color:#dff4fd;
}

div.sample_explanation p{
padding-bottom: 0 0 10px 0 !important;
}

div#sample_top{
margin-top:10px;
padding:0 !important;
width:780px;
height:130px;
background:url(images/sample_bg.jpg) no-repeat 0 0 transparent;
}

div#sample_top p{
padding-top:50px;
width:280px;
}


/*-------- オプション加工 ---------*/

div#optionlineup{
width: 720px;
margin-top:5px !important;
}

div#optionlineup table.option_rightbox{
width:390px;
float:right;
margin:5px 0px 0px 20px;
}

div#optionlineup p.option_leftbox{
width:300px;
float:left;
margin:0px 0px 0px 10px;
}

div#optionlineup table.option_rightbox{
background-color:#f7f7f7;
margin: 0px !important;
width:390px !important;
border: 2px solid #aaa;
}

div#optionlineup table.option_rightbox th{
color:#444;
background-color:#f2f2f2;
font-size:12px !important;
text-align:center !important;
padding:3px 10px !important;
border-bottom:1px #ccc solid !important;
width:50px;
}

div#optionlineup table.option_rightbox td{
font-size:12px !important;
background-color:#fff;
color:#444 !important;
text-align:left !important;
padding:3px 10px !important;
border-bottom:1px #ccc solid !important;
width:350px;
}

div#optionlineup table.logolist{
background-color:#f7f7f7;
margin:15px 15px 10px 15px;
width:740px !important;
border: 2px solid #aaa;
}

div#optionlineup table.logolist th{
color:#444;
background-color:#f2f2f2;
font-size:12px !important;
text-align:center !important;
padding:3px 10px !important;
border-bottom:1px #ccc solid !important;
width:50px;
}

div#optionlineup table.logolist td{
font-size:12px !important;
background-color:#fff;
color:#444 !important;
text-align:left !important;
padding:3px 10px !important;
border-bottom:1px #ccc solid !important;
width:300px;
}

div#optionlineup h5{
width:auto;
background:none;
border-bottom:solid 1px #666;
margin:25px 15px 5px 15px;
padding:8px 0 3px 15px;
clear:both;
background:url(images/contents_h4_bg.gif) 0 50% no-repeat;
}

div#select_menu{
width:700px;
}

div#select_menu ul li{
width:120px;height:45px;
float:left;
margin:0 5px 5px 0;padding:0;
list-style:none;
}


div#select_menu ul li a{
display:block;
width:120px;height:45px;
text-indent:-9999px;
}

div#select_menu ul li.futatsuori     {background:url(images/futatsuori_button.gif) no-repeat 0 0;}
div#select_menu ul li.kadomaru       {background:url(images/kadomaru_button.gif) no-repeat 0 0;}
div#select_menu ul li.hakuoshi       {background:url(images/hakuoshi_button.gif) no-repeat 0 0;}
div#select_menu ul li.emboss         {background:url(images/emboss_button.gif) no-repeat 0 0;}
div#select_menu ul li.logomark_trace {background:url(images/logomark_trace_button.gif) no-repeat 0 0;}
div#select_menu ul li.photo_capture  {background:url(images/photo_capture_button.gif) no-repeat 0 0;}
div#select_menu ul li.create_eudc    {background:url(images/create_eudc_button.gif) no-repeat 0 0;}
div#select_menu ul li.qr             {background:url(images/qr_button.gif) no-repeat 0 0;}
div#select_menu ul li.recycle_mark   {background:url(images/recycle_mark_button.gif) no-repeat 0 0;}

div#select_menu ul li.futatsuori a:hover     {background:url(images/futatsuori_button_hover.gif) no-repeat 0 0;}
div#select_menu ul li.kadomaru a:hover       {background:url(images/kadomaru_button_hover.gif) no-repeat 0 0;}
div#select_menu ul li.hakuoshi a:hover       {background:url(images/hakuoshi_button_hover.gif) no-repeat 0 0;}
div#select_menu ul li.emboss a:hover         {background:url(images/emboss_button_hover.gif) no-repeat 0 0;}
div#select_menu ul li.logomark_trace a:hover {background:url(images/logomark_trace_button_hover.gif) no-repeat 0 0;}
div#select_menu ul li.photo_capture a:hover  {background:url(images/photo_capture_button_hover.gif) no-repeat 0 0;}
div#select_menu ul li.create_eudc a:hover    {background:url(images/create_eudc_button_hover.gif) no-repeat 0 0;}
div#select_menu ul li.qr a:hover             {background:url(images/qr_button_hover.gif) no-repeat 0 0;}
div#select_menu ul li.recycle_mark a:hover   {background:url(images/recycle_mark_button_hover.gif) no-repeat 0 0;}


span.option_price{
font-size:16px;
color:#cc0000;
font-weight:bold;
text-align:center;
}

li.attention{
color:#cc0000 !important;
font-weight:bold;
list-style:none;
}

/*-------- 作成例 ---------*/

div#content div.sample_layout{
width:240px;
float:left;
display:inline;
background-color:#f7f7f7;
border:1px #ddd solid;
font-size:12px;
margin:10px 5px 20px 5px;
padding:15px 0;
text-align:center;
}

div#content div.sample_layout p{
height:190px;
margin:0 auto !important;
}


div#content div.sample_layout dt{
width:auto;
margin:5px auto;
text-align:center;
font-weight:bold;
/*color:#ea246a;
border-bottom:1px #ea246a dotted;*/
border-top:1px #627d37 solid;
border-bottom:1px #627d37 solid;
background-color:#91ad64;
/*border-top:1px #e6611f solid;
border-bottom:1px #e6611f solid;
background-color:#e68f1f;*/
color:#fff;
padding-top:8px;
padding-bottom:8px;
}

div#content div.sample_layout dd{
width:auto;
margin:5px 10px;
text-align:left;
}

div#content div.sample_layout dd{
width:auto;
margin:5px 10px;
height:50px;
}

div#content div.sample_layout img{
display:inline;
margin:5px;
background-color:#f1f1f1;
}

div#content div.sample_layout img.meishi{
border-right:1px #bbb solid;
border-bottom:1px #666 solid;
margin:0px auto 10px auto;
display:block;
}


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

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

div#vacationinfo ul{
margin:5px 10px !important;
padding:5px 25px !important;
background-color:#fff;
}

div#vacationinfo ul li{
margin:0 !important;
padding:0 !important;
}

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;
}