@charset "utf-8";

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

/* PRINTEC各ブログで共有するスタイル設定は
   ブログ「プリンテック」のデザインスタイルシートに設定。 */

/* --- 左メニューのブログ毎コンテンツ見出し --- */

body#subpage div#leftmenu h4#insidecontents{
background:url(/prinblogs_commonfiles/layout_files/contents_header/16.gif);
}



/* ----- サンプルのリンク付き画像にアンダーラインを出さない ----- */

div.sampleimages a,
p.entrylink a,
p.categorylink a{
text-decoration:none;
}


/* ----- 汎用・h4見出し（デフォルトを上書き） ----- */

div#contentszone h4{	/* 2008.10.21 追加 */
padding-left:18px;
background:url(images/marker.gif) no-repeat 3px 4px transparent;
/*border-bottom-width:2px !important;*/
}

/* ----- 汎用・赤字注意書き ----- */
.notice{
font-weight:bold;
color:#d91e1e;
}

/* ----- マウスパッド商品説明欄 ----- */
#contentszone dl{
background-color:#f1f1f1;
margin:10px 15px;
padding:10px;
}

#contentszone dt{
font-weight:bold;
color:#363;
}

#contentszone dd{
padding-bottom:10px;
}


/* ----- 料金表 ----- */
table.pricelist{
width:500px;clear:both;
margin:15px auto;
}


table.pricelist thead th{
text-align:center !important;
font-weight:bold !important;
background-color:#ccdfbd;
padding:5px 3px;
}

table.pricelist th{
text-align:center;
background-color:#f7f7f7;
font-size:12px;
padding:5px 3px !important;
}

table.pricelist td{
text-align:center;
font-size:12px;
padding:5px 3px !important;
}

.withouttax{
font-weight:bold;
color:#c13e28;
font-size:12px;
margin-right:2px;
}

#contentszone del{
color:#666;
}


/* ----- マウスパッド素材説明 ----- */

#contentszone dl.sozai{
font-size:12px;
width:160px;
padding:0;
background-color:#fffef0;
/*margin:15px 0 10px 10px;*/
margin:5px -20px 10px 25px;	/* 2008.10.21 表示調整変更 */
border:1px #363 solid;
float:left !important;display:inline;	/* IEマージン倍バグ対策 */
height:195px;
}

#contentszone dl.sozai dt{
color:#363;
font-weight:bold;
border-bottom:1px #363 dashed;
padding:5px;
margin:0 0 5px 0;
}


#contentszone dl.sozai dd{
padding:0 10px 10px 10px;
margin:0;
}


/* ----- マウスパッド作品事例・お断り ----- */

#contentszone dl.okotowari{
background-color:#f7f7f7;
margin:15px;
padding:10px;
}

#contentszone dl.okotowari dt{
float:left;
font-weight:bold;
color:#c13e28;
margin-right:5px;
}

#contentszone dl.okotowari dd{
color:#666;
font-size:12px;
margin:0 !important;
padding:0 !important;
}


/* ----- 作品事例集のリスト ----- */

#contentszone ul.mousepadlist{
clear:both;
font-size:12px;
}

#contentszone ul.mousepadlist li{
display:inline;
float:left;
text-align:center;
height:200px;
width:150px;
margin:10px 10px 10px 0;
}

#contentszone ul.mousepadlist li a{
text-decoration:none;
}




#contentszone table.estimate{
clear:both;
width:500px;
margin:20px;
}

#contentszone ul.jouken{
float:right;
background-color:#f7f7f7;
margin:10px 10px 10px 0;
padding:10px 10px 10px 30px;
width:240px;_280px;
}


/* ダウンロード */
ul.download{
border:1px #ccc dashed;
/*background-color:#eefaee;*/
background-color:#f7f7f7;
margin:10px 0px !important;
padding:10px;
width:320px;
float:left;
}

ul.download li{
margin-left:30px !important;
}

ul.download a{
text-decoration:none;
font-size:12px;
}


/* ----- ご注文の流れ ----- */
ol.flow{
margin-left:15px !important;
padding-left:0 !important;
font-weight:bold;
color:#444;
background-color:#f7f7f7;
}

ol.flow li{
margin:10px 15px 10px 40px !important;
padding:10px 0 20px 0;
background-image:url(images/flow-arrow.gif);
background-position:center bottom;
background-repeat:no-repeat;
}

ol.flow li.bottom{
padding:10px 0 20px 0;
background-image:none;
}


/* ----- 同じカテゴリに属する商品の一覧 ----- */
.entryicon ul{
margin:0 !important;
}

.entryicon ul li{
text-align:center;
float:left;
width:170px;
/*height:180px;*/
min-height:175px;height:auto !important;height:180px;	/* 2008.10.21 表示調整変更 */
font-size:12px;
border-right:1px #ddd solid;
border-bottom:1px #aaa solid;
display:block;
/*margin:0 !important;*/
margin:5px 0 10px 5px !important;
padding:5px 0 0px 0 !important;
}

.entryicon ul li img{
margin-bottom:0 !important;
padding-bottom:0 !important;
}

.entryicon ul a{
text-decoration:none;
}


/* ----- メインページ:エントリーへのリンク ----- */
div.entrylink{
width:250px;
height:230px;
float:left;
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
padding-bottom:10px;
text-align:left;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
font-size:12px;
color:#333;
}

div.entrylink p{
margin:0 !important;
padding:0 !important;
}

div.entrylink img{
margin:0 !important;
padding:0 0 10px 0 !important;
}

div.entrylink a{
text-decoration:none;
}


/* フッター・お問い合わせ */
.toiawase{
text-align:right;
}

.top{
padding-top:30px;
text-align:right;
font-size:12px;
}


/* ----- 用途で選ぶマウスパッド 素材説明 ----- */

dl.materialinfo{
clear:both;
background-color:#fffef0 !important;
border:1px #363 solid;
max-width:518px;width:auto !important;width:520px;	/* 2008.10.21 IE表示バグ対策のため追加 */
}

dl.materialinfo dt{
width:9em;float:left;
padding-bottom:0.5em;
}

dl.materialinfo dd{
margin-left:10.5em !important;
padding-bottom:0.5em;
width:345px;
}

/* ----- 用途で選ぶマウスパッド タイプ別価格表 ----- */

div.purposetypes{
margin:15px 10px;
padding:5px 0 10px;
border:dashed 2px #ccc;
width:95%;	/* IE ボーダー消え対策 */
}

div.purposetypes div.entryicon ul,
div.purposetypes div.entryicon table{
margin-left:0 !important;
margin-right:0 !important;
}

div.purposetypes div.entryicon li{
width:160px !important;
}

div.purposetypes table.pricelist{
width:490px !important;
}

div.purposetypes table.pricelist th,
div.purposetypes table.pricelist td{
padding-left:2px !important;
padding-right:2px !important;
}



/* ----- マウスパッド 製造工場休み案内・年内納品期限案内 ----- */


div#vacationinfo,
div.deliverdlimit{
clear:both;
border:1px #ff95a9 solid;
margin:10px 15px;
padding:5px;
background-color:#ffe4e1;
}

div#vacationinfo h4,
div.deliverdlimit h4{
width:auto !important;
margin:0 !important;
padding:3px 5px 2px 25px !important;
color:#565656;
border-bottom:solid 2px #f00 !important;
background:url(/prinblogs_commonfiles/attention.gif) no-repeat 1px 1px #fff !important;
}

div#vacationinfo p,
div.deliverdlimit p{
margin:5px !important;
font-size:87%;
}

div#vacationinfo span.attention,
div.deliverdlimit span.attention{
font-weight:bold;
}




/* ----- 短納期マウスパッド 色とレイアウトの選択 ----- */

div#shortpad-layout,div#shortpad-colors{
margin:10px 25px 10px 25px;
}

div#shortpad-layout div,div#shortpad-colors div{
float:left;width:240px;border:solid 1px #ccc;
margin:0 5px 5px 0;
}

div#shortpad-layout h4,div#shortpad-colors h4{
margin:0;padding:6px 0 4px 83px !important;width:auto;
min-height:17px;height:auto !important;height:27px;
border-bottom:solid 1px #ccc;
background:url(images/choose_heading.gif) no-repeat 1px 50% #fffef0 !important;
font-size:14px;font-weight:normal;
}

div#shortpad-layout p,div#shortpad-colors p{
margin:5px;text-align:center;
}

div#shortpad-layout ul.attention,div#shortpad-colors ul.attention{
clear:both;margin:10px 0 !important;
}


/* ----- 価格ロット注意書き ----- */

p.number_attention{
border:solid 2px #c13e28;
padding:5px 15px;
margin:5px 15px 15px 15px !important;
font-weight:bold;
background-color:#ffeded;
color:#333;
}

/*----- 幸せを運ぶストラップ -----*/

div#lucky_clover{
margin:0 10px;
}

div#lucky_clover p.sendingout{
margin:10px 0;
padding:0 !important;
}

div#strap{
text-align:center;
background-image:url(images/strap_back.jpg);
width:520px;
height:400px;
margin:10px 0;
}

p.strapleft{
margin:15px 5px 5px 15px;
float:left;
}

p.strapright{
margin:15px 5px 5px 15px;
float:right;
}

div#strap p{
padding:85px 0 0 0;
width:500px;
font-size:16px;
font-weight: bold;
color:#333;
line-height:175%;
}
span.emphasis_red{
color: #cc0000;
font-size:18px;
font-weight:bold;
}

table.straplist{
border:solid 1px #999;
border-collapse:collapse;border-spacing:0;
font-size:14px;
margin:25px 15px 5px 25px;
float:right;
}


/*----- 電卓付きマウスパッド -----*/

div#calculator_mousepad{
margin:0 10px;
}

div#calculator_mousepad p.sendingout{
margin:10px 0;
padding:0 !important;
}


div#calculator_point div#calculator_point01{
background-image:url(images/point01.jpg);
width:520px;
height:100px;
margin:10px 0 10px 0;
}

div#calculator_point div#calculator_point02{
background-image:url(images/point02.jpg);
width:520px;
height:100px;
margin:10px 0 10px 0;
}

div#calculator_point div#calculator_point03{
background-image:url(images/point03.jpg);
width:520px;
height:100px;
margin:10px 0 10px 0;
}

div#calculator_point div#calculator_point04{
background-image:url(images/point04.jpg);
width:520px;
height:100px;
margin:10px 0 10px 0;
}

div#calculator_point div#calculator_point01 p,div#calculator_point div#calculator_point02 p,div#calculator_point div#calculator_point03 p,div#calculator_point div#calculator_point04 p{
padding:50px 0 0 0;
width:340px;
margin-left:35px;
font-size:16px !important;
font-weight: bold;
line-height:125%;
}


/* ----- 料金表 ----- */
table.calculatorlist{
width:480px;clear:both;
margin:15px auto;
}


table.calculatorlist thead th{
text-align:center !important;
font-weight:bold !important;
background-color:#ccdfbd;
padding:5px 3px;
}

table.calculatorlist th{
text-align:center;
background-color:#f0f0f0;
font-size:14px;
padding:5px 3px !important;
}

table.calculatorlist td{
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px 3px !important;
}