﻿@charset "utf-8";

/* 単独ブログ用CSS */
/* このブログでしか使わないスタイル設定はこのCSSに設定する。 */

/* PRINTEC各ブログで共有するスタイル設定は
   ブログ「プリンテック」のデザインスタイルシートに設定。 */



/* --- 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 */



/* ----- 【TOPページ】 ----- */


div#maincontent div#pagetop2{
background:url("/file/laminate-katanuki/laminate-katanuki_top_bg.jpg") no-repeat 0 0 transparent;
height:155px;
margin-bottom:0;
width:780px;
}

div#contentszone div#daihtml1 p.sending_out{
margin:35px 0 0 0;
padding:0;
}

div#contentszone div#daihtml1 p.long_side_out{
margin:10px 0 0 0;
padding:0;
}

div#contentszone div#daihtml1 p.related_out{
margin:0;
padding:10px 10px 0 0;
}

div#contentszone p.categories_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:752px;
}

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#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;
}


/* ---------- 【共通部分】 ---------- */

/* ----- 【テキスト・注意書き】 ----- */


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.emphasis{
font-size:16px;
}

span.point{
color:#c00;font-weight:bold;
}


/* ----- 【発送納期】 ----- */


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;
}


/************** .story styles *****************/



.story{
clear: both;
padding: 10px 0px 0px 10px;
font-size: 80%;

}



.story p{
padding: 0px 0px 10px 0px;
}



.story ul li{
float:left;
margin:4px;
list-style:none;
}



.story ul{
margin-bottom:30px;
}



.story h3{
padding:3px 3px 3px 5px;
border-left:5px solid #ff0000;
font-size: 115%;
line-height:130%;
}


/*************** #div#d01,d02,03 style ****************/

div#d01,
div#d02,
div#d03{
width:220px;
float:left;
margin-right:5px;
border:2px dotted #bbbbbb;
padding:3px;
}

div#d01 img,
div#d02 img,
div#d03 img{
margin:3px;
}

div#d01 p,
div#d02 p,
div#d03 p{
margin:0;
}

.storyend{
clear:both;
border-bottom:2px dotted #bbbbbb;

}

/************* #breadCrumb styles *************/



#breadCrumb{
font-size: 80%;
padding: 5px 0px 5px 10px;
margin-bottom:10px;
border-top:dashed 1px #ccc;
border-bottom:dashed 1px #ccc;
}

