﻿@charset "utf-8";

/* 単独ブログ用CSS */
/* このブログでしか使わないスタイル設定はこのCSSに設定する。 */

/* PRINTEC各ブログで共有するスタイル設定は
   ブログ「プリンテック」のデザインスタイルシートに設定。 */


/* ----- 【TOPページ】 ----- */


div#maincontent div#pagetop2{
background:url("/file/panel/panel_bg.jpg") no-repeat 0 0 transparent;
height:145px;
margin-bottom:0;
width:780px;
}

div#contentszone div#daihtml1 p.sending_out{
margin:0;
padding:0;
}


/* ----- 【休業案内・注意書き】 ----- */

div#nenmatu,
div#noticeinfo{
background:#FFD7D7;
clear:both;
margin:0 0 10px 0;
padding:5px 10px;
border:3px #e57f7f solid;
width:740px;
}

div#nenmatu p span.txt_color_r_b,
div#noticeinfo p span.txt_color_r_b{
color:#F00;
font-weight:bold;
}

div#nenmatu p.title_nenmatu,
div#noticeinfo p.title_noticeinfo{
font-size:18px;
font-weight:bold;
}


div#vacationinfo{
clear:both;
margin:0 0 10px 0;
padding:0 0 4px;
border-bottom:1px dotted #ccc;
background-color:#F1F1F1;
}

div#vacationinfo p span.txt_color_r_b,
div#noticeinfo p span.txt_color_r_b{
color:#F00;
font-weight:bold;
}

div#vacationinfo p.title_vacationinfo,
div#noticeinfo p.title_noticeinfo{
font-size:18px;
font-weight:bold;
}

div#vacationinfo h4{
margin:10px 0 0 0 !important;
padding:8px 12px 8px;
color:#fff;
background:#3E3A39;
border:none !important;
}

div#vacationinfo .attention{
font-weight:bold;
color:#ff0000;
font-size:14px;
}

div#vacationinfo p{
margin:10px 14px !important;
}

div#contentszone div#vacationinfo ul{
margin:8px 35px;
}

div#vacationinfo li{
line-height:1.6;
}


/* ----- 【見出し】 ----- */


div#daihtml1{
width:780px;
font-size:12px;
}

div#daihtml1 h3,
div#itemhtml2 h3,
div#freepage1 h3{
border-bottom:none;
border-left:6px solid #c00;
background:#f5f5f5;
padding:4px 10px;
margin:30px 10px 10px 10px;
}

div#daihtml1 h4,
div#itemhtml2 h4,
div#freepage1 h4{
border-bottom:5px solid #006dbc;
border-left:none;
padding:4px 10px;
margin:30px 10px 10px 10px;
}

/* --- 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 */




/* ---------- 【共通部分】 ---------- */

/* ----- 【テキスト・注意書き】 ----- */

span.mini{
font-size:10px;
font-weight:normal;
color:#666;
padding-left:3px;
}

span.variation{
font-size:18px;font-weight:bold;color:#fc0001;
}

span.underline{
padding-bottom:3px;
background:url(/file/common/underline_nami.gif) repeat-x left bottom;
}

span.attention{
font-weight:bold;
color:#ff0000;
}

span.attention_grn{
font-weight:bold;
color:#009944;
}

span.emphasis{
font-size:16px;
}

span.point{
color:#c00;font-weight:bold;
}

p.p_attention{
padding-top:5px;
font-weight:bold;
color:#ff0000;
}

p.soriout{
margin:0 !important;
padding:0!important;
}

.center{
text-align:center;
}

/* ----- 【発送納期】 ----- */


div.delivery_info{
margin:10px 0 0 0;
}

div.delivery_info ul{
margin:10px 0 10px 100px;
}


/* ----- 【サンプル請求】 ----- */


div.sample_area{
height:68px;
margin:20px 0 0 0;
padding:7px 0 0 0;
border:solid 1px #999;
}

div.sample_area p.sample_request{
width:310px;
height:52px;
float:right;
}

/* ----- 【サンプル請求・共通】 ----- */

div#sample_box span.emphasisblue{
font-size:16px;
color:#0090D9;
font-weight:bold;
}

div#sample_box{
margin:10px 0;
padding:20px 0;
width:740px;
border-top:solid 1px #333;
border-bottom:solid 1px #333;
}

div#sample_box p.sample_explanation{
width:350px;
margin:0;
}

div#sample_box p.sample_request{
width:370px;
height:70px;
margin:0;
float:right;
}



/* ---------- ■ 自由入力ページ用 ■ ---------- */

/* ----- 【サイズについて】 ----- */


div#freepage1 ul.size_list{
list-style-type:none;
height:100px;
margin:10px 0 20px 30px;
}

div#freepage1 ul.size_list li{
width:220px;
height:40px;
float:left;
margin:5px 10px;
}



/*------------ページトップへ--------------*/


div#contentszone p.forpagetop{
font-size:12px;
text-align:right !important;
text-decoration:underline !important;
}


/*------------一覧表スタイル--------------*/

/*
div.notice_info{
/*background:#FFD7D7;
clear:both;
margin:0 10px 20px 10px;
padding:5px 5px;
border:3px #e57f7f solid;
width:740px;
}

div.notice_info h3{
background-color:#ccc !important;
color:#333 !important;
border:none !important;
font-size:12px;
font-weight:bold;
height:auto !important;
line-height:135%;
margin:0 !important;
padding:2px 0 2px 10px !important;
}

div.notice_info p{
font-size:16px !important;
}

*/

p.attention{
font-weight:bold;
color: #cc0000;;
}


div.notice_info{
border:2px solid #c32e2e;
margin:10px 15px 10px 15px;
padding:0;
width:auto;
}

div.notice_info h3{
background-color:#c32e2e !important;
color:#fff !important;
border:none !important;
font-size:12px;
font-weight:bold;
height:auto !important;
line-height:135%;
margin:0 !important;
padding:2px 0 2px 10px !important;
}

div.notice_info p{
font-size:16px !important;
margin:0 !important;
padding:5px 20px !important;
line-height:120%;
}

/*-----------プラチナサイズ仕様--------------*/

div#platinum_spec{
width:730px;
font-size:12px;
margin:0;
}

div#platinum_spec .spec_left{
float:left;
padding:0;
margin:25px 10px 10px 10px;
width:300px;
}

div#platinum_spec h2{
margin-top:10px;
}

div#platinum_spec table{
width:750px;
border-collapse:collapse;
font-size:12px;
border:solid 2px #999;
margin:10px 0 10px 10px;
}

div#platinum_spec table th{
color:#000;
text-align:center;
padding:12px 0;
border:solid 1px #999;
line-height:0.7em;
background-color:#f0f0f0 !important;
font-weight:normal;
}

div#platinum_spec table colgroup.harepane{
background-color:#fbd4bd !important;
}

div#platinum_spec table tbody td{
text-align:center;
border-collapse:collapse;
border:solid 1px #999;
padding:2px 0;
}

div#platinum_spec table tbody td.bold{
font-weight:bold;
}

div#platinum_spec table span.normal{
font-size:14px;
font-weight:normal;
padding-left:4px
}

div#platinum_spec table caption{
font-size:14px;
padding-bottom:5px;
text-align:left;
font-weight:bold;
}


/* --- 切り替え画像（サイトTOPカテゴリー） ----- */

div#site_top{
width:763px;
margin:0;
padding:0;
}

div#site_top div#reco_box{
width:763px;
height:310px;
margin:0;
padding:0;
background-color:#dcdddd;
}

div#site_top div#slider{
position:relative;
overflow:auto;
width:763px;
height:310px;
background:#fff;
margin:0;
padding:0;
}

div#site_top div#slider ul{
position:absolute;
list-style:none;
margin:0;
padding:0;
}

div#site_top div#slider li{
float:left;
width:763px;
height:310px;
margin:0;
padding:0;
}

div#site_top div#pagination{
background-color:#dcdddd;
width:763px;
min-height:50px;max-height:50px;height:auto !important;height:50px;
}

div#site_top div#pagination ul.pagination{
background-color:#dcdddd;
margin:0;
padding:0 0 0 15px;
min-height:50px;max-height:50px;height:auto !important;height:50px;
}

div#site_top div#pagination ul.pagination li{
float:left;
list-style:none;
cursor:pointer;
background:#dcdddd;
margin:8px 6px 8px 0;
padding:0;
}

div#site_top div#pagination li img{
margin:0;
padding:0;
}

/* -------------------- */

div#site_top li.current{
border:none;
background:#fff;
}



/* -------------------- */

p.comparison_top{
clear:both;
padding:15px 0 0 25px;
}

h3.select_title{
background-color:#1e2188 !important;
color:#fff100;
border:none !important;
margin:30px 5px 6px 5px !important;
padding:5px 0 5px 25px;
}

h3.related_title{
background-color:#E60012 !important;
color:#FFF100;
border:none !important;
margin:30px 5px 6px 5px !important;
padding:5px 0 5px 25px;
}

h3.description_title{
background-color:#9fa0a0 !important;
color:#fff;
border:none !important;
margin:30px 5px 6px 5px !important;
padding:5px 0 5px 25px;
}

h3.top_cate_info{
background-color:#9fa0a0 !important;
color:#393636;
border:none;
border-left:6px #194da0 solid !important;
margin:30px 5px 6px 0 !important;
padding:5px 0 5px 25px;
}

div.feature_box{
margin:0;
padding:0;
}

div.feature_box p{
margin:0 !important;
padding:0 !important;
}

div.feature_box img{
margin:0 5px 0 0;
}

div.feature_box img.last_feature{
margin-right:0 !important;
margin-left:5px;
}

div.select_choose{
margin:0;
padding:0;
}

div.select_choose p{
margin:0 !important;
padding:0 !important;
}

div.styrene_guide{
margin:10px 5px 20px 5px;
}

div.styrene_guide p{
margin:0 !important;
padding:0 !important;
}

div.styrene_guide p img{
margin-right:10px;
}

div.styrene_guide p img.last_styrene{
margin-right:0 !important;
}

div.free_shipping p{
margin:0 !important;
padding:0 !important;
}

div.free_shipping p img{
margin:0 !important;
padding:0 0 5px 0 !important;
}


/* --- 用途別一覧ページ用 ----- */

div#use_select_box{
margin-left:10px;
}

div#use_select_box h3{
border-bottom:solid 1px #999;
width:730px;
height:68px;
text-indent:-9999px;
border-left:none;
}

div#use_select_box h3#size_list{
background:url("/file/panel/size_title.jpg") no-repeat 0 0 transparent;
}

div#use_select_box h3#thicknes_list{
background:url("/file/panel/thickness_title.jpg") no-repeat 0 0 transparent;
margin-top:20px;
}

div#use_select_box h3#glue_list{
background:url("/file/panel/glue_title.jpg") no-repeat 0 0 transparent;
margin-top:20px;
}

div#use_select_box p.select_list{
margin:0 !important;
padding:0 0 5px 0 !important;
}

div#use_select_box h4{
width:730px;
margin-top:0;
margin-left:7px;
margin-bottom:5px;
border:none;
}

div#use_select_box p{
margin-left:5px;
}


/* --- 用途別一覧ページ用2 ----- */

div#use_select_box02{
margin-left:10px;
}

div#use_select_box02 p{
margin:10px 0;
}

div#use_select_box02 h3{
border:none;
background:none;
margin:10px 0;
padding:10px 0;
}

div#use_select_box02 table{
padding:15px 0;
margin-bottom:20px;
border-bottom:dashed 2px #828282;
}

div#use_select_box02 table th{
padding-right:20px;
}

div#use_select_box02 table td{
text-align:center;
padding-right:20px;
padding-top:5px;
}


/* --- 徹底比較ページ用 ----- */

p.comparison_title{
padding:20px 0 0 0;
}

div#comparison_box{
width:760px;
height:390px;
background:url("/file/panel/comparison_o_catch.jpg") no-repeat 50% 0 transparent;
border-bottom:3px #e60013 solid;
}

div#comparison_h_box{
width:760px;
height:390px;
background:url("/file/panel/comparison_h_catch.jpg") no-repeat 50% 0 transparent;
border-bottom:3px #009944 solid;
}

div#comparison_box p,
div#comparison_h_box p{
padding-top:240px;
line-height:1.6em;
}

p.goproduct{
text-align:right;
padding:5px 5px 20px 0;
}

p.goproduct img{
margin:4px 0;
}



/* --- よくある質問ページ用 ----- */

div#inquiry_box h3{
padding-top:30px;
padding-bottom:5px;
}

div#inquiry_box p.free_shipping img{
margin:10px auto;
}


div#inquiry_box dl{
margin-top:20px;
padding-left:20px;
font-size:16px;
line-height:1.4em;
}

div#inquiry_box dl dt{
font-weight:bold;
padding:0 0 0 25px;
color:#096bb6;
background:url("/file/panel/question_icon.gif") no-repeat 0 0 transparent;
}

div#inquiry_box dl dd{
padding:0 0 0 25px;
background:url("/file/panel/answer_icon.gif") no-repeat 0 0 transparent;
}




/* --- 3つのオススメ説明ページ用 ----- */


div#explain_box,
div#explain_h_box{
margin-left:10px;
}

div.detail_o_box{
margin:30px 20px 5px 10px;
padding:10px;
border-top:3px #e60013 solid;
}

div.detail_h_box{
margin:30px 20px 5px 10px;
padding:10px;
border-top:3px #009944 solid;
}

div.detail_o_box p,
div.detail_h_box p{
margin:0 !important;
padding:0 !important;
text-align:right;
}

div.detail_o_box img,
div.detail_h_box img{
margin:0 15px 0 0;
}

div#explain_box span.attention_l,
div#explain_h_box span.attention_l{
font-size:18px;
font-weight:bold;
color:#e60013;
}

div#explain_box h3,
div#explain_h_box h3{
border:none;
background:none;
}

div#explain_box h4,
div#explain_h_box h4{
margin:0 !important;
padding:0 !important;
height:100px;
text-indent:-9999px;
border:none;
background:none;
}


div#explain_h_box div.p_point_01,
div#explain_h_box div.p_point_02,
div#explain_h_box div.p_point_03{
width:625px;
min-height:325px;max-height:325px;height:auto !important;height:325px;
margin:0 0 0 60px;
padding:0;
}

div#explain_h_box div.p_point_01{
background:url("/file/panel/p_point_01.gif") no-repeat 50% 0 transparent;
}

div#explain_h_box div.p_point_02{
background:url("/file/panel/p_point_02.gif") no-repeat 50% 0 transparent;
}

div#explain_h_box div.p_point_03{
background:url("/file/panel/p_point_03.gif") no-repeat 50% 0 transparent;
}

div#explain_box div.o_point_01,
div#explain_box div.o_point_02,
div#explain_box div.o_point_03{
width:625px;
min-height:325px;max-height:325px;height:auto !important;height:325px;
margin:0 0 0 60px;
padding:0;
}

div#explain_box div.o_point_01{
background:url("/file/panel/o_point_01.gif") no-repeat 50% 0 transparent;
}

div#explain_box div.o_point_02{
background:url("/file/panel/o_point_02.gif") no-repeat 50% 0 transparent;
}

div#explain_box div.o_point_03{
background:url("/file/panel/o_point_03.gif") no-repeat 50% 0 transparent;
}

div#explain_h_box div.p_point_01 p,
div#explain_h_box div.p_point_02 p,
div#explain_h_box div.p_point_03 p,
div#explain_box div.o_point_01 p,
div#explain_box div.o_point_02 p,
div#explain_box div.o_point_03 p{
font-size:14px;
margin-top:0;
height:100px;
padding:10px 0 0 10px;
line-height:1.4em;
}

div#explain_box h3#original,
div#explain_h_box h3#harepane{
margin-top:10px;
}


/* --- 納期について ----- */

span.emphasisred{
font-size:16px;
color:#c00;
font-weight:bold;
}

span.emphasisblue{
font-size:16px;
color:#0068b7;
font-weight:bold;
}

ul.delivery_list{
margin:0;
padding:5px 20px;
list-style:none;
}

ul.delivery_list li{
font-size:16px;
font-weight:bold;
}

div#freepage1 div#delivery_box {
margin:0;
padding:5px 20px;
}

div#freepage1 div#delivery_box table {
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
border-collapse:collapse;
border-spacing:0;
font-size:12px;
margin:5px 0 20px !important;
width:740px;
}

div#freepage1 div#delivery_box table th {
background-color:#C4D710 !important;
border-bottom:1px solid #999;
color:#333333;
font-size:12px;
text-align:center;
font-weight:normal;
width:141px;
padding:6px 15px;
}

div#freepage1 div#delivery_box table td {
border-bottom:1px solid #999;
border-left:1px solid #999;
padding:6px 15px;
color:#2C1603;
text-align:left !important;
}

div#freepage1 div#delivery_box table span{
color:#CC0000;
font-weight:bold;
}

div#freepage1 div#delivery_box table td ul {
margin:5px 15px 5px 20px !important;
}

div#freepage1 div#delivery_box table span.attention {
color:#CC0000;
font-size:14px;
font-weight:bold;
}


/* --- TOPページ用（ビジネスパートナー部分） ----- */

div#contentszone div#daihtml1 p.new_sending_out{
margin:10px 0;
padding:0;
clear:both;
}

.featureleft{
float:left;
margin:0 5px 10px 0!important;
padding:0 !important;
}

.featureright{
float:left;
margin:0 0 10px 15px!important;
padding:0 !important;
}

div#floatbox{
margin:10px 0;
}

div.notes{
margin:20px 20px 10px 20px;
padding:5px;
background-color:#00a1e9 !important;
}

div.notes p{
font-size:14px !important;
color:#fff;
font-weight:bold;
}

p.text_right{
text-align:right;
}


/* --- 徹底比較ページ ----- */

div#which_menu{
margin:10px 20px;
}

div#which_menu img{
margin-right:5px;
}

div#which_box p.sub_title{
width:560px;
font-size:18px;
font-weight:bold;
margin:5px 90px;
padding:10px 0;
line-height: 1.6;
text-align:center;
}

div#which_box p.sub_title span.dotline{
border-bottom: dotted 1px #333;
padding:5px 0;
}

div#whichselect{margin:20px;}

div#whichselect div.panelselect{
min-height:600px;height:auto !important;height:600px;
}

div#whichselect div#whichmenu1{background:url("http://www.just-shop.jp/file/panel/menu_01_bg.gif") no-repeat 0 0 transparent;}
div#whichselect div#whichmenu2{background:url("http://www.just-shop.jp/file/panel/menu_02_bg.gif") no-repeat 0 0 transparent;}
div#whichselect div#whichmenu3{background:url("http://www.just-shop.jp/file/panel/menu_03_bg.gif") no-repeat 0 0 transparent;}
div#whichselect div#whichmenu4{background:url("http://www.just-shop.jp/file/panel/menu_04_bg.gif") no-repeat 0 0 transparent;}


div#contentszone div#whichselect div.panelselect h3{
margin:0;padding:0;
text-indent:-9999px;height:200px;overflow:hidden;
background:none;
border:none;
}

div#whichselect div.o_detail2{float:left;width:325px;margin-left:35px;display:inline;}
div#whichselect div.p_detail2{float:right;width:325px;margin-right:35px;display:inline;}

div#whichselect div.panelselect h4{
margin:0;padding:0;
text-indent:-9999px;height:150px;overflow:hidden;
border:none;
}

div#whichselect div.panelselect h4 a{
display:block;width:100%;height:150px;
}

div#whichselect div.panelselect p{
font-size:14px;font-weight:bold;line-height:1.7;
text-align:justify;text-justify:inter-ideograph;
}

div#whichselect div.panelselect span.attention{
font-size:18px;
}

div#whichselect div.panelselect p.salespoint{
height:165px;margin: 15px 10px 0 10px;
}

div#whichselect div.panelselect p.gotocmdtlist{
margin:0;padding:0;
}

div#whichselect div.panelselect p.gotocmdtlist a{
display:block;width:100%;height:50px;text-indent:-9999px;
}


/* --- その他、ボード＆付属品 ----- */


#related_box{
width:760px;
margin:0 !important;
}

#related_box p{
margin-left:0 !important;
margin-right:0 !important;
padding:0 !important;
}

#related_box .related_left{
float:left;
}

#related_box .related_left p{
margin-top:10px;
}

#related_box .related_right{
float:right;
}

/* --- 130419TOP変更----- */

div#styrene_box{
color:#4C4C4C;
}

div#styrene_box h3{
margin:10px 0;
padding:0;
background:none;
border:none;
}

div#styrene_box table.table_lineup01{
padding:10px 0;
border-bottom:1px solid #333;
}

div#styrene_box table.table_lineup01 th{
width:375px;
padding-right:12px;
}

div#styrene_box table.table_lineup01 td{
padding:5px 0;
}


div#styrene_box table.table_lineup02{
padding:5px 0;
border-bottom:1px solid #333;
}

div#styrene_box table.table_lineup03{
padding:5px 0;
}

div#styrene_box table.table_lineup02 th,div#styrene_box table.table_lineup03 th{
width:175px;
padding-right:8px;
}

div#styrene_box table.table_lineup01 th.end,div#styrene_box table.table_lineup02 th.end,div#styrene_box table.table_lineup03 th.end{
padding-right:0;
}

div#styrene_box table.table_lineup02 td,div#styrene_box table.table_lineup03 td{
width:175px;
padding:5px 0;
padding-right:8px;
vertical-align:top;
}

/* --- new切り替え画像（サイトTOPカテゴリー） ----- */


div#site_top2{
width:760px;
margin:0;
padding:0;
}

div#site_top2 div#reco_box{
width:760px;
margin:10px 0 0 0;
padding:0;
background-color:#fff;
}

div#site_top2 div#slider{
position:relative;
overflow:auto;
width:488px;
height:263px;
background:#fff;
margin:0;
padding:0;
float:left;
}

div#site_top2 div#slider ul{
position:absolute;
list-style:none;
margin:0;
padding:0;
}

div#site_top2 div#slider li{
float:left;
width:488px;
height:263px;
margin:0;
padding:0;
}

div#site_top2 div#pagination{
margin:0;
width:260px;
float:right;
}

div#site_top2 div#pagination ul.pagination{
margin:0;
padding:0;
height:263px;
}

div#site_top2 div#pagination ul.pagination li{
float:left;
list-style:none;
cursor:pointer;
margin:0;
margin-bottom:7px;
padding:0;
}

div#site_top2 div#pagination ul.pagination li.end{
margin-bottom:0;
}

div#site_top2 div#pagination ul.pagination li img{
margin:0;
padding:0;
}

div#site_top2 div#pagination li img.lastmenu{
margin-right:0 !important;
}

/* ----- 西濃個人宛送料注意書き ----- */

dl.attentionBox{
margin:10px auto;
width: 326px;
box-sizing:border-box;
}

dl.attentionBox dt{
color:#fff000;
background:#ff0000;
font-weight:bold;
padding:4px 5px 3px 7px;
}

dl.attentionBox dd{
padding:4px 6px;
border:1px solid #ff0000;
box-sizing:border-box;
overflow:hidden;
font-size:13px;
}

dl.attentionBox a.linkBtn{
float:right;
padding:2px 7px 2px 10px;
border:1px solid #ff0000;
color:#ff0000;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
text-decoration:none;
margin:0 5px 5px 0;
}
