@charset "utf-8";

/*
 * レイアウト設定
 */

.html-content
{
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", verdana, arial, Helvetica, sans-serif;
  font-size: small;
  color : #444444;

  width:           542px;
  margin:          0;
  padding:         3px;
  border:          1px solid #bbbbbb;
}

.html-content.insider-info,
.html-content.insider-warm
{
  background:      rgb(255,248,224);
}

.html-content img{

	max-width: 540px;

	behavior: expression( (function( el ) {
                el.style.width = el.width > 540 ? '540px' : 'auto';
                el.runtimeStyle.behavior = 'none';
              })( this ));

}

/*
 * アコーディオン
 */
.html-content .acc-hover
{
  background-color :#EEEEEE !important;
}

.html-content h5.acc-header
{
   border: 1px solid #EEE;
   margin: 10px;
   padding: 5px 10px;
}

.html-content h5 .marker
{
	border-left: 5px solid  #E10000;
	margin-left: -5px;
	display:inline-block;
}

/*
 * デフォルトスタイルシートの復帰
 * see http://www.w3.org/TR/CSS21/sample.html
 */
.html-content html,
.html-content address,
.html-content blockquote,
.html-content body,
.html-content dd,
.html-content div,
.html-content dl,
.html-content dt,
.html-content fieldset,
.html-content form,
.html-content frame,
.html-content frameset,
.html-content h1,
.html-content h2,
.html-content h3,
.html-content h4,
.html-content h5,
.html-content h6,
.html-content noframes,
.html-content ol,
.html-content p,
.html-content ul,
.html-content center,
.html-content dir,
.html-content hr,
.html-content menu,
.html-content pre             { display: block }

.html-content li              { display: list-item }

.html-content head            { display: none }

.html-content table           { display: table }

.html-content tr              { display: table-row }

.html-content thead           { display: table-header-group }

.html-content tbody           { display: table-row-group }

.html-content tfoot           { display: table-footer-group }

.html-content col             { display: table-column }

.html-content colgroup        { display: table-column-group }

.html-content td,
.html-content th              { display: table-cell }

.html-content caption         { display: table-caption }
.html-content th              { font-weight: bolder; text-align: center }
.html-content caption         { text-align: center }
.html-content body            { margin: 8px }
.html-content h1              { font-size: 2em; margin: .67em 0 }
.html-content h2              { font-size: 1.5em; margin: .75em 0 }
.html-content h3              { font-size: 1.17em; margin: .83em 0 }

.html-content h4,
.html-content p,
.html-content blockquote,
.html-content ul,
.html-content fieldset,
.html-content form,
.html-content ol,
.html-content dl,
.html-content dir,
.html-content menu            { margin: 1.12em 0 }

.html-content h5              { font-size: .83em; margin: 1.5em 0 }
.html-content h6              { font-size: .75em; margin: 1.67em 0 }
.html-content h1,
.html-content h2,
.html-content h3,
.html-content h4,
.html-content h5,
.html-content h6,
.html-content b,
.html-content strong          { font-weight: bolder }

.html-content blockquote      { margin-left: 40px; margin-right: 40px }

.html-content i,
.html-content cite,
.html-content em,
.html-content var,
.html-content address         { font-style: italic }

.html-content pre,
.html-content tt,
.html-content code,
.html-content kbd,
.html-content samp            { font-family: monospace }

.html-content pre             { white-space: pre }

.html-content button,
.html-content textarea,
.html-content input,

.html-content select          { display: inline-block }

.html-content big             { font-size: 1.17em }
.html-content small,
.html-content sub,

.html-content sup             { font-size: .83em }

.html-content sub             { vertical-align: sub }

.html-content sup             { vertical-align: super }

.html-content table           { border-spacing: 2px; }

.html-content thead,
.html-content tbody,
.html-content tfoot           { vertical-align: middle }

.html-content td,
.html-content th,
.html-content tr              { vertical-align: inherit }

.html-content s,
.html-content strike,
.html-content del             { text-decoration: line-through }

.html-content hr              { border: 1px inset }

.html-content ol,
.html-content ul,
.html-content dir,
.html-content menu,
.html-content dd              { margin-left: 40px }

.html-content ol              { list-style-type: decimal }

.html-content ol ul,
.html-content ul ol,
.html-content ul ul,
.html-content ol ol           { margin-top: 0; margin-bottom: 0 }

.html-content u,
.html-content ins             { text-decoration: underline }

.html-content br:before       { content: "\A"; white-space: pre-line }

.html-content center          { text-align: center }

.html-content :link,
.html-content :visited        { text-decoration: underline }

.html-content :focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
.html-content BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
.html-content BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

.html-content *[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
.html-content *[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
    .html-content   h1        { page-break-before: always }

    .html-content   h1,
    .html-content   h2,
    .html-content   h3,
    .html-content   h4,
    .html-content   h5,
    .html-content   h6        { page-break-after: avoid }

    .html-content   ul,
    .html-content   ol,
    .html-content   dl        { page-break-before: avoid }
}