@charset "UTF-8";

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

   要素一覧

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



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

#main {
width: 100%;
margin: 0;
}
#content {
margin: 0;
padding: 15px 0 10px;
background-color: #ffffff;
box-shadow: 0 0 3px 0 #c0c0c0;
}



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

#main {
margin: 0 0 30px;
}
#content {
padding: 10px 0 10px;
}

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



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

/* ----- セクション ----- */
#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%;
}

/* ページ内リンク */
#content section nav {
margin: 30px 10px 20px;
}
#content section nav ul {
margin: 0;
padding:0;
list-style-type: none;
}
#content section nav ul li {
display: inline-block;
margin: 0 5px 10px 0;
}
#content section nav ul li a {
display: block;
padding: 8px 14px 5px;
border: 1px #c0c0c0 solid;
border-radius: 14px;
font-size: 94%;
color: #2a2a2a;
text-decoration: none;
line-height: 100%;
}
#content section nav ul li a:hover {
background-color: #f5f5f5;
}

/* 更新日 */
#content section p.date {
margin: 20px 15px 20px;
text-align: right;
}

/* セクションフッタ */
#content section footer {
margin: 40px 10px 0;
}
#content section footer p {
margin: 0 0 1em;
line-height: 160%;
}

#content section footer ul {
margin: 2em 0 3em 1.2em;
padding: 0;
}
#content section footer ul li {
margin: 0 0 5px;
line-height: 140%;
}

#content section footer dl {
margin: 2em 0;
}
#content section footer dl dt {
margin: 0 0 3px;
font-weight: bold;
line-height: 140%;
}
#content section footer dl dd {
margin: 0 20px 3px;
line-height: 140%;
}
#content section footer dl dd ul {
margin: 5px 0 0;
padding: 0;
list-style-type: none;
}
#content section footer dl dd ul li {
margin: 0 0 7px;
}



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

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

#content section nav {
margin: 30px 0 30px;
}
#content section nav ul li {
display: list-item;
margin: 0 0 10px;
}
#content section nav ul li a {
padding: 10px 0 8px;
background-color: #f5f5f5;
border-radius: 18px;
font-size: 100%;
text-align: center;
}

#content section p.date {
margin: 30px 7px 20px;
}

#content section footer {
margin: 40px 0 0;
}

#content section footer dl dt {
margin: 0 0 5px;
}
#content section footer dl dd {
margin: 0 0 5px;
}

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



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

/* ----- 要素テーブル ----- */
#main section table {
width: 98%;
margin: 20px auto 30px;
border-collapse: collapse;
}
/* 境界線 */
#main section table,
#main section table th,
#main section table td {
border: 1px #c0c0c0 solid;
}
/* セル全般 */
#main section table td {
padding: 15px 10px 14px;
line-height: 140%;
}
/* キャプション */
#main section table caption {
padding: 0 3px 5px;
text-align: left;
font-weight: bold;
}
/* ヘッダ見出し */
#main section table thead th {
padding: 13px 10px 12px;
background-color: #deefff;
}
#main section table thead th span.set {
white-space: nowrap;
}
#main section table thead th span.sp {
display: none;
}
/* ボディ見出し */
#main section table tbody th {
padding: 15px 10px 14px;
background-color: #f9f9f9;
font-size: 110%;
text-align: left;
}
/* グループ見出し */
#main section table tbody th.groupTitle {
padding: 13px 10px 12px;
background-color: #e7e7e7;
font-size: 100%;
font-weight: normal;
}
/* セル内リスト */
#main section table td ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#main section table td ul li {
margin: 0 0 10px;
line-height: 130%;
}
#main section table td ul li:last-child {
margin: 0;
}
#main section table td ul li.attr code {
display: inline-block;
margin: 0 0 5px;
line-height: 110%;
}
#main section table td ul li.attr code:last-child {
margin: 0;
}



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

#main section table {
width: 100%;
}
#main section table th,
#main section table td {
border: none;
border-bottom: 1px #c0c0c0 solid;
}
#main section table tbody:last-child tr:last-child td:last-child {
border-bottom: none;
}
#main section table td {
display: block;
padding: 15px 5px 14px;
}
#main section table thead th {
display: block;
padding: 12px 5px 11px;
}
#main section table thead th span.set {
white-space: normal;
}
#main section table thead th span.sp {
display: inline;
font-weight: normal;
}
#main section table tbody th {
display: block;
padding: 12px 5px 11px;
font-size: 100%;
text-align: center;
}
#main section table tbody th.groupTitle {
padding: 12px 5px 11px;
}
#main section table td ul li {
margin: 0 0 15px;
line-height: 140%;
}
#main section table td ul li.attr code {
margin: 0 0 10px;
line-height: 120%;
}

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