@charset "UTF-8";

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

   カテゴリートップ

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



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

/* ----- セクション ----- */
#content > section {
margin: 0;
padding: 10px 10px 0;
}
#content section h2 {
padding: 8px 10px 7px;
background-color: #ffd67b;
font-size: 100%;
line-height: 120%;
}
#content #category h2 {
margin: 0 0 15px;
}
#content #about h2,
#content #basic h2 {
margin: 0 0 20px;
}

/* ----- ガイドリンク ----- */
#content section ul.guide {
margin: 0 0 10px;
padding: 0 3px 10px;
border-bottom: 1px #aaaaaa dotted;
font-size: 90%;
}
#content section ul.guide li {
display: inline;
padding: 0 10px 0 0;
line-height: 160%;
}

/* ----- トップメッセージ ----- */
#content section div.top-msg {
margin: 10px 5px;
font-size: 94%;
font-weight: bold;
text-align: right;
line-height: 140%;
}
#content section div.top-msg a {
color: #ff0000;
}

/* ----- カテゴリー内セクション ----- */
#content #category section {
margin: 0 0 15px;
}
#content #category section h3 {
margin: 0 0 15px;
padding: 8px 10px 7px;
background-color: #deefff;
font-size: 100%;
}

/* ----- カテゴリーメニュー ----- */
#content #category dl {
float: left;
width: 50%;
margin: 0;
}
#content #category dl dt {
margin: 0 5px 10px;
padding: 9px 5px 8px;
background-color: #f2f2f2;
font-size: 94%;
font-weight: bold;
}
#content #category dl dd {
height: 4.5em;
margin: 0 10px;
font-size: 90%;
line-height: 140%;
}

/* ----- 一般セクション ----- */
#content section.description {
margin: 0 0 50px;
}
#content section.description div.inner {
margin: 0 10px;
}
#content section.description p {
margin: 0 0 1em;
line-height: 180%;
}
#content section.description ul {
margin: 0;
padding: 0;
list-style-type: none;
}
/* 記述セクション内pre */
#content section.description pre {
margin: 0 0 2em;
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;
}



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

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

#content section ul.guide {
margin: 0 0 10px;
padding: 15px 3px 15px;
list-style-type: none;
font-size: 100%;
}
#content section ul.guide li {
display: list-item;
margin: 0 0 10px;
padding: 0;
}

#content section div.top-msg {
margin: 15px 0 20px;
font-size: 100%;
text-align: left;
}

#content #category dl {
float: none;
width: 100%;
margin: 0 0 30px;
}
#content #category dl dt {
margin: 0 0 10px;
padding: 8px 5px 7px;
font-size: 100%;
}
#content #category dl dd {
height: auto;
margin: 0 5px;
font-size: 100%;
line-height: 180%;
}

#content section.description {
margin: 0 0 30px;
}
#content section.description div.inner {
margin: 0 5px;
}
#content section.description p {
font-size: 100%;
}

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



/*
==================================================
  関連ナビゲーション
==================================================
*/

/* ----- セクション ----- */
#navi section,
#navi div.ads,
#navi div.facebook {
margin: 0 0 30px;
}
/* セクション見出し */
#navi section h2 {
margin: 0 0 20px;
padding: 10px 10px 9px;
background-color: #5f5f5f;
font-size: 94%;
font-weight: normal;
color: #efefef;
}
#navi #marks h2 {
margin: 0 0 5px;
}
/* --- リスト --- */
#navi section ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* ----- お役立ちリンク ----- */
#navi #links ul li {
margin: 0 5px 10px;
font-size: 94%;
line-height: 140%;
}

/* ----- セクション内見出し ----- */
#navi section h3 {
margin: 0 0 15px;
padding: 7px 10px 6px;
background-color: #d4d4d4;
font-size: 94%;
font-weight: normal;
}

/* ----- コンテンツ内のマーク ----- */
#navi #marks dl {
margin: 0 auto 10px;
font-size: 94%;
}

/* ----- 参考マーク ----- */
#navi #marks dl.caution {
width: 280px;
}
#navi #marks dl.caution dt {
float: left;
width: 23px;
}
#navi #marks dl.caution dd {
margin: 0;
padding: 0 0 7px 25px;
line-height: 140%;
}

/* ----- ブラウザの対応状況 ----- */
#navi #marks dl.browser {
width: 280px;
}
#navi #marks dl.browser dt {
width: 40px;
float: left;
}
#navi #marks dl.browser dd {
margin: 0;
padding: 0 0 10px 42px;
line-height: 100%;
}
/* 注意書き */
#navi #marks p {
margin: 0 10px 1em;
font-size: 94%;
line-height: 160%;
}



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

#navi section h2 {
padding: 10px 5px 9px;
font-size: 100%;
}
#navi #marks h2 {
margin: 0 0 10px;
}

#navi #links ul li {
font-size: 100%;
}

#navi section h3 {
padding: 7px 5px 6px;
font-size: 100%;
}

#navi #marks dl {
margin: 0 5px 10px;
font-size: 100%;
}

#navi #marks dl.caution {
width: auto;
}
#navi #marks dl.caution dt {
padding: 1px 0 0;
}

#navi #marks dl.browser {
width: auto;
}
#navi #marks dl.browser dt {
padding: 1px 0 0;
}
#navi #marks p {
margin: 0 5px 1em;
font-size: 100%;
}

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