@charset "UTF-8";
#wrapper::after{content:"";clear:both;display:block;}

.breadcrumb{
  font-size: 12px;
    line-height: 16px;
    padding: 0 0 3px;
}
#signage{
  background:url(/common/images/v1/article/signage-bg.gif) repeat-x bottom;
  padding: 5px 0 10px 25px;
  position:relative;
  border-top:solid 1px #999;
}
#signage p.date-r{
  font-size:12px;
  text-align:right;
  color:#535353;
  margin:5px 5px 0px 0;
}
#signage .signage-title{
  padding:0 30px 0 0;
}
#signage h1{
  font-size:26px;
  font-weight:normal;
  line-height:1.4em;
}

#signage h2{
  font-weight:normal;
  font-size:14px;
  line-height:1.4em;
}

#signage h2 span.media{
  color:#5d8aab;
}
#signage p.media{
  font-size:12px;
  margin:10px 0 5px 0;
  color:#535353;
}
#signage .credit{font-size:12px;}
#signage .credit span.credit-name{
  float:left;
  /*width:380px;*/
  width:420px;
}
#signage .credit .author{
  float:left;
  width:84px;
  margin-right:15px;
}
#signage .credit .author a{
  display:block;
  width:84px;
  height:17px;
  text-indent:-1000em;
  font-size:0px;
  background:url(/common/images/v1/article/prof-btn.gif) no-repeat 0 0;
  margin:0;
  padding:0;
}
#signage .credit .author a:hover{background-position:0 -17px;}

.food-service{clear:both; padding-top:5px;}
.service-btn{
  float:left;
  /* margin:0; */
  margin: 0 10px 0 0;
}
/*著者紹介*/
.apple_overlay {
  position:absolute;
  display:none;
  background-position:left top;
  width:500px;
  padding:0px;
  text-aling:left;
}

/* 黒背景 */ 
div.apple_overlay.black { 
   color:#fff;
   background: url(http://food.ismedia.jp/common/images/v1/article/spacer.gif);
   background-color:#000;
   padding-bottom:15px;
}

/* 本体部分 */
div.details{
  clear:both;
  float:left;
  width:438px;
  height:325px;
  overflow:auto;
  margin:40px 0px 0px 15px;
  padding:15px 15px 10px 15px;
  text-align:left;
  background-color:#333;
}
* html div.details{
  margin-left:10px;
  width:468px;
  height:335px;
}
div.details h4 {
  margin:10px 0px 10px 0px; padding:0;
  color:#ccc;
  font-size:15px;
  font-weight:bold;
}
div.details p, div.details div{
  margin:0px 0 0 0; padding:0;
  color:#ccc;
  font-size:12px;
  line-height:140%;
}
div.details .author-list-icon{
  clear:both;
  float:left;
  width:100px;
  margin:10px 10px 0px 0px;
  padding:0px;
}
div.details .author-list-body{
  clear:none;
  float:none;
  margin-top:10px;
  width:auto;
}
div.details p.author-name {
  font-size:15px;
  font-weight:bold;
}
div.details p.author-name span{
  display:block;
  color:#fff;
  font-size:13px;
  font-weight:normal;
}
div.details p a,
div.details p a:visited,
div.details p a:active,
.detailbox-list a,
.detailbox-list a:active,
.detailbox-list a:visited{
  color:#d7cea8;
}
div.details p a:hover,
.detailbox-list a:hover{
  color:#7d7137;
}
div.details ul li{
  color:#f3f3f3;
  font-size:12px;
  line-height:16px;
  margin-bottom:5px;
  background: url(/common/images/v1/article/overlay-icon.gif) no-repeat 0 4px;
  padding-left:9px;
}
div.details ul li a,
div.details ul li a:active,
div.details ul li a:visited{
  color:#d7cea8;
}
div.details ul li a:hover{
  color:#7d7137;
}
div.details ul li span.date{
  color:#ccc;
}
.apple_overlay div.close {
  background:url(/common/images/v1/common/food-icon-close.gif) no-repeat 0 0;
  position:absolute; right:10px; top:10px;
  cursor:pointer;
  height:20px;
  width:20px;
}

/*しかけ*/
.inlineRelatedPicture.inlineRelatedPicture_right,
.inlineRelatedPicture.inlineRelatedPicture_left,
#main-contents .figure-left,
#main-contents .figure-right,
#main-contents .figure-center {
    background-color:#fff;
    border:0;
}
.inlineRelatedPicture.inlineRelatedPicture_right img,
.inlineRelatedPicture.inlineRelatedPicture_left img,
#main-contents .figure-left img,
#main-contents .figure-right img,
#main-contents .figure-center img {
    border: 1px solid #CCCCCC;
}
.pictureCaption,
#main-contents .figure-right span,
#main-contents .figure-left span,
#main-contents .figure-center span,
#main-contents .caption {
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    color: #676767;
    font-size: 12px;
    line-height: 1.4em;
    padding: 5px;
}
#main-contents p.media{font-size:12px; color:#666;}

#main-contents p{
  text-indent:1em;
}

#next-info {
    background: url("/common/images/v1/article/next-info-bg.jpg") repeat-x scroll center top #eee;
    border: 1px solid #ccc;
    font-size: 15px;
    line-height: 1.5em;
    margin: 15px auto 20px;
    padding: 1px 5px 0;
    text-align: center;
}
#next-info span.title {
    background: url("/common/images/v1/top/feature-arrow.gif") no-repeat right center transparent;
    padding-right: 20px;
}
#next-info a {
    text-decoration: none !important;
    color:#32508E;
}
#next-info a:hover{color:#132f69;}

/* ----- mod-btn ----- */
.mod-btn {
text-align:center;
margin-bottom:30px;
}
.mod-btn a {
  position: relative;
  display: inline-block;
  padding: 10px 100px;
  border-radius: 2px;
  text-align: center;
}
.mod-btn a:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: .7;
}
.mod-btn a span {
  display: inline;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.mod-btn.btn-blu a {
  background-color: #003977;
  color: #fff;
}
.mod-btn.btn-blu a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 7px;
  height: 11px;
  margin-top: -6px;
  background-image: url(/common/pol/images/v4/arrow_r_wht01.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 7px auto;
  -moz-background-size: 7px auto;
  background-size: 7px auto;
}

/* footer */
#footer {
  background-color:#f2f2f2;
  padding-top:20px;
}
.cts-footernav {
  position: relative;
  width: 1080px;
  margin: 0 auto;
}
.cts-footernav .list-fnav {
  padding-bottom: 11px;
}
.cts-footernav .list-fnav li {
  float: left;
  border-left: 1px solid #ababab;
}
.cts-footernav .list-fnav li:first-child {
  border-left: 0;
}
.cts-footernav .list-fnav li a {
  display: block;
  padding: 0 18px;
  color: #333;
  font-size: 12px;
  line-height: 1.0;
}
.cts-footernav .list-fnav li:first-child a {
  padding-left: 0;
}

.cts-footernav .totop {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13px;
}
.cts-footernav .totop span {
  position: relative;
  padding-right: 10px;
}
.cts-footernav .totop span::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-right: 4px solid transparent;
  border-bottom: 5px solid #8ac2ff;
  border-left: 4px solid transparent;
}
.pg-w .cts-footernav .totop span::before {
  border-bottom: 5px solid #fe8905;
}

/* コピーライト */
.cts-copy {
  background-color: #001c52;
}
.cts-copy p {
  display: table;
  width: 1080px;
  height: 50px;
  margin: 0 auto;
}
.cts-copy p span {
  display: table-cell;
  color: #fff;
  font-size: 12px;
  line-height: 1.0;
  vertical-align: middle;
}