/* CSS Document */

/* ------------------------------
商品情報
------------------------------ */
#shohhin_section01{
    padding-bottom: 48px;
    margin-left: 40px;
    line-height:160%;
    width:600px;
}

.fl_r2{float:right; padding-left:15px;}
.pb5{padding-bottom:5px;}
#sio{padding-bottom:32px;}
#sio_txt{padding-bottom:20px;}
.mb5{padding-top:5px;}



/* ------------------------------
other
------------------------------ */

#ank{width:680px; height:40px; background-image:url(../../shohhin/other/img/bg.gif); background-repeat:repeat-x; background-position:top; margin-bottom:50px; }

#ank #middle{ text-align:center; padding-top:12px;}

.other{width:680; clear:both;}
.other .box_01{width:600px; margin-left:40px; margin-top:0px; clear:both; }
.other .box_01 .mini_box1{float:left;  width:186px; margin-right:21px;}
.other .box_01 .mini_box2{float:left;  width:186px;}
.pic{padding-bottom:17px;}
.other .box_01 li.t1{ color:#333333; padding-bottom:10px; text-align:center;} 
.other .box_01 li.t2{ padding-bottom:50px; text-align:center;} 
.other .box_01 .box_txt{padding-bottom:20px; width:600px; line-height:170%;}


.other .box_02{width:600px; margin-left:40px; margin-top:0px; clear:both; }
.other .box_02 .mini_box1{float:left;  width:186px; margin-right:21px;}
.other .box_02 .mini_box2{float:left;  width:186px;}
.pic{padding-bottom:17px;}
.other .box_02 li.t1{ color:#333333; padding-bottom:10px; text-align:center;} 
.other .box_02 li.t2{ padding-bottom:30px; text-align:center;} 
.other .box_02 .box_txt{padding-bottom:20px; width:600px; line-height:170%;}
.pb40{padding-bottom:40px;}
.pb30{padding-bottom:30px;}

#question{ margin-left:40px; width:600px; line-height:180%; padding-bottom:30px;}




/*---------------------------------------
3PL作成したCSS
-----------------------------------------*/
.shohhin_section001{
    margin-bottom: 48px;
    padding-left: 38px;
    width:613px;
}


.shohhin_section02{
line-height:160%;
    margin-bottom: 48px;
}

.shohhin_section02 div{
  margin-bottom: 25px;
}


.shohhin_h2_title{
    margin-bottom: 23px; clear:both;
}
#shohhin_text01{
    margin-bottom: 65px;
}
#shohhin_text02{
    margin-bottom: 25px;
}
.col_wrap{
}
.col_left{
    float: left;
}
.col_right{
    float: right;
}
.shohhin_content01_wrap{
    width: 601px;
    margin-bottom: 28px;
}
.shohhin_content01{
    text-align: center;
    width: 186px;
    float: left;
    margin-right: 21px;
}
.shohhin_content01 img{
    margin-bottom: 16px;
}
.content01_text{
    font-size: 13px;
    margin-top: 8px;
}
#bottom_link{
    text-align: center;
    margin-top: 65px;
}

.pageseek {
  text-align: center;
}

/*
.pagetop{
    display: none;
}

*/
/* ------------------------------
あらしお
------------------------------ */
#ara_content01{
    width: 676px;
}
#ara_content01_left{
    width: 300px;
    float: left;
}
#ara_content01_right{
    width: 353px;
    float: right;
    padding-top: 10px;
}
#ara_table01{
    margin: 24px auto 0px;
}
#ara_table01 th{
    padding-bottom: 3px;
    vertical-align: top;
}
#ara_table01 td{
    padding-bottom: 3px;
    vertical-align: top;
}

#arashio{
    font-size: 17px;
    color: #E52D2B;
    font-weight: bold;
}
#ara_link01{
    font-size: 11px;
    text-align: right;
    margin-top: 13px;
    color: #006699;
    vertical-align: middle;
}
#ara_link01 img{
    vertical-align: middle;

}
#ara_title01{
    font-weight: bold;
    margin-bottom: 5px;
}
#ara_text01{
    margin-bottom: 15px;
    width: 338px;
}
#ara_table02{
    margin-top: 15px;
    margin-bottom: 25px;
}
#ara_table02 th{
    padding-bottom: 4px;
    font-weight: normal;
    text-align: left;
    background-image: url(../../shohhin/img/icon_ara02.gif);
    background-repeat: no-repeat;
    background-position: 2px 11px;
    border-bottom: 1px dotted #CCCCCC;
    padding-left: 17px;
    padding-top: 8px;
}
#ara_table02 td{
    padding-bottom: 4px;
    text-align: right;
    padding-right: 8px;
    border-bottom: 1px dotted #CCCCCC;
    padding-top: 8px;
}
#ara_table02 td img {
    margin-left: 5px;
}

.ara_pic01{
    margin-bottom: 25px;
    width:280px;
    float: left;
}
.ara_text02{
    margin-bottom: 25px;
    width:400px;
    float: left;
}
.ara_content02_wrap{
    width: 680px;
    margin-bottom: 20px;
}
.ara_content02{
    width: 216px;
    text-align: center;
    float: left;
    margin-right: 16px;
}

div.ara_content02_title_wrap{
    width: 680px;
    margin-bottom: 5px;
}
div.ara_content02_title{
    width: 216px;
    text-align: center;
    float: left;
    margin-right: 16px;
    margin-bottom: 5px;
    font-size: 14px;
}

.ara_content03{
    width: 216px;
    text-align: center;
    float: left;
    margin-right: 15px;
}

.ara_content04{
    width: 216px;
    text-align: center;
    float: left;
}

.ara_content03 img{
    margin-bottom: 10px;
}

.ara_content04 img{
    margin-bottom: 10px;
}


.ara_content02 img{
    margin-bottom: 10px;
}
#ara_bottom_list{
    text-align: right;
    padding-right: 36px;
    margin-top: 60px;
}

#ara_box00{clear:both; margin-top:16px;   }
#ara_box00 table{
    border:1px solid #CCCCCC;
    padding: 0px;
    line-height: 170%;
}


/* ------------------------------
塩（漬物塩）・苦汁（にがり）→　おいしい〜の作り方
------------------------------ */

/* ----　共通　------ */
#contents .pb10{padding-bottom:10px;}
#contents .pb20{padding-bottom:20px;}

#tsukemono_howto{
padding-bottom: 48px;
margin-left: 40px;
line-height:160%;
width:602px;
color: #000;
}
#tsukemono_howto .pt{font-size: 10px; text-align:right; padding-bottom: 20px;}

#tsukemono_howto p#howto02_rd{color:#990000; padding-bottom: 25px; line-height:160%;}
#tsukemono_howto p#howto02_rd2{color:#990000; padding-bottom: 15px; line-height:160%;}

#tsukemono_howto #howto01_4 p a:link,
#tsukemono_howto #howto01_4 p a:visited,
#tsukemono_howto #howto02_4 p a:link,
#tsukemono_howto #howto02_4 p a:visited,
#tsukemono_howto #howto03_4 p a:link,
#tsukemono_howto #howto03_4 p a:visited,
#tsukemono_howto #howto04_4 p a:link,
#tsukemono_howto #howto04_4 p a:visited{color:#900}
#tsukemono_howto #howto01_4 p a:hover,
#tsukemono_howto #howto02_4 p a:hover,
#tsukemono_howto #howto03_4 p a:hover,
#tsukemono_howto #howto04_4 p a:hover{color:#996666}


/* ----　漬物　------ */

#tsukemono_howto #howto01{background: url(../../shohhin/shio/img/tsukemono/howto01_img01.jpg) right bottom no-repeat;
border-bottom: solid #ccc 1px}
#tsukemono_howto #howto01 p{padding: 30px 220px 30px 0px;}
#tsukemono_howto #howto01_2{padding: 53px 0px 67px 0px; text-align:center;}

#tsukemono_howto h3.howto01_h3{padding-bottom: 15px;}
#tsukemono_howto .howto01_3{margin-bottom: 15px;}
#tsukemono_howto .back01{background: url(../../shohhin/shio/img/tsukemono/howto01_img03.gif) no-repeat right 50px;
padding-bottom: 0px;}
#tsukemono_howto .back02{background: url(../../shohhin/shio/img/tsukemono/howto01_img04.gif) no-repeat right 0px;
padding-bottom: 40px;}
#tsukemono_howto .back03{background: url(../../shohhin/shio/img/tsukemono/howto01_img05.gif) no-repeat right 40px;
padding-bottom: 0px;}
#tsukemono_howto .back04{background: url(../../shohhin/shio/img/tsukemono/howto01_img06.gif) no-repeat right 10px;
padding-bottom: 0px;}
#tsukemono_howto .howto01_3 .text01{color:#900; padding-bottom: 15px; line-height:140%;}
#tsukemono_howto #howto01_4{padding: 18px 33px 5px 33px; background-color: #FAF7E5}
#tsukemono_howto #howto01_4 p{padding-bottom: 13px; width: 380px; line-height:140%;}


/* ----　梅干　------ */

#tsukemono_howto #howto02{background: url(../../shohhin/shio/img/tsukemono/howto02_img01.jpg) right bottom no-repeat;
border-bottom: solid #ccc 1px; margin-bottom: 25px;}
#tsukemono_howto #howto02 p{padding: 30px 220px 30px 0px;}

#tsukemono_howto p#howto02_bld{font-weight: bold; padding-bottom: 5px; }
#tsukemono_howto #howto02_nml {line-height:140%; }
#tsukemono_howto #howto02_nml p{width:467px; padding-bottom: 20px;}

#tsukemono_howto .howto02_prs01{width: 280px; padding-right: 20px; float: left; padding-bottom: 30px;}
#tsukemono_howto .howto02_prs01 img{float: left;}
#tsukemono_howto .howto02_prs01 p{width: 111px; float: left; line-height:145%;}
#tsukemono_howto .howto02_prs02{width: 295px; float: left; padding-bottom: 30px;}
#tsukemono_howto .howto02_prs02 img{float: left;}
#tsukemono_howto .howto02_prs02 p{width: 143px; float: left; line-height:145%;}

#tsukemono_howto #howto02_4{height: 348px; padding: 23px 33px 5px 33px; margin-top: 10px; margin-bottom: 30px;
background:#FAF7E5 url(../../shohhin/shio/img/tsukemono/howto02_img02.jpg) left bottom no-repeat}
#tsukemono_howto #howto02_4 p.right{float: right; padding-bottom: 13px; width: 167px; line-height:160%; text-align:center}
#tsukemono_howto #howto02_4 p.left{float: left; padding-bottom: 13px; width: 365px; line-height:140%;}
#tsukemono_howto #howto02_4 #bottom{float: right; padding-top: 30px; line-height:140%; padding-right: 20px}
#tsukemono_howto #howto02_4 #bottom p{font-weight: bold; padding-bottom: 5px; }

/* ----　味噌　------ */

#tsukemono_howto #howto03{background: url(../../shohhin/shio/img/tsukemono/howto03_img01.jpg) right bottom no-repeat;
border-bottom: solid #ccc 1px; margin-bottom: 25px;padding-top: 10px;}
#tsukemono_howto #howto03 p{padding: 35px 220px 33px 0px;}

#tsukemono_howto .howto03_nml {line-height:140%; padding-bottom: 15px;}

#tsukemono_howto #howto03_2{background: url(../../shohhin/shio/img/tsukemono/howto03_img03.gif) no-repeat;
margin: 30px 0 50px; padding: 15px 0px 0px; height: 33px; width: 602px; text-align:center;font-weight: bold;}

#tsukemono_howto .howto03_prs01{width: 280px; padding-right: 20px; float: left; padding-bottom: 30px;}
#tsukemono_howto .howto03_prs01 img{float: left;}
#tsukemono_howto .howto03_prs01 p{width: 152px; float: left; line-height:145%;}
#tsukemono_howto .howto03_prs01 p.ttl,
#tsukemono_howto .howto03_prs02 p.ttl{padding-bottom: 10px; color:#900; font-weight:bold;}
#tsukemono_howto .howto03_prs02{width: 302px; float: left; padding-bottom: 30px;}
#tsukemono_howto .howto03_prs02 img{float: left;}
#tsukemono_howto .howto03_prs02 p{width: 159px; float: left; line-height:145%;}

#tsukemono_howto #howto03_4{height: 348px; padding: 23px 33px 5px 33px; margin-top: 10px; margin-bottom: 30px;
background:#FAF7E5 url(../../shohhin/shio/img/tsukemono/howto03_img02.jpg) left bottom no-repeat}
#tsukemono_howto #howto03_4 p.right{float: right; padding-bottom: 13px; width: 167px; line-height:160%; text-align:center}
#tsukemono_howto #howto03_4 p.left{float: left; padding-bottom: 13px; width: 365px; line-height:140%;}
#tsukemono_howto #howto03_4 #bottom{float: right; padding-top: 30px; line-height:140%; }
#tsukemono_howto #howto03_4 #bottom p{font-weight: bold; padding-bottom: 5px; }


/* ----　豆腐（にがり）　------ */

#tsukemono_howto #howto04{background: url(../../shohhin/nigari/img/tohfu/howto04_img01.jpg) right bottom no-repeat;
border-bottom: solid #ccc 1px; margin-bottom: 25px;padding-top: 20px;}
#tsukemono_howto #howto04 p{padding: 38px 220px 38px 0px;}

#tsukemono_howto #howto04_2{background: url(../../shohhin/nigari/img/tohfu/howto04_img03.gif) no-repeat;
margin: 0px 0 20px; padding: 10px 0px 0px; height: 26px; width: 602px; text-align:center;font-weight: bold;}
#tsukemono_howto .howto04_nml {line-height:140%; padding-bottom: 30px;}

#tsukemono_howto #prs_left{width: 280px; padding-right: 20px; float: left; }
#tsukemono_howto .howto04_prs01{padding-bottom: 30px;}
#tsukemono_howto .howto04_prs01 img{float: left;}
#tsukemono_howto .howto04_prs01 p{width: 157px; float: left; line-height:145%;}
#tsukemono_howto .howto04_prs01 .ttl,
#tsukemono_howto .howto04_prs02 .ttl{padding-bottom: 10px; color:#900; font-weight:bold;}
#tsukemono_howto #prs_right{width: 302px; float: left;}
#tsukemono_howto .howto04_prs02{padding-bottom: 60px;}
#tsukemono_howto .howto04_prs02 img{float: left;}
#tsukemono_howto .howto04_prs02 p{width: 159px; float: left; line-height:145%;}

#tsukemono_howto .howto04_prs03{width: 280px; padding-right: 20px; float: left; padding-bottom: 20px;}
#tsukemono_howto .howto04_prs04{width: 302px; float: left; padding-bottom: 20px;}
#tsukemono_howto .howto04_prs03 p,
#tsukemono_howto .howto04_prs04 p{line-height:145%;}
#tsukemono_howto .howto04_prs03 .ttl,
#tsukemono_howto .howto04_prs04 .ttl{padding-bottom: 10px; color:#900; font-weight:bold;}

#tsukemono_howto #howto04_4{padding: 26px 65px 24px 56px; height: 160px;
margin-top: 10px; margin-bottom: 30px; background:#FAF7E5}
#tsukemono_howto #howto04_4 p{float: left; padding-top: 52px;}
#tsukemono_howto #howto04_4 p img{padding-bottom: 10px; clear: both;}
#tsukemono_howto #howto04_4 p a{clear: both}


#other{ margin:0 0 0 20px; width:600px;}
#other table td{border:1px solid #CCCCCC; padding:5px;} 
.bl{ background-color:#E3F1FD;}