/*
*****************************************************
▼▼ footer部分 ▼▼
*****************************************************
*/
#footer{
  width:980px;
  background-color:#000;
  background-image:none;
  text-align:center;
  color:#fff;
  font-size:10px;
  clear:both;
  padding-top:10px;
}
#F-holder{
  background-color:#333;
  padding:10px 0;
  margin:10px 0 0 0;
}
ul.F-list{
  padding:5px 0;
  margin:0;
}
ul.F-list li{
  font-size:12px;
  color:#fff;
  border-right:solid 1px #fff;
  padding:0 5px;
  margin:0;
  display:inline;
}
#F-holder ul.F-list li a,
#F-holder ul.F-list li a:visited
#F-holder ul.F-list li a:active{
  color:#fff;
}
#F-holder ul.F-list li a:hover{
  color:#beaf71;
}

/*記事内*/
.breadcrumb{
	background-color:#313131;
	padding:4px 10px;
	color:#f3f3f3;
	font-size:12px;
	line-height:14px;
}
.breadcrumb a{
	color:#fff;
	text-decoration:underline;
}
.breadcrumb a:hover{
	text-decoration:none;
}
.article-signage{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	
	background-repeat:no-repeat;
	background-position:right 0;
	background-color:#000;
	padding:10px 10px 0;
	margin-bottom:20px;
	height:130px;
	
	position:relative;
}
* html .article-signage{
	height:140px;
}
.article-signage h1{
	color:#BEAF75;
	font-size:20px;
	line-height:24px;
	width:460px;
}
.article-signage h2{
	font-size:14px;
	color:#BEAF75;
	font-weight:normal;
}
.article-signage .date{
	color:#fff;
	font-size:12px;
}
.article-tools{
	position:absolute;
	bottom:10px;
	left:10px;
	width:620px;
}
.tools-btn{
	float:left;
}



/*しかけ*/
/*▼AFPBB▼*/

.figure-wrapper{
  float:right;
  margin:10px;
  padding:0px;
}
.figure{
  margin:0px;
  padding:0px;
}
.figure a{
  border-width:0px;
}

.figure-caption{
  font-size:0.8em;
  background-color:#eee;
}
* html .caption{
  width:250px;
}

/*▼リサイズできる画像DIVとキャプションDIV▼*/
.article-figure{
  float:right;
  margin:0 10px 0 10px;
  padding:0px;
  font-size:0.8em;
}
.article-caption{
  background-color:#eee;
}
.cap120{
  width:110px;
  padding:5px;
  margin:0;
}
* html .cap120{
  width:120px;
}
.cap135{
  width:125px;
  padding:5px;
  margin:0;
}
* html .cap135{
  width:135px;
}
.cap150{
  width:140px;
  padding:5px;
  margin:0;
}
* html .cap150{
  width:150px;
}
.cap170{
  width:160px;
  padding:5px;
  margin:0;
}
* html .cap170{
  width:170px;
}

.cap200{
  width:190px;
  padding:5px;
  margin:0;
}
* html .cap200{
  width:200px;
}
.cap220{
  width:210px;
  padding:5px;
  margin:0;
}
* html .cap220{
  width:220px;
}
.cap250{
  width:240px;
  padding:5px;
  margin:0;
}
* html .cap250{
  width:250px;
}
.cap300{
  width:290px;
  padding:5px;
  margin:0;
}
* html .cap300{
  width:300px;
}
.cap320{
  width:310px;
  padding:5px;
  margin:0;
}
* html .cap320{
  width:320px;
}

/* 本文中の囲み記事 */
.frame{
 display:block;
 margin-top:0px;
 padding:5px;
 font-size:0.8em;
 color:#333;
 background-color:#f5f5f5;
 border-style:dotted;
 border-color:#ccc;
 border-width:2px;
}

/* インタビューの質問部分 */
.question{
 color:#333;
 font-weight:bold;
}

/* クレジットとクレジットの注釈 */
.credit{
  display:block;
  clear:both;
  /*float:right;*/
  width:100%;
  text-align:right;
  font-size:0.8em;
  font-weight:bold;
}
.credit-note{
  display:block;
  clear:both;
  float:right;
  font-size:0.8em;
  font-weight:normal;
  margin-bottom:20px;
  width:100%;
  text-align:right;
}
* html .credit-note{
  /* width:450px; */
  width:450px;
}
.credit-memo{
  font-size:0.8em;
  line-height:1.3em;
}


/*▼地図用▼*/
#googlemap,#googlemap1,#googlemap2,#googlemap3,#googlemap4,#googlemap5,#googlemap6,#googlemap7,#googlemap8,#googlemap9,#googlemap10,#googlemap11,#googlemap12,#googlemap13,#googlemap14,#googlemap15{
  width:320px;
  height:250px;
  background-color:#666;
  float:right;
  margin:0 0 10px 10px;
  border:solid 1px #ffcc00;
  display:block;
  font-size:12px;
  overflow:hidden;
}
#googlemap strong,#googlemap1 strong,#googlemap2 strong,#googlemap3 strong,#googlemap4 strong,#googlemap5 strong,#googlemap6 strong,#googlemap7 strong,#googlemap8 strong,#googlemap9 strong,#googlemap10 strong,#googlemap11 strong,#googlemap12 strong,#googlemap13 strong,#googlemap14 strong,#googlemap15 strong{
  font-size:14px;
}
/*************
映像用
*************/
#movie{/*映像が1つの場合*/
  width:320px;
  height:302px;
  float:right;
  margin:0 0 10px 10px;
  padding:5px;
  display:block;
  background-color:#000;
}
#movie1{/*映像が複数の場合*/
  width:320px;
  height:302px;
  float:right;
  margin:0 0 10px 10px;
  padding:5px;
  display:block;
  background-color:#000;
}
#movie2{
  width:320px;
  height:302px;
  float:right;
  margin:0 0 10px 10px;
  padding:5px;
  display:block;
  background-color:#000;
}
#movie3{
  width:320px;
  height:302px;
  float:right;
  margin:0 0 10px 10px;
  padding:5px;
  display:block;
  background-color:#000;
}
#movie4{
  width:320px;
  height:302px;
  float:right;
  margin:0 0 10px 10px;
  padding:5px;
  display:block;
  background-color:#000;
}


/*
*****************************************************
▼写真ギャラリー▼
*****************************************************
*/
#gallery{
  width:520px;
  margin-left:20px;
  padding:25px 15px 15px 15px;
  background-color:#000;
  background-image:url(/common/images/v1/article/logo_jbp_mini.jpg);
  background-repeat: no-repeat;
  background-position:right top;
}
* html #gallery{
  width:550px;
}
#gallery-container{
  width:500px;
  padding:10px;
  margin-bottom:15px;
  background-color:#736862;
  font-size:12px;
  line-height:16px;
  color:#fff;
  min-height:370px;
  height: auto !important;
  _height:380px;
}
* html #gallery-container{
  width:520px;
}
#gallery-container span{
	display:block;
}
.gallery-thumbs{
  width:520px;
}
.gallery-icon{
  margin:0 13px 10px 5px;
  float:left;
  width:85px;
}


/*プロフィール*/
#profdetail{
	float:right;
	cursor:pointer;
}
/* 白背景 */
/* the overlayed element */
.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:0px 15px 10px 15px;
  text-align:left;
  background-color:#333;
}
* html div.details{
  margin-left:10px;
  width:468px;
  height:335px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
  background:url(http://jbpress.ismedia.jp/common/images/v3/common/icon-close.gif) no-repeat 0 0;
  position:absolute; right:10px; top:10px;
  cursor:pointer;
  height:20px;
  width:20px;
}

/* ボックス内のタイトルと説明 */
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;
}
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;
}

/******▼関連記事（editors-selectlist） V2▼***************/
.editors-selectlist{margin-bottom:10px;}
.editors-selectlist h5{
	font-size:14px; border-bottom:dotted 3px #a4afd7;
	margin-bottom:3px;
}
.editors-selectlist ul li{margin-bottom:3px;}
#main-contents .editors-selectlist ul li a{
	font-size:14px; color:#0e31b2;
	background: url(/common/images/v5/common/icon01.gif) no-repeat 0 6px;
	padding-left:10px; font-weight:bold;
}
.editors-selectlist ul li a span{color:#444; font-weight:normal; font-size:12px;}

/******▼FLLOW▼***************/
.article-fllow{background-color:#f7f7f7; border:solid 1px #ddd; padding:10px 20px; margin-bottom:20px;}
#main-contents .article-fllow p{font-weight:bold; margin:0; font-size:80%;}
#main-contents .article-fllow p a{color:#ff6600;}