@charset "UTF-8";

/*
==================================================

   サイトについて

==================================================
*/



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

#main {
float: right;
width: 100%;
margin: 0 0 0 -160px;
}
#content {
margin: 0 0 0 170px;
padding: 0 0 1px;
background-color: #ffffff;
box-shadow: 0 0 3px 0 #c0c0c0;
}
#navi {
float: left;
width: 160px;
margin: 0;
}



/* ----- ★767 ----- */
@media screen and (max-width: 767px) {

#main {
float: none;
margin: 0 0 30px;
}
#content {
margin: 0;
}
#navi {
float: none;
width: 100%;
}

}
/* ----- /767 ----- */



/*
==================================================
  記事
==================================================
*/

/* ----- セクション ----- */
#content section.description {
padding: 1.6em 10px 0.6em;
}

/* ----- セクション内 ----- */
/* 見出し */
#content section.description > h2 {
margin: 0;
padding: 8px 10px 7px;
background-color: #ffd67b;
font-size: 100%;
line-height: 120%;
}

/* ----- 記述セクション ----- */
#content section.description > div.inner {
margin: 1.5em 15px 0;
}

/* 記述セクション内見出し */
#content section.description h3 {
margin: 0 0 1.4em;
font-size: 110%;
line-height: 140%;
}
#content section.description h3::before {
content: "【";
font-family: sans-serif;
}
#content section.description h3::after {
content: "】";
font-family: sans-serif;
}
/* 見出しカッコなし */
#content section.description h3.nm::before {
content: "";
}
#content section.description h3.nm::after,
#content section.description h3.sm::after {
content: "";
}
/* 見出しマーク付き */
#content section.description h3.sm::before {
content: "■";
font-family: sans-serif;
}

/* 段落 */
#content section.description p {
margin: 0 0 1em;
line-height: 180%;
}

/* 参照コンテンツ */
#content section.description figure {
margin: 1.6em 0;
}
#content section.description figure figcaption {
margin: 5px 0 0;
line-height: 140%;
}

/* ----- 一般リスト（UL） ----- */
#content section.description ul {
margin: 1.5em 0 2em;
padding: 0;
list-style-type: none;
}
/* 項目 */
#content section.description ul li {
padding: 0 0 5px 20px;
background: url(../../image/marks/list.gif) no-repeat left top;
line-height: 140%;
}

/* ----- 項目（リストマークなし） ----- */
#content section.description ul.nm li {
padding: 0 0 5px 0;
background: none;
}

/* ----- ショートカットリスト（UL） ----- */
#content section.description ul.shortcut li {
padding: 0 0 5px 23px;
background: url(../../image/marks/file_s.gif) no-repeat left 0.2em;
}

/* ----- ノートリスト（UL） ----- */
#content section.description ul.note {
margin: 0 0 1.5em;
}
/* 項目 */
#content section.description ul.note li {
margin: 0 0 0 1em;
padding: 0 0 5px;
background: none;
text-indent: -1em;
}
#content section.description ul.note li::before {
content: "※";
}

/* ----- 改訂リスト（UL） ----- */
#content section.description ul.update {
text-align: right;
}

/* ----- 記述リスト（DL） ----- */
#content section.description dl {
margin: 1.5em 0;
}
/* 用語 */
#content section.description dl dt {
margin: 0 0 8px;
font-weight: bold;
line-height: 140%;
}
#content section.description dl dt span {
font-weight: normal;
}
/* 説明 */
#content section.description dl dd {
margin: 0 0 1em 1em;
line-height: 140%;
}

/* ----- 記述リスト（マーク付き） ----- */
#content section.description dl.moderate dt::before {
content: "■";
font-family: sans-serif;
}



/* ----- ★767 ----- */
@media screen and (max-width: 767px) {

#content section.description {
padding: 1.6em 5px 0.6em;
}
#content section.description > div.inner {
margin: 1.5em 2px 0;
}

#content section.description > h2 {
padding: 8px 5px 7px;
}

#content section.description ul li {
padding: 0 0 15px 20px;
}

#content section.description ul.nm li {
padding: 0 0 15px 0;
}

#content section.description ul.shortcut li {
padding: 0 0 15px 23px;
}

#content section.description dl dd {
margin: 0 0 1em;
}

}
/* ----- /767 ----- */