@charset "utf-8";

html {
    font-size: 100%;
    line-height: 1.6;
    /*	line-height:1.5em; 継承の問題から、単位指定はしない。*/
}

@media screen and (max-width: 640px) {
    html {
        font-size: 87.5%;
        line-height: 1.8;
    }
}

body {
    margin: 0;
    padding: 0;
    /*	font-size:13px;	*/
    /*	text-align:center;			2016/09/29		*/
    /*	font-family: Verdana, Roboto, "Droid Sans", "\6E38\30B4\30B7\30C4\30AE", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\4E\20\57\33", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, sans-serif;	*/
    /* 20150225 */
    /*	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;	*/
    /* 20150225 */
    font-size: inherit;
    /* bootstrapではbodyにてフォント指定しており上書するためbodyにもフォントを定義 */
    line-height: inherit;
    /*	line-height:1.5em; 継承の問題から、単位指定はしない。*/
    /* bootstrapではbodyにてフォント指定しており上書するためbodyにもフォントを定義 */
}

small {
    font-size: 85%;
}

strong {
    font-weight: bold;
}

sub {
    vertical-align: sub;
}

sup {
    vertical-align: super;
}

p {
    margin: 0 0 10px 0;
}


/*margin:0 0 20px 0;*/


/* このスタイルは早い段階で削除する事。 */


/* == Page Layout Start =============================
================================================== */

.page-contents-wrap {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-size: 1rem;
}

.page-contents-wrap:after {
    content: url(../images/spacer.gif);
    display: block;
    clear: both;
    height: 0;
}

.page-contents-main {
    /*	width:100%;*/
    width: calc(100% - 240px);
    display: block;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-size: 1rem;
    float: left;
}

.page-contents-side {
    width: 240px;
    display: block;
    padding: 0 10px 0 20px;
    margin: 0;
    float: right;
}

.page-contents-wrap-table,
.page-contents-wrap-table_adapt {
    display: table;
    width: 100%;
    border-collapse: collapse;
    /* セルの間隔なくす */
    border-spacing: 0;
    /* 左右 上下で記述 */
    table-layout: fixed;
}

.page-contents-wrap-table_adapt {
    font-size: 13px;
    /* 旧ページ対応 */
    line-height: 1.5;
    /* 旧ページ対応 */
}

.page-contents-main-table {
    display: table-cell;
    padding: 0;
    /* padding: 0 10px; */
    /*	padding:0;*/
    margin: 0;
    vertical-align: top;
    /*
	font-size:14.4px; font-size:0.9rem;*/
    /* temporary setting */
}

.page-contents-side-table,
.page-contents-side-table-left {
    /* Right side */
    display: table-cell;
    width: 240px;
    padding: 0 10px 0 20px;
    /* 0 0 0 20px */
    /* 20190227 */
    margin: 0;
    vertical-align: top;
}

.page-contents-side-table-left {
    padding: 0 20px 0 0;
}

.wrap-pickup-link {
    width: 100%;
    max-width: 960px;
    margin: 20px auto 60px;
    /*	text-align:left;	*/
    /*	padding-left:10px;
	padding-right:10px;
	*/
}

@media screen and (min-width: 960px) {}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 640px) {}

@media screen and (max-width: 640px) {
    .page-contents-wrap {
        display: block;
        width: 100%;
    }

    .page-contents-main {
        width: 100%;
        padding: 0;
        margin: 0 0 80px 0;
        font-size: inherit;
    }

    .page-contents-side {
        display: block;
        width: 100%;
        padding: 0 10px;
        margin: 0;
    }

    .page-contents-wrap-table {
        display: block;
        width: 100%;
    }

    .page-contents-main-table {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 0 80px 0;
        font-size: inherit;
    }

    .page-contents-side-table,
    .page-contents-side-table-left {
        display: block;
        width: 100%;
        padding: 0 10px;
        margin: 0;
    }
}


/* == Page Layout End =============================
================================================== */


/*
h1からh6
========================= */

h1.for-img {
    border: 0;
    line-height: 0;
    background: none;
}

@media screen and (max-width: 640px) {

    /* For Smart-phone */
    h1.for-img {
        display: none;
    }
}

h1.parent {
    margin: 0 0 25px 0;
}

h1.child {
    margin: 0 0 6px 0;
    padding: 8px 10px 12px 18px;
    height: 20px;
    font-size: 17px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #0068b6;
    line-height: 110%;
    background: url(/common/images/h1_child_bg.gif) no-repeat top left;
}

div.current-category,
h1#h1_corp,
h1#h1_support,
h1#h1_ir,
h1#h1_data,
h1#h1_support {
    /* #h1_products */
    margin: 0 auto 6px;
    padding: 8px 10px 12px 18px;
    /*	height:20px;	*/
    font-size: 17px;
    font-size: 1.0rem;
    font-weight: bold;
    color: #0068b6;
    line-height: 130%;
    background: url(/common/images/h1_child_bg.gif) no-repeat top left;
    text-align: left;
    max-width: 960px;
    /*	min-width:640px;	*/
    width: 100%;
    /*
	background: url(/products/images/h1_child.gif) no-repeat;
	height:59px;
	margin:0 0 25px 0;
	font-size:22px;
	font-weight:bold;
	color:#0068b6;
	padding:30px 0 0 30px;
*/
}

h2 {
    background-color: #f9f9f9;
    border-left: #0068b6 solid 5px;
    border-bottom: #aaa solid 1px;
    padding: 12px 10px;
    margin: 0 0 12px 0;
    font-size: 19.2px;
    /*130%;*/
    font-size: 1.2rem;
    /*1.3rem*/
    font-weight: bold;
}

h2.for-img {
    border: 0;
    line-height: 0;
    background: none;
    margin: 0 0 12px 0;
    padding: 0;
}

h2.for-release {
    padding: 1.8rem 1.5rem;
    border-left: 0;
    border-bottom: 0;
}

h1.page-top {
    color: #0068b6;
    border-bottom: #0068b6 solid 3px;
    border-left: none;
    padding: 6px 10px 4px 6px;
    margin: 0 0 12px 0;
    /*	font-size:20px;	*/
    /*	font-size:170%;	*/
    font-size: 1.45em;
    font-size: 1.45rem;
    font-weight: bold;
    line-height: 1.4em;
    background-color: #fff;
    box-shadow: 0px 2px 4px #bbb;
    /*CSS3*/
    -moz-box-shadow: 0px 2px 4px #bbb;
    /* Firefox用*/
    -webkit-box-shadow: 0px 2px 4px #bbb;
    /* Google Chrome, Safari用*/
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#bbbbbb');
    zoom: 1;
}

h1.page-middle {
    color: #0068b6;
    border-bottom: #0068b6 solid 1px;
    padding: 6px 0 6px;
    margin: 0 0 1em 0;
    font-size: 1.45em;
    font-size: 1.45rem;
    font-weight: bold;
    line-height: 1.4em;
    background-color: #fff;
    zoom: 1;
}

@media screen and (max-width: 640px) {

    /* For Smart-phone */
    h1.page-top {
        padding: 2px 6px 2px 6px;
    }

    h1.page-middle {
        padding: 2px 6px 2px 6px;
    }
}

h3 {
    font-weight: bold;
    font-size: 16px;
    /*110%*/
    font-size: 1rem;
    color: #0068b6;
    border-bottom: #0068B6 solid 1px;
    padding: 7px 15px;
    background-color: #f9f9f9;
    margin: 0 0 1em 0;
    margin: 0 0 1rem 0;
}

h3.for-img {
    border: 0;
    line-height: 0;
    background: none;
}

h3 span {
    font-weight: normal;
    color: #000;
}

h3.toppage {
    background-color: #f9f9f9;
    border-bottom: #0068b6 solid 1px;
    padding: 5px 5px 3px 10px;
    color: #000;
}

h4 {
    font-size: 16px;
    /* 14.4px*/
    font-size: 1rem;
    /* 0.9*/
    font-weight: bold;
    padding: 0 0 7px 15px;
    margin-top: 1em;
    margin-top: 1rem;
    margin-bottom: 8px;
    border-bottom: #ccc dotted 1px;
    background: url(../images/h4_icon.gif) no-repeat left 0.5em;
}

h4.for-img {
    border: 0;
    line-height: 0;
    background: none;
}

h5 {
    font-weight: bold;
    color: #0068b6;
    margin: 0 0 8px 0;
    font-size: 100%;
    /* 13px */
}

h5.for-img {
    border: 0;
    line-height: 0;
    background: none;
}


/*
画像マウスオーバー時に白く（透過）させる
========================= */

a.img_alp:hover img {
    filter: Alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}

a.img_alp:active img {
    filter: Alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
}


/*
グレーボーダーをつける（枠）
========================= */

.border-gray {
    border: solid #d0d0d0 1px;
}


/*
コンテンツエリア
*/

#contents,
.contents {
    width: 100%;
    _width: 960px;
    /* only under ie6 */
    max-width: 960px;
    margin: 0 auto;
    text-align: left;
}


/*
画面サイズ次第で要素表示・削除
*/

@media screen and (max-width: 640px) {
    .disnone-w640 {
        display: none !important;
    }
}

@media screen and (min-width: 641px) {
    .disnone-w641over {
        display: none !important;
    }
}


/*
コンテンツエリア
========================= */

#container {
    width: 100%;
    max-width: 960px;
    _width: 960px;
    /* only under ie6 */
    margin: 0 auto;
    /* margin:0 auto; */
    /*	background-color:#ffffff;	*/
}

#container960 {
    margin: 0 auto;
    text-align: center;
}


/* --- パンクズ（旧スタイル、HTML変更次第削除予定）
----------------------------------------------------*/

#breadclam {
    padding: 2px 0 4px 11px;
}

#breadclam li {
    display: inline;
    font-size: 80%;
    font-size: 0.8rem;
}


/* ie6 */

* html #breadclam {
    padding: 2px 0 4px 11px;
}


/* ie7*/

*:first-child+html #breadclam {
    padding: 2px 0 4px 11px;
}


/* --- パンクズ(NEW)
----------------------------------------------------*/

div#breadcrumbs {
    line-height: 1.62rem;
    font-size: 0;
    padding: 0.74em 0 0.42em 4px;
    padding: 0.74rem 0 0.42rem 4px;
    text-align: left;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
}

div#breadcrumbs {
    font-size: 1em\9;
}


/* ie7 */

div#breadcrumbs ul {
    margin: 0;
    padding: 0;
}

div#breadcrumbs ul li,
#breadcrumbs ul li a {
    display: inline-block;
}

div#breadcrumbs ul li {
    font-size: 0.74em;
    font-size: 0.74rem;
    padding-left: 25px;
    background: url(/common/images/bread_nextarrow.gif) no-repeat 9px 46%;
}

div#breadcrumbs ul li.icon_home {
    background: none;
    padding-left: 10px;
}

div#breadcrumbs ul li.icon_home img {
    vertical-align: middle;
}

@media screen and (max-width: 640px) {

    /* For Smart-phone */
    div#breadcrumbs {
        display: none;
    }
}


/*
ページナビ
========================= */

.page-level-link {
    font-size: 13px;
    /*0.73em*/
    font-size: 0.8125rem;
}

@media screen and (max-width: 640px) {

    /* For Smart-phone */
    .page-level-link {
        font-size: 14px;
        /*0.73em*/
        font-size: 1rem;
    }
}

.page-level-link .page-level-navi p.navi-head,
.page-level-link .page-level-navi h2.navi-head {
    font-weight: normal;
    color: #ffffff;
    padding: 0.4em;
    padding: 0.4rem;
    margin: 0;
    border: solid 1px #0068b6;
    border-radius: 0.5em 0.5em 0 0;
    border-radius: 0.5rem 0.5rem 0 0;
    -moz-border-radius: 0.5em 0.5em 0 0;
    -moz-border-radius: 0.5rem 0.5rem 0 0;
    -webkit-border-radius: 0.5em 0.5em 0 0;
    -webkit-border-radius: 0.5rem 0.5rem 0 0;
    -o-border-radius: 0.5em 0.5em 0 0;
    -o-border-radius: 0.5rem 0.5rem 0 0;
    -ms-border-radius: 0.5em 0.5em 0 0;
    -ms-border-radius: 0.5rem 0.5rem 0 0;
    background-color: #0068b6;
    font-size: 100%;
}

.page-level-link .page-level-navi p.navi-head a {
    color: #ffffff;
}

.page-level-link .page-level-navi ul.navi-list {
    margin: 0;
    padding: 0;
}

.page-level-link .page-level-navi ul.navi-list ul.child {
    margin: 0;
    padding: 0;
}

.page-level-link .page-level-navi p.upper {
    background: url(../images/lnavi_h2.gif) no-repeat #0068b6;
    /*height:24px;*/
    padding: 5px 3px 5px 15px;
    margin: 0;
    font-size: 100%;
    font-size: 1rem;
    font-weight: normal;
    border: none;
    color: #fff;
}

.page-level-link .page-level-navi ul li {
    background: url(../images/icon_link01.gif) no-repeat 7px 1.1em #fafafa;
    /*no-repeat 7px 14px #fafafa*/
    border-bottom: #dddddd solid 1px;
    padding: 10px 10px 10px 23px;
    display: block;
    clear: left;
}

.page-level-link .page-level-navi ul li:last-child {
    border-bottom: solid #0068B6 1px;
}

.page-level-link .page-level-navi ul.bnr02 li:last-child {
    border-bottom: none;
}

.page-level-link .page-level-navi ul.child li:last-child {
    border-bottom: 0;
}

.page-level-link .page-level-navi .child li {
    background: url(../images/icon_link02.gif) no-repeat left 13px;
    border: none;
    padding: 5px 0 0 10px;
    margin: 0 0 5px 0;
}

.page-level-link .page-level-navi li a {
    display: block;
    zoom: 1;
}

.page-level-link .page-level-navi li a:hover {
    background-color: #fefefe;
}

.page-level-link .page-level-navi .child a:link {
    color: #555;
    text-decoration: none;
}

.page-level-link .page-level-navi .child a:visited {
    color: #555;
    text-decoration: none;
}

.page-level-link .page-level-navi .child a:hover {
    color: #555;
    font-style: normal;
    text-decoration: underline;
}

.page-level-link .page-level-navi .child a:active {
    text-decoration: none;
}


/* ##### products/service menu bluebox Start ##### */

div.left-navi-bluebox {
    border: solid #0068B6 1px;
    background-color: #fafafa;
    margin-top: 20px;
    padding: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

div.left-navi-bluebox p.header_left-navi-bluebox {
    margin: 0;
    font-size: 11px;
    font-size: 0.65rem;
    padding: 2px 10px;
    background-color: #0068B6;
    color: #ffffff;
    -moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

div.left-navi-bluebox .body_bluebox {
    padding: 12px 10px 12px 10px;
    margin: 0;
    font-size: 12px;
    font-size: 0.75rem;
}

div.left-navi-bluebox span.text_bluebox {
    display: block;
    width: 108px;
    float: left;
}


/* ##### products/service menu bluebox End ##### */


/* ##### products/service menu catalog-download Start ##### */

div.left-navi-catalog {
    border: solid #0068B6 1px;
    background-color: #fafafa;
    margin-top: 20px;
    padding: 0;
    -moz-border-radius: 0.6em;
    -moz-border-radius: 0.6rem;
    -webkit-border-radius: 0.6em;
    -webkit-border-radius: 0.6rem;
    -ms-border-radius: 0.6em;
    -ms-border-radius: 0.6rem;
    border-radius: 0.6em;
    border-radius: 0.6rem;
}

div.left-navi-catalog p.header_left-navi-catalog {
    margin: 0;
    font-size: 11px;
    font-size: 0.65rem;
    padding: 2px 10px;
    background-color: #0068B6;
    color: #ffffff;
    -moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

div.left-navi-catalog .body_catalog {
    padding: 12px 10px 16px 10px;
    margin: 0;
    font-size: 12px;
    font-size: 0.75rem;
}

@media screen and (max-width: 640px) {

    /* For Smart-phone */
    div.left-navi-catalog .body_catalog {
        font-size: 14px;
        font-size: 1rem;
    }
}

div.left-navi-catalog .body_catalog img {
    float: left;
    margin-right: 8px;
}

div.left-navi-catalog span.text_catalog {
    display: block;
    width: 108px;
    float: left;
}

.getadobereader_catalog {
    padding: 12px 10px 16px 10px;
    font-size: 12px;
    font-size: 0.75rem;
}

@media screen and (max-width: 640px) {

    /* For Smart-phone Left-navi none */
    div.left-navi-catalog span.text_catalog {
        float: none;
        width: 100%;
    }
}


/* ##### products/service menu catalog-download End ##### */


/*バナー・ナビゲーションエリア*/

.page-contents-side ul.bnr02,
.page-contents-side-table ul.bnr02,
.page-contents-side-table-left ul.bnr02 {
    margin: 20px 0 0 0;
    padding: 0;
}

.page-contents-side ul.bnr02 li,
.page-contents-side-table ul.bnr02 li,
.page-contents-side-table-left ul.bnr02 li {
    background: none;
    border: none;
    padding: 0;
    margin: 0 0 15px 0;
    /*	height:56px;	*/
    border: #ff0000 solid 0px;
    list-style-type: none;
}

@media screen and (max-width: 640px) {

    /* For Smart-phone Left-navi none */
    .page-contents-side-table-left {
        display: none;
    }
}


/*
ライトメインエリア
========================= */

#right_area {
    float: right;
    display: inline;
    width: 700px;
    margin: 0 10px 0 0;
}


/*各カテゴリインデックスページ*/

dl.index01 {
    margin-bottom: 15px;
    padding: 0;
    background: #fafafa;
    width: 342px;
    float: left;
}

dl.index01 dt {
    margin: 0;
    padding: 8px 15px;
}

dl.index01 dt a {
    display: block;
    zoom: 1;
}

dl.index01 dd {
    margin: 0;
    padding: 0 15px 15px 15px;
}

dl.index01 dt .line_one {
    line-height: 60px;
}

dl.index01 dt h2.line_two {
    height: 60px;
    position: relative;
}

dl.index01 dt h2.line_two a {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1em;
}


/*画像の場合*/

dl.index02 {
    margin-bottom: 15px;
    padding: 0;
    background: #fafafa;
    width: 342px;
    float: left;
}

dl.index02 dt {
    margin: 0 !important;
    padding: 0 !important;
}

dl.index02 dd {
    margin: 0;
    padding: 0 15px 15px 20px;
}

dl.index02 dd img {
    margin: 5px 0 0 0;
}

dl.index02 dt h2 {
    margin: 0;
    padding: 10px 0 10px 20px;
    height: 60px;
    font-weight: normal;
    border: none;
    background: none !important;
}


/*3カラムレイアウト*/

dl.index03 {
    /*margin-bottom:15px;*/
    padding: 0;
    background: #fff;
    width: 220px;
    float: left;
}

dl.index03 dt {
    margin: 0 !important;
    padding: 0 !important;
}

dl.index03 dt h2 {
    margin: 0;
    padding: 10px 0 5px 0 !important;
    font-weight: bold !important;
    border: none !important;
    background: none !important;
}

dl.index03 dd {
    margin: 0 0 15px 0;
    padding: 0;
}

dl.index03 dd div {
    margin-top: 10px;
}

.line_dot01 {
    border-bottom: #ccc dotted 1px;
}


/*3カラムレイアウト 別パターン*/

dl.index04 {
    padding: 0;
    background: #fff;
    width: 220px;
    float: left;
}

dl.index04 dt {
    margin: 0 !important;
    padding: 0 !important;
}

dl.index04 dt h2 {
    margin: 0;
    padding: 5px 20px 5px 10px !important;
    font-weight: bold !important;
    border-bottom: #0064ae solid 1px !important;
    border: solid #F4F4F4 1px;
    background: url(/share1/images/icon_link01.gif) no-repeat 97% 50% #f4f4f4;
    background-color: #f4f4f4 !important;
    font-size: 13px !important;
    font-size: 0.8125rem !important;
}

dl.index04 dt h2:hover {
    border-left: dotted #0064ae 1px;
    border-top: dotted #0064ae 1px;
    border-right: dotted #0064ae 1px;
}

dl.index04 dd {
    margin: 10px 0 30px 0;
    padding: 0;
}

dl.index04 dt h2 a {
    display: block;
}

dl.index04 dt h2 a:link {
    color: #000;
    text-decoration: none;
}

dl.index04 dt h2 a:visited {
    color: #000;
    text-decoration: none;
}

dl.index04 dt h2 a:hover {
    color: #0068b6;
    font-style: normal;
    text-decoration: none;
}

dl.index04 dt h2 a:active {
    text-decoration: none;
}

dl.index05 dl {}

dl.index05 dt {
    float: left;
    width: 220px;
    margin: 0 20px 0 0;
    display: inline;
}

dl.index05 dd {
    float: left;
    width: 460px;
    display: inline;
}

.index05_box {
    /*border-bottom:#ccc dotted 1px;*/
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}

.img_right {
    float: right;
}

.img_left {
    float: left;
}


/*
テーブル
========================= */

table.table01,
table.table01-w100 {
    border-collapse: collapse;
    border: #ddd solid 1px;
    font-family: '\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33', 'Hiragino Kaku Gothic Pro', '\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF', 'MS P Gothic', sans-serif;
    font-size: 12.8px;
    font-size: 0.8rem;
}

table.table01.font-normal,
table.table01-w100.font-normal {
    font-size: initial;
    font-family: initial;

}

table.table01-w100 {
    width: 100%;
}

table.table01 th,
table.table01-w100 th {
    border: #ddd solid 1px;
    padding: 8px;
    background-color: #e7f8fc;
    font-weight: normal;
    letter-spacing: 0.06em;
}

table.table01 td,
table.table01-w100 td {
    border: #ddd solid 1px;
    padding: 8px;
    /*  vertical-align: top;    */
    letter-spacing: 0.08em;
}

table.table01.font-normal td,
table.table01-w100.font-normal td {
    letter-spacing: 0em;
}


/* == For Responsive Start ============================= */

@media screen and (max-width: 640px) {

    table.table01 td,
    table.table01 th,
    table.table01-w100 td,
    table.table01-w100 th {
        word-break: normal;
    }
}


/* == For Responsive End ============================= */

table .gray {
    background-color: #f3f3f3;
}

table .blue {
    background-color: #e7f8fc;
}

table.table02,
table.table02-w100 {
    border-collapse: collapse;
    border-bottom: #ddd solid 1px;
}

table.table02-w100 {
    width: 100%;
}

table.table02 th,
table.table02-w100 th {
    border-top: #ddd solid 1px;
    border-right: #ddd solid 1px;
    padding: 8px 15px;
    background-color: #e7f8fc;
    font-weight: normal;
    text-align: center;
}

table.table02 th.no_line,
table.table02-w100 th.no_line {
    border-right: none;
}

table.table02 td,
table.table02-w100 td {
    border-top: #ddd solid 1px;
    padding: 8px 15px;
    letter-spacing: 0.08em;
}


/* == For Responsive Start ============================= */

@media screen and (max-width: 640px) {

    table.table02 td,
    table.table02 th,
    table.table02-w100 td,
    table.table02-w100 th {
        word-break: normal;
    }
}


/* == For Responsive End ============================= */

table.table_pd01 td {
    padding: 8px;
}

div.table-wrap {
    overflow-x: auto;
    padding-top: 1em;
}

div.table-wrap>table th,
.white-nowrap {
    white-space: nowrap;
}

div.table-wrap>table.table01-w100 tr>th:first-child {
    min-width: 6em;
}

@media screen and (max-width: 639px) {
    div.table-wrap:before {
        content: "横にスクロールできる場合があります >>";
        position: absolute;
        right: 1em;
        text-align: right;
        margin-top: -1.8em;
        margin-right: 0;
        margin-left: auto;
        width: 100%;
        display: block;
        float: right;
        font-size: 0.8em;
    }
}


/*
リスト、ナンバー付きリスト、リンクリスト
========================= */

ul.normal_list li {
    list-style-type: disc;
}

ol.normal_num li {
    list-style-type: decimal;
    margin-left: 33px;
    /*	margin:0 0 0 33px;*/
}

ul.arrow-list li {
    background: url(/share1/images/icon_link02.gif) no-repeat 2px 50%;
    padding: 0 0 0 14px;
    margin: 0 0 12px 0;
    font-weight: bold;
    line-height: 1.3em;
}

ul.none_list li {
    list-style-type: none;
}


/*
疑似リスト、※印対策
========================= */

.indent-style_1 {
    text-indent: -1em;
    margin-left: 1em;
}

.indent-style_15 {
    text-indent: -1.5em;
    margin-left: 1.5em;
}

.indent-style_2 {
    text-indent: -2em;
    margin-left: 2em;
}

.indent-style_25 {
    text-indent: -2.5em;
    margin-left: 2.5em;
}

.indent-style_3 {
    text-indent: -3em;
    margin-left: 3em;
}

.indent-style_35 {
    text-indent: -3.5em;
    margin-left: 3.5em;
}


/*
テキストスタイル
========================= */

.txt-read {
    font-size: 15px;
    /* 14px */
    font-size: 0.9375rem;
    /* 0.88rem */
    line-height: 1.6;
    color: #333333;
    /*555555*/
}

.txt-read p {
    margin-bottom: 14px;
}

.txt-small {
    /* Notice text */
    font-size: 13px;
    font-size: 0.81rem;
    line-height: 170%;
}

.txt-url {
    /* URL text */
    -ms-word-break: break-all;
    word-break: break-all;
    word-wrap: break-word;
    display: inline-block;
    table-layout: auto;
    overflow-wrap: break-word;
    /* For other browsers*/
    font-size: 0.85em;
}

.txt-alert {
    color: #ee0000;
}


/* 経過措置としてシングルカラムレイアウトのページはベースのフォントを1rem(16pxにする)
*/

.f-size1rem {
    font-size: 16px;
    /* for old IE */
    font-size: 1rem;
}


/* テキスト ラベル化 */

span.label-box-01,
span.label-box-02,
span.label-box-03,
span.label-box-04 {
    display: none;
    padding: 0 3px;
    font-size: 100%;
    font-size: 1rem;
    font-weight: bold;
}

span.label-box-01 {
    color: #ffffff;
    background: #b73c3c;
}

span.label-box-02 {
    color: #ffffff;
    background: #29649b;
}

span.label-box-03 {
    color: #ffffff;
    background: #af661c;
}

span.label-box-04 {
    color: #ffffff;
    background: #628412;
}


/*
テキストリンク
========================= */


/*通常リンク ブルー下線なし*/

a:link {
    color: #0068b6;
    text-decoration: none;
}

a:visited {
    color: #0068b6;
    text-decoration: none;
}

a:hover {
    color: #0068b6;
    font-style: normal;
    text-decoration: underline;
}

a:active {
    text-decoration: none;
}


/*ホワイト*/

.link_white a:link {
    color: #fff;
    text-decoration: none;
}

.link_white a:visited {
    color: #fff;
    text-decoration: none;
}

.link_white a:hover {
    color: #fff;
    font-style: normal;
    text-decoration: underline;
}

.link_white a:active {
    text-decoration: none;
}


/*ブラック*/

.link_black a:link {
    color: #000;
    text-decoration: none;
}

.link_black a:visited {
    color: #000;
    text-decoration: none;
}

.link_black a:hover {
    color: #0068b6;
    font-style: normal;
    text-decoration: underline;
}

.link_black a:active {
    text-decoration: none;
}

a.a_text_black:link {
    color: #000;
    text-decoration: none;
}

a.a_text_black:visited {
    color: #000;
    text-decoration: none;
}

a.a_text_black:hover {
    color: #000;
    font-style: normal;
    text-decoration: underline;
}

a.a_text_black:active {
    text-decoration: none;
}


/*
テキストリンク
========================= */

.txt-link {
    background: url(../images/icon_link01.gif) no-repeat left 0.25em;
    /*  no-repeat left 0.25em   */
    padding: 0 0 0 14px;
}

.txt-link_right {
    background: url(../images/icon_link01.gif) no-repeat right 0.25em;
    /*  no-repeat right 0.25em   */
    padding: 0 14px 0 0;
}

div.txt-link,
p.txt-link {
    background-position: left -webkit-calc(1.6em / 2 - 5px);
    background-position: left -moz-calc(1.6em / 2 - 5px);
    background-position: left calc(1.6em / 2 - 5px);
}

.txt-link02 {
    background: url(../images/icon_link02.gif) no-repeat 2px 7px;
    padding: 0 0 0 14px;
}

div.list_link02 {
    margin: 0;
    /*	padding-left:10px;	*/
    /* 20190206 */
}

.list_link02 a {
    background: url(/share1/images/icon_link01.gif) no-repeat 10px 50% #f7f7f7;
    margin: 0 20px 5px 0;
    /*	width:320px;	*/
    width: 100%;
    float: left;
    list-style-type: none;
}

.list_link02 a {
    display: block;
    padding: 10px 5px 10px 30px;
    border: #f7f7f7 solid 1px;
}

.list_link02 a:hover {
    border: #0068b6 dotted 1px;
    text-decoration: none;
    color: #0068b6;
}

ul.list_link02_hfixed {
    margin: 0 0 0 20px;
}

.list_link02_hfixed li {
    background: url(/share1/images/icon_link01.gif) no-repeat 1em 1em #f7f7f7;
    margin: 0 20px 5px 0;
    width: 320px;
    float: left;
}

.list_link02_hfixed li a {
    display: block;
    padding: 0.5em 5px 0.5em 30px;
    border: #f7f7f7 solid 1px;
    height: 3em;
}

.list_link02_hfixed li a:hover {
    border: #0068b6 dotted 1px;
    text-decoration: none;
    color: #0068b6;
}

.link_pdf {
    background-image: url(/share1/images/icon_pdf.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 0 18px 0 0;
}

.link_binary {
    background-image: url(/share1/images/icon_binary.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 0 18px 0 0;
}

.link_gaibu:after {
    content: "  " url(/share1/images/icon_blank.gif);
    vertical-align: middle;
}


/*
回り込み、寄せ
========================= */

.float_R {
    float: right;
}

.float_L {
    float: left;
}

.align_R {
    text-align: right;
}

.align_C {
    text-align: center;
}

.align_L {
    text-align: left;
}


/*
画像サイズ
========================= */

.maxw100 {
    max-width: 100%;
}

img.w100p {
    /* for Responsive Image Size Width 100% */
    max-width: 100%;
    display: block;
    width: 100%;
    height: auto;
}

img.w100auto {
    /* for Responsive Image Size Width auto */
    max-width: 100%;
    width
    /***/
    : auto;
    /* for IE8 */
    /*
    display: block;
    */
    height: auto;
}


/*
BOX
========================= */

.border-box {
    padding: 20px;
    border: solid #d0d0d0 1px;
}


/*
Movie Frame
========================== */

.mov-frame_resize {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
}


/*
Image-box
========================= */

.image-box1 {
    padding: 0;
    margin: 0;
}

.image-box1 img,
.image-box2 img {
    max-width: 100%;
    height: auto;
    margin: 0;
}

.image-box2 {
    text-align: center;
    padding: 0;
    margin: 0;
}

.image-box1 img,
.image-box2 img {
    max-width: 100%;
    width
    /***/
    : auto;
    /* For IE8 */
    height: auto;
    margin: 0 auto;
}

.imgbox-c {
    text-align: center;
    padding: 0;
    margin: 0;
}

.imgbox-c img {
    margin-left: auto;
    margin-right: auto;
}


/*
フォーム
========================= */

table .hissu {
    background: url(/share1/images/icon_hissu.gif) no-repeat right 5px;
}

.link_pdf a {
    background: url(/share1/images/icon_pdf.gif) no-repeat right bottom;
    padding: 0 18px 0 0;
}

.attention {
    border: #ccc solid 1px;
    padding: 15px 15px 0 15px;
    background-color: #eee;
}

.attention span {
    color: #C00;
    font-weight: bold;
}

#form-privacy {
    border: #ccc solid 1px;
    padding: 10px;
    height: 250px;
    overflow: scroll;
    margin-bottom: 15px;
}

.mail_conf {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 180%;
    padding: 50px 0 0 0;
}

input#check-agreement {
    width: 20px;
    height: 20px;
}

label {
    cursor: pointer;
}

p label.text-agreement {
    vertical-align: top;
    font-size: 134%;
    font-size: 1.34rem;
    font-weight: bold;
    padding-left: 4px;
}

p label.text-agreement {
    _vertical-alidn: middle;
}


/* For Only IE6 */


/*
カテゴリーナビゲーション
========================= */

.category-navi {
    margin: 0.8em auto 1em;
    margin: 0.8rem auto 1rem;
    border-bottom: solid #dddddd 1px;
    max-width: 960px;
    width: 100%;
}


/* category-navi */

.category-navi ul {
    margin: 0px 0px 0.2em 0px;
    margin: 0px 0px 0.2rem 0px;
    padding: 0;
}

.category-navi ul li {
    float: left;
    padding: 0 0 0.2em 0;
    padding: 0 0 0.2rem 0;
    background-color: #ffffff;
    border-bottom: solid #ffffff 1px;
    list-style-type: none;
}

.category-navi ul li:link {}

.category-navi ul li:visited {}

.category-navi ul li:hover {
    border-color: #555555;
}

.category-navi ul li:active {}

.category-navi ul li a {
    padding: 10px 23px;
    padding: 0.5rem 1.3rem;
    font-size: 13px;
    font-size: 0.8rem;
    font-weight: bold;
    height: 100%;
    display: block;
    border-right: solid #dddddd 1px;
}

.category-navi ul li:first-child a {
    border-left: solid #dddddd 1px;
}

.category-navi ul li.currentbtn {
    border-color: #555555;
}

.category-navi ul li a {
    _width: 80%;
    _height: 80%;
}

.category-navi ul li a:link {}

.category-navi ul li a:visited {}

.category-navi ul li a:hover {
    text-decoration: none;
}

.category-navi ul li a:active {
    background-color: #ffffff;
}


/*
カテゴリタイトル・ナビゲーション
========================= */

.category-header {}

.category-header .navbar {
    margin: 0 auto 1em;
    margin: 0 auto 0.5rem;
    border: none;
    max-width: 960px;
    width: 100%;
}


/* category-navi */

.category-header .navbar-header {
    float: none;
}

.category-header .current-category {
    float: none;
}

.category-header .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    margin-left: -10px !important;
}

.category-header .navbar-brand {
    height: 46px;
    height: auto;
    height: initial;
}

.category-header .navbar-toggle {
    margin: 0px 10px;
    color: #0068B6;
    background-color: #ffffff;
    padding: 3px 3px;
    font-size: 0.8em;
}

.category-header ul {
    margin: 0px 0px 0.2em 0px;
    margin: 0px 0px 0.2rem 0px;
    padding: 0;
}

.category-header ul li {
    float: left;
    padding: 0 0 0.2em 0;
    padding: 0 0 0.2rem 0;
    background-color: #ffffff;
    border-bottom: solid #ffffff 1px;
    list-style-type: none;
}

.category-header ul li:link {}

.category-header ul li:visited {}

.category-header ul li:hover {
    border-color: #555555;
}

.category-header ul li:active {}

.category-header ul li a {
    padding: 10px 23px;
    padding: 0.5rem 1.3rem;
    font-size: 13px;
    font-size: 0.8rem;
    font-weight: bold;
    height: 100%;
    display: block;
    border-right: solid #dddddd 1px;
}

.category-header ul li:first-child a {
    border-left: solid #dddddd 1px;
}

.category-header ul li.currentbtn {
    border-color: #555555;
}

.category-header ul li a {
    _width: 80%;
    _height: 80%;
}

.category-header ul li a:link {}

.category-header ul li a:visited {}

.category-header ul li a:hover {
    text-decoration: none;
}

.category-header ul li a:active {
    background-color: #ffffff;
}


/* == For Responsive Start ============================= */

@media screen and (max-width: 640px) {
    .category-header {
        background-color: #ffffff;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .category-header .navbar {
        margin: 0 auto 0.1em;
        margin: 0 auto 0.1rem;
    }

    .category-header .navbar-brand {
        height: 40px;
    }

    .category-header ul li {
        float: none;
        text-align: left;
        border-top: dotted #0068B6 1px;
        background-color: #f4faff;
        padding: 0;
    }

    /*	.category-header ul li:first-child { border-top:none; }	*/
    .category-header ul li a {
        border: none;
        font-size: 0.875rem;
        padding: 0.5rem 0.6rem;
    }

    .category-header ul li:hover {
        border-color: #0068B6;
        background-color: #ffffff;
    }

    .category-header ul li:first-child a {
        border: none;
    }

    .category-header ul li.currentbtn {
        background-color: #0068B6;
        color: #ffffff;
        border-color: #0068B6;
    }

    .category-header ul li.currentbtn a,
    .category-header ul li.currentbtn a:hover {
        color: #ffffff;
    }

    .category-header .navbar-collapse {
        padding: 0 10px;
        border: none;
    }

    .category-header .navbar-collapse ul {
        border: solid #0068B6 1px;
        border-top: none;
    }
}


/* == For Responsive End ============================= */


/*
ページ内アンカーリンク
========================= */

.page-local-link-list {
    margin: 0;
    margin: 0;
}

.page-local-link-list ul {
    text-align: left;
    display: inline-block;
    margin: 0 auto;
    padding-left: 0;
    list-style-type: none;
}

.page-local-link-list ul li {
    float: left;
    padding: 0;
    border-bottom: solid #dddddd 1px;
}

.page-local-link-list ul li:link {}

.page-local-link-list ul li:visited {}

.page-local-link-list ul li:hover {
    border-color: #555555;
}

.page-local-link-list ul li:active {
    background-color: #ffffff;
}

.page-local-link-list ul li.current {
    border-color: #0068b6;
}

.page-local-link-list ul li a {
    padding: 13px 15px 6px;
    padding: 1rem 1rem 0.5rem 1rem;
    font-size: 14.4px;
    font-size: 0.9rem;
    width: 100%;
    height: 100%;
    display: block;
}

.page-local-link-list ul li a {
    _width: 80%;
    _height: 80%;
}

.page-local-link-list ul li a:link {}

.page-local-link-list ul li a:visited {}

.page-local-link-list ul li a:hover {
    text-decoration: none;
}

.page-local-link-list ul li a:active {
    background-color: #ffffff;
}


/* スマホの場合 */

@media screen and (max-width: 640px) {
    .page-local-link-list {
        overflow-x: auto;
        /*        margin-right: -10px;  */
    }

    .page-local-link-list>ul {
        white-space: nowrap;
        display: block;
    }

    .page-local-link-list>ul li {
        display: inline-block;
        float: none;
        padding-right: .3em;
        margin-right: -.3em;
    }
}


/*
ポップアップ
========================= */

#popup_contents {
    width: 100%;
}

#popup_main {
    margin: 15px;
}


/*
ポップアップ
========================= */

#popup_area {
    text-align: left;
    width: 100%;
}

#popup_area #pop_header {
    border-bottom: #ccc solid 1px;
    padding: 15px 0 15px 10px;
}

#popup_area #pop_content {
    padding: 15px;
}

#popup_area #pop_footer {
    border-top: #ccc solid 1px;
    padding: 15px;
}

#popup_area #pop_footer .btn_close {
    float: right;
}

#popup_area #pop_footer address {
    float: left;
}


/* 共通 サポート・お問い合わせ エリア ---------- START */

.wrap-support-link {
    width: 100%;
    max-width: 960px;
    margin: 20px auto 60px;
}

.wrap-support-link div a p {
    margin-top: .3rem;
}

.wrap-support-link div.btn_square_icon img {
    padding: 0 3rem;
}

@media screen and (max-width: 960px) {
    .wrap-support-link div.btn_square_icon img {
        padding: 0 2rem;
    }
}

@media screen and (max-width: 768px) {
    .wrap-support-link div.btn_square_icon img {
        padding: 0 1.5rem;
    }
}

@media screen and (max-width: 640px) {
    .wrap-support-link div.btn_square_icon img {
        padding: 0 1rem;
    }
}

@media screen and (max-width: 640px) {
    .wrap-support-link div.btn_square_icon img {
        padding: 0 3rem;
    }
}


/* グレー背景アイコン表示領域 */

.btn_square_icon {
    border-radius: 1rem;
    border: solid #0068b6 0px;
    background-color: #f2f2f2;
    padding: 12%;
}

@media screen and (max-width: 640px) {
    .btn_square_icon {
        padding: .4rem;
    }
}


/* 共通 サポート・お問い合わせ エリア ---------- END */


/*
よくある質問新バージョン
=============================== */

.faq_accordion,
.faq_question-button,
.faq_question-page {
    border: solid #dddddd 1px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    background-color: #f9f9f9;
    padding: 5px 10px 5px 10px;
    box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.4);
    -o-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.4);
    -ms-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.4);
    margin: 6px 5px;
    /* margin:12px 10px; */
    overflow: hedden;
}

.faq_question-page {
    text-align: left;
}

.faq_accordion:hover,
.faq_question-button:hover {
    border: solid #0068B6 1px;
}

faq_question-button a.faq_question-button_a {
    display: block;
}

.accordion_head,
.faq_question-button_head,
.faq_question-page_head {
    background: url(/common/images/faq_bg_open.jpg) no-repeat;
    background-color: none;
    background-position: 100% 50%;
    border: none;
    margin: 0;
    cursor: pointer;
}

.faq_question-button_head,
.faq_question-page_head {
    background: url(/common/images/faq_bg_w-open.jpg) no-repeat;
    background-color: none;
    background-position: 100% 50%;
}

.faq_question-button_head {}

.faq_question-page_head {
    background-image: none;
    cursor: auto;
}

.accordion_head dt,
.faq_question-button_head dt,
.faq_question-page_head dt {
    float: left;
    padding: 0.4em 0em 0.4em 0.4em;
    /*5px 20px 5px 8px;*/
    /*20170516*/
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #0068b6;
}

.accordion_head dd,
.faq_question-button_head dd,
.faq_question-page_head dd {
    /*	float:left;		*/
    /*20170516*/
    padding: 7px 0 5px 0;
    color: #555555;
    /*	width: 520px;		*/
    /*20170516*/
    margin: 0 4.4em 0 3.1em;
    /*20170516*/
}

.faq_question-page_head dd {
    width: 680px;
}

.faq_accordion .selected {
    background: url(/common/images/faq_bg_close.jpg) no-repeat !important;
    background-position: 100% 50% !important;
}

.accordion_body,
.faq_question-page_body {
    clear: both;
    padding: 0;
}

.accordion_body dl,
.faq_question-page_body dl {
    background-color: #ffffff;
    padding: 0.5em;
    border: 1px solid #c4c4c4;
}

.accordion_body dt,
.faq_question-page_body dt {
    float: left;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #cd0007;
    padding: 0 0 0.4em 0;
    /*0 20px 0 0*/
    /*20170517*/
}

.accordion_body dd,
.faq_question-page_body dd {
    /*	float:left;		*/
    /*20170517*/
    color: #555555;
    /*	width: 590px;	*/
    /*	width:100%;		*/
    /*20170517*/
    padding: 2px 0 0 0;
    margin: 0 0 0 2.5em;
}

.faq_question-page_body dd {
    width: 680px;
}

.faq_accordion .accordion_body dd {
    /*	width: 590px;	*/
    /*20170517*/
}


/*
レイアウト
========================= */

.layout-2column {
    padding: 0 0 10px 0;
}

.layout-2column .layout-2column-l {
    float: left;
    width: 48%;
    /*	width:334px;	*/
    margin-right: 10px;
}

.layout-2column .layout-2column-r {
    float: right;
    width: 48%;
    /*	width:334px;	*/
    margin-left: 10px;
}


/*
タブ
========================= */

ul.tabbox {
    padding: 10px 0 0 0;
}

ul.tabbox li {
    list-style-type: none;
    float: left;
    margin-bottom: -1px;
}

ul.tabbox li a {
    display: block;
    text-align: center;
    border-color: #cccccc;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    padding: 14px 10px;
}

ul.tabbox li a.selected {
    text-decoration: none;
    color: #ffffff;
    cursor: default;
    border: solid #555555 1px;
    border-bottom: solid #555555 1px;
    background: #555555;
}

div.tabbox-panel {
    clear: both;
    border: solid #555555 1px;
}

div.tabbox-panel div.subpanel {
    padding: 10px;
}


/*
ページ遷移用ボタン（次ページへ）
================================ */

.feed-page-button {
    margin: 6em 0 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
    display: table;
    line-height: 1.3em;
    /*	table-layout: fixed;	*/
}

.feed-page-button_l {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    padding-left: 10px;
    width: 50%;
}

.feed-page-button_r {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    padding-right: 10px;
    width: 50%;
}

@media screen and (max-width: 640px) {
    .feed-page-button_l {
        text-align: left;
        padding-left: 0px;
    }

    .feed-page-button_r {
        padding-right: 0px;
    }
}

.feed-page-button p {
    margin: 0;
    background-color: #f5f5f5;
    display: block;
    border-radius: 0.7em;
    -webkit-border-radius: 0.7em;
    -moz-border-radius: 0.7em;
    -ms-border-radius: 0.7em;
}

.feed-page-button p a {
    padding: 0;
    margin: 0;
    height: 100%;
}

.feed-page-button p a span {
    display: block;
    font-weight: bold;
}

.feed-page-button p.prev {
    border: solid #888888 1px;
    margin-right: 0.3em;
}

.feed-page-button p.next {
    border: solid #0068b6 2px;
    margin-left: 0.3em;
}

.feed-page-button p.prev a span {
    padding: 1rem 1rem 1rem 2rem;
    background: url(/common/images/bg_button_prev.gif) no-repeat 4% 50%;
    color: #777777;
}

.feed-page-button p.prev a:link,
.feed-page-button p.prev a:visited,
.feed-page-button p.prev a:hover,
.feed-page-button p.prev a:active {
    color: #777777;
}

.feed-page-button p.next a span {
    padding: 1rem 2rem 1rem 1rem;
    background: url(/common/images/bg_button_next.gif) no-repeat 96% 50%;
}


/*
ダウンロードボタン
========================= */

.btn-download,
.btn-download-left,
.btn-download-down,
.btn-download-up {
    font-size: 1em;
    font-size: 0.8rem;
    word-spacing: 1em;
    word-spacing: 1rem;
    border-radius: 0.3em;
    border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    background-image: url(/share1/images/icon_link01.gif);
    background-repeat: no-repeat;
    background-position: 0.5em 50%;
    /*
	background:url(/common/images/icon_link01.gif) no-repeat 0.5em 50%;	background:url(/common/images/icon_link01.gif) no-repeat 0.5rem 50%;
	*/
    color: #ffffff !important;
    background-color: #0068B6;
    display: inline-block;
    padding: 0.7em 1.0em 0.7em 1.6em;
    padding: 0.7rem 1.0rem 0.7rem 1.6rem;
}

.btn-download-left {
    background-image: url(/share1/images/icon_link01_left.gif);
}

.btn-download-down {
    background-image: url(/share1/images/icon_link01_down.gif);
}

.btn-download-up {
    background-image: url(/share1/images/icon_link01_up.gif);
}

a.btn-download:hover,
a.btn-download-left:hover,
a.btn-download-down:hover,
a.btn-download-up:hover {
    background-color: #0086d8;
    text-decoration: none;
}


/*
定義する用語とその用語の説明(dl,dt,dd)
========================= */


/* normal_d-list */

dl.normal_d-list {}

dl.normal_d-list dt {
    font-weight: bold;
}

dl.normal_d-list dd {
    margin-left: 2em;
    margin-bottom: 0.5em;
}


/*
トップページ
========================= */

.products_banner ul li {
    float: left;
    width: 220px;
    margin: 0 0 10px 10px;
}

.pickup {
    padding-left: 0px;
}

.pickup div {
    /*	float:left;	*/
    /*	width:340px;	*/
    margin: 0;
    list-style-type: none;
}

.pickup div img {
    max-width: 100%;
    display: block;
    width: 100%;
    height: auto;
    margin: 10px 0;
}

.bnr_top li {
    margin: 0 0 10px 0;
}

.leftnavi_top {
    background-color: #fafafa;
    border-top: #0068b6 solid 2px;
    border-bottom: #0068b6 solid 2px;
    padding: 5px 0;
}

.leftnavi_top li {
    background: url(../images/icon_link04.gif) no-repeat 15px 15px;
    margin: 0;
    padding: 0;
    border: #fafafa solid 1px;
}

.leftnavi_top li a {
    display: block;
    padding: 8px 0 8px 25px;
    margin: 0;
}

.leftnavi_top li a:link {
    color: #252525;
    text-decoration: none;
}

.leftnavi_top li a:visited {
    color: #252525;
    text-decoration: none;
}

.leftnavi_top li a:hover {
    color: #fff;
    font-style: normal;
    text-decoration: none;
    background-color: #0068b6;
}

.leftnavi_top li a:active {
    text-decoration: none;
}

.product_navi {
    padding: 0 0 25px 29px;
    background: url(/images/navi_bg.gif) repeat-x;
}

.product_navi li {
    float: left;
    margin-right: 12px;
}

#KeyVisual {
    margin: 20px auto;
    text-align: center;
    /*border:#ff0000 solid 1px;*/
}


/* お問い合わせフォーム（共通）
---------------------------------- */

.contact-form {
    width: 98%;
    margin: 0 auto;
    font-size: 1.0em;
    font-size: 0.9rem;
}

.contact-form .inpS {
    width: 10%;
}

.contact-form .inpM {
    width: 50%;
}

.contact-form .inpL {
    width: 80%;
}

#unit_num {
    width: 10%;
    margin-right: 7px;
}

#building_year,
#budget {
    margin-right: 7px;
}

#customer_tel_3,
#customer_tel_spare_3,
#tantou_tel_3,
#tantou_tel_spare_3 {
    margin-right: 10px;
}

input[type=radio] {
    margin-left: 10px;
    margin-right: 2px;
}

#consultation_content,
#condition_detail,
#other_content {
    width: 80%;
    height: 150px;
}

#building_year,
#budget {
    width: 20%;
}

#customer_name,
#customer_kana {
    width: 50%;
}

.contact-form .guideSet {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
}

.contact-form h4 {
    font-size: 1.0em;
    font-size: 0.9rem;
}

.contact-form .mark_required {
    font-size: 0.8em;
    font-size: 0.8rem;
    display: inline-block;
    background-color: #c70014;
    padding: 1px 5px;
    color: #ffffff;
    margin: 0 1em;
}

.contact-form .area_alert {
    background-color: #fdfaca;
}

.contact-form .alert_text {
    color: #c70014;
    font-weight: bold;
}

.contact-form .alert_on {
    margin: 0 0 10px 0;
}

.contact-form input {
    padding: 0.2em;
    padding: 0.2rem;
}

.contact-form textarea {
    padding: 0.2em;
    padding: 0.2rem;
}


/* form-status 
------------------------------ */

.contact-form ul.form-status {
    font-size: 1.0em;
    font-size: 0.9rem;
    font-weight: bold;
    color: #000000;
    display: block;
    text-align: center;
    padding: 8px 0 8px 0;
    margin: 0;
    background-color: #e2e2e2;
    border-top: solid #e2e2e2 6px;
    border-bottom: solid #e2e2e2 5px;
}

.contact-form ul.form-status li {
    display: inline;
    padding: 10px 5px 10px 40px;
    vertical-align: middle;
    background: url(/common/images/bg_contact-form-status_03.gif) #e2e2e2 no-repeat 0 50%;
}

.contact-form ul.form-status li.current {
    background: url(/common/images/bg_contact-form-status_01.gif) #0068b6 no-repeat 0 50%;
    color: #ffffff;
}

.contact-form ul.form-status li.next {
    background: url(/common/images/bg_contact-form-status_02.gif) #e2e2e2 no-repeat 0 50%;
    color: #000000;
}

.contact-form ul.form-status li.first {
    background-image: none;
    padding: 10px 5px 10px 20px;
}

.contact-form ul.form-status li.last {
    padding: 10px 20px 10px 40px;
}

.contact-form table.form-layout {
    width: 100%;
}

.contact-form table.form-layout td,
.contact-form table.form-layout th {
    padding: 10px 10px;
}

.contact-form table.form-layout td {
    word-break: break-all;
    border-left: 0;
}

.contact-form table.form-layout th {
    border-right: 0;
    vertical-align: top;
    font-weight: bold;
    width: 25%;
}


/* buttons
----------------------------------------- */

input.btn-submit {
    padding: 1em 1em;
    padding: 1rem 2rem;
    letter-spacing: 0.2em;
    background-color: #0068b6;
    color: #ffffff;
    font-weight: bold;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
}

input.btn-submit:hover {
    cursor: pointer;
    background-color: #0087e8;
    color: #ffffff;
}


/* Message
----------------------------------------- */

.alertbox {
    padding: 1em;
    padding: 1rem;
    border: solid #c70014 1px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
}

.alertbox.hide {
    display: none;
}


/* confirm screen
------------------------------ */

input.btn-etc {
    padding: 1em 1em;
    padding: 1rem 2rem;
    letter-spacing: 0.2em;
    background-color: #e8e8e8;
    color: #777777;
    font-weight: bold;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
}

input.btn-etc:hover {
    cursor: pointer;
    background-color: #eeeeee;
    color: #333333;
}


/* お問い合わせフォーム（共通）ここまで
---------------------------------- */


/* Temporary Style Setting. Invalid PDF Icon. */

.container-fluid+.infomation {
    background-image: none;
}