/* cake.css */


.contents_field .title {
  display:none;
}

.contents_field .frame_mid {
  padding:20px 0;
}



.catch {
  display:inline-block;
}
.catch {
  display:block;
  width:600px;
  height:200px;
  padding-left:200px;
  margin-left:40px;
  margin-bottom:20px;
  text-align:left;
  color:#963;
  background:url(../img/bg_catch.jpg) no-repeat left bottom;
}
html>body .catch:after {
  content:'.';
  clear:both;
  display:block;
  visibility:hidden;
  width:100%;
  height:0;
}
* html>body .catch {
  display:inline-block;
}

.catch h2 {
  padding:10px 0;
  font-size:1.3em;
}

.catch p {
  float:left;
  padding:0 0 10px 15px;
  line-height:1.4em;
  font-size:1.15em;
  white-space:nowrap;
}
* html>body .catch p {
  width:200px;
  font-size:1em;
}
.catch p span {
  display:block;
}



.cake-list {
  display:inline-block;
}
.cake-list {
  display:block;
  width:760px;
  margin-left:auto;
  margin-right:auto;
  padding:0 0 70px 0;
  text-align:left;
/*  background:#fff7e3 url(../img/bg-list-bottom.gif) no-repeat left bottom;*/
  background:#e9f9ff url(../img/bg-list-bottom.gif) no-repeat left bottom;
}
html>body .cake-list:after {
  content:'.';
  clear:both;
  display:block;
  visibility:hidden;
  width:100%;
  height:0;
}
* html>body .cake-list {
  display:inline-block;
}

.cake-list h2 {
  width:100%;
  height:60px;
  text-indent:-9999px;
  background:url(../img/bg-list-top.gif) no-repeat left top;
}

.cake-list ol.cake {
  display:inline-block;
}
.cake-list ol.cake {
  display:block;
  margin-right:-20px;
  margin-bottom:10px;
  padding:0 0 0 10px;
  text-align:left;
  font-size:1em;
  color:#7d6b57;
  list-style-type:none;
}
html>body .cake-list ol.cake:after {
  content:'.';
  clear:both;
  display:block;
  visibility:hidden;
  width:100%;
  height:0;
}
* html>body .cake-list ol.cake {
  display:inline-block;
}
.cake-list ol.cake li {
  position:relative;
  float:left;
  width:220px;
  margin:10px 10px 0 0;
  padding:0 9px;
  background:#fff;
  border:solid 1px #7d6b57;
}
.cake-list ol.cake li em {
  display:block;
  height:25px;
  line-height:25px;
  text-align:center;
  font-size:1.2em;
  font-weight:bold;
  font-style:normal;
  border-bottom:solid 1px #7d6b57;
}
.cake-list ol.cake li a {
  position:absolute;
  z-index:2;
  margin-top:55px;
  margin-left:-9px;
  display:block;
  width:238px;
  height:210px;
  text-indent:-9999px;
}
/*\*/
.cake-list ol.cake li a {
  overflow:hidden;
}
/**/

.cake-list ol.cake li a.thumb01 {
  background:url(../img/thumb01.jpg) no-repeat center center;
}
.cake-list ol.cake li a.thumb02 {
  background:url(../img/thumb02.jpg) no-repeat center center;
}
.cake-list ol.cake li a.thumb03 {
  background:url(../img/thumb03.jpg) no-repeat center center;
}
.cake-list ol.cake li a.thumb04 {
  background:url(../img/thumb04.jpg) no-repeat center center;
}
.cake-list ol.cake li a.thumb05 {
  background:url(../img/thumb05.jpg) no-repeat center center;
}
.cake-list ol.cake li a.thumb06 {
  background:url(../img/thumb06.jpg) no-repeat center center;
}
.cake-list ol.cake li a.thumb07 {
  background:url(../img/thumb07.jpg) no-repeat center center;
}
.cake-list ol.cake li a.thumb08 {
  background:url(../img/thumb08.jpg) no-repeat center center;
}
.cake-list ol.cake li a.thumb09 {
  background:url(../img/thumb09.jpg) no-repeat center center;
}

.cake-list ol.cake li p {
}
.cake-list ol.cake li p.text {
  position:absolute;
  z-index:3;
  width:220px;
  margin-top:5px;
  line-height:1.4em;
}
.cake-list ol.cake li p.type {
  display:inline-block;
}
.cake-list ol.cake li p.type {
  position:relative;
  z-index:1;
  display:block;
  width:220px;
  padding:270px 0 5px 0;
  line-height:15px;
  letter-spacing:1px;
  white-space:nowrap;
}
html>body .cake-list ol.cake li p.type:after {
  content:'.';
  clear:both;
  display:block;
  visibility:hidden;
  width:100%;
  height:0;
}
* html>body .cake-list ol.cake li p.type {
  display:inline-block;
}
.cake-list ol.cake li p.type span {
  float:left;
  width:150px;
  background:#fff;   /* for IE bug. */
}
.cake-list ol.cake li p.type span strong {
  float:left;
  width:35px;
  margin-right:0;
  text-align:right;
}
.cake-list ol.cake li p.type strong {
  float:right;
  width:70px;
  text-align:right;
  background:#fff;   /* for IE bug. */
}
.cake-list ol.cake li br {
  display:none;
}

.cake-list h3 {
  margin-left:10px;
  margin-bottom:5px;
  line-height:1.1em;
  text-align:left;
  text-indent:5px;
  font-size:1.2em;
  color:#7d6b57;
  border-left:solid 14px #7d6b57;
}

.cake-list ol.topping {
  display:inline-block;
}
.cake-list ol.topping {
  display:block;
  width:736px;
  margin-left:10px;
  margin-right:-20px;
  margin-bottom:10px;
  padding-left:2px;
  text-align:left;
  font-size:1em;
  color:#7d6b57;
  list-style-type:none;
  border:solid 1px #7d6b57;
  overflow:hidden;
}
html>body .cake-list ol.topping:after {
  content:'.';
  clear:both;
  display:block;
  visibility:hidden;
  width:100%;
  height:0;
}
* html>body .cake-list ol.topping {
  display:inline-block;
}
.cake-list ol.topping li {
  float:left;
  width:146px;
  text-align:center;
  background:#fff;
}
.cake-list ol.topping li.img01 {
  background:url(../img/topping01.png) no-repeat 0 30px;
}
.cake-list ol.topping li.img02 {
  background:url(../img/topping02.png) no-repeat 0 30px;
}
.cake-list ol.topping li.img03 {
  background:url(../img/topping03.png) no-repeat 0 30px;
}
.cake-list ol.topping li.img04 {
  background:url(../img/topping04.png) no-repeat 0 30px;
}
.cake-list ol.topping li.img05 {
  background:url(../img/topping05.png) no-repeat 0 30px;
}
.cake-list ol.topping li em {
  display:block;
  height:25px;
  margin:0 10px;
  line-height:25px;
  text-align:center;
  font-size:1.2em;
  font-weight:bold;
  font-style:normal;
  border-bottom:dashed 1px #7d6b57;
}
.cake-list ol.topping li a {
  display:none;
}

.cake-list ol.topping li span {
  display:block;
  padding:120px 5px 5px 5px;
  line-height:15px;
  letter-spacing:1px;
  white-space:nowrap;
}
.cake-list ol.topping li span strong {
}
.cake-list ol.topping li br {
  display:none;
}


.cake-list ul.info {
  margin-bottom:10px;
  padding-left:30px;
  line-height:1.4em;
  color:#c33;
  list-style-type:disc;
}

.cake-list div.order {
  padding:0 10px;
  line-height:1.4em;
  color:#7d6b57;
}
.cake-list div.order p {
}