@charset "utf-8";


body { word-break: break-all; font-family: Meiryo, "メイリオ", "MS PGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif; padding: 0; margin: 0; }
html { color: #582b25; line-height: 1.4; padding: 0; margin: 0; }
img { border: 0; }
a:hover img { filter: alpha( opacity=70 ); opacity: 0.70; -moz-opacity: 0.70; }
li { list-style: none; }
a { color: #582b25; text-decoration: none; }
a:hover { text-decoration: none; }


/* フッター ------------- */
.footer_list { float: left; width: 100%; background: #fdd23e; padding: 5px 0; margin: 0; }
.footer_list li { float: left; width: 46%; box-sizing: border-box; font-size: 13px; }
.footer_list li a h4 { color: #582b25; font-weight: normal; text-decoration: underline; }
.footer_list li a:hover h4 { text-decoration: none; }
.footer_list li:nth-child(odd) { width: 54%; text-align: right; padding-right: 15px; }
#copy div { float: left; width: 100%; font-size: 10px; color: #d0520c; text-align: center; background: #ffffff; padding: 12px 0; }


/* フッターコンテンツ ------------- */
.contents_ttl { padding: 18px 0; margin: 0 0 20px 0; }
.contents_ttl h5 { width: 80%; font-size: 21px; color: #517252; text-align: center; border-top: 3px solid #517252; border-bottom: 3px solid #517252; padding: 10px 0; margin: 0 10%; }

.contents_text { float: left; width: 90%; font-size: 13px; line-height: 1.6; margin: 0 5% 25px 5%; }
.contents_text img { margin: 5px; }
.contents_text * { float: none; width: auto; margin: 0 auto; }
.contents_text hr { float: left; width: 100%; border: 1px dashed #fdd23e; margin: 20px 0; }

.btn { float: left; width: 60%; text-align: center; border: 2px solid #d0520c; border-radius: 8px; padding: 10px 0 8px 0; margin: 5px 20%; }
.btn a { font-size: 15px; color: #d0520c; font-weight: bold; }

.btn2 { float: left; width: 70%; text-align: center; border: 1px solid #582b25; border-radius: 8px; padding: 12px; margin: 10px 15% 20px 15%; }
.btn2 a { font-size: 20px; color: #582b25; font-weight: bold; border-bottom: double; }

.btn3, .send_btn, .more_btn { float: left; width: 70%; text-align: center; border: 2px solid #d0520c; border-radius: 8px; background: #d0520c; padding: 12px; margin: 5px 15%; }
.btn3 a, .send_btn a, .more_btn a { font-size: 15px; color: #ffffff; font-weight: bold; }

.tokutei { float: left; width: 99%; border: 1px solid #582b25; border-radius: 8px; padding: 15px; margin: 5px 0.5%; }
.tokutei th { float: left; font-size: 14px; background: linear-gradient(transparent 80%, #f1ec59 80%); margin: 5px 0 8px 0; }
.tokutei td { float: left; width: 100%; }
.tokutei td a { text-decoration: underline; }


/* 一覧に戻る ------------- */
.cate_list { float: left; width: 90%; border-bottom: 20px solid #ffffff; padding: 0 5%; }
.cate_list a h4 { width: 56%; font-size: 15px; color: #ffffff; text-align: center; background: #582b25; border: 2px solid #582b25; border-radius: 22px; padding: 10px 0 8px 0; margin: 0 22%; }
.cate_list a h4:hover { color: #582b25; background: #ffffff; }


/*--------------------
トップページ
--------------------*/
.top_regist { float: left; width: 100%; padding: 0; margin: 0; }
.top_regist img { float: left; width: 100%; box-sizing: border-box; padding: 15px 8% 0 8%; margin: 0; }

#top_main, #top_main div, #top_main ul, #top_main li, #top_main img, #top_main p { float: left; width: 100%; box-sizing: border-box; padding: 0; margin: 0; }

#top_news p { font-size: 13px; text-align: center; padding: 15px 0; }
#top_news ul { padding: 0 4%; }
#top_news li { width: 31.333%; text-align: center; padding-bottom: 8px; margin: 0 1%; }
#top_news li a { font-size: 15px; line-height: 1.2; }

#top_search ul { padding: 10px 4% 0 4%; }
#top_search li { width: 33.333%; text-align: center; }
#top_search li img { padding: 8px 20%; }
#top_search li a { font-size: 16px; font-weight: bold; background: linear-gradient(transparent 80%, #f1ec59 80%); }
#top_search p { text-align: center; padding: 8px 1% 0 4%; }
#top_search p a { float: left; font-size: 13px; color: #d0520c; border: dotted 1px #d0520c; border-radius: 6px; padding: 7px 8px 8px 10px; margin: 6px 0 0 1.5%; }

#top_style p { font-size: 13px; text-align: center; padding: 15px 10%; }
#top_style ul { width: 90%; margin: 0 5%; }
#top_style li { font-size: 13px; background: #fafadf; border-radius: 8px; padding: 12px 15px 12px 18px; margin-bottom: 10px; }
#top_style li a { color: #2f3f3b; }
#top_style li img { float: left; width: 48%; padding-right: 12px; }
#top_style li span { font-size: 16px; margin: 3px 0; }

#top_jambo img.title { padding: 0 12% 0 10%; }
#top_jambo p { font-size: 13px; text-align: center; padding: 15px 0; }
#top_jambo ul { width: 80%; border-bottom: dotted 1px #dbad6e; margin: 10px 10% 20px 10%; }
#top_jambo li { border-top: dotted 1px #dbad6e; padding: 10px 0; }
#top_jambo li a { font-size: 16px; color: #2f3f3b; }

#top_wiki { background: url(/upimages/wiki.png) no-repeat; background-position: left top; background-size: 100% auto; }
#top_wiki img.title { padding: 0 12%; }
#top_wiki ul { padding: 10px 10% 18px 10%; }
#top_wiki li { width: 20%; text-align: center; background: #5b9577; padding: 12px 10px 12px 10px; margin: 7px 2.5%; }
#top_wiki li:nth-child(1), #top_wiki li:nth-child(4) { margin-left: 27.5%; }
#top_wiki li a { color: #ffffff; font-size: 16px; font-weight: bold; }
#top_wiki p { width: 92%; font-size: 13px; margin: 0 0 25px 8%; }

#top_main .regist img { float: left; width: 100%; box-sizing: border-box; padding: 30px 8% 15px 8%; margin: 0; }


/*--------------------
一覧ページ
--------------------*/
.page .title { background: url(/upimages/icon1.svg) no-repeat; background-position: left bottom; background-size: 100% auto; }
.page .title .icon { width: 10%; margin: 0 45% 0 45%; }
.page .title hr { width: 20%; border: solid 2px #582b25; padding: 0; margin: 3px 40%; }
.page .title p.title1 { font-size: 22px; font-weight: bold; text-align: center; padding: 10px 0; margin: 0; }
.page .title p.title2 { font-size: 13px; text-align: center; padding: 10px 0 20px 0; }
.page ul { width: 100%; padding: 0; margin: 0; }
.page li { float: left; width: 88%; padding: 14px 4% 14px 8%; }
.page li:nth-child(odd) { background: #fafadf; }
.page li a { font-size: 16px; color: #2f3f3b; }
.page li span { font-size: 11px; color: #93aa42; font-weight: bold; margin: 15px 0 5px 0; }
.page li img { float: left; width: 22%; border-radius: 50%; margin-right: 10px; }


/*--------------------
詳細ページ
--------------------*/
.page .more { background: #ffffff; }
.page p.page_more1 { width: 90%; font-size: 11px; color: #93aa42; font-weight: bold; margin: 20px 5% 5px 5%; }
.page p.page_more2 { width: 90%; font-size: 22px; color: #2f3f3b; font-weight: bold; margin: 0 5%; }
.page img.moreimg { width: 90%; margin: 10px 5%; }
.page p.page_more3 { width: 90%; font-size: 15px; line-height: 1.7; margin: 0 5%; }
.download { padding: 5px 18%; }
.back { font-size: 13px; font-weight: bold; text-decoration: underline; border-bottom: 18px solid #d0520c; padding: 12px 0 15px 0; }