@charset "UTF-8";

/* このCSSはPRINTECの各ブログで共有されています。 */
/* 加えた変更はPRINTECの各ブログすべてに影響します。 */


/* ----- 全般共通 ----- */

p{
line-height:135%;
}

ul{

}

a img{
border:none;
text-decoration:none;
}


/* ----- フロート汎用 ----- */

.floatleft{float:left;}
.floatright{float:right;}
.clearfloat{clear:both;}

img.floatleft{
float:left;
margin:0 10px 10px 0;
}
/*
img.floatright{
float:right;
margin:0 0 5px 5px;
}*/

	/* --- clearfix --- */

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


/* ----- コンテンツ領域見出し ----- */

div#contentszone h2{
font-size:18px;
font-weight:bold;
border-style:solid;
border-width:0 0 1px 0;
border-color:#363;
margin:0;
padding:5px 10px 3px 30px;
background-image:url(layout_files/heading_icon.jpg);
background-repeat:no-repeat;
background-position:0% 50%;
}



div#contentszone h3{	/* 見出しスタイル変更 */
font-size:16px;font-weight:bold;
/*border-bottom:none;*/
border-bottom:1px solid #dcdcdc;
border-left:5px solid #c00;
/*background:url(/prinblogs_commonfiles/heading_bggrade.gif) repeat-x 0% 0% #f5f5f5;*/
background:none #f5f5f5;
margin:25px 15px 15px 10px;
padding:5px 8px 3px 8px;
clear:both;
}

div#contentszone h4{
font-size:14px;
font-weight:bold;
width:75%;
border-bottom:solid 1px #363;
margin:10px 20px 5px 15px;
padding:3px 8px;
clear:both;
}


/* ----- コンテンツ領域内共通設定 ----- */

div#contentszone p{
margin:5px 15px;
}


div#contentszone dl{
margin:5px 15px 5px 15px;line-height:135%;
}

div#contentszone dt{
font-weight:bold;
}

div#contentszone dd{
margin-left:15px;
}


div#contentszone ul{
margin:5px 15px 5px 30px;
}

div#contentszone ol{
margin:5px 15px 5px 40px;
}

div#contentszone li{
line-height:135%;
}


div#contentszone table{
border:solid 1px #999;
border-collapse:collapse;border-spacing:0;
font-size:14px;
margin:5px 15px 5px 20px;
}

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

div#contentszone td,
div#contentszone th{
border:solid 1px #999;
line-height:120%;
padding:3px 15px;
}

div#contentszone table th{
font-weight:normal;
text-align:center;
}

caption{
font-weight:bold;
padding-bottom:3px;
}


dl table{
margin-left:0 !important;margin-right:0 !important; 
}

dl ul,
dl li{
margin-left:0 !important;margin-right:0 !important;
padding-left:0 !important;
}

dl ol{
margin-left:10px !important;
}


/* ----- リンクの設定 ----- */

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

p.forpagetop{	/* --- ページ先頭へ戻るリンク --- */
text-align:right;
font-size:13px;
clear:both;
text-decoration:underline !important;
padding-top:10px;padding-bottom:15px;
}

p.forpagetop a{
color:#00f;
}

a.pdflink{	/* --- PDFへのリンク --- */
/*background:url(pdficon_small.gif) no-repeat 0% 50%;*/
background:url(pdficon_small.gif) no-repeat left 1px;
padding-left:20px;padding-top:4px;
}



/* ----- トラックバック・コメント ----- */

p#trackbacks-info{	/* --- 「この記事のトラバURL」 --- */
border:solid 1px #363;
background-color:#cfe3c0;
padding:0.5em;
text-align:center;
}


div#comments h4.comments-open-header,
div#comments h4.comments-header{
min-width:500px;	/* IEのみ別ファイルで幅指定あり 、width:500px; */
min-height:22px;	/* IEのみ別ファイルで高さ指定あり 、height:30px; */
padding:8px 0 0 0 !important;
border:none;
text-indent:80px;
color:#fff;
background-repeat:no-repeat !important;
background-position:0 0 !important;
}

h4.comments-open-header{	/* --- 「コメントを書く」見出し --- */
background-image:url(write_comment_header.jpg) !important;
}

h4.comments-header{	/* --- 「コメント一覧」見出し --- */
background-image:url(read_comment_header.jpg) !important;
}


p.commentformopen{	/* --- 「ここからコメントを書けます」 --- */
text-align:center;
}

p.commentformopen img{
vertical-align:middle;margin-right:0.5em;
}


p.comment-header span.comment-header-title{	/* --- コメント投稿者 --- */
color:#363;font-weight:bold;
margin-right:0.5em;
}

div.comment-content{	/* --- コメント本文 --- */
padding:0 15px;
}

p.trackback-footer,
p.comment-footer{	/* --- 投稿日時 --- */
text-align:right;
border-bottom:dashed 1px #ccc;
padding-bottom:0.5em;
margin-bottom:20px !important;
}

div#commentinput{	/* --- コメント入力欄領域 --- */
border:solid 1px #ccc;
margin:5px 15px;
}

p#comments-open-footer{	/* --- コメント投稿ボタン --- */
text-align:center;
}

p#comments-open-footer input{
margin:3px;
padding:4px;
font-size:110%;
}

input#comment-bake-cookie{	/* --- 「情報を保存する」チェックボックス --- */
margin-right:0.3em;
}


	/* --- コメント投稿規約・注意 --- */
ul.regulation{
border:1px #ff95a9 solid;
margin:5px 15px !important;
padding:10px 10px 10px 15px;
background-color:#ffe4e1;
list-style-type:none;
}

ul.regulation li{
margin-left:0;
padding-left:15px;padding-bottom:5px;
background:url(/prinblogs_commonfiles/listmark_tri_red.gif) no-repeat 0 1px transparent;
}

ul.regulation span.regattention{
font-weight:bold;
color:#d03a26;
}


p#cmtagreecheck{
border:solid 1px #aaa;
padding:10px;
text-align:center;
}

input#cmtagreedcheck{
margin-right:0.3em;
}


	/* --- カテゴリーのコメントリスト --- */

ul.catcommentlist li{
list-style-type:none;
margin-left:0;
padding-left:20px;padding-bottom:10px;
background:url(/respec/images/nav_icons/color/comments.gif) no-repeat 0 2px transparent;
			/* とりあえずMTデフォルトのコメントマーク画像 */
}


/* ----- テキスト ----- */

span.attention,
p.errormsgs{	/* --- 注意書きとエラーメッセージ --- */
color:#e30505;
}

span.moreattention{
color:#e30505;font-weight:bold;
}

/* #f00だとまぶしい？ので変更 */

	/* --- 価格表 --- */
table.pricelist td{
text-align:right;
padding:3px 10px !important;
}


p object,
li object{	/* --- カートボタン --- */
vertical-align:middle;
margin-left:5px;margin-right:5px;
}


/* 汎用・赤い「※」が付く注意書きの箇条書き */

div#contentszone ul.attention li{
background-image:url(http://www.just-j.com/prinblogs_commonfiles/kome-red.gif);
background-repeat:no-repeat;
background-position:left 2px;
padding-left:16px !important;
list-style:none;
}

div#contentszone dl ul.attention{
margin:15px 0 !important;
}





/* カテゴリ内でのエントリー前後リンク設定 */

div#prevandnextlink{
width:450px;
float:none;clear:both;
margin:0 auto;padding:0;
text-align:center;
}

div#prevandnextlink ul{
text-align:left;
width:45%;
margin:0;padding:0;
}

div#prevandnextlink ul#previousentry{
float:left;
}

div#prevandnextlink ul#nextentry{
float:right;
}


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


/* ----- 商品仕様欄・追記 ----- */

div.extra{	/* 別ファイルにてIE6文字消えバグ対策あり、 width:515px */
clear:both;
border:1px #363 dotted;
background-color:#eefaee;
margin:10px 15px;
padding:10px;
}

/* ----- 汎用・2段組の設定（左コラム＆右コラム） ----- */

.columns{
clear:both;
margin:5px auto 0 auto;
}

.leftcolumn{
width:260px;
float:left;
}

.rightcolumn{
width:260px;
float:right;
}

/* ----- 右コラム内の商品仕様説明 ----- */
.rightcolumn dt{
font-weight:bold;
color:#363;
}

.rightcolumn img{
vertical-align:middle;
margin:0 !important;
}

.rightcolumn td{
font-size:12px;
}

.rightcolumn table{
margin:10px 0 !important;
}


/* ----- 「お見積もりフォームへ」ボタン（カートを使用しない商品の場合） -----*/

#contentszone  a.toestimateform{
display:block;
width:102px;
height:22px;
text-indent:-9999px;
overflow:hidden;
background-image:url(http://www.just-j.com/prinblogs_commonfiles/chumon-hover.gif);
margin-top:1px;margin-left:5px;margin-right:5px;
/*margin-bottom:2px;*/
}

#contentszone a:hover.toestimateform{
background-position:0px -22px;
}



/* ----- よくある質問 ----- */

#contentszone dl.faq{
margin:15px;
padding:0;
background-color:#fff !important;
}

#contentszone dl.faq dt{
color:#363;
background:#f7f7f7 url(faq-q.gif) 10px 5px no-repeat;
padding:10px 10px 15px 70px;
min-height:30px;
border-top:solid 1px #aaa;
border-bottom:dashed 1px #ddd;
}

#contentszone dl.faq dd{
background:#fff6f8 url(faq-a.gif) 10px 5px no-repeat;
padding:10px 10px 20px 70px;
margin:0 0 10px 0;
border-bottom:solid 1px #aaa;
}

#contentszone dl.faq dd ul{
/*margin:15px 15px 15px 0;
padding-right:5px;*/
margin:10px 0 10px 15px !important;
/*color:#666;*/
}

#contentszone dl.faq dd ul li{
margin:5px 0;
}

#contentszone dl.faq dd ul.attention{
margin-left:0 !important;
}

#contentszone dl.faq dd ol{
margin:10px 0 10px 20px !important;
}

#contentszone dl.faq dd ol li{
margin:5px 0;
}

/* ----- DM代行・いんさつ屋へのリンク （透明封筒と封筒のページ用） ----- */

div#dmprintrelatedlinks{
clear:both;
border:solid 2px #ccc;
margin:15px 15px 10px 15px !important;
padding:5px 5px 5px 15px !important;
background-color:#fcfce5;
}

div#dmprintrelatedlinks h4{
width:60%;
margin:15px 5px 3px 0px !important;
padding:4px 0 2px 5px !important;
border-bottom:solid 3px #c00;
background-color:#ffe4e1 !important;
background-image:none !important;
}

div#dmprintrelatedlinks h4 a{
text-decoration:none;
}

div#dmprintrelatedlinks p#openinquiry{
text-align:center;font-size:16px;font-weight:bold;
border-top:solid 1px #ccc;
margin-left:0;margin-right:10px;
padding-top:10px;
}

/* ----- PRIN共通用出荷時期案内 ----- */

div#shipmentinfo{
background:url(shipmentinfo-track.gif) no-repeat 10px 30px #ffc;
margin:10px 15px;
padding:7px 0;
border:solid 1px orange;
}

div#shipmentinfo ul{
margin-left:120px;
}



/* ========== 販売条件[PRIN用デザイン設定] ========== */

div#contentszone div#salesterms_area{
font-size:12px;
/*border:solid 3px #c40123;
border:solid 3px #e0e0e0;*/
margin:20px 10px 10px;	/* マージン・パディング変更の場合リンクブロックの幅も要変更 */
padding:10px 0;
}

div#salesterms_area h4{
width:100% !important;
background:url(layout_files/salesterms/salesterms_h4.gif) no-repeat 1% 50% !important;
border:none !important;
margin:0 !important;
padding:3px 0 0 22px !important;
min-height:10px;height:auto !important;height:14px;	/* min-height fast hack */
font-size:14px !important;
}

/* ----- 納期について ----- */

div#sales_delivery{
padding:10px;
border:solid 1px #ccc;
}

div#sales_delivery table{
border-collapse:separate !important;
border:1px solid #666 !important;
border-spacing:0px !important;
font-size:12px;
margin-top:5px;margin-bottom:10px;
}

div#sales_delivery table th,
div#sales_delivery table td{
padding:6px 10px;
border-width:1px;
border-style:solid;
}

div#sales_delivery table th{
color:#333;
background-color:#ccc;
border-color:#fff #999 #666 #cdcdcd;
text-align:right;
font-weight:normal;
}

div#sales_delivery table td{
color:#2c1603;
background-color:#e4dac2;
border-color:#fff #ac9a70 #7c6638 #fffaf1;
}

div#sales_delivery table ul{
margin-left:15px;
}

div#sales_delivery table li{
margin-top:2px;margin-bottom:2px;
}


div#sales_delivery table span.attention{
color:#c00;font-weight:bold;
}


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

div#sales_delivery p.floatright img{
margin:0 0 0 5px;
}


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

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

/* ----- 送料について ----- */

div#sales_carriage{
margin:10px 0;
}

div#sales_carriage p{
height:45px;
margin:0;
font-size:14px;
background:url(layout_files/salesterms/delivery_free.gif) no-repeat 50% 50%;
text-indent:-9999px;
}


/* ----- 販売条件詳細へ ----- */

div#salesterms_list{
margin:10px 0;
}
/*
div#salesterms_list p.alert{
height:15px;
margin:10px 0 0 20px !important;
padding:3px 0 0 23px;
background:url(layout_files/salesterms/attention.gif) no-repeat 0% 0%;
color:#c00;
}
*/

	/* --- 販売条件へ：メイン --- */
/**/

div#salesterms_list p.salesterms_main{
margin:3px 0 10px 0;
text-indent:-9999px;
background:url(layout_files/salesterms/salesterms_top.jpg) no-repeat 0 0 #efefef;
}

div#salesterms_list p.salesterms_main a{
display:block;
width:530px;height:65px;
}

div#salesterms_list p.salesterms_main a:hover{
background:url(layout_files/salesterms/salesterms_top.jpg) no-repeat 0 -65px transparent;
}

	/* --- 販売条件へ：支払・領収書・送料リスト --- */
div#contentszone div#salesterms_list ul{
margin:0;padding:0;
list-style:none;
}

div#contentszone div#salesterms_list ul li{
margin:0;padding:0;
width:165px;height:50px;
float:left;
text-indent:-9999px;
}

div#contentszone div#salesterms_list ul li.menu02{
margin:0 18px 0 17px !important;
}

div#contentszone div#salesterms_list ul li a{
display:block;
width:165px;height:50px;
}

/**/

div#salesterms_list ul li.menu01{background:url(layout_files/salesterms/salesterms_menu01.jpg) no-repeat 0 0 #efefef;}
div#salesterms_list ul li.menu02{background:url(layout_files/salesterms/salesterms_menu02.jpg) no-repeat 0 0 #efefef;}
div#salesterms_list ul li.menu03{background:url(layout_files/salesterms/salesterms_menu03.jpg) no-repeat 0 0 #efefef;}

div#salesterms_list ul li.menu01 a:hover{background:url(layout_files/salesterms/salesterms_menu01.jpg) no-repeat 0 -50px;}
div#salesterms_list ul li.menu02 a:hover{background:url(layout_files/salesterms/salesterms_menu02.jpg) no-repeat 0 -50px;}
div#salesterms_list ul li.menu03 a:hover{background:url(layout_files/salesterms/salesterms_menu03.jpg) no-repeat 0 -50px;}


/* ========== 販売条件 ここまで ========== */