@charset "utf-8";

/* 基本設定ここから */

body{
 background-image: url(common/back.gif);
 font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","sans-serif";
 font-size: small;
 color: #333333;
 line-height: 1.2em;
 margin: 0px;
 padding: 0px;
 }

#contents{
 margin: 0 auto;
 padding: 0px;
 width: 760px;
 }
 
h1{
 margin: 0px;
 padding: 15px 0px 30px 0px;
 }
 
h2{
 margin: 0px;
 padding: 0px;
 }
  
/* 基本設定ここまで */

/* ヘッダーここから */

#header{
 margin: 0px;
 padding: 0px;
 background-image: url(common/header.jpg);
 height: 118px;
 }

#header ul{
 margin: 0px;
 padding: 0px;
 }

#header ul img{
 margin-right: 10px;
 vertical-align: middle;
}

#header li{
 margin: 0px;
 padding: 5px 15px 5px 0px;
 float: right;
 }

#header a{
 color: #FFFFFF;
 text-decoration: none;
 }

#header a:hover{
 color: #DBCE9B;
 text-decoration: none;
 }

/* ヘッダーここまで */

/* SIDEここから */

#menu{
 margin: 0px;
 padding: 0px;
 width: 220px;
 float: left;
 }
 
#menu ul{
 margin: 0px;
 padding: 0px;
 } 

#menu li{
 margin: 0px;
 padding: 0px;
 list-style: none;
 }

#menu li img{
 vertical-align: bottom;
 }
 
/* SIDEここまで */


/* MAINここから */

#main{
 margin: 0px;
 padding: 0px;
 width: 540px;
 float: right;
 }

#main-c{
 margin: 0px;
 padding: 0px;
 width: 540px;
 background-image: url(common/c-middle.gif);
 background-repeat: repeat-y;
 }

#main-m{
 margin: 0px 60px;
 padding: 0px;
 width: 420px;
 }

#main-m2{
 margin: 0px 35px;
 padding: 0px;
 width: 470px;
 }

#main img{
 vertical-align: bottom;
 }

/* MAINここまで */

/* footerここから */

#footer{
 margin: 0px;
 padding: 10px 0px;
 text-align: center;
 font-weight: bold;
 color: #005AA0;
}

/* footerここまで */

/* TOPここから */

.top-c{
 margin: 0px;
 padding: 0px 30px 40px 30px;
 }

/* TOPここまで */


/* 塩の知識ここから */

#main-m .shio{
 margin: 0px;
 padding: 20px 20px 40px 20px;
}

#main-m .shio2{
 margin: 0px;
 padding: 0px 20px 40px 20px;
}

caption{
 margin-bottom: 5px;
 }

/* 塩の知識ここまで */

/* こんな風に作ってます。ここから */

#main-m .koutei{
 margin: 0px;
 padding: 10px 0px 40px 0px;
 }
 
#main-m .koutei img{
 float: left;
 }

#main-m .koutei p{
 margin: 0px;
 padding: 5px 15px;
 width: 220px;
 float: right;
 }

/* こんな風に作ってます。ここまで */

/* レシピここから */

#main-m .recipe{
 margin: 0px;
 padding: 15px 0px 50px 0px;
 }
 
#main-m .recipe p{
 margin: 0px;
 padding: 5px 15px;
 width: 132px;
 }

#main-m .recipe img{
 float: left;
 }

.recipe-c{
 margin: 0px;
 padding: 0px;
 float: right;
 }

#main-m .recipe-c p{
 padding-left: 5px;
 height: 110px;
 }

/* レシピここまで */

/* 会社概要ここから */

#gaiyou{
 margin: 0px;
 padding: 15px 0px 30px 0px;
 text-align: center;
 }

.blue{
 background-color: #EFF3FB;
 }
 
table{
 margin: 20px auto;
 padding: 0px;
 width: 400px;
 }

table th{
 margin: 0px;
 padding: 5px;
 color: #055DA2;
 text-align: left;
}

table td{
 margin: 0px;
 padding: 0px;
 text-align: left;
}

#gaiyou p{
 margin: 20px 0px 20px 40px;
 padding: 0px;
 width: 390px;
 text-align: left;
 }

/* 会社概要ここまで */

/* 盛り塩×花の塩ここから */

.s-shio{
 margin: 0px;
 padding: 10px 0px;
}

.s-shio table{
 margin-top: 15px;
 padding: 0px;
 border: 1px solid #CCCCCC;
 border-collapse: collapse;
 width: 420px;
 }

.s-shio table td{
 margin: 0px;
 padding: 5px;
 border: 1px solid #CCCCCC;
 border-collapse: collapse;
 vertical-align: top;
}

.s-shio .shurui td{
 margin: 0px;
 border: 1px dotted #CCCCCC;
 border-collapse: collapse;
 width: 60px;
 text-align: center;
 vertical-align: top;
 font-size: x-small;
 }

.s-shio .shurui-s{
 font-size: x-small;
 }

.s-shio .shurui-s img{
 vertical-align: middle;
 }

.s-shio .shurui-c{
 width: 200px;
 }

.p{
 text-align: center;
 }
 
/*  盛り塩×花の塩ここまで */

/* 珠洲の塩シリーズここから */

.s-series{
 margin: 0px;
 padding: 0px;
 }

.s-series{
 margin-top: 25px;
 padding: 0px;
 border: 1px solid #CCCCCC;
 border-collapse: collapse;
 width: 420px;
 }

.s-series td{
 margin: 0px;
 padding: 5px;
 border: 1px solid #CCCCCC;
 border-collapse: collapse;
}

.s-series .a td{
 margin: 0px;
 border: 1px dotted #CCCCCC;
 border-collapse: collapse;
 width: 60px;
 text-align: center;
 vertical-align: top;
 font-size: x-small;
 }

.s-series .b{
 font-size: x-small;
 }

.s-series .b img{
 vertical-align: middle;
 }

.s-series .c img{
 padding: 10px 30px;
 vertical-align: top;
 }
 
.s-series .c{
 text-align: center;
 }

/* 珠洲の塩シリーズここまで */

/* プライバシーポリーシーここまで */

#privacy{
 margin: 0px 30px 0px 40px;
 padding-bottom: 40px;
 width: 400px;
}

.privacy-c{
 margin: 0px;
 padding: 8px 0px 20px 2px;
 }

.privacy-c2{
 margin-bottom: 20px;
 padding: 0px;
 }

/* プライバシーポリーシーここまで */

/* サイトマップここから */

#main-m2 ul{
 margin: 0px;
 padding: 0px 0px 100px 0px;
 }

#main-m2 a{
 color: #333333;
 text-decoration: none;
 }

#main-m2 a:hover{
color: #AD930D;
 }

#main-m2 li{
 margin-left: 70px;
 padding: 8px 0px;
 list-style-image: url(sitemap/y-2.gif);
 font-size: 14px;
 font-weight: bold;
 }

#main-m2 #site{
 margin: 0px;
 padding: 0px;
 }

#main-m2 #site .a{
 margin-left: 35px;
 }

#main-m2 #site .b{
 margin-left: 70px;
 padding: 8px 0px;
 list-style-image: url(sitemap/y-1.gif);
 }

/* サイトマップここまで */
