@charset "UTF-8";

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

   トップページ

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



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

#main {
float: left;
width: 100%;
margin: 0 -300px 0 0;
}
#content {
float: right;
width: 100%;
margin: 0 0 0 -160px;
}
#content div.inner {
position: relative;
margin: 0 310px 0 170px;
padding: 0 0 30px;
background-color: #ffffff;
box-shadow: 0 0 3px 0 #c0c0c0;
}

#subcont {
float: left;
width: 160px;
}

#relate {
float: right;
width: 300px;
margin: 0;
}



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

#main {
float: none;
margin: 0;
}
#content {
float: none;
margin: 0 0 30px;
}
#content div.inner {
margin: 0;
}

#subcont {
float: none;
width: auto;
}

#relate {
float: none;
width: auto;
}

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



/*
==================================================
  ボディ（トップページ用）
==================================================
*/

#body {
margin: 20px 0 50px;
}



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

#body {
margin: 70px 0 60px;
}

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



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

#content section.reference {
padding: 10px 10px 0;
}

/* --- リスト --- */
#content section ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- 大見出し --- */
#content section h2 {
margin: 0 0 10px;
padding: 8px 10px 7px;
background-color: #ffd67b;
font-size: 94%;
line-height: 110%;
}

/* --- 子見出し --- */
#content section h3 {
margin: 0 0 15px;
padding: 6px 5px;
background-color: #f2f2f2;
font-size: 90%;
line-height: 110%;
}

/* --- カテゴリーメニュー --- */
#content section ul.category {
margin: 0 4px;
font-size: 90%;
}
#content section ul.category li {
float: left;
width: 33.3%;
margin: 0 0 13px;
line-height: 120%;
}

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

/* --- Ads --- */
#content aside.ads {
padding: 20px 10px 20px;
text-align: center;
}
#content aside.ads div.label {
/* display: none; */
margin: 0 0 20px;
}
#content aside.ads div.label span {
padding: 2px 4px;
background-color: #efefef;
font-size: 80%;
color: #9f9f9f;
}
#content aside.ads div.responsive {
width: 100%;
height: 90px;
}
.toppage_bottom {
max-width: 728px;
height: 90px;
margin: 0 auto;
}

/* --- リファレンスについて --- */
#content #refAbout h2 {
margin: 0 0 20px;
background-color: #5f5f5f;
font-weight: normal;
color: #efefef;
}
#content #refAbout dl {
margin: 0;
font-size: 90%;
}
#content #refAbout dl dt {
margin: 0 0 5px;
padding: 0 4px;
}
#content #refAbout dl dt dfn {
font-weight: bold;
font-style: normal;
}
#content #refAbout dl dd {
margin: 0 0 15px;
padding: 0 4px 8px;
border-bottom: 1px #aaaaaa dotted;
line-height: 160%;
}



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

#content section.reference {
padding: 10px 7px 0;
}

#content section h2 {
padding: 8px 5px 7px;
font-size: 100%;
}

#content section h3 {
font-size: 100%;
}

#content section ul.category {
margin: 0 3px;
font-size: 100%;
}
#content section ul.category li {
width: 50%;
margin: 0 0 20px;
}

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

#content aside.ads {
padding: 70px 0 80px;
}
#content aside.ads div.label {
display: block;
margin: 0 0 20px;
}
#content aside.ads div.responsive {
height: auto;
}
.toppage_bottom {
width: 100%;
height: auto;
max-width: 336px;
min-height: 250px;
max-height: 280px;
}

#content #refAbout h2 {
margin: 0 0 25px;
}
#content #refAbout dl {
font-size: 100%;
}
#content #refAbout dl dt {
margin: 0 0 10px;
padding: 0 3px;
}
#content #refAbout dl dd {
margin: 0 0 22px;
padding: 0 3px 12px;
line-height: 180%;
}

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



/*
==================================================
  サブコンテンツ
==================================================
*/

/* --- 親セクション --- */
#subcont section.sub {
margin: 0 0 20px;
padding: 0 0 1px;
background-color: #f9f9f9;
box-shadow: 0 0 3px 0 #c0c0c0;
}
#subcont section.sub h2 {
margin: 0 0 14px;
padding: 11px 7px 10px;
background-color: #9f9f9f;
font-size: 94%;
font-weight: normal;
color: #efefef;
}

/* --- 子セクション --- */
#subcont section.sub section {
margin: 0 5px 17px;
border-bottom: 1px #aaaaaa dotted;
}
#subcont section.sub section h3 {
margin: 0 0 14px;
padding: 0;
font-size: 90%;
}

/* --- リスト --- */
#subcont section.sub ul {
margin: 0;
padding: 0 5px;
list-style-type: none;
}
#subcont section.sub ul li {
margin: 0 0 10px;
font-size: 84%;
line-height: 120%;
}
#subcont section.sub a {
color: #5f5f5f;
text-decoration: none;
}
#subcont section.sub a:hover {
text-decoration: underline;
}

/* --- その他 --- */
#subcont #about ul,
#subcont #admin ul {
margin: 0 5px 12px;
}



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

#subcont section.sub {
margin: 0 0 30px;
}
#subcont section.sub h2 {
margin: 0 0 20px;
font-size: 100%;
}

#subcont section.sub section {
margin: 0 5px 20px;
}
#subcont section.sub section h3 {
margin: 0 0 20px;
font-size: 100%;
}

#subcont section.sub ul {
padding: 0;
}
#subcont section.sub ul li {
margin: 0 0 15px;
font-size: 100%;
line-height: 140%;
}
#subcont section.sub a:hover {
text-decoration: none;
}

#subcont #about ul,
#subcont #admin ul {
margin: 0 5px 20px;
}

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



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

/* セクション見出し */
#relate section h2 {
margin: 0 0 20px;
padding: 10px 10px 9px;
background-color: #5f5f5f;
font-size: 94%;
font-weight: normal;
color: #efefef;
}

/* --- Ads --- */
#relate div.ads {
margin: 0 0 20px;
}
#relate div.ads div.label {
display: none;
}
#relate div.ads div.responsive {
width: 300px;
height: 250px;
}
.toppage_relate {
width: 300px;
height: 250px;
}

/* --- お知らせ --- */
#relate #info {
margin: 0 0 25px;
}
#relate #info dl {
margin: 0;
font-size: 90%;
}
#relate #info dl dt {
margin: 0 0 3px;
font-weight: bold;
}
#relate #info dl dd {
margin: 0 0 15px;
padding: 8px 7px 7px;
background-color: #ffffff;
border-radius: 4px;
line-height: 150%;
}
#relate #info dl dd:last-child {
margin: 0;
}
#relate #info div.more {
margin: 12px 0 0;
font-size: 90%;
text-align: right;
}

/* 記事なし */
#relate #info div.emp {
margin: 0 0 25px;
padding: 15px 5px;
border: 1px #c0c0c0 solid;
font-size: 90%;
text-align: center;
}

/* 文書ファイルのアイコン */
#relate #info img.atticon {
margin: 0 2px 0 7px;
vertical-align: middle;
}
/* 文書ファイルの情報 */
#relate #info span.attinfo {
color: #7f7f7f;
}

/* --- Facebook --- */
#relate div.facebook {
margin: 0 0 25px;
}



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

#relate section h2 {
padding: 10px 5px 9px;
font-size: 100%;
}

#relate div.ads {
margin: 90px 0 70px;
text-align: center;
}
#relate div.ads div.label {
display: block;
margin: 0 0 20px;
}
#relate div.ads div.label span {
padding: 2px 4px;
background-color: #9f9f9f;
font-size: 80%;
color: #efefef;
}
#relate div.ads div.responsive {
width: 100%;
height: auto;
}
.toppage_relate {
width: 100%;
height: auto;
max-width: 336px;
min-height: 250px;
max-height: 280px;
margin: 0 auto;
}

#relate #info {
margin: 0 0 50px;
}
#relate #info dl {
margin: 30px 0 0;
font-size: 100%;
}
#relate #info dl dt {
margin: 0 0 5px;
}
#relate #info dl dd {
margin: 0 0 20px;
padding: 12px 7px 11px;
}
#relate #info div.emp {
font-size: 100%;
}
#relate #info div.more {
margin: 15px 5px 0;
font-size: 100%;
}

#relate div.facebook {
margin: 0 0 35px;
}

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



/*
==================================================
  フッタ
==================================================
*/

#footer {
padding: 20px 0 0;
}
#footer div.counter {
margin: 0 auto 30px;
padding: 10px;
background-color: #4a4a4a;
font-size: 90%;
color: #c0c0c0;
text-align: center;
}



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

#footer div.counter {
display: none;
}

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