#main-contents h4{
  clear:none;
}
/* 本文中の囲み記事 */
.frame{
 display:block;
 margin-top:0px;
 padding:5px;
 font-size:1.0em;
 color:#666;
 background-color:#f5f5f5;
 border-style:dotted;
 border-color:#ccc;
 border-width:2px;
}
.frame img{
  margin-bottom:5px!important;
}
/* クレジットとクレジットの注釈 */
.credit{
  display:block;
  clear:both;
  float:right;
  width:100%;
  text-align:right;
  font-size:0.8em;
  font-weight:bold;
}
#main-contents p.article-beginning,#main-contents .lead{
  color:#877521;
  font-weight:bold;
}
#main-contents p.article-selection-beginning{
  color:#360099;
  font-weight:bold;
}
#main-contents p.color-blue,
#main-contents p span.color-blue,
.color-blue{
  /*color:#0033CC;*/
  color:#360099;
}
#main-contents p.color-red,
#main-contents p span.color-red,
.color-red{
  color:#CC0000;
}
#main-contents p.color-gray,
#main-contents p span.color-gray,
.color-gray{
  color:#666;
}


/*
*****************************************************
▼▼ footer部分 ▼▼
*****************************************************
*/
#footer{
  /*width:1000px;*/
  width:996px;
  background-color:#d7cea8;
  text-align:center;
  color:#7d7137;
  font-size:10px;
  clear:both;
  margin:0px;
  padding-top:10px;
}
#footer ul{
  padding:0;
  margin:0;
  background-image:url("/common/images/v1/bg_base2.jpg");
  width:980px;
  padding:5px 0;
}
* html #footer ul{
  width:1002px;
}
#footer ul li{
  display:inline;
  font-size:12px;
  color:#fff;
  height:30px;
}
#F-holder {
  background-color:#7D7137;
  color:#FFFFFF;
  font-size:12px;
  margin:10px 0 0;
  padding:10px 0;
  text-align:center;
}

ul.F-list{
  clear: both;
  padding:5px 0 0 50px;
  margin:0;
  width:986px;
}
* html ul.F-list{
  width:996px;
}
ul.F-list li{
  font-size:12px;
  color:#fff;
  border-right:solid 1px #d7cea8;
  /*padding:0 5px;*/
  display:inline;
}
ul.F-list li a{
  margin:0 2px;
}
#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;
}


#signage{
  position:relative;
  /*clear:both;
  float:left;*/
  /*margin:0px 0px 0px 8px;*/
  margin:0;
  /* height:155px; */
  background-color:#fff;
}
* html #signage{
  /*margin-left:4px;*/
  height:auto;
}
#signage.small{
  height:80px;
}

#signage * {
  color:#333;
}

#signage #kanban{
  clear:both;
  float:left;
  margin:0px;
  width:550px;
  padding:0px 0px 0px 50px;
  /* background-color:#7d7137; */
  border:0px;
  text-align:left;
}
* html #signage #kanban{
  width:600px;
}
/* ▼ h1はメインタイトル、h2はサブ、h3はコラムタイトル ▼ */
#title h1{
  margin:0px 10px 0px 6px;
  padding:0px 0px 15px 0px;
  font-size:25px;
  color:#333;
  line-height:30px;
  background-image:url(/common/images/v1/article/title_underline.gif);
  background-position:left bottom;
  background-repeat:repeat-x;
}
#title h1 span{
  font-size:18px;
}
#signage #kanban img{
  float:none;
  margin-left:0px;
  padding-left:0px;
  border-width:1px;
  /* border-color:#d7cda9; */
  border-color:#ccc;
  border-style:solid;
}
#article-content{
  clear:both;
  width:490px;
  margin:0px 20px 20px 50px;
  padding:5px;
  font-size:13px;
  color:#333;
  /* background-color:#fffae8; */
  background-color:#fff;
  border-width:0px 1px 1px 1px;
  border-style:solid;
  /* border-color:#d7cda9; */
  border-color:#ccc;
}
* html #article-content{
  width:502px;
}
#profdetail{
  clear:both;
  float:left;
  margin:0px 0px 0px 4px;
  width:250px;
  font-size:13px;
}
* html #profdetail{
  margin-left:3px;
}
#signage #triggers{
  clear:none;
  width:220px;
  float:right;
  cursor:pointer;
}
*:first-child+html #signage #triggers{
  margin-top:-5px;
}
#signage #triggers img{
  float:right;
  margin:0px 5px 5px 0px;
}
#signage #authors{
  clear:both;
}


/* 白背景 */
/* the overlayed element */
.apple_overlay {
  position:absolute;
  display:none;
  background-image:url(/common/images/v1/article/black.gif);
  background-position:left top;
  width:500px;
  /* height:475px; */
  /*padding:45px 22px 30px 30px;*/
  padding:0px;
  text-aling:left;
}
* html .apple_overlay {
  /* height:475px; */
}
/* 黒背景 */ 
div.apple_overlay.black { 
   background-image:url(/common/images/v1/article/black.gif);
   color:#fff; 
}

/* 本体部分 */
div.details{
  clear:both;
  float:left;
  width:438px;
  height:325px;
  overflow:auto;
  margin:40px 0px 0px 20px;
  padding:0px 15px 10px 15px;
  text-align:left;
}
* html div.details{
  margin-left:10px;
  width:468px;
  height:335px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
  background-image:url(/common/images/v1/article/close.gif);
  background-position:0px -15px;
  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;
}
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;
}