@charset "UTF-8";
/* 
-------------------------------------------------------------------------------
.mod-article-info
*/
.mod-article-info {
border:1px solid #6fbfff;
padding:13px 12px;
padding-right:180px;
background-color:#e4f3fe;
position:relative;
}
.mod-article-info:after {
content:"";
display:block;
clear:both;
}

/* 2カラムレイアウト
-------------------------------------------------------------------------------
div.layout-col-three
  div.str-left  ― 左カラム
  div.str-main  ― 中央カラム
  div.str-right ― 右カラム
*/
.layout-col-two > .str-right {
width:205px;
display:table-cell;
vertical-align:top;
}
.layout-col-two > .str-main {
padding:0 10px 0 0;
width:785px;
display:table-cell;
vertical-align:top;
}


/* 影付きボックス（サイドバー用）
-------------------------------------------------------------------------------
div.sub-shadow
*/
.mod-sub-shadow {
margin-top:13px;
padding:15px 10px 10px 13px;
background:url(../../images/s_bg_shadow.png) repeat-y top left;
position:relative;
}
.mod-sub-shadow:before {
content:url(../../images/s_bg_shadow_lid.png);
position:absolute;
top:-5px;
left:0;
width:205px;
height:10px;
overflow:hidden;
}
.mod-sub-shadow:first-child {
margin-top:0;
}

/* サイドバーの見出し
-------------------------------------------------------------------------------
h4.mod-sub-heading ― 基本スタイル、左にマイナスのアイコンが付く
  .gray ― 見出し中の灰色のテキスト
  .date ― アクセス数の日付に利用

h4.mod-sub-heading.border-blue ― 下に青色のボーダー
h4.mod-sub-heading.border-gray ― 下に灰色のボーダー
*/
.mod-sub-heading {
margin-top:20px;
/*
padding-left:21px;
font-size:14px;
background:url(../../images/icon_toggle_minus.png) no-repeat 4px 5px;
*/
}
.mod-sub-heading:first-child {
margin-top:0;
}
.mod-sub-heading.border-blue,
.mod-sub-heading.border-gray {
padding-bottom:4px;
border-bottom:1px solid #1153a4;
}
.mod-sub-heading.border-gray {
border-color:#ddd;
}
/* 灰色で表示する部分 */
.mod-sub-heading .gray {
color:#777;
}
/* アクセス数の日付 */
.mod-sub-heading .date {
display:block;
font-size:10px;
font-weight:normal;
text-align:right;
}
.mod-sub-heading .sub {
font-size:12px;
}

/* サイドバーのリスト
-------------------------------------------------------------------------------
ul.mod-sub-list-dot ― プレーンテキストなリスト
  li

ul.mod-sub-list-plain  ― アイコンなし、リストマーカーもなし
  li
    a
  li(.selected) ― .selected をつけると灰地の黒文字に

ul.mod-sub-list-issues ― プラスのアイコンが li につく
  li
    a
  li(.expanded) ― .expanded をつけるとアイコンがマイナスに
    ul.mod-sub-list-numbers ― No.xxとなっているもの用リスト
      li            ― 青色の文書アイコンがつく
        a
      li(.icon-key) ― .icon-key をつけるとアイコンが鍵に
        a
      li(.selected) ― .selected をつけると灰地の黒文字に、アイコンも変わる
*/

/* 追加 20110829
    ul.mod-sub-list-numbers ― No.xxとなっているもの用リスト
      li(.icon-bv) ― .icon-bv をつけると青色と紫色の文書アイコンがつく
        a
 */


.mod-sub-list-plain > li {
padding:3px 7px;
}
.mod-sub-list-plain > li.selected,
.mod-sub-list-numbers > li.selected {
background-color:#e6ebef;
font-weight:bold;
}
.mod-sub-list-plain > li.selected > a,
.mod-sub-list-numbers > li.selected > a {
color:#000;
text-decoration:none;
}
/* プラスマイナスのリスト */
.mod-sub-list-issues {
margin-top:10px;
}
.mod-sub-list-issues > li {
padding:3px 0;
padding-left:21px;
background:url(../../images/icon_toggle_plus.png) no-repeat 4px 7px;
}
.mod-sub-list-issues > li.expanded {
background-image:url(../../images/icon_toggle_minus.png);
}
.mod-sub-list-issues > li > a {
padding-left:21px;
margin-left:-21px;
}
.mod-sub-list-issues .mod-sub-list-numbers {
margin-left:-21px;
margin-top:3px;
}
.mod-sub-list-numbers > li {
margin-top:1px;
padding:3px;
padding-left:35px;
background:url(../../images/icon_item_blue.png) no-repeat 21px 4px;
}
/* 選択されたものは青いスラッシュのアイコンに変わる */
.mod-sub-list-numbers > li.selected {
background-image:url(../../images/icon_item_book_slashed.png);
}
.mod-sub-list-numbers > li > a {
padding-left:21px;
margin-left:-21px;
}
/* 鍵付きの場合 */
.mod-sub-list-numbers > li.icon-key {
background:url(../../images/icon_item_book_white.png) no-repeat 21px 4px;
}
/* プレーンテキストなリスト */
.mod-sub-list-dot li {
padding-left:1em;
}
.mod-sub-list-dot li:before {
content:"・";
margin-left:-1.1em;
}

/* 追加 20110829 */
.mod-sub-list-numbers > li.icon-bv {
margin-top:1px;
padding:3px;
padding-left:35px;
background:url(../../images/icon_item_book_green.png) no-repeat 21px 4px;
}





/* サイドバーのコンテンツ部分
-------------------------------------------------------------------------------
div.mod-sub-content
div.mod-sub-content.small  ― 文字を小さく
div.mod-sub-content.center ― センタリング
*/
.mod-sub-content {
margin:10px 0 0 5px;
}
/* 文字が小さくなる内容 */
.mod-sub-content.small {
font-size:10px;
}
.mod-sub-content.small p {
margin:0;
line-height:1.6;
}
/* 真ん中寄せ */
.mod-sub-content.center {
margin-top:5px;
text-align:center;
}


/* ジャーナルツール
-------------------------------------------------------------------------------
div.mod-sub-journal
  div.mod-sub-journal-buttons ― RSSやお気に入り
    img
    area ― イメージマップ
      map
      ...
  div.mod-sub-journal-share ― FacebookやTwitter
    img
    area ― イメージマップ
      map
      ...
*/
.mod-sub-journal ul li.icon-rss {
/*
background-image:url(../../images/icon_journal_rss.png);
*/
}
.mod-sub-journal ul li.icon-fav {
/*
background-image:url(../../images/icon_journal_fav.png);
*/
}
.mod-sub-journal ul li.icon-alert {
/*
background-image:url(../../images/icon_journal_alert.png);
*/
}
.mod-sub-journal ul li.icon-url {
/*
background:url(../../images/icon_journal_copy.png) no-repeat 2px 0;
*/
}
.mod-sub-journal ul li.icon-mail {
/*
background:url(../../images/icon_journal_mail.png) no-repeat 1px 3px;
*/
}
.mod-sub-journal ul li.icon-dl {
/*
background-image:url(../../images/icon_journal_dl.png);
*/
}
.mod-sub-journal ul li.icon-help {
/*
background:url(../../images/icon_journal_help.png) no-repeat 0 2px;
*/
}
.mod-sub-journal ul li a {
color:#1773bc;
text-decoration:none;
padding-left:0px;
}
.mod-sub-journal-buttons {
display:inline-block;
text-align:justify;
}
.mod-sub-journal-share {
margin-top:5px;
text-align:left;
}
.mod-sub-journal-share a.icon-email {
display:inline-block;
padding-left:20px;
margin-top:5px;
height:14px;
line-height:14px;
/*
background:url(../../images/icon_journal_email.png) no-repeat 0 2px;
*/
color:#1773bc;
text-decoration:none;
}


/* 20111013追加 */
.mod-sub-journal ul li ul {
margin-bottom:-15px;
margin-top: 3px;
}

/* 20111013追加 */
.mod-sub-journal ul li ul li {
padding-left:0;
margin-bottom:0;
text-align:left;
min-height:14px;
line-height:20px;
background:no-repeat 0 0;
}

.mod-page-heading-nav {
bottom:5px;
}


[lang=en] .mod-layout-tab-tabstrip li {
max-width:110px;
height:30px;
}


/* タブレイアウト 追加 20111020
-------------------------------------------------------------------------------
div.mod-layout-tab
  ul.mod-layout-tab-tabstrip ― タブ部分
    li                       ― 通常のタブ
    li.active                ― アクティブなタブ
    li.icon-keyPlus              ― 鍵アイコン付きタブ
  div.mod-layout-tab-content ― タブの内容
  div.mod-layout-tab-content ― タブの内容
  ... タブの数だけ .mod-layout-tab-content が続く

※ トップでは以下のモジュールを使用
div.mod-item-detail
  ul.mod-item-detail-tabs
  div.mod-item-detail-tab-content
  div.mod-item-detail-tab-content ...
*/


.mod-layout-tab-tabstrip li,
.mod-item-detail-tabs li {
text-align:left;
}

.mod-layout-tab-tabstrip li.icon-keyPlus a {
margin-left:0px;
padding-left:13px;
line-height:14px;
/*
background:url(../../images/icon_item_book_white.png) no-repeat 0 0; 
*/
}
.sub-item {
padding-left:7px;
}
.toggle-item {
padding-left:21px;
}