@charset "Shift_JIS";
/* ===============================================================\*/
/* 無水鍋ページ用CSS
/* 更新日:2010.02.16
/* 制作者:Y.O
/* 
/* 目次：
/* 　　　1.レイアウトの設定
/* 　　　　[1]リンク
/* 　　　　[2]ヘッダー
/* 　　　　[3]サイドメニューとコンテンツ
/* 　　　　[4]フッター
/*
/* 　　　2.ヘッダーの詳細設定
/* 　　　　[1]ヘッダーメニューの設定
/*
/* 　　　3.コンテンツの詳細設定
/* 　　　　[1]項目の指定
/*
/* 　　　4.フッターの詳細設定
/*
/* ===============================================================\*/
/* ===============================================================
　　　↓1.レイアウトの設定↓ 
===============================================================\*/
body {
  margin:0;
  padding:0;
  background-color: #000;
}

html, body {
  height: 100%;
}

* {
  margin:0px;
  padding:0px;
  font-family:"ＭＳ Ｐゴシック";
  font-size: 15px;
}

img {
  border:0;
  margin:0;
  padding:0;
  line-height:0;
  text-decoration: none;
}

.hide {
  display:none;
}

.check {
  color: #AC150A;
}

.shou {
  font-size:70%;
  line-height: 1em;
}

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

div#container {
  width:960px;
  text-align: left;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0px  0px -30px 0px;
}

/* =====[2]リンク===== \*/
a:link {
  text-decoration: underline;
  color: #444444;
  font-size: inherit;
}

a:visited {
  text-decoration: underline;
  color: #444444;
  font-size: inherit;
}

a:hover {
  text-decoration: none;
  color: #444444;
  font-size: inherit;
}

a:active {
  text-decoration: underline;
  color: #444444;
  font-size: inherit;
}


/* ===============================================================
　　　↓1.コンテンツの詳細設定↓ 
===============================================================\*/
/* =====[1]サイドメニューとコンテンツレイアウト=====\*/
div#container div#barcontset {
  width:960px;
  clear:both;
  display: inline-block;
  background-image: url(../img/mainbk.gif);
  background-repeat: repeat-y;
}

div#container div#barcontset:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

/* Hide from IE-mac \*/
* html div#container div#barcontset { height: 1%;}
div#container div#barcontset { display: block;}
/* End hide from IE-mac */

div#container div#barcontset div#sidebar {
  width: 170px;
  float:left;
  text-align: center;
}

div#container div#barcontset div#cont {
  width:790px;
  float:right;
  background-color: #fff;
  text-align: center;
}

/* =====[2]コンテンツ詳細設定=====\*/
div#container div#barcontset div#cont div#contwaku {
  width: 755px;
  text-align: center;
  margin: 0px auto 20px auto;
  background-image: url(../cooking/img/bg_recipe.jpg);
  background-repeat: repeat-y;
}

div#container div#barcontset div#cont div#contwaku div.honbun {
  text-align: left;
  margin: 20px;
}

div#container div#barcontset div#cont div#contwaku div.honbun p {
  line-height: 1.3em;
  margin-bottom: 0.6em;
}

/* --------パンくずリスト--------\*/
div#container div#barcontset div#cont div#contwaku div#pankuzu {
  text-align: right;
  padding: 10px;
  font-size: 80%;
}

div#container div#barcontset div#cont div#contwaku div#pankuzu a:link {
  text-decoration: none;
  color: #444444;
}

div#container div#barcontset div#cont div#contwaku div#pankuzu a:visited {
  text-decoration: none;
  color: #444444;
}

div#container div#barcontset div#cont div#contwaku div#pankuzu a:hover {
  text-decoration: underline;
  color: #444444;
}

div#container div#barcontset div#cont div#contwaku div#pankuzu a:active {
  text-decoration: none;
  color: #444444;
}

/* --------右側メニュー--------\*/
div#container div#barcontset div#cont div#contwaku div#contmenu {
  text-align: left;
  margin-bottom: 10px;
}

div#container div#barcontset div#cont div#contwaku div#contmenu li {
  margin: 0px 5px 0px 0px;
  list-style: none;
  display: inline;
}

div#container div#barcontset div#cont div#contwaku div#contmenu2 {
  text-align: right;
  margin-bottom: 10px;
}

div#container div#barcontset div#cont div#contwaku div#contmenu2 li {
  margin: 0px 5px 0px 0px;
  list-style: none;
  display: inline;
}

/* =====[3]サイドメニュー詳細設定=====\*/
div#container div#barcontset div#sidebar img {
  margin: 0px;
  padding: 0px;
}

div#container div#barcontset div#sidebar ul {
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

div#container div#barcontset div#sidebar ul li {
  margin: 0px;
  padding: 0px;
  line-height: 0em;
  list-style: none;
}

div#container div#barcontset div#sidebar p {
  margin: 0px auto;
}

/* --------[1]recipeトップの詳細設定--------\*/
div#container div#barcontset div#cont div#contwaku div#recipetop1 {
  width: 723px;
  text-align: left;
  margin: 20px auto;
}

div#container div#barcontset div#cont div#contwaku div#recipetop1 ul li {
  list-style: none;
  display: inline;
}

div#container div#barcontset div#cont div#contwaku div#osusumebox {
  width: 750px;
  background: url(../cooking/img/top/osusume02.gif) bottom no-repeat;
  padding: 0px;
  margin: 40px auto 20px auto;
  text-align: center;
  vertical-align: top;
}

div#container div#barcontset div#cont div#contwaku div#osusumebox div#osusume {
  padding: 10px 30px 20px 30px;
  margin: 0px auto;
  text-align: left;
  display: inline-block;
}

div#container div#barcontset div#cont div#contwaku div#osusumebox div#osusume:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hide from IE-mac \*/
* html div#container div#barcontset div#cont div#contwaku div#osusumebox div#osusume { height: 1%;}
div#container div#barcontset div#cont div#contwaku div#osusumebox div#osusume { display: block;}
/* End hide from IE-mac */

div#container div#barcontset div#cont div#contwaku div#osusumebox div#osusume img {
  float: left;
  margin-right: 10px;
}

div#container div#barcontset div#cont div#contwaku div#osusumebox div#osusume h3 {
  font-size: 20px;
  color: #565330;
}

div#container div#barcontset div#cont div#contwaku div#osusumebox div#osusume p {
  margin: 8px 0px;
}
 
div#container div#barcontset div#cont div#contwaku div#osusumebox div#osusume p.hitokoto {
  margin: 8px 0px;
  color: #FE8101;
  font-size: 16px;
  font-weight: 600;
}

div.pickupranking {
  width: 100%;
  margin: 0px auto 20px auto;
  padding-bottom: 25px;
  text-align: center;
  clear: both;
}

div.pickupranking table {
  margin: 0px auto;
  text-align: center;
}

div.pickupranking table tr td {
  padding: 0px;
}

div.pickupranking table tr td .coment {
  width: 410px;
  margin: 0px auto 10px auto;
  padding: 5px;
  background-color: #FEF0C2;
  border: dotted 2px #AF8B5F;
}

div.pickupranking table tr td .coment p {
  text-align: left;
}

div.pickupranking table tr td table tr td.thumb {
  width: 100px;
}

div.pickupranking table tr td table tr td.rank {
  width: 28px;
}

div.pickupranking table tr td table tr td * {
  font-size: 13px;
}

div.pickupranking table tr td table tr td p {
  margin: 0px 0px 3px 0px;
}

div.pickupranking table tr td table tr td p.ranktitle {
  margin: 1px 0px 3px -10px;
  font-size: 14px;
}

div.pickupranking table tr td table * {
  padding: 0px 5px 5px 5px;
}



div.pickupranking table h2 img {
  margin: 0px 10px 15px 10px;
}


div#container div#barcontset div#cont div#contwaku div.erabu {
  margin-top: 20px;
}
 
/* --------[1]recipeの詳細設定--------\*/
div#container div#barcontset div#cont div#contwaku div#recipetop {
  width: 723px;
  text-align: right;
  margin: 20px auto;
}

div#container div#barcontset div#cont div#contwaku div#tokuchou {
  width: 723px;
  background-image: url(../cooking/img/tokucyou_bg.jpg);
  margin: 0px auto 20px auto;
  _margin: 0px 0px 20px 18px;
  text-align: left;
}

div#container div#barcontset div#cont div#contwaku div#tokuchou p {
  padding: 10px;
  line-height: 1.3em;
}

div.recipewaku {
  width: 729px;
  margin: 0px auto 20px auto;
  _margin: 0px 0px 20px 16px;
  padding-bottom: 25px;
  background-image: url(../cooking/img/recipewaku_bg.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  text-align: left;
}

div.recipewaku p {
  padding: 5px 10px 10px 10px;
}

div.recipewaku table.toptable {
  width: 100%;
}

div.recipewaku table.toptable .rightside {
  width: 390px;
}

div.recipewaku table.toptable .leftside {
  min-width: 300px;
}

div.recipewaku table tr td {
  padding: 5px;
}

div.recipewaku table img {
  padding: 5px 0px;
}

div.recipewaku table h2 {
  margin-top: 20px;
}

div.recipewaku table h3 {
  font-size:24px;
}

div.recipewaku strong {
  color:#AC150A;
}

div#tokuchou strong {
  color:#AC150A;
}

.recipedate {
  text-align: right;
  color: #663300;
  font-size: 70%;
}

.howtomamake {
  width: 700px;
  margin: 5px 13px;
}

.howtomamake caption {
  text-align: left;
  margin-top: 30px;
}

.howtomamake img {
  margin: 0px 8px 10px 0px;
}

.fusiyou {
	margin: 2px 2px;
}

.komejirushi {
  font-size:smaller;
  text-indent: -1.3em;
  padding-left: -3em;
  margin-left: 2em;
  display: block;
  }

table.howtomamake tr {
  background-image: url(../cooking/img/dot_line.gif);
  background-position: bottom;
  background-repeat: no-repeat;
}

table.howtomamake tr td table.picsetsumei tr {
  background: none;
}

table.howtomamake tr td table.picsetsumei tr td {
  width: 150px;
  margin: 0px;
  padding: 0px;
}

table.howtomamake tr td table * {
    border: none;
  background: none;
}

table.howtomamake tr td table.picsetsumei tr td img {
  margin: 0px 0px 5px 0px;
  padding: 0px;
}

.howtomamake .left {
  width: 22px;
}

.howtomamake .left img {
  margin-right: 0px;
}

.kyousan {
  text-align: right;
  padding: 40px 5px 5px 0px;
  font-size: 70%; !important
}

.kyousan a {
  font-size: 100%;
}

div.recipewaku table.categorytable {
  width: 710px;
  margin: 10px;
}

div.recipewaku table.categorytable tr td {
  width: auto;
}
                                                                   
/* --------使い回し用--------\*/
.mb10px {
  margin-bottom: 10px;
}

.mt10px {
  margin-top: 10px;
}

.mt20px {
  margin-top: 20px;
}

.simplemouseover a:hover img {
  filter: Alpha(opacity=70);
  opacity:0.7;
}

.touka {
}

.smallerfont {
  font-size: smaller;
}

.imgcenter {
  width: 100%;
  text-align: center;
  margin: 0em 0em 1em 0em;
}

.imgcenter img {
  margin: 0px auto;
}

.imgright {
  width: 100%;
  text-align: right;
  margin: 0em 0em 1em 0em;
}

.imgmgt20 {
  margin-top: 20px;
}


/*===============================================================
　　　↓4.フッターの詳細設定↓ 
===============================================================\*/
/* =====[4]フッター=====\*/
div#container div#footer {
  margin:0px;
  padding:0px;
  width:960px;
  height: 30px;
  background-image: url(../img/footerbk.gif);
  background-repeat: repeat-y;
  background-position: top;
  clear: both;
}

div#container div#footer p{
    color: #fff;
  font-size: 70%;
  padding: 10px 215px 10px 0px;
  text-align: right;
}

div#container div#barcontset div#cont div.push {
	height: 30px;
}