@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 ----- */



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

/* ----- Ads ----- */
#content aside.adsTop {
padding: 10px 10px 10px;
}
#content aside.adsTop div.label {
/* display: none; */
margin: 0 0 10px;
}
#content aside.adsTop div.label span {
padding: 2px 4px;
background-color: #efefef;
font-size: 80%;
color: #9f9f9f;
}
#content aside.adsTop div.responsive {
width: 728px;
height: 90px;
}
.page_top {
width: 728px;
height: 90px;
}

/* ----- セクション ----- */
#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: 0 0 1em;
}
/* 記述セクション内pre */
#content section.description pre {
margin: 2em 0;
padding: 20px 10px;
background-color: #f7fdfd;
border: 1px #c0c0c0 dotted;
line-height: 110%;
}
/* 記述セクション内divボックス */
#content section.description div.box {
margin: 0 0 2em;
padding: 20px 10px;
border: 1px #c0c0c0 dotted;
line-height: 120%;
}
#content section.description div.box figure {
margin: 0;
}
#content section.description div.box .last {
margin: 0;
}

/* ----- 一般リスト（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%;
}

/* ----- ボックスリスト（UL） ----- */
#content section.description ul.box {
padding: 20px 10px;
background-color: #f5f5f5;
}
#content section.description ul.box li {
line-height: 120%;
}
#content section.description ul.box li:last-child {
padding: 0 0 0 20px;
}

/* ----- 項目（リストマークなし） ----- */
#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: "※";
}

/* ----- 記述リスト（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 dd p,
#content section.description dl dd pre {
margin: 0 0 1em;
}

/* ----- ボックスリスト（DL） ----- */
#content section.description dl.box {
padding: 1.5em 15px 0.5em;
background-color: #f5f5f5;
}

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

/* ----- 記述リスト（使用例） ----- */
#content section.description dl.exampleList {
margin: 2em 0;
}
/* 用語 */
#content section.description dl.exampleList dt {
margin: 0 0 7px;
font-weight: normal;
}
#content section.description dl.exampleList dt::before {
content: "■";
font-family: sans-serif;
}
/* 説明 */
#content section.description dl.exampleList dd {
margin: 0 0 2em;
line-height: 100%;
}

/* ----- テーブル ----- */
#content section.description table {
margin: 1.2em 0;
background-color: #ffffff;
border-collapse: collapse;
}
/* 境界線 */
#content section.description table,
#content section.description th,
#content section.description td {
border: 1px #2b2b2b solid;
}
/* セルパディング */
#content section.description table th,
#content section.description table td {
padding: 10px;
}
/* キャプション */
#content section.description table caption {
padding: 0 0 5px;
font-size: 100%;
font-weight: bold;
text-align: left;
}
#content section.description table caption span {
font-size: 90%;
font-weight: normal;
}
#content section.description table caption span span {
font-family: sans-serif;
}
/* 列グループ */
#content section.description table colgroup.name {
background-color: #fffdee;
}
#content section.description table colgroup.description {

}
/* ヘッダ見出し */
#content section.description table thead th {
background-color: #deefff;
line-height: 120%;
}
/* ボディ見出し */
#content section.description table tbody th {
background-color: #f5f5f5;
font-weight: normal;
color: #555555;
text-align: left;
line-height: 140%;
}
/* データセル */
#content section.description table td {
min-width: 3em;
line-height: 140%;
}
/* 指定について（HTML5） */
#content section.description table thead th.specify {
width: 3em;
}
#content section.description table td.specify {
font-family: sans-serif;
text-align: center;
}
/* セル内リスト */
#content section.description table td ul {
margin: 5px 0 0;
padding: 0;
}
/* Good or Bad Cell */
#content section.description table td.good {
min-width: 1em;
background-color: #f0f0ff;
font-weight: bold;
font-family: sans-serif;
color: #0080c0;
}
#content section.description table td.bad {
min-width: 1em;
background-color: #fff0f0;
font-weight: bold;
font-family: sans-serif;
color: #cc0000;
}
#content section.description table td.mark {
font-family: sans-serif;
text-align: center;
}

/* ----- 使用例 ----- */
/* ボックス */
#content div.example {
margin: 2em 10px 2em;
padding: 1.5em 15px 0.5em;
border: 1px #c0c0c0 solid;
}
#content div.concrete {
background-color: #f7f7f7;
}
#content div.example pre {
margin: 0.2em 0 1em;
}
#content div.example > dl {
margin: 1.5em 0 0;
}
#content div.example > dl dt {
margin: 0 0 5px;
font-size: 90%;
font-weight: bold;
color: #808080;
}
#content div.example > dl dd {
margin: 0 0 0.5em;
padding: 15px;
background-color: #efefef;
}
#content div.example > dl dd p {
margin: 1em 0;
}

/* ----- Ads ----- */
#content aside.adsBottom {
margin: 0 0 40px;
padding: 30px 20px 0;
}
#content aside.adsBottom div.label {
/* display: none; */
margin: 0 0 10px;
}
#content aside.adsBottom div.label span {
padding: 2px 4px;
background-color: #efefef;
font-size: 80%;
color: #9f9f9f;
}
/*
#content aside.adsBottom div.responsive {
width: 728px;
height: 90px;
}
.page_bottom {
width: 728px;
height: 90px;
}
*/
#content aside.adsBottom div.responsive {
width: 100%;
}
.page_bottom {
max-width: 728px;
min-height: 250px;
max-height: 280px;
}



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

#content aside.adsTop {
padding: 10px 10px 15px;
}
#content aside.adsTop div.responsive {
width: 100%;
height: auto;
max-width: 728px;
}
.page_top {
width: 100%;
height: auto;
max-width: 728px;
min-height: 90px;
max-height: 100px;
}

/*
#content aside.adsBottom div.responsive {
width: 100%;
height: auto;
max-width: 728px;
}
.page_bottom {
width: 100%;
height: auto;
max-width: 728px;
min-height: 90px;
max-height: 100px;
}
*/

}
/* ----- /1023 ----- */



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

#content aside.adsTop {
padding: 40px 0 50px;
text-align: center;
}
#content aside.adsTop div.label {
display: block;
margin: 0 0 20px;
}
#content aside.adsTop div.responsive {
width: 320px;
height: 100px;
margin: 0 auto;
}
.page_top {
width: 320px;
height: 100px;
}

#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 pre {
padding: 20px 5px;
}
#content section.description div.box {
padding: 20px 5px;
}

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

#content section.description ul.box {
padding: 20px 5px;
}

#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 div.over {
width: 100%;
margin: 0 0 10px;
overflow: auto;
}
#content section.description div.over::-webkit-scrollbar{
height: 5px;
}
#content section.description div.over::-webkit-scrollbar-track{
background-color: #efefef; 
}
#content section.description div.over::-webkit-scrollbar-thumb {
background-color: #c0c0c0; 
}

#content section.description table caption span {
font-size: 100%;
}
#content section.description table th,
#content section.description table td {
padding: 10px 5px;
}

#content div.example {
padding: 2em 10px;
}
#content div.example > dl dt {
font-size: 100%;
}
#content div.example > dl dd {
padding: 10px;
}

#content aside.adsBottom {
padding: 60px 0 60px;
text-align: center;
}
#content aside.adsBottom div.label {
display: block;
margin: 0 0 20px;
}
/*
#content aside.adsBottom div.responsive {
width: 100%;
height: auto;
}
.page_bottom {
width: 100%;
height: auto;
min-height: 250px;
max-height: 280px;
}
*/
.page_bottom {
max-width: 336px;
margin: 0 auto;
}

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