﻿@charset "utf-8";

/* --- Link text(#4169e1:royalblue,#87ceeb:skyblue) --- */
a {text-decoration: none;}
a:link {color: #4169e1;}
a:visited {color: #4169e1;}
a:hover {color: #87ceeb; text-decoration: underline;}
a:active {color: #4169e1;}

/* --- Headline --- */
h1 {border: 1px solid #000064; border-left: 10px solid #000064; background-color: #f6f6f6; color: #555555; font-size: 116%; font-weight: bold; letter-spacing: 0.025em; margin-bottom: 1em; padding: 3px 7px;}
h2 {border-left: 10px solid #000064; border-bottom: 1px dashed #000064; font-size: 108%; font-weight: bold; margin-bottom: 1em; padding: 3px 7px;}
h3 {border-left: 10px solid #000064; font-size: 100%; font-weight: bold; margin-bottom: 1em; padding: 0 7px;}

/* --- コンテンツ内書式 --- */
div#content p {margin-bottom: 1em;}
div#content img {border: 1px solid #cccccc;}  /* div#content img {margin: 0 20px 10px 0; border: 1px solid #cccccc;} */
div#content img.border0 {border: none;}
div#content .logotitle img {display: inline-block; margin-bottom: 3px; margin-right: 8px; vertical-align: middle; border: none;}
div#content .logotitle a , div#content .logotitle span {color: #00a14b; overflow: hidden; font-size: 116%; font-weight: bold; letter-spacing: 0.025em; line-height: 2em; text-decoration: none;}
div#content .infobox {height: 6em; line-height: 1em; padding: 10px; overflow: auto; border: #00a14b 1px solid;}
div#content p.indent {text-indent: 1em;}
div#content span.indent {display: block; text-indent: 1em;}
div#content .blk-q {padding-left: 0.25em;}
div#content .blk-q_blk-q , div#iframecontent1 .blk-q_blk-q {padding-left: 0.25em; padding-right: 0.25em;}
div#content .blk-h , div#iframecontent1 .blk-h {padding-left: 0.5em;}
div#content .blk-h_blk-h {padding-left: 0.5em; padding-right: 0.5em;}
div#content .blk , div#iframecontent1 .blk {padding-left: 1em;}
div#content .blk_blk {padding-left: 1em; padding-right: 1em;}
div#content .blkX1h {padding-left: 1.5em;}
div#content .blkX2 {padding-left: 2em;}
div#content .blkX3 {padding-left: 3em;}
div#content .blkX4 {padding-left: 4em;}
div#content .blkX5 {padding-left: 5em;}
div#content .blkX6 {padding-left: 6em;}
div#content .blkX7 {padding-left: 7em;}
div#content .blkX8 {padding-left: 8em;}
div#content .pointup {color: #e70c39; font-size: 108%; font-weight: bold;}
div#content .caution , div#iframecontent1 .caution {color: #e70c39; font-weight: bold;}
div#content .caution2 , div#iframecontent1 .caution2 {color: #ff6600; font-weight: bold;}
div#content .b {font-weight: bold;}
div#content .disable {color: #cccccc;}

/* --- テーブル（タイル状） --- */
div#content .tile {margin: 0 10px 0 -2px;}
div#content .tile table {border: 1px #ffffff solid; border-collapse: collapse; background-color: #ffffff;}
div#content .tile th {border: 1px solid #dddddd; background-color: #f6f6f6; color: #000064; padding: 3px 8px 3px 5px; font-weight: 100; text-align: left; word-break: keep-all; vertical-align: top;}
div#content .tile td {padding: 3px 5px; text-align: left; vertical-align: top;}
/* --- テーブル（枠線なし） --- */
div#content .border0 {margin-left: -2px;}
div#content .border0 table {border-style: none;}
div#content .border0 th {padding: 0 15px 0 0; font-weight: 100; text-align: left; word-break: keep-all; vertical-align: top;}
div#content .border0 td {padding: 0 5px; text-align: left; vertical-align: top;}

/* --- リスト（マーカーなし） --- */
div#content ul.nomarker {list-style-type: none;}
/* --- リスト（マーカー■） --- */
div#content ul.square, div#iframecontent1 ul.square {margin-left: 1.5em; list-style-type: square;}
/* --- リスト（数字） --- */
div#content ol.decimal {margin-left: 2.5em; list-style-type: decimal;}

div#content span.block {display: block;}  /* thumbsLeft,thumbsRightと共に使用(Android 4 対策) */
div#content span.inline {display: inline-block; vertical-align: top;} /* -- inline 配置 --- */

/* clearfix (float解除) */
.clearfix {zoom: 1;}
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}

/* --- 印刷範囲指定 --- */
@media print {
span.displaynone, a.displaynone {display: none;}
} 
