@charset "UTF-8";
/* 基礎スタイル
-------------------------------------------------------------------------------
*/
html {
margin:0;
padding:0;
font-size:10px;
color:#000;
background-color:#fff;
}
body {
width:1000px;
margin:0 auto;
font-size:12px;
line-height:1.5;
font-family:"Arial", "MS PGothic", sans-serif;
}
select, input, button, textarea {
font-family:"Arial", "MS PGothic", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-size:1em;
margin:0;
font-weight:bold;
}
img, map, area {
border:0;
}
img, input, select, option, optgroup {
vertical-align:middle;
}
p {
margin:0 0 1em;
}
ul, ol, li, dl, dt, dd {
margin:0;
padding:0;
list-style-type:none;
}
a {
color:#1773bc;
}
input, select {
margin:0;
padding:0;
}
/* ヘッダ ― ユーティリティ
-------------------------------------------------------------------------------
div.str-header-util
a.logo ― J-STAGEロゴ
(p.greeting) ― 「My J-STAGEへようこそ」の文、ログイン後の状態で使用
ul.nav-header-util
li
a
a.lang ― 言語切り替え
img
*/
.str-header {
padding-top:8px;
}
.str-header-util {
text-align:right;
position:relative;
}
.str-header-util > * {
display:inline-block;
text-align:right;
line-height:1;
margin:0;
vertical-align:bottom;
}
/* J-STAGEロゴ */
.str-header-util .logo {
position:absolute;
top:0;
left:0;
}
/* ログイン後のメッセージ */
.str-header-util .greeting {
font-weight:bold;
margin-right:8px;
}
/* My J-STAGEのメニュー項目 */
.nav-header-util {
margin-right:175px;
}
.nav-header-util li {
display:inline-block;
padding:0 10px;
border-right:1px solid #000;
}
.nav-header-util li:first-child {
border-left:1px solid #000;
}
/* 言語切り替え（ヘッダ） */
.str-header-util .lang {
position:absolute;
top:3px;
right:0;
}
/* ヘッダ ― バナーと検索ボックスの囲み
-------------------------------------------------------------------------------
div.header-logo-search-container
h1.str-header-banner
img
div.form-header-search
*/
.str-header-banner-search-container {
margin-top:20px;
}
.str-header-banner {
float:left;
}
/* ヘッダ ― 検索ボックス
-------------------------------------------------------------------------------
div.form-header-search
ul.form-header-search-tabs ― タブ
li(.active) ― アクティブ時は .active をつける
a
div.form-header-search-box ― 検索フィールド
label ― 「キーワード」という文字
input.searchfield ― 検索ボックス
input.searchbutton ― 検索ボタン
a.searchadvanced ― 詳細検索のボタン
img
*/
.form-header-search {
float:right;
width:351px;
max-height:76px;
border:1px solid #bfbfbf;
background:url(../../img/h_bg_search.png) repeat-x bottom #fbfbfb;
}
.form-header-search-tabs {
background:url(../../img/h_bg_search_tab_bottom.png) repeat-x bottom #e1e1e1;
}
.form-header-search-tabs:after {
content:"";
display:block;
clear:both;
}
.form-header-search-tabs li {
float:left;
background:url(../../img/h_bg_search_tab_separator.png) no-repeat top right;
}
.form-header-search-tabs li.active {
font-weight:bold;
background:url(../../img/h_bg_search_tab_active.png) repeat-x top #fbfbfb;
border:1px #bfbfbf;
border-style:none solid;
position:relative;
left:-1px;
}
.form-header-search-tabs li.active:first-child {
border-left:0;
left:0;
}
.form-header-search-tabs a {
display:inline-block;
padding:1px 10px;
text-decoration:none;
}
.form-header-search-tabs li.active a {
color:#000;
padding:1px 20px;
}
.form-header-search-box {
width:310px;
margin:9px 10px;
padding-left:20px;
background:url(../../img/h_glass.png) no-repeat 0.5% 85%;
position:relative;
}
.form-header-search .searchfield {
border:1px solid #bfbfbf;
width:175px;
height:19px;
}
.form-header-search .short {
width:40px;
}
[lang="en"] .form-header-search .searchfield {
width:145px;
}
.form-header-search .searchbutton {
position:relative;
left:-1px;
margin-right:10px;
}
.form-header-search .searchadvanced {
position:absolute;
right:0;
bottom:0;
}
.str-header-banner-search-container:after {
content:"";
display:block;
clear:both;
}
/* グローバルナビゲーション・ローカルナビゲーションブロック
-------------------------------------------------------------------------------
div.str-nav-container
ul.nav-header-global
...
ul.nav-header-local
...
*/
.str-header-nav-container {
margin-top:10px;
line-height:1;
border-bottom:1px solid #dedede; /* ローカルナビゲーションの影 */
}
/* グローバルナビゲーション
-------------------------------------------------------------------------------
div.nav-header-global
ul
li(.active) ― アクティブ時は .active をつける
(a)
*/
.nav-header-global {
min-height:42px;
color:#fff;
background:url(../../img/h_bg_nav-global.png) repeat-x top #16c;
position:relative;
}
.nav-header-global > ul {
margin-left:18px;
}
.nav-header-global:before,
.nav-header-global:after {
content:"";
width:1px;
min-height:42px;
background:url(../../img/h_bg_nav-global.png) no-repeat 0 -70px;
position:absolute;
top:0;
}
.nav-header-global:before {left:0;}
.nav-header-global:after {right:0;}
.nav-header-global a {
color:inherit;
text-decoration:none;
}
.nav-header-global > ul > li {
float:left;
font-size:14px;
font-weight:bold;
padding:18px 0 10px;
margin-right:40px;
position:relative;
}
.nav-header-global > ul > li.active {
color:#1153a4;
background-color:#fcfcfc;
background:url(../../img/h_bg_nav-global_active.png) repeat-x top #fcfcfc;
padding:18px 50px 10px;
}
.nav-header-global > ul > li.active:before,
.nav-header-global > ul > li.active:after {
content:"";
width:9px;
min-height:42px;
position:absolute;
top:0;
}
.nav-header-global > ul > li.active:before {
background:url(../../img/h_bg_nav-global_active.png) no-repeat 0 -70px;
left:0;
}
.nav-header-global > ul > li.active:after {
background:url(../../img/h_bg_nav-global_active.png) no-repeat 0 -140px;
right:0;
}
.nav-header-global > ul:after {
content:"";
display:block;
clear:both;
}
/* ローカルナビゲーション
-------------------------------------------------------------------------------
div.nav-header-local
ul
li(.active) ― アクティブ時は .active をつける
(a)
*/
.nav-header-local {
min-height:24px;
border:1px solid #bebebe;
border-top:0;
padding-top:3px;
background:url(../../img/h_bg_nav-local.png) repeat-x bottom #fcfcfc;
color:#000;
}
.nav-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-header-local li {
display:inline-block;
font-weight:bold;
margin-right:25px;
padding:5px 0;
float:left;
}
.nav-header-local a {
display:inline-block;
color:#7c7c7c;
text-decoration:none;
}
.nav-header-local li.active a {
color:#000;
}
.nav-header-local ul:after {
content:"";
display:block;
clear:both;
}
/* パンくず
-------------------------------------------------------------------------------
div.str-breadcrumbs
a ― J-STAGEトップへのリンク
※ トップ > 下層 > 下層 とテキストで記述する
*/
.str-breadcrumbs {
margin:7px 3px 0;
}
/* コンテンツエリア
-------------------------------------------------------------------------------
div.str-content
*/
.str-content {
margin-top:8px;
}
/* 3カラムレイアウト
-------------------------------------------------------------------------------
div.layout-col-three
div.str-left ― 左カラム
div.str-main ― 中央カラム
div.str-right ― 右カラム
*/
.layout-col-three > .str-left,
.layout-col-three > .str-right {
width:205px;
height:300px;
display:table-cell;
vertical-align:top;
}
.layout-col-three > .str-main {
padding:0 10px;
width:570px;
display:table-cell;
vertical-align:top;
}
/* ページトップ
-------------------------------------------------------------------------------
div.mod-pagetop
*/
.mod-pagetop,
.mod-pagetop a {
color:#1773bc;
}
.mod-pagetop {
margin:10px 3px;
text-align:right;
}
.mod-pagetop:before {
content:"▲";
margin-right:.2em;
}
/* コンテンツの大見出し（水色地に白）
-------------------------------------------------------------------------------
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-container {
color:#fff;
background-color:#6fbfff;
padding:8px 12px;
position:relative;
}
/* 角丸 */
.mod-page-heading-container {
/* border-radius:3px; IE8に目をつぶればこれでいける */
}
.mod-page-heading-container:before,
.mod-page-heading-container:after,
.mod-page-heading-container-inner:before,
.mod-page-heading-container-inner:after {
content:"";
display:block;
width:3px;
height:3px;
position:absolute;
}
.mod-page-heading-container:before {
background:url(../../img/m_bg_heading_rounded_topleft.png) no-repeat;
top:0;
left:0;
}
.mod-page-heading-container:after {
background:url(../../img/m_bg_heading_rounded_topright.png) no-repeat;
top:0;
right:0;
}
.mod-page-heading-container-inner:before {
background:url(../../img/m_bg_heading_rounded_bottomleft.png) no-repeat;
bottom:0;
left:0;
}
.mod-page-heading-container-inner:after {
background:url(../../img/m_bg_heading_rounded_bottomright.png) no-repeat;
bottom:0;
right:0;
}
.mod-page-heading {
font-size:14px;
line-height:1.5;
padding-right:160px;
}
.mod-page-heading a {
color:#fff;
}
/* 大見出し ― 前の号、次の号のナビゲーション
-------------------------------------------------------------------------------
div.mod-page-heading-nav
ul
li.prev ― 前の号
a
li.next ― 次の号
a
*/
.mod-page-heading-nav {
display:inline-block;
position:absolute;
right:12px;
bottom:10px;
text-align:center;
}
.mod-page-heading-nav li {
display:inline-block;
}
.mod-page-heading-nav li.prev a {
color:#fff;
padding:0 7px 0 24px;
border-right:1px solid #fff;
background:url(../../img/icon_issue_prev.png) no-repeat left center;
}
.mod-page-heading-nav li.next a {
color:#fff;
padding:0 24px 0 7px;
border-right:0;
background:url(../../img/icon_issue_next.png) no-repeat right center;
}
/* 見出し下の選択したものをダウンロードするツールボックス
-------------------------------------------------------------------------------
div.mod-toolbox
*/
.mod-toolbox {
margin-top:10px;
padding:8px 12px;
border:1px solid #6fbfff;
position:relative;
}
.mod-toolbox * {
display:inline-block;
vertical-align:middle;
}
.mod-toolbox input {
margin-top:-1px;
}
.mod-toolbox label,
.mod-toolbox-option li {
margin-left:6px;
}
.mod-toolbox-option {
position:absolute;
top:6px;
right:12px;
}
.mod-toolbox-option p {
margin:0 60px 0 0;
}
/* 検索結果の表示とパジネーション
-------------------------------------------------------------------------------
div.mod-pagination
*/
.mod-pagination {
margin-top:10px;
padding:10px 12px;
border:1px solid #6fbfff;
background-color:#e4f3fe;
position:relative;
}
.mod-pagination-range {
position:absolute;
top:10px;
right:12px;
}
.mod-pagination-range select {
width:55px;
padding:2px;
margin:-2px 6px 0 0;
}
/* パジネーション本体 */
.mod-pagination-list-container {
text-align:center;
}
.mod-pagination-list, .mod-pagination-list li {
display:inline-block;
}
.mod-pagination-list li {
margin:0 3px;
}
.mod-pagination-list.pages .start:after,
.mod-pagination-list.pages .end:before {
content:" ... ";
}
.mod-pagination-list.pages .current,
.mod-pagination-list.pages .current a {
color:#000;
font-weight:bold;
text-decoration:none;
}
/* 記事のグループの見出し（▼がついた見出し）
-------------------------------------------------------------------------------
h2.mod-itemgroup-heading
div.mod-item
div.mod-item
...
h2.mod-itemgroup-heading
...
*/
.mod-itemgroup-heading {
margin-top:18px;
padding-left:18px;
background:url(../../img/icon_itemgroup.png) no-repeat 2px 40%;
font-weight:normal;
}
/* 各記事のブロック
-------------------------------------------------------------------------------
div.mod-item
div.mod-item-heading-container
h3.mod-item-heading(.icon-key) ― 鍵付きアイコンの場合は .icon-key をつける
input ― 記事の選択
div.mod-item-meta ― 著者や公開日
div.mod-item-notification ― 早期公開や本公開を知らせるボックス
div.mod-item-toolbox ― ダウンロードやHTML/PDFへのリンク
div.mod-item-detail ― 詳細情報を括るブロック
*/
.mod-item {
margin-top:5px;
border:1px solid #b5b7b9;
padding:11px 13px 13px;
}
.mod-item-heading-container {
padding-left:24px;
position:relative;
}
.mod-item-heading-container input {
position:absolute;
top:3px;
left:0;
}
.mod-item-heading {
font-weight:normal;
padding-left:18px;
background:url(../../img/icon_item_violet.png) no-repeat 0px 4px;
}
.mod-item-heading.icon-key {
background-image:url(../../img/icon_key.png);
}
.mod-item-heading a {
padding-left:18px;
margin-left:-18px;
}
/* メタ情報（著者や日付など） */
.mod-item-meta {
margin-top:9px;
margin-left:24px;
}
.mod-item-meta * {
margin:0;
}
.featured .mod-item-meta {
margin-left:0;
}
/* 公開に関するステータス */
.mod-item-notification {
margin:5px 0 7px 24px;
padding:2px 10px;
background-color:#ecebeb;
}
.mod-item-notification * {
margin:0;
}
.mod-item-notification a {
color:#000;
text-decoration:none;
}
/* ダウンロードや全文HTMLがあるところ */
.mod-item-toolbox {
margin-top:5px;
}
.mod-item-meta + .mod-item-toolbox {
margin-top:-18px;
}
.featured .mod-item-meta + .mod-item-toolbox {
margin-top:5px;
}
.mod-item-toolbox ul,
.mod-item-toolbox li,
.mod-item-toolbox a {
display:inline-block;
}
.mod-item-toolbox a {
position:relative;
}
/* トップ内では右寄せ */
.mod-item .mod-item-toolbox {
text-align:right;
}
.mod-item .mod-item-toolbox li {
margin-left:15px;
}
/* */
.mod- .mod-item-toolbox {
text-align:center;
}
.mod- .mod-item-toolbox li {
margin-left:30px;
}
/* */
.mod- .mod-item-toolbox {
text-align:center;
}
.mod- .mod-item-toolbox li {
margin-left:30px;
}
/* ツールボックスのアイコン */
.icon-extract a,
.icon-html a,
.icon-pdf a,
.icon-email a,
.icon-download a,
.icon-movie a {
position:relative;
}
.icon-extract a:before,
.icon-html a:before,
.icon-pdf a:before,
.icon-email a:before,
.icon-download a:before,
.icon-movie a:before {
position:absolute;
top:-4px;
left:0;
}
.icon-extract a,
.icon-download a {
padding-left:20px;
}
.icon-html a {
padding-left:35px;
}
.icon-pdf a,
.icon-movie {
padding-left:19px;
}
.icon-email a {
padding-left:26px;
}
.icon-extract a:before,
.icon-download a:before {
content:url(../../img/icon_tool_extract.png);
}
.icon-extract a:after {
content:"▼";
}
.icon-html a:before {
content:url(../../img/icon_tool_html.png);
}
.icon-pdf a:before {
content:url(../../img/icon_tool_pdf.png);
}
.icon-movie a:before {
content:url(../../img/icon_tool_movie.png);
}
.icon-email a:before {
content:url(../../img/icon_tool_email.png);
}
/* 各記事の詳細情報ブロック
-------------------------------------------------------------------------------
div.mod-item-detail
ul.mod-item-detail-tabs
div.mod-item-detail-tab-content
*/
.mod-item-detail {
margin-top:10px;
}
.mod-item-detail-tabs {
background:url(../../img/mod_bg_item_detail_tabs.png) repeat-x bottom;
}
.mod-item-detail-tabs li {
display:inline-block;
margin-right:3px;
padding:5px 10px 6px;
border:1px #6fbfff;
border-style:solid solid none;
text-align:center;
line-height:1;
background-color:#fff;
vertical-align:bottom;
max-width:85px;
position:relative;
top:-1px;
}
.mod-item-detail-tabs li.active {
padding:12px 30px 7px;
background:#e4f3fe;
position:relative;
top:0px;
}
.mod-item-detail-tabs a {
display:inline-block;
text-decoration:none;
}
.mod-item-detail-tabs li.active a {
color:#000;
}
.mod-item-detail-tab-content {
border:1px #6fbfff;
border-style:none solid solid;
padding:13px 10px;
background-color:#e4f3fe;
}
/* 英語版のタブは横のpaddingを小さく */
[lang=en] .mod-item-detail-tabs li {
padding:5px 5px 6px;
height:24px;
}
[lang=en] .mod-item-detail-tabs li.active {
padding:12px 7px 7px;
}
/* 影付きボックス（サイドバー用）
-------------------------------------------------------------------------------
div.sub-shadow
*/
.mod-sub-shadow {
margin-top:13px;
padding:15px 10px 10px 13px;
background:url(../../img/s_bg_shadow.png) repeat-y top left;
position:relative;
}
.mod-sub-shadow:before {
content:url(../../img/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;
}
/* 表紙（サイドバー）
-------------------------------------------------------------------------------
div.sub-cover
img
*/
.mod-sub-cover {
text-align:center;
}
/* サイドバーの見出し
-------------------------------------------------------------------------------
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;
background:url(../../img/icon_toggle_minus.png) no-repeat 4px 3px;
}
.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;
}
/* サイドバーのリスト
-------------------------------------------------------------------------------
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 をつけると灰地の黒文字に、アイコンも変わる
*/
.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(../../img/icon_toggle_plus.png) no-repeat 4px 7px;
}
.mod-sub-list-issues > li.expanded {
background-image:url(../../img/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(../../img/icon_item_blue.png) no-repeat 21px 7px;
}
/* 選択されたものは青いスラッシュのアイコンに変わる */
.mod-sub-list-numbers > li.selected {
background-image:url(../../img/icon_item_blue_slashed.png);
}
.mod-sub-list-numbers > li > a {
padding-left:21px;
margin-left:-21px;
}
/* 鍵付きの場合 */
.mod-sub-list-numbers > li.icon-key {
background:url(../../img/icon_key.png) no-repeat 18px 7px;
}
/* プレーンテキストなリスト */
.mod-sub-list-dot li {
padding-left:1em;
}
.mod-sub-list-dot li:before {
content:"・";
margin-left:-1.1em;
}
/* サイドバーのコンテンツ部分
-------------------------------------------------------------------------------
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;
}
/* もっと読む
-------------------------------------------------------------------------------
*/
.mod-sub-more {
margin-top:10px !important;
text-align:right;
}
/* ジャーナルツール
-------------------------------------------------------------------------------
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 {
margin-top:10px;
text-align:center;
}
.mod-sub-journal-buttons {
display:inline-block;
text-align:justify;
}
.mod-sub-journal-share {
margin-top:5px;
}
/* お知らせ
-------------------------------------------------------------------------------
dl.mod-sub-news
dt ― 日付
dd ― 内容
*/
.mod-sub-news {
margin-left:5px;
}
.mod-sub-news dt {
margin-top:10px;
padding-top:10px;
padding-bottom:2px;
border-top:1px dotted #8e8e8e;
}
.mod-sub-news dt:first-child {
margin:0;
border:0;
}
/* おすすめ記事のカルーセル
-------------------------------------------------------------------------------
div.mod-sub-carousel
div.mod-sub-carousel-cover
div.mod-sub-carousel-control
*/
.mod-sub-carousel {
margin-top:10px;
position:relative;
}
.mod-sub-carousel-cover {
text-align:center;
}
.mod-sub-carousel-control .prev {
position:absolute;
bottom:0;
left:0;
}
.mod-sub-carousel-control .next {
position:absolute;
bottom:0;
right:0;
}
.mod-sub-carousel-control a {
padding:5px 3px;
}
/* メディアブロック
-------------------------------------------------------------------------------
div.layout-media
div.layout-media-figure ― 画像とキャプション
img ― 画像
div.caption ― キャプションブロック
span.label ― 画像のラベル
span.fullsize ― Fullsize Image
div.layout-media-content ― 内容
*/
.layout-media {
display:table;
margin-top:10px;
}
.layout-media:first-child {
margin:0;
}
.layout-media-figure,
.layout-media-content {
display:table-cell;
vertical-align:top;
}
.layout-media-figure {
padding-top:3px;
}
.layout-media-figure .caption {
margin-top:3px;
padding:0 2px;
font-size:10px;
text-align:center;
}
.layout-media-figure .label {
float:right;
}
.layout-media-figure .label + .fullsize {
float:left;
}
.layout-media-figure .caption:after {
content:"";
display:block;
clear:both;
}
.layout-media-content {
padding-left:10px;
}
/* フッタ
-------------------------------------------------------------------------------
div.icon-footer
div.str-footer
*/
.icon-footer {
text-align:center;
}
.str-footer {
margin-top:10px;
padding:1em 0 2.5em;
border-top:28px solid #d7e7f4;
color:#fff;
background-color:#1153a4;
text-align:center;
}