/* --ボディー-- */
html { overflow-y: scroll; font-size: 62.5%; }
body { margin: 0px; -webkit-text-size-adjust: 100%; background-color: #ffffff; font-size: 1.4rem; color: #333333; line-height: 1.7; font-family:"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif; }

/* --テキストリンク 通常-- */
a { color: #0033cc; text-decoration: underline; }
a:hover { color: #cc0000; text-decoration: underline; }

/* -----調整----- */
ul { margin: 0px; padding: 0px; }
li { list-style-type: none; }
img { border: none; }
.bold { font-weight: bold; }
.d-b { display: block; }
.underline { text-decoration: underline; }
.d-u { border-bottom: 1px #333333 dotted; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.f-left { float: left; }
.f-right { float: right; }

table,th,td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* --その他-- */
h1 { margin: 0px; padding: 0px; }
h2 { margin: 0px; padding: 0px; } 
h3 { margin: 0px; padding: 0px; } 

/* --クリアフィックス-- */
.cf:after { content: ""; clear: both; display: block; }

/* --コンテナ-- */
#container { width: 100%; border-top: 5px #eeeeee solid; background-color: #f5f5f5; overflow: hidden; }

/* --ヘッダー-- */
header { width: 100%; background-color: #ffffff; }
#header-c { width: 1020px; padding: 0px 20px 0px 20px; margin: 0 auto; }
#header-c h1 { margin: 0px; padding: 30px 0px 30px 0px; }

/* --グローバルナビ -- */
nav#gnavi { width: 100%; border-bottom: 2px #eaeaea solid; background-color: #f0f0f0; }
nav#gnavi ul { width: 1020px; height: 50px; margin: 0 auto; }
nav#gnavi ul li { display: inline-block; }
nav#gnavi ul li a { display: block;  color: #333333; padding: 0px 20px 0px 20px; line-height: 50px; font-size: 115%; text-decoration: none; }
nav#gnavi ul li a:hover { background-color: #eeeeee; }

/* --コンテンツ-- */
#contents { width: 1020px; margin: 20px auto 20px; padding-bottom: 50px; }

/* --メイン-- */
#main { padding: 50px; background-color: #ffffff; }

#t-sh { margin-bottom: 100px; }
#t-sh h2 { padding-bottom: 10px; margin-bottom: 30px; font-size: 2.0rem; border-bottom: 5px #f0f0f0 solid; }

#h-sh { margin-bottom: 100px; padding: 30px 0px 0px 0px; }
#h-sh h2 { padding-bottom: 10px; margin-bottom: 30px; font-size: 2.0rem; border-bottom: 5px #f0f0f0 solid; }

#g-g { margin-bottom: 100px; padding: 30px 0px 0px 0px; }
#g-g h2 { margin-bottom: 30px; font-size: 2.0rem; }
#g-g table { border-collapse: collapse; width: 920px; }
#g-g th { border: 1px #eeeeee solid; background-color: #f0f0f0; width: 20%; padding: 40px; text-align: left; }
#g-g td { border: 1px #eeeeee solid; width: 80%; padding: 40px; }

/* --メイン 2カラム-- */
#main-02 { width: 700px; float: left; background-color: #ffffff; }
#main-02 .main-02-inner { padding: 50px; }
#main-02 .kiji { padding: 50px 0px 0px 0px; margin-bottom: 50px; }
#main-02 .kiji img { display: block; margin-left: auto; margin-right: auto; }
#main-02 h2 { padding-bottom: 10px; margin-bottom: 30px; font-size: 2.0rem; border-bottom: 5px #f0f0f0 solid; }
#main-02 h3 { padding-bottom: 10px; margin-bottom: 30px; font-size: 1.8rem; border-bottom: 2px #f0f0f0 solid; }
#main-02 p.gazou { }
#main-02 p.naiyou { margin-bottom: 50px; }

#side-02 { width: 300px; float: right; }
#side-02 .side-02-inner { padding: 0px 0px 30px 0px; }
#side-02 h3 { padding: 10px 0px 10px 0px; margin-bottom: 10px; font-size: 1.8rem; border-bottom: 3px #f5f5f5 solid; }
#side-02 .k-01 { padding: 20px; }
#side-02 ul { }
#side-02 ul li { border-bottom: 2px #f5f5f5 solid; padding: 10px 0px 10px 0px; font-size: 1.2rem; }
#side-02 ul li a { color: #0033cc; text-decoration: none; }
#side-02 ul li a:hover { color: #cc0000; text-decoration: underline; }

/* --お知らせ-- */
#oshirase { margin-bottom: 50px; }
#oshirase h2 { margin: 0px; padding: 0px 0px 10px 0px; font-size: 2.0rem; }
#oshirase .oshirase-c { background-color: #eeeeee; padding: 40px; }
#oshirase .oshirase-c ul { }
#oshirase .oshirase-c ul li { }
#oshirase .oshirase-c ul li span.date { }

/* --フッター-- */
footer { width: 100%; background-color: #f0f0f0; border-top: 2px #eaeaea solid; }
#footer-c { width: 1020px; margin: 0 auto; padding: 10px 0px; }
#footer-l { width: 680px; float: left; }
#footer-l .footer-navi-b { padding-top: 15px; }
#footer-l ul.footer-navi { }
#footer-l ul.footer-navi li { display: inline-block; padding: 0px 15px; border-left: 1px #999999 solid; }
#footer-l ul.footer-navi li:first-child { padding-left: 0px; border-left: none; }
#footer-l ul.footer-navi a { color: #111111; text-decoration: none; }
#footer-l ul.footer-navi a:hover { color: #111111; text-decoration: underline; }
#footer-r { width: 320px; float: right; }
footer p.copyright { width: 1020px; margin: 0 auto; padding: 5px 0px 5px 0px; text-align: right; font-size: 1.2rem; }

/* -----トピックパス----- */
.topic-path-b { margin-bottom: 20px; font-size: 1.2rem; }
.topic-path-b ul.topic-path { }
.topic-path-b ul.topic-path li { float: left; padding-right: 5px; }
.topic-path-b ul.topic-path li a { color: #0033cc; text-decoration: none; }
.topic-path-b ul.topic-path li a:hover { color: #cc0000; text-decoration: underline; }

/* -----テキスト設定----- */
.fs10 { font-size: 1.0rem; }
.fs11 { font-size: 1.1rem; }
.fs12 { font-size: 1.2rem; }
.fs13 { font-size: 1.3rem; }
.fs14 { font-size: 1.4rem; } /* 基本サイズ */
.fs15 { font-size: 1.5rem; }
.fs16 { font-size: 1.6rem; }
.fs17 { font-size: 1.7rem; }
.fs18 { font-size: 1.8rem; }
.fs19 { font-size: 1.9rem; }
.fs20 { font-size: 2.0rem; }
.fs21 { font-size: 2.1rem; }
.fs22 { font-size: 2.2rem; }
.fs23 { font-size: 2.3rem; }
.fs24 { font-size: 2.4rem; }
.fs25 { font-size: 2.5rem; }
.fs26 { font-size: 2.6rem; }
.fs27 { font-size: 2.7rem; }
.fs28 { font-size: 2.8rem; }
.fs29 { font-size: 2.9rem; }
.fs30 { font-size: 3.0rem; }
.fs31 { font-size: 3.1rem; }
.fs32 { font-size: 3.2rem; }

/* -----メールフォーム（テスト中）----- 
#mailform-b { margin-bottom: 50px; }
#mailform-b h2 { margin: 0px; padding: 0px 0px 10px 0px; font-size: 143%; }
#mailform-top { padding-left: 30px; }
#mailform-top table { border-collapse: collapse; }
#mailform-top th { border: 1px #999999 solid; background-color: #ccffff; width: 200px; padding: 5px; text-align: left; }
#mailform-top td { border: 1px #999999 solid; width: 360px; padding: 5px; }
.sch { width: 250px; }
textarea { width: 340px; height: 200px; }
.btn { text-align: center; padding: 20px 0px; }
*/

/* -----メールフォーム 確認・送信画面（テスト中）-----
#mailform { width:700px; padding-top: 50px; margin-left: auto; margin-right: auto; }
.m-header { border-bottom: 1px #999999 solid; margin-bottom: 20px; }
#mailform h2 { font-size: 143%; padding-bottom: 15px; }
#mailform table { border-collapse:collapse; }
#mailform th { border: 1px #999999 solid; background-color: #ccffff; width: 250px; padding: 5px; text-align: left; }
#mailform td { border: 1px #999999 solid; width: 400px; padding: 5px; }
*/

/* ----- スマホ ----- */
@media screen and (max-width: 1019px) {

img { max-width: 100%; height: auto; }

#container { background-color: #ffffff; }
#header-c { width: 90%; }
ul { width: 90%; }

#contents { width: 90%; }
#main { padding: 0px; background-color: #ffffff; }

#g-g table { width: 100%; }
#g-g th { padding: 15px; width: 30%; }
#g-g td { padding: 15px; width: 70%; }

#footer-c { width: 90%; }
#footer-l { width: 90%; float: none; }
#footer-r { width: 90%; float: none; }
footer p.copyright { width: 90%; text-align: left; }

#main-02 { width: 100%; float: none; margin: 0 auto; }
#main-02 .main-02-inner { padding: 0px; }

#side-02 { width: 100%; float: none; margin: 0 auto; }
#side-02 .k-01 { padding: 0px; }

}