@charset "UTF-8";

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

   リスト

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



/*
==================================================
  コンテンツ
==================================================
*/

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

/* ----- 子セクション ----- */
/* CSS3 セレクタ一覧で使用 */
#content section section {
margin: 0;
padding: 0 0 20px;
}
#content section section:last-child {
margin: 0;
padding: 0;
}
#content section section h3 {
margin: 0 10px 10px;
font-size: 100%;
line-height: 120%;
}



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

#content section {
padding: 10px 7px 20px;
}
#content section h2 {
padding: 8px 5px 7px;
}

#content section section h3 {
margin: 0 5px 10px;
}

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



/*
==================================================
  リスト
==================================================
*/

/* ----- リスト ----- */
#content section ul {
padding: 0;
list-style-type: none;
}
#content section ul li {
margin: 0 0 10px;
padding: 0 0 0 20px;
background: url(../../image/marks/list.gif) no-repeat left 0;
line-height: 130%;
}
/* 説明文 */
#content section ul li > span {
padding: 0 0 0 0.2em;
font-size: 90%;
}
/* 親リストのマージン */
#content section ul {
margin: 0 10px;
}
/* 子リストのマージン */
#content section ul ul {
margin: 8px 0 0 10px;
}
/* マーク使用時のマージン */
#content section ul li.deprecated ul,
#content section ul li.extension ul,
#content section ul li.added ul,
#content section ul li.changed ul,
#content section ul li.smart ul,
#content section ul li.canceled ul {
margin: 8px 0 0 30px;
}
/* 通常のリストマークを非表示 */
#content section ul li.deprecated,
#content section ul li.extension,
#content section ul li.added,
#content section ul li.changed,
#content section ul li.smart,
#content section ul li.canceled {
padding: 0;
background-image: none;
}
/* マークの表示位置調整 */
#content section ul li.deprecated img,
#content section ul li.extension img,
#content section ul li.added img,
#content section ul li.changed img,
#content section ul li.smart img,
#content section ul li.canceled img {
margin: 2px 5px 0 2px;
vertical-align: text-top;
}

/* ----- マークについて ----- */
#content aside.mark {
margin: 30px 10px 30px;
border: 1px #c0c0c0 dotted;
}
#content aside.mark dl {
margin: 15px;
font-size: 90%;
}
#content aside.mark dl dt {
margin: 0 0 8px;
font-weight: bold;
}
#content aside.mark dl dd {
margin: 0 0 7px;
}
#content aside.mark dl dd p {
margin: 0;
}
#content aside.mark dl dd p img {
margin: 0 5px 0 0;
vertical-align: -2px;
}



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

#content section ul li > span {
font-size: 100%;
}
#content section ul li a span {
display: none;
}

#content section ul {
margin: 0;
}

#content section ul ul {
margin: 12px 0 12px;
}

#content section ul li.deprecated ul,
#content section ul li.extension ul,
#content section ul li.added ul,
#content section ul li.changed ul,
#content section ul li.smart ul {
margin: 15px 0 0 18px;
}

#content aside.mark {
margin: 20px 7px 35px;
}
#content aside.mark dl {
margin: 15px 10px 10px;
font-size: 100%;
}
#content aside.mark dl dt {
margin: 0 0 15px;
}
#content aside.mark dl dd {
margin: 0 0 15px;
}

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



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

/* ----- 要素テーブル ----- */
#main section table {
width: 98%;
margin: 2em auto 2em;
border-collapse: collapse;
}
/* 境界線 */
#main section table,
#main section th,
#main section td {
border: 1px #c0c0c0 solid;
}
/* セル全般 */
#main section table th {
padding: 8px 10px 7px;
}
#main section table td {
padding: 12px 10px 11px;
line-height: 140%;
}
/* キャプション */
#main section table caption {
padding: 0 3px 5px;
text-align: left;
font-weight: bold;
}
/* ヘッダ見出し */
#main section table thead th {
background-color: #deefff;
}
/* ボディ見出し */
#main section table tbody th {
background-color: #e7e7e7;
font-weight: normal;
}
#main section table tbody th.groupTitle {
text-align: left;
}
#main section table tbody th abbr {
border-bottom: 1px #2b2b2b dotted;
text-decoration: none;
}
/* フッタセル */
#main section table tfoot td {
padding: 1em 10px 0;
background-color: #f7f7f7;
font-size: 90%;
}
#main section table tfoot td p {
margin: 0 0 1em;
line-height: 140%;
}

/* ----- HTMLタグ用 ----- */
/* フッタセル */
#main section table tfoot td dl {
margin: 0 0 1em;
}
#main section table tfoot td dt {
margin-bottom: 3px;
font-weight: bold;
}
#main section table tfoot td dd {
margin: 0 0 10px 10px;
line-height: 140%;
}
/* 分類セル */
#main section table td.other,
#main section table td.block,
#main section table td.inline {
text-align: center;
}
#main section table td.block {
background-color: #fffdee;
}
#main section table td.inline {
background-color: #f7ffff;
}
#main section table td.other {
background-color: #f5f5f5;
}
/* DTDセル */
#main section table td.defined,
#main section table td.deprecated,
#main section table td.undefined {
font-family: sans-serif;
text-align: center;
}
#main section table td.defined {
background-color: #fffdee;
}
#main section table td.undefined {
background-color: #f5f5f5;
}
#main section table td.deprecated {
background-color: #fff0f0;
}
#main section table td.dtd {
background-color: #e7e7e7;
text-align: center;
}

/* ----- CSS用 ----- */
/* Applies for CSS */
#main section table tbody td.applies {
width: 30%;
background-color: #fffdee;
}
#main section table tbody td.term {
background-color: #fffdee;
}
/* Inherited for CSS */
#main section table tbody td.inheritedYes,
#main section table tbody td.inheritedNo {
text-align: center;
white-space: nowrap;
}
#main section table tbody td.inheritedYes {
background-color: #f7ffff;
}
#main section table tbody td.inheritedNo {
background-color: #f5f5f5;
}
/* Term for CSS */
#main section table tbody td.item {
white-space: nowrap;
}



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

#main section table {
width: 100%;
}
#main section table th {
padding: 8px 5px 7px;
}
#main section table td {
padding: 12px 5px 11px;
}
#main section table tfoot td {
padding: 1em 5px 0;
font-size: 100%;
}
#main section table tfoot td dd {
margin: 0 0 15px 10px;
}
/* #main section table tbody td.element, */
#main section table tbody td.property {
word-break: break-all;
}
#main section table tbody td.applies {
width: 25%;
}
#main section table tbody td.term {
width: 30%;
}
#main section table tbody td.inheritedYes,
#main section table tbody td.inheritedNo {
white-space: normal;
}
#main section table tbody td.item {
width: 15%;
white-space: normal;
}

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