@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;
}

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

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

.hide {
  display:none;
}

h1 {
  margin: 0px;
  padding: 0px;
}

h2 {
  margin: 0px;
  padding: 0px;
}

div#container {
  width:960px;
  text-align: left;
}

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

a:link {
  text-decoration: underline;
  color: #444444;
}

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

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

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

.text_red {
	color: #990000;
}

.photo {
	margin: 3px 5px;
}

.menuphoto {
	margin: 0px 5px 0px 15px;
}



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

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;
  margin: 20px auto;
}

div#container div#barcontset div#cont div#contwaku div#left {
  width: 500px;
  float: left;
  margin-right: 5px;
}

div#container div#barcontset div#cont div#contwaku div#left div#oshriase {
  padding: 0px 5px 10px 0px;
  margin: 15px 10px 0px 5px;
  width:470px;
  _width:480px;
  height:882px;
  border: none;
  overflow: scroll;
  overflow-x:hidden;
}

div#container div#barcontset div#cont div#contwaku div#left div#oshriase dl {
  text-align: left;
  margin: 0px 10px 10px 10px;
  font-size: 90%;
  line-height: 1.4em;
}

div#container div#barcontset div#cont div#contwaku div#left div#oshriase dl dt {
  width: 7em;
  background-color: #AD160B;
  color: #fff;
  margin: 10px 0px 0px 0px;
  padding: -10px;
  _padding: 3px;
  display: inline-block;
  font-size: 80%;
  letter-spacing: 0.1em;
}

div#container div#barcontset div#cont div#contwaku div#left div#oshriase dl dt img {
  margin: 3px;
  vertical-align: text-bottom;
}

div#container div#barcontset div#cont div#contwaku div#left div#oshriase dl dd {
  border-bottom: dashed 1px #999;
  padding: 5px;
}

div#container div#barcontset div#cont div#contwaku div#left div#oshriase dl dd .small {
  padding: 10px;
  font-size: 70%;
  line-height: 110%;
}

div#container div#barcontset div#cont div#contwaku div#right {
  width: 250px;
  float: left;
}

div#container div#barcontset div#cont div#contwaku div#right img {
  vertical-align: top;
}

div#container div#barcontset div#cont div#contwaku div#right a:hover img{
	filter: Alpha(opacity=70);
    opacity:0.7;
}

div#container div#barcontset div#cont div#contwaku div#right h2{
  margin: 0px;
  padding: 0px;
}

div#container div#barcontset div#cont div#contwaku div#right div#recipe {
  width: 100%; 
  background-color: #F1ECB4;
  padding-bottom: 10px;
}

div#container div#barcontset div#cont div#contwaku div#right div#recipe div#main {
  width: 230px;
  text-align: center;
  margin: 0px auto;
  background-color: #fff;
}

div#container div#barcontset div#cont div#contwaku div#right div#recipe div#main img {
  padding-top: 8px;
}

div#container div#barcontset div#cont div#contwaku div#right div#recipe div#main p {
  text-align: left;
  padding: 10px;
  font-size: 90%;
}

div#container div#barcontset div#cont div#contwaku div#right p.musuirights {
  padding: 10px 0px 20px 0px;
}

div#container div#barcontset div#cont div#contwaku div#right div#tokushu {
  border-right: solid 1px #2D2D2D;
  border-bottom: solid 1px #2D2D2D;
  border-left: solid 1px #2D2D2D;
  padding-bottom: 5px;
  margin: -5px 0px 15px 0px;

}

div#container div#barcontset div#cont div#contwaku div#right div#tokushu p {
    font-size: 90%;
    padding: 10px 0px;
}

div#container div#barcontset div#cont div#contwaku div#right div#tokushu img {
  text-align: left;
  padding: 3px 0px;
}


/* =====[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;
}

/*===============================================================
　　　↓4.フッターの詳細設定↓ 
===============================================================\*/
/* =====[4]フッター=====\*/
div#container div#barcontset div#cont div#footer {
  margin:0px auto;
  padding:0px;
  width:755px;
  background-color: #000;
  clear: both;
}

div#container div#barcontset div#cont div#footer p{
    color: #fff;
  font-size: 70%;
  padding: 10px;
}