@import url("style2.css");
@import url("style3.css");
@import url("campaign.css");

/*全体部分*/
body           { background: #f5deb3 repeat-x left top; text-align: center; margin: 0; padding: 0 }
div,td,th,pre    { font: 100% sans-serif; text-align: left; margin: 0 }
p     { font-style: normal; font-weight: normal; font-size: 90%; line-height: 120%; text-align: left; margin-top: 10px; margin-bottom: 10px }
img   { border: 0px }
ul { margin: 0px }
a  { color: #e08934; text-decoration: none }
a:hover     { color: #06c }
h1,h2,h3,h4,h5,h6   { font-style: normal; font-weight: normal; clear: both ; font-size: 100%; margin: 0 }
table { border-collapse: collapse }
em { font-style: normal; font-weight: normal }

.imageleft { float:left ; margin-right: 10px } 

.left {  float: left }
.right {  float: right }
.clear { clear: both }
.space-left { margin-left: 10px}
.space-right { margin-right: 10px }
.small { font-size: 80%}
.red  { color: #f00 }
.bold { font-weight: bold }

.w550 { width: 550px ;}



.powertop  { vertical-align: middle; margin-top: 20px; margin-bottom: 20px; width: 550px }
.power-kakoi  { margin-top: 10px; margin-bottom: 10px; padding: 5px;  border: solid 1px #c00 }
.nomikata { margin-top: 10px; margin-bottom: 100px; }
.nomikata td { padding-bottom :10px ; }
.akawaku { margin: 2px; padding: 2px; border: double 3px #800 }
.power-midasi { color: #800; font-weight: bold; font-size: 25px; text-align: center; margin: 0px }
.power-bigfont  { font-weight: bold; font-size: 20px; line-height: 28px }


/*コンテンツ部分*/
#con { float: left; margin-top: 20px; padding-right: 15px; padding-left: 15px; border-right: 2px groove #b8b8b8; width: 565px }
#con p {  }
#con h1   { font-weight: bold; font-size: 140%; background: url(http://www.siitake.com/img/h1.gif) no-repeat; margin-bottom: 30px; padding-top: 3px; padding-left: 40px; border-bottom: 2px groove #a0522d;  height: 32px }

#con h2  { font-weight: bold; font-size: 130%; clear: both ; /*background: url(http://www.siitake.com/img/h2.gif) no-repeat;*/ margin-top: 15px; margin-bottom: 15px; padding-top: 3px; padding-left: 10px; width: 550px ; height: 25px }
#con h3  { font-weight: bold; clear: both ; margin-top: 10px; margin-bottom: 10px; /*border-bottom: solid #a0522d;*/ width: 545px;background: url(http://www.siitake.com/img/h2.gif) no-repeat;padding-left: 15px; padding-top: 3px; }

/*詳しくはこちら部分*/
.annai   { text-align: right; margin-top: 15px; margin-bottom: 15px ; width:545px }

/*トップページレシピ部分*/
.recipe { margin-bottom: 10px; }
.recipe-body     { /* background: url(http://www.siitake.com/img/recipe-body.gif) repeat-y; */padding: 0px 10px; width: 550px }
.recipe-plan { width: 530px }


#kodawari p { font-size: 85%; padding-left: 10px }


.news       { background: url(http://www.siitake.com/img/news-back.gif) repeat-y; margin-top: 30px; margin-bottom: 30px }
.news a  { color: #630 }
.news ul    { list-style-type: none; margin: 0; padding: 0 ; border-bottom: 1px dotted #8e8e8e ; width: 550px }
.news li  { font-size: 85%; padding-top: 5px; padding-left: 20px; }
.data { color: #f90; margin-right: 15px }

.privacy { font-size: 85%; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px dotted #222 }
.privacy ul { list-style-type: circle; margin-left: 18px }
.privacy li { margin-bottom: 10px }
.privacynavi { font-weight: bold; margin-top: 20px; margin-bottom: 10px; padding-top: 20px; border-top: 1px dotted #222 }

.law   { font-size: 85%}
.law table   { border: solid 1px #333; width: 550px }
.law th    { font-weight: normal; text-align: left; padding: 5px; border: solid 1px #333; width: 150px }
.law td   { padding: 5px; border: solid 1px #333 }

.form { }
.form table   { font-size:80% ; margin-top: 0px; margin-bottom: 30px }
.form th  { font-weight: normal; text-align: right; vertical-align: top; margin-right: 10px; padding-top: 5px }
.form td   { padding-left: 10px }
.form-text { float: right; padding-right: 50px; width: 450px }
.form-text p { font-size: 95% }

.sitemap { font-size:95% } 
.sitemap ul { list-style-type: none; margin-left: 50px; padding: 0 }
.sitemap a  { width:200px }
.indexpage { margin-left: 90px; }

.menucat li { font-size:80% ; margin-left: 10px }
.menucat ul { margin-bottom :10px }
.menucat li a { color: #000 }
.menucat li a:hover { color: #06c }

.cat-entry { }
.cat-foot  { font-size: 85%; clear: both; margin-bottom: 30px; border-top: 1px dotted #ff8c00 }
.more  { font-size: 90%; text-align: right; margin-top: 10px ; margin-right: 15px ; clear: both;}

.entrymore { clear: both  }
.ent-foot { font-size: 85%; margin-bottom: 30px; border-top: 1px dotted #ff8c00  }
#main   { margin: 40px auto 40px 120px; width: 560px }

.comme  { margin-bottom: 10px; padding: 5px; border: solid 1px #d3d3d3 }
.commentform { margin-top: 20px; margin-bottom: 20px }

.ta { margin-top: 10px ; margin-bottom: 10px;width :100%  }
.ta-left { text-align: left; width: 50% }
.ta-right { text-align: right; width: 50% }

.kodawaritable  { margin-top: 40px; margin-bottom: 40px; width: 550px }
.kodawaritable th { margin-bottom: 10px; border-bottom: 1px solid #c00 }
.kodawaritable td { font-size: 85%; padding: 10px }

.goodsentry   { clear: both; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #393 ; width: 560px }
.goodsentry dl  { margin: 0px }
.goodsentry dt   { clear: both; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; border-bottom: 1px dotted #c60 }
.goodsentry dd     { font-size: 80%; float: left; margin: 0px 8px 15px 0px; width: 130px }
#gd-ct {  clear: both  }
.black  a{ color: #000  }

.rireki { font-size: 80%; margin-top: 10px; padding-top: 5px; border-top: 1px dotted #5b5b5b }

.waku { border: 1px solid #000  }

.nexterea   { font-size: 85%; text-align: center; margin-top: 5px; margin-bottom: 5px }

.page-navi { font-size: 80%; clear: both }