@charset "UTF-8";
/* CSS Document */
body {
 background:#FDEEBF;
}
div#wrapper{
  text-align:center;
  position: relative;
}
div.usukuchi{
  background: url(usukuchi/img/top_bg.gif) repeat-y;
}
div#header {
	padding: 3px 0;
  text-align:center;
}
h1 {
 margin:20px 10px 0px 20px;
 text-align: left;
 font-size:1.4em;
 }
div#info {
  height:161px;
  position:relative;
  margin-top:10px;
  text-align:left;
}
div#info img#photo { /* 料理写真 */
  margin-left:20px;
}
div#info img.usukuchi {
  border: solid 1px #FF9900;
}
div#info p#catch {  /* 一言コメント */
  position:absolute;
  top:0;
  left:267px;
  text-align:left;
  height:55px;
  width:413px;
}
div#info div {  /* カロリー・塩分・時間の表＋注釈（ないときもある） */
	position:absolute;
	left:373px;
	width:210px;
	bottom:0;
}


div#info div.long {  /* カロリー・塩分・時間の表＋注釈（ないときもある）長い記述の時*/
	position:absolute;
	left:270px;
	bottom:0;
}

div#info td.data_name{　 /* カロリー・塩分・時間などの記述が特殊なとき*/
  text-align:left;
  padding-left:6px;
  font-weight:bold;
  font-size: 0.85em;
  color:#FF9900;
  white-space: nowrap;
}

p.comment {                /* add */
  margin-top:5px;
  margin-left:2em;
  text-align:left;
  font-weight:normal;
}
div#info p.comment {
  width:100%;
  text-align:right;
  margin-left:0;
}
td.comment {               /* add */
  border-bottom:none !important;
  white-space: normal !important;
}

div#recipe p.comment {
  text-indent: -1.2em;
}

h1 span.comment{
	font-size:.6em;
	}

.comment {                  /* add */
  font-size:0.8em;
}

div#info table {
  width:100%;
}
div#info table.usukuchi {
  border-top:solid 3px #FF9900;
  border-bottom:solid 3px #FF9900;
}
div#info td{
  height:25px;
}

div#info td.data{
  text-align:right;
  padding-right:10px;
  white-space: nowrap;
}

div#content{
  margin-top:20px;
  margin-left:20px;
  margin-right:15px;
  clear: both;
}

div#content:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

div#content table {
  width:320px;
  float:left;
  border-collapse: collapse;
  border-spacing: 0;
  text-align:left;
}

div#content table th {
  text-align:left;
  text-indent:5px;
  height:20px;
}

div#content table th#item {
  width:180px;
}

div#content table th#spacer {
  width:20px;
  background:transparent;
}

div#content table th#quantity {
  width:120px;
}

div#content td.grouping{
  font-weight:bold;
  text-align:left;
}
div#content td.item{
  font-weight:bold;
  color:#FF0000;
}
div#content td {
  border-bottom:#FF9900 dotted 1px;
  padding-left:5px; /* add */
  padding-top:3px;
  padding-bottom:3px;
  white-space:nowrap; /* add */
}

div#content td.none {
  border-bottom:none;
  padding-left:5px; /* add */
  padding-top:3px;
  padding-bottom:3px;
  white-space:nowrap; /* add */
}

div#content table td.quantity {
  padding-left:26px;      /* add */
}

div#content td.center {
	padding: 8px 0 0 5px;
}

div#recipe {
  margin-bottom: 10px;
  width:330px;
  float:right;
}

div#recipe p.caption{
  height:20px;
  text-align:left;
  text-indent:5px;
  font-weight:bold;
}
table.usukuchi th, p.usukuchi{
  background-color:#FF9900;
}
div#recipe ol#recipe { /*add */
  width:100%;
}

div#recipe ol.recipe li {  /*add */
  text-align:left;
  margin-left:35px;
  padding: 5px 0 5px 5px;
}

div#recipe ol.recipe span { /*add */
  font-weight:bold;          /*add */
}                            /*add */

div#recipe p.subtitle {
  font-size: 0.9em;
  font-weight: bold;
  color:#ff0000;
  margin-top:1em;
  text-align:left;
}
/*
span.item {
  color:FF4500;
  font-weight:color;
}
*/

p.back2top{
  clear:both;
}

/*---------- レシピTOP 0209 ----------*/
div.rBox {
	clear: left;
	width: 750px;
}

div.recipeBox {
	float: left;
	width: 350px;
	padding: 10px;
}

#usukuchi {
	background-color: #FFEFD8;
}
#udonsoup{
	background-color: #FFEFD8;
}
#dashishoyu {
	background-color: #FFEFD8;
}
#shirodashi {
	background-color: #FFEFD8;
}
#mensoup {
	background-color: #FFEFD8;
}
#bannou {
	background-color: #FFEFD8;
}
#usukuchi {
	background-color: #FFEFD8;
}
#usukuchi {
	background-color: #FFEFD8;
}