@charset "utf-8";

/*
*********************************************************************
▼▼ 記事カンバン部分(タイトル、著者・コラム紹介、看板画像など） ▼▼
*********************************************************************
*/
/* ----------------------------------------------- */
/* 記事タイトル周辺部分                              */
/* ----------------------------------------------- */

#signage-upperline{
  position:relative;
  clear:both;
  float:left;
  width:650px;
  /*margin:0px 0px 0px 8px;*/
  margin:0;
  padding:0px 0px;
  height:3px;
  background-position:0px -17px;
  text-indent:-1000em;
  line-height:1px;
}
* html #signage-upperline{
  /*margin-left:4px;*/
}
#signage{
  position:relative;
  /*clear:both;
  float:left;*/
  width:660px;
  /*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 #breadcrumb{
  margin:10px 0px 5px 20px;
  font-size:13px;
}
#signage #breadcrumb img{
  margin:0 3px 5px 3px;
}
#signage #kanban{
  /*clear:both;
  float:left;*/
  /*margin-left:20px;*/
  /*width:630px;*/
  /*padding:0px 0px 0px 60px;*/
  /* background-color:#7d7137; */
  border:0px;
  text-align:center;
}
* html #signage #kanban{
  margin-left:10px;
}
#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 80px;*/
  margin:0px 20px 20px 79px;
  padding:5px 5px 0;
  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;
}

/* 記事タイトル全体（右寄せ背景のカンバンとタイトル文字全体） */
#title-parts{
  position:relative;
  width:100%;
  height:100%;
  float:left;
  background-position:right top;
  background-color:#fff;
  z-index:1;
}

/* 記事タイトル（テキストの部分だけ）*/
#title{
  clear:both;
  float:left;
  width:630px;
  margin:10px 0px 10px 20px;
  background-color:transparent;
}
* html #title{
  margin-left:10px;
}
/* ▼ h1はメインタイトル、h2はサブ、h3はコラムタイトル ▼ */
#title h1{
  margin:0px 10px 0px 6px;
  padding:0px 0px 15px 0px;
  font-size:25px;
  color:#000;
  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;
}
/* 記事の2ページ目以降 */
#signage.small #title h1{
  margin-top:0px;
  font-size:15px;
  margin-bottom:1px;
  color:#dcdcdc;
}
/* コラムのトップ */
#title h1.column-top{
  margin-top:5px;
}
#title h2{
  font-size:15px;
  line-height:1.1em;
  font-weight:normal;
  margin-top:0px;
  margin-bottom:5px;
}
#signage.small #title h2{
  font-size:12px;
  color:#dcdcdc;
  margin-bottom:2px;
}
#signage .summary{
  clear:both;
  float:left;
  margin:10px 0px 0px 20px;
  color:#ccc;
  font-size:12px;
  width:450px;
}
* html #signage .summary{
  margin-left:10px;
}
#signage .summary p{
  margin:0px;
  padding:0px;
  color:#ccc;
  font-size:12px;
  line-height:14px;
}
/*
#signage .summary,#signage .summary title{
  font-size:13px;
  color:#cccc99;
  margin:75px 0px 20px 0px ;
}
*/

#title-parts h3{
  clear:both;
  top:50px;
  width:200px;
  padding:1px 1px 1px 3px;
  background-color:#efefef;
  border:1px solid #dcdcdc;
  color:#333;
  font-size:11px;
  font-weight:normal;
}
#signage.small #title-parts h3{
  left:510px;
}
#title-parts h3 a{
  color:#eee;
}
#title-parts h3 a:hover{
  color:#cc0000;
}

#title .date{
  margin-left:5px;
  margin-top:0px;
  clear:both;
  width:400px;
  float:left;
  font-size:12px;;
  font-weight:normal;
  color:#333!important;
}
#signage.small #title .date{
  clear:both;
  width:400px;
  margin-top:-50px;
  font-size:11px;;
  font-weight:normal;
  font-weight:normal;
  margin-bottom:7px;
}
#title * .author{
  top:80px;
  clear:both;
  font-size:12px;
  font-weight:normal;
  color:#333!important;
}

#signage.small #title .author{
  clear:both;
  font-size:11px;
  font-weight:normal;
  color:#333!important;
}

/* 検索ページ用。H-searchはcommon-parts.cssから継承 */
#signage #title-parts .H-search{
  position:absolute;
  bottom:5px;
  left:150px;
}
#signage #title-parts .H-search * input{
  color:#000;
}


/*▼サービスメニュー（プリント、RSS、フォントサイズレイアウト）▼*/
#service-menu{
  clear:both;
  /*float:left;*/
  width:490px;
  /*height:20px;*/
  margin:0px;
  padding:3px 0px 0 0px;
  font-size:11px;
  border-style:dotted;
  border-color:#ccc;
  border-width:1px 0px 0px 0px;
}
/*
* html #service-menu{
  margin:5px 0px 0px 0px;
  height:23px;
}*/
#service-menu img {
  margin-right:5px;
}
#signage.small * #service-menu{
  width:550px;
  bottom:5px;
  left:0px;
}

/* toolbar start */
/*↓のち削除↓*/
#toolrss{
  width:90px;
}
#toolprint{
  width:70px;
}
#toolsbm{
  width:100px;
}
#tooltwitter{
  width:110px;
}
/*↑ここまで*/
#tooltwitterarea{
  width:124px;
  margin-top:3px;
}
#toolrssbtn{
  width:50px;
  _width:46px;
  margin-left:4px;
}
* html #toolrssbtn{
  margin-left:2px;
}
#toolfacebook{
  /* width:96px; */
  width:112px;
  padding-right:2px;
  margin-top:3px;
}
#toolprintbtn{
  width:56px;
  _width:46px;
  margin-left:0px;
}
#toolresize{
  margin-top:1px;
  /* width:63px; */
  width:40px;
}
#toolsbmbtn{
  width:77px;
  margin-bottom:3px;
  margin-top:1px;
}
.tools{
        cursor:pointer;
        /* width:95px; */
        /*height:15px;*/
        float:left;
        margin-top:0px;
        margin-left:0px;
        text-align:left;
        _padding:0;
}
.tools img{
        border:none;
        margin-top:2px;
        margin-right:3px;
        _margin-right:1px;
        vertical-align: middle;
}
#toolsbmbtn.tools{
  float:right;
  margin-right:1px;
}
.tools ul{
        list-style-type: none;
        list-style-position: outside;
        margin:0px;
        padding:0px;
}
* html .tools ul {
        position:absolute;
}
.tools ul li a{
        display: block;
}
* html .tools ul li a {
        display:inline;
        /* width:72px; */
}
* html .tools ul li.on a {
        display:block;
        /* width:72px; */
}
.tools ul li ul{
        display: none;
}
.tools ul li.off ul{
        display: none;
}
.tools ul li.on ul {
        display: block;
        position: absolute;
        z-index: 999;
        border:solid 1px #ccc;
        background-color:#fff;
        /*width:130px;*/
        width:250px;
}
.tools ul li.on ul li {
        display:block;
        float:left;
        /*width:120px;*/
        line-height:0px;
        padding:3px 5px;
        background-color:#fff;
}
* html .tools ul li.on ul li a{
        /*width:130px;*/
}
#toolrss ul li.on ul {width:130px;}
#toolrss ul li.on ul li {width:120px;}
* html #toolrss ul li.on ul li a{width:130px;}

/*↓のち削除*/
#toolsbm ul li.on ul {width:142px;}
#toolsbm ul li.on ul li {width:142px;}
* html #toolsbm ul li.on ul li a{width:142px;}
/*↑ここまで*/

#toolsbmbtn ul li.on ul {width:142px;}
#toolsbmbtn ul li.on ul li {width:142px;}
* html #toolsbmbtn ul li.on ul li a{width:142px;}

#toolblogs ul li.on ul {width:145px;}
#toolblogs ul li.on ul li {width:145px;}
* html #toolblogs ul li.on ul li a{width:145px;}

#toolresize ul li.on ul {width:100px;}
#toolresize ul li.on ul li {width:90px;}
* html #toolresize ul li.on ul li a{width:120px;}
#toolresize ul li img{
  float:left;
}
#toolresize ul li img{
  margin-top:3px;
  cursor:default;
}
#toolresize ul li a.big-char{
  display:block;
  clear:none;
  float:left;
  margin:3px 3px 0px 0px;
  width:15px;
  height:15px;
  background-image:url(/common/images/v1/article/font-b.gif);
  background-position:0px 0px;
  background-repeat:no-repeat;
  text-indent:-1000em;
  overflow:hidden;
}
#toolresize ul li a:hover.big-char{
  display:block;
  clear:none;
  float:left;
  margin:3px 3px 0px 0px;
  width:15px;
  height:15px;
  background-image:url(/common/images/v1/article/font-b.gif);
  background-position:0px -16px;
  background-repeat:no-repeat;
  text-indent:-1000em;
}
#toolresize ul li a.small-char{
  display:block;
  clear:none;
  margin:3px 3px 0px 0px;
  float:left;
  width:15px;
  height:15px;
  background-image:url(/common/images/v1/article/font-s.gif);
  background-position:0px 0px;
  background-repeat:no-repeat;
  text-indent:-1000em;
  overflow:hidden;
}
#toolresize ul li a:hover.small-char{
  display:block;
  clear:none;
  margin:3px 3px 0px 0px;
  float:left;
  width:15px;
  height:15px;
  background-image:url(/common/images/v1/article/font-s.gif);
  background-position:0px -16px;
  background-repeat:no-repeat;
  text-indent:-1000em;
}

#toolprint ul li.on ul {width:120px;}
#toolprint ul li.on ul li {width:110px;}
* html #toolprint ul li.on ul li a{width:120px;}

/* toolbar end */


/* 特集用のスタイル */
#sp-kanban{
  width:660px;
  height:140px;
  background-color:#efefef;
  position:relative;
}
#sp-breadcrumb{
  display:block;
  color:#fff;
  position:absolute;
  top:10px;
  left:20px;
  z-index:5;
}
#sp-breadcrumb a,#sp-breadcrumb a:visited,#sp-breadcrumb a:hover{
  font-size:13px;
  color:#fff;
}
#sp-title-parts{
  clear:both;
  padding:10px;
}
#sp-title-parts h4{
  margin:0px;
  padding:0px;
  font-size:14px;
}
#sp-title-parts #authors{
  width:350px;
  clear:none;
  margin-top:10px;
  float:left;
  font-size:12px;
}
#sp-title-parts #triggers{
  clear:none;
  width:220px;
  float:right;
  cursor:pointer;
  margin-top:20px;
}
#sp-title-parts #title{
  margin:0px 0px 0px 0px;
  padding-bottom:10px;
  background-image:url(/common/images/v1/article/title_underline.gif);
  background-position:left bottom;
  background-repeat:repeat-x;
}
#sp-title-parts #title h1{
  margin:0px 10px 0px 6px;
  padding:0px 0px 15px 0px;
  font-size:25px;
  color:#000;
  line-height:30px;
  background-image:none;
}
#sp-title-parts #title #service-menu{
  float:right;
  width:500px;
  border:0px;
}
#title h1 span{
  font-size:18px;
}