@charset "UTF-8";

/* 資料内グローバルナビゲーション・ローカルナビゲーションブロック
-------------------------------------------------------------------------------
div.str-header-nav-journal-container
  div.nav-journal-header-global
    ...
    div.nav-journal-header-local
      ...
*/
.str-header-nav-journal-container {
margin-top:10px;
line-height:1;
border-bottom:1px solid #dedede; /* ローカルナビゲーションの影 */
}



/* 資料内グローバルナビゲーション
-------------------------------------------------------------------------------
div.nav-journal-header-global
  ul
    li(.active) ― アクティブ時は .active をつける
      (a)
*/
.nav-journal-header-global {
min-height:42px;
color:#fff;
background-color:#1664c6;
background-position: 0 5px;

position:relative;
}


.nav-journal-header-global:before {left:0;}
.nav-journal-header-global:after {right:0;}
.nav-journal-header-global a {
color:inherit;
text-decoration:none;
}

.nav-journal-header-global li {
float:left;
font-size:14px;
font-weight:bold;
padding:16px 15px 12px 15px;
margin-right:5px;
margin-left:5px;
position:relative;
}
.nav-journal-header-global li.active {
color:#1153a4;
background-color:#f6f6f6;
padding:16px 14px 12px 14px;
border-top:solid 1px #0d51a5;
border-left:solid 1px #0d51a5;
border-right:solid 1px #0d51a5;
}



.nav-journal-header-global ul:after {
content:"";
display:block;
clear:both;
}



/* 資料内ローカルナビゲーション
-------------------------------------------------------------------------------
div.nav-journal-header-local
  ul
    li(.active) ― アクティブ時は .active をつける
      (a)
*/
.nav-journal-header-local {
min-height:24px;
border:1px solid #bebebe;
border-top:0;
padding-top:3px;
background:url(../../images/h_bg_nav-local.png) repeat-x bottom #fcfcfc;
color:#000;
}
.nav-journal-header-local ul {
vertical-align:bottom;
width:100%;
height:100%;
padding-left:18px;
display:inline-block;
border:1px solid #fff;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.nav-journal-header-local li {
display:inline-block;
font-weight:bold;
margin-right:25px;
padding:5px 0;
float:left;
}
.nav-journal-header-local a {
display:inline-block;
color:#7c7c7c;
text-decoration:none;
}
.nav-journal-header-local li.active a {
color:#000;
}
.nav-journal-header-local ul:after {
content:"";
display:block;
clear:both;
}


/* コンテンツの大見出し（水色地に白）

-------------------------------------------------------------------------------
div.mod-page-heading-container
  (div.mod-page-heading-container-inner) ― 角丸のための囲み（トップのみ）


    h1.mod-page-heading                  ― 見出しテキスト

    div.mod-page-heading-lang            ― 言語選択フォーム
    ul.mod-page-heading-nav              ― 前の号、次の号のナビゲーション
*/
.mod-page-heading span.code {
color:#000;
}
/* トップ以外 */
.mod-page-heading-container > .mod-page-heading {
min-height:45px;
padding-right:250px;
}


/* 言語選択メニュー
-------------------------------------------------------------------------------
div.mod-page-heading-lang
  select
    option
*/
.mod-page-heading-lang {
position:absolute;
top:8px;
right:12px;
color:#ffffff;
}
.mod-page-heading-lang select {
margin-left:5px;
padding:2px;
}
.mod-page-heading-contents {
position:absolute;
color:#ffffff;
right: 190px;
top: 8px
}

/* 大見出し ― 前の号、次の号のナビゲーション
-------------------------------------------------------------------------------
div.mod-page-heading-nav
  ul
    li.prev ― 前の号
      a
    li.next ― 次の号
      a
*/
.mod-page-heading-nav {
top: 35px;
}
.mod-page-heading-nav li.prev a {
border-right:0;
}


/* ツールボックスのアイコン */
.icon-html a {
padding-left:0px;
}
.icon-pdf a {
padding-left:0px;
}
.icon-html a:before {
content:none;
}
.icon-pdf a:before {
content:none;
}
.icon-movie a:before {
content:none;
}
.icon-email a:before {
content:none;
}


/* タブレイアウト

-------------------------------------------------------------------------------
div.mod-layout-tab
  ul.mod-layout-tab-tabstrip ― タブ部分

    li                       ― 通常のタブ

    li.active                ― アクティブなタブ

    li.icon-key              ― 鍵アイコン付きタブ

  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,
.mod-item-detail {
margin-top:10px;
}
.mod-layout-tab-tabstrip,
.mod-item-detail-tabs {
background:url(../../images/mod_bg_item_detail_tabs.png) repeat-x bottom;
}
.mod-layout-tab-tabstrip li,
.mod-item-detail-tabs li {
display:inline-block;
margin-right:3px;
padding:5px 18px 6px;
border:1px #6fbfff;
border-style:solid solid none;
text-align:center;
line-height:1;
background-color:#fff;
vertical-align:bottom;
position:relative;
top:-1px;
}
.mod-layout-tab-tabstrip li.active,
.mod-item-detail-tabs li.active {
padding:12px 35px 7px;
background:#e4f3fe;
position:relative;
top:0px;
}
.mod-layout-tab-tabstrip li.icon-key a {
margin-left:0px;
padding-left:0px;
line-height:14px;
background:none;*4
}
.mod-layout-tab-tabstrip a,
.mod-item-detail-tabs a {
display:inline-block;
text-decoration:none;
}
.mod-layout-tab-tabstrip li.active a,
.mod-item-detail-tabs li.active a {
color:#000;
}
.mod-layout-tab-content,
.mod-item-detail-tab-content {
border:1px #6fbfff;
border-style:none solid solid;
padding:10px;
background-color:#e4f3fe;
}
.mod-layout-tab-content > * + * {
margin-top:5px;
}


/* 書誌事項や全文HTMLの記事見出し

-------------------------------------------------------------------------------
h2.mod-article-heading          ― デフォルトは紫のアイコン
h2.mod-article-heading.icon-key ― 鍵アイコン
h2.mod-article-heading.icon-bv  ― 鍵アイコン
*/

.mod-article-heading {
font-size:14px;
padding-left:0px;
 background: none;
}


/* 
-------------------------------------------------------------------------------
.mod-article-icons
*/
.mod-article-icons {
line-height:0;
margin-bottom:15px;
float: right;
}

.mod-article-text {
	font-size: 12px;
	float: left;
	margin-bottom: 7px;
	width: 720px;
	word-wrap: break-word;
}

.mod-article-text-advpub {
	background-color:#ffffff;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    padding: 3px;
}

/* 
-------------------------------------------------------------------------------
.mod-section
*/
.mod-section {
margin-bottom:5px;
border:1px solid #6fbfff;
/*background-color:#f2f9ff;*/
background-color:#fff;
padding:30px 90px;
position:relative;
width:581px;
font-size: 14px;
word-wrap: break-word;
}

.mod-list-citation {
    margin-top: 14px;
}

.mod-list-citation li {
    margin-bottom:14px;
}

/* 
-------------------------------------------------------------------------------
.mod-article-meta
*/
.mod-article-meta {
padding-left:25px;
}
.mod-article-meta > p {
margin:.8em 0;
}
.mod-article-meta .author a {
position:relative;
}
.mod-article-meta .author sup {
font-size:8px;
line-height:0;
top:4px;
right:0;
}

.mod-article-meta .date {
width:100%;
display:inline-block;
padding:5px 5px;
margin-left:-5px;
background:5px 8p;
}

.mod-article-meta .doi {
display:inline-block;
padding-left:5px;
margin-right:15px;
margin-left:-20px;
}

.mod-article-meta .joi {
display:inline-block;
padding-left:5px;
margin-right:;
}

.mod-article-meta .fund {
width:100%;
display:inline-block;
padding:5px 5px;
margin-left:-5px;
}

.mod-article-meta .conference {
width:100%;
display:inline-block;
padding:5px 5px;
margin-left:-5px;
}

.mod-article-meta .keywords {
display:inline-block;
padding-left:60px;
text-indent:-60px;
width:676px;
word-wrap: break-word;
}

.mod-page-heading-container .doi {
display:inline-block;
padding-left:5px;
margin:10px 15px 0 0;
}

.mod-page-heading-container .joi {
display:inline-block;
padding-left:5px;
margin:10px 0 0 0 ;
}


/* 
-------------------------------------------------------------------------------
.mod-list-article-journal
*/
.mod-list-article-journal li {
}
.mod-list-article-journal .inline {
background-repeat: no-repeat;
display:block;
margin-bottom:3px;
}
.mod-list-article-journal .helpUrl {
display:block;
margin-bottom:3px;
margin-left: 112px;
white-space: nowrap;
}
/* 
-------------------------------------------------------------------------------
.mod-sub-journal
*/

.mod-sub-journal {
margin-top:10px;
text-align:center;
}
.mod-sub-journal ul {
list-style-type:none;
padding-bottom:1em;
margin-bottom:-10px;
}
.mod-sub-journal ul li {
padding-left:24px;
margin-bottom:9px;
text-align:left;
min-height:14px;
line-height:20px;
background:no-repeat 0 0;
}

/* 
-------------------------------------------------------------------------------
.mod-article-notification
*/
.mod-article-notification {
margin-top:10px;
border:1px solid #6fbfff;
background-color:#fff;
padding:15px 18px;
width:723px;
word-wrap: break-word;
}
.mod-article-notification > * {
margin:0;
}
.mod-article-notification a {
}
.mod-article-notification p {
	line-height: 2;
}


/* 
-------------------------------------------------------------------------------
.mod-article-correcthistory
*/
.mod-article-correcthistory {
margin-top:10px;
border:1px solid #6fbfff;
background-color:#fff;
padding:15px 18px;
width:723px;
word-wrap: break-word;
}
.mod-article-correcthistory > * {
margin:0;
}
.mod-article-correcthistory a {
}
.mod-article-correcthistory p {
	line-height: 2;
}


/* 
-------------------------------------------------------------------------------
.mod-article-toolbox
*/
.mod-article-toolbox {
margin-top:7px;
border:1px solid #6fbfff;
background-color:#fff;
text-align:center;
padding:8px 12px;
}
.mod-article-toolbox li {
margin-left:45px;
display:inline-block;
}
.mod-article-toolbox li:first-child {
margin:0;
}
.mod-article-toolboxPlus {
padding:0;
position:relative;
}


/* 
-------------------------------------------------------------------------------
.mod-article-copyright
*/
.mod-article-copyright {
margin:30px 0 10px;
text-align:center;
width:761px;
word-wrap:break-word;
}


/*  =========Clear === */
.ClearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}
.ClearFix { display: inline-block; }
/* Hides from IE 4-6 \*/
* html .ClearFix { height: 1%; }
.ClearFix { display: block; } 
/* End hide from IE 4-6 */


/* 文字スタイル */
p.normal {font-style: normal}
p.oblique {font-style: oblique}
p.bold {font-style: bold}


/* 電子付録
-------------------------------------------------------------------------------
*/
.supplement-media {
	margin-top:10px;
}
.supplement-media:first-child {
	margin:0;
}
.supplement-media-content {
	padding-left:10px;
}
.supplement-media-title {
	font-size: 12px;
	text-align:center;
}
.supplement-media-title .label{
	float:center;
}

.supplement-media-download {
	text-align:center;
}
.supplement-media-video{
	padding-left:50px;
}

.supplement-media-figure{
	text-align:center;
}
.supplement-media-figure img{
	max-width: 450px;
}

/* 資料トップ-セクション
-------------------------------------------------------------------------------
*/
.section-level1 {
	padding-left: 0.3em;
	font-size: 14px;
	font-weight: bold;
}
.section-level2 {
	padding-left: 1.3em;
	font-weight: bold;
}
.section-level3 {
	padding-left: 2.3em;
	font-weight: bold;
}

/* 
-------------------------------------------------------------------------------
.mod-article-pdfpreview
*/

.mod-article-pdfpreview {
	margin-top:7px;
	background-color:#fff;
	text-align:left;
	padding:8px 12px;
	width:735px;
}
.mod-article-pdfpreview-content {
	padding-left:23px;
}
.mod-article-pdfpreview-content img {
	max-width: 689px;
}