@charset "utf-8";

/*パンくず*/
.breadcrumb{
  font-size:10px;
  line-height:1.4;
  margin-bottom:15px;
}

/*タイトル周り*/
#title-parts {
  margin-bottom: 15px;
}
.kanban {
  margin-bottom: 20px;
}

#article-tools{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-top:solid 1px #cdc9c9;
  border-bottom:solid 1px #cdc9c9;
  padding:10px;
  width:620px;
  font-size:14px;
  line-height:100%;
  margin-bottom:15px;
  position:relative;
}
* html #article-tools{width:640px;}
.author-info {
  flex-grow:1;
}
.author-info .authors {
  margin:0;
}
#triggers{position:absolute; right:10px; top:10px; cursor:pointer;}
*:first-child+html #signage #triggers{
  margin-top:-5px;
}
#triggers img{float:right; margin:0;}
.authors{padding-top:5px; margin:0 0 13px;}

#service-menu{
  display:flex;
}
.tools{
  cursor:pointer;
  float:right;
}
.tools a{
  display:block;
}
.tools img{
  border:none;
  vertical-align: middle;
}
.tools ul{
  list-style-position:outside;
  list-style-type:none;
  padding:0;
  margin:0;
}
#fb.tools{margin-right:4px;height:20px;/* width:100px;*/}
.fb-like iframe {z-index: 900;position: absolute;}
/* 20151124追加ツイート数の非表示対応　*/
#twitter.tools{margin-right:4px;}
#hatena.tools{margin-right:4px;}
#rss.tools{margin-right:2px;}

/*文字サイズ*/
#font{width:40px; padding-top:3px; margin:0 10px 0 10px;}
#font ul li a{display:block; width:15px; height:15px; background-repeat:no-repeat; background-position:0 0; float:left; margin-right:2px;}
#font ul li a span{display:none;}
#font ul li a.font-b{ background-image: url(/common/images/v1/article/font-b.gif);}
#font ul li a.font-b:hover{background-position:0 -16px;}
#font ul li a.font-s{ background-image: url(/common/images/v1/article/font-s.gif);}
#font ul li a.font-s:hover{background-position:0 -16px;}
/*ブックマーク*/
.tools ul li.off ul{display: none;}
.tools ul li.on{position:relative; z-index: 999;}
.tools ul li.on ul {
        display: block;
        position: absolute;
        border:solid 1px #ccc;
        background-color:#fff;
        width:168px;
        top:22px;
        left:0;
}
* html .tools ul li.on ul{width:170px;}
.tools ul li.on ul li {
        display:block;
        float:left;
        line-height:0px;
        padding:3px 5px;
        background-color:#fff;
        width:158px;
        font-size:12px;
}
* html .tools ul li.on ul li{width:168px;}

#title-parts h1{font-size:25px; line-height:110%; padding:0 10px 10px;}
#title-parts h1 span{
  display:block;
  font-size:18px;
}

/*
*****************
ページ繰り
*****************
*/
#mp-up{
  text-align:right;
}
#mp-up .multipage{float:right;}
#mp-ie{text-align:center!important;}
#mp-ie .multipage{margin:0 auto;}
.next_p a,
.back_p a{
  float:left;
  width:15px;
  height:24px;
  display:block;
}
.next_p a span, .back_p a span{display:none;}
.next-p, .next_p a{background: url(/common/images/zai/v1/common/arrow.gif) no-repeat right center; margin-left:25px;}
.back-p, .back_p a{background: url(/common/images/zai/v1/common/arrow2.gif) no-repeat left center; margin-right:25px;}

.next-p,
.back-p{
  float:left;
  font-size:14px;
  height:24px;
  line-height:24px;
}
.next-p{padding-right:15px;}
.back-p{padding-left:15px;}

.multipage .current_p,
.multipage .other_p, 
.multipage .back-p, .multipage .next-p{float:left;}

.multipage .current_p,
.multipage .other_p a{
  margin:0;
  width:24px;
  height:21px;
  display:block;
  text-align:center!important;
  font-weight:bold;
  border-left:solid 1px #c9c3c3;
  font-size:14px;
  padding-top:3px;
}
* html .multipage .current_p,
* html .multipage .other_p{
  width:24px;
  height:24px;
}
.multipage .last_p a{border-right:solid 1px #c9c3c3;}
.multipage .current_p,
.multipage .other_p a:hover{
  background-color:#54c3f1;
  color:#fff;
  text-decoration:none;
}
.multipage .other_p a{
  color:#000;
}

/*
*******************
記事下BookMark
*******************
*/
#book-mark{background-color:#cee3ed; padding:12px 0; margin:30px 0;}
/*
.bk-mark{float:left;}
#book-mark #bk-twitter{margin-left:65px;}
*/
.bk-mark{float:right;}
#bk-fb.bk-mark{margin-right:10px;}
#bk-hatena.bk-mark{margin-right:10px;}
#bk-twitter.bk-mark{margin-right:10px;}


.totop{
  position:absolute;
  right:0;
  bottom:0;
  font-size:12px;
}
.totop-1p{
  text-align:right;
  font-size:12px;
  clear:both;
}
.totop a, .totop-1p a{background: url(/common/images/zai/v1/common/totop.gif) no-repeat left center; padding-left:14px;}

/*
****************
記事下記事一覧
****************
*/
.bottom-latest{margin-bottom:20px;}
.bottom-latest ul li{
  border-bottom:dotted 1px #c4bfbf;
  padding:13px 0 5px;
}
.bottom-latest h3{font-weight:normal;}
.bottom-latest ul li h4{
  font-weight:normal;
  font-size:14px;
  line-height:120%;
}
.bottom-latest .latest-more {
  font-size: 14px;
  line-height: 160%;
  margin-top:5px;
  margin-bottom: 0px;
  text-align: right;
}

/*
***************
記事下関連記事
***************
*/
.bottom-related ul li{
  border-bottom:dotted 1px #c4bfbf;
  padding:15px 0 11px;
}
.bottom-related ul li img{float:left;}
.related-text{float:right; width:545px; padding-top:8px;}
.bottom-related ul li h5{
  font-size:16px;
  line-height:120%;
}
.bottom-related ul li p{font-size:12px; line-height:150%;}

/*外部コンテンツ（マネックス）注意事項
***************************************/
.cautionsNotes{
  font-size:13px; line-height:18px;
  border-top:1px solid #222;
  border-bottom:1px solid #222;
  padding:8px; margin:10px 0px 20px 0;
}