@charset "UTF-8"; 
html, body, header, nav, article, section, aside, footer,
div, span, p, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {margin:0; padding:0;}

header, nav, article, section, aside, footer {display:block;}

ol, ul {list-style:none;}
img {max-width:100%; height:auto; border:0;}
a:link {color:#583822;}
a:visited {color:#583822;}
a:hover {color:#765c47;}
p {margin:15px 0 15px 0; line-height:1.7; letter-spacing:0.05em;}



body {width:100%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS P ゴシック", "MS P Gothic", sans-Serif; margin:0; padding:0; font-size:16px; color:#333333; background-color:#ffffff; -webkit-text-size-adjust:none;}

@media screen and (max-width:767px){
body {letter-spacing:0.05em; -webkit-text-size-adjust:100%;}
}

.img_a {display:block;}
.img_b {display:none;}

#main {width:100%; overflow:hidden; margin:0 auto 0 auto; padding:0; text-align:center; background-color:#ffffff;}

#header {width:100%; height:87px; margin:0 auto 0 auto; border-top:solid 4px #fbf0e9; border-bottom:solid 1px #fbf0e9;}
#header h1 {margin:0 auto 0 auto; width:950px; padding:2px 0 0 0; font-weight:normal; text-align:right; font-size:10px; color:#9d896c;}
#header #header_inner {width:950px; height:87px; padding:0; margin:0 auto 0 auto;}

@media screen and (max-width:767px){
#header {width:100%; height:auto; padding:0 0 4px 0;}
#header h1 {width:100%; display:none;}
#header #header_inner {width:100%; margin:0; padding:2px; background-color:#ffffff;}
}

.course_box{padding:15px 0px; border-bottom:1px dotted #cccccc;}
.course_box img{float:left; margin-right:15px; width:350px;}
.course_box:after {content:""; clear:both; height:0; display:block; visibility:hidden;}
@media screen and (max-width:767px){
.course_box img{float:none; width:80%; margin:0px 10% 10px;}
}


.koushi_box{padding:15px 0px; border-bottom:1px dotted #cccccc;}
.koushi_box img{float:left; margin-right:15px; width:200px;}
.koushi_box:after {content:""; clear:both; height:0; display:block; visibility:hidden;}
@media screen and (max-width:767px){
.koushi_box img{float:none; width:40%; margin:0px 30% 10px;}
}


.clearfix:after {content:""; display:block; clear:both; height:0; visibility:hidden;}

#h_logo {width:40.3%; float:left; padding:0; text-align:left; font-size:14px; color:#444444; line-height:1.5; text-decoration:none;}
#h_logo h2 {margin:2px 0 0 0; padding:0; text-align:left; font-size:23px; color:#444444; letter-spacing:0.05em; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#h_logo a {font-size:23px; color:#555555; text-decoration:none;}
#h_logo a:hover {font-size:23px; color:#777777; text-decoration:none;}

@media screen and (max-width:767px){
#h_logo {width:100%; float:none; padding:0; text-align:left; color:#444444;}
#h_logo h2 {padding:0px 0 0 10px; margin:0; }
#h_logo img {max-width:100%; height:auto;}
#h_logo a {color:#666666 !important; text-decoration:none; font-size:0.92em;}
#h_logo a:hover {color:#888888 !important; text-decoration:underline; font-size:0.92em;}
}


#h_nav {width:59.3%; float:right; display:inline-block; margin:24px 0 4px 0; padding:0; text-align:left;}
#h_nav ul {display:inline-block; float:right; text-align:left; margin:0 auto 0 auto; padding:0;}
#h_nav li {display:inline-block; list-style-type:none; color:#ffffff;}
#h_nav li a {display:inline-block; padding:4px 19px 2px 19px; font-size:13px; color:#765c47; line-height:1.3; letter-spacing:0.05em; text-decoration:none; border-left:solid 1px #d6c6af;}
#h_nav li a:hover {color:#765c47; background-color:#f7f4ec;}

@media screen and (max-width:767px){
#h_nav {width:100%; margin:0 1px 0px 1px;}
#h_nav ul {padding:0; display:block; float:none;}
#h_nav ul li {width:50%; margin:0; padding:0; float:left; list-style:none; text-align:center;}
#h_nav li a {width:99.6%; font-size:0.75em; padding:12px 0 8px 0; display:block; line-height:1.2; letter-spacing:0.05em; color:#765c47 !important; text-decoration:none; background:#eee7d5;}
#h_nav li a:hover {color:#765c47 !important; display:block; text-decoration:none; background:#ece2c9;}
#h_nav li.home a {}
#h_nav span.sub {display:none;}
}



button.nav_icon {display:none;}
button .bar {display:none;}
button.active span.bar1,
button.active span.bar2,
button.active span.bar3 {display:none;}

@media screen and (max-width:767px){
button.nav_icon {display:block; cursor:pointer; position:fixed; top:8px; right:10px; width:38px; padding:0 4px 4px 4px; color:#333333; letter-spacing:0.1em; text-align:center; opacity:0.7; border:none; border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; background:none; background-color:#ffffff; z-index:10000;}
button span.bar1,
button span.bar2,
button span.bar3 {display:block; height:2px; opacity:0.7; background-color:#888888; margin:8px 0 4px 0; transition:all 0.2s; transform-origin:0 0;}
}






#header-img {clear:both; width:100%; margin:0 0 10px 0; text-align:center; background-color:#fbfaf7;}
.main_photo {display:block; margin:0 auto 0 auto;}

@media screen and (max-width:767px){
#header-img {width:100%; height:auto; margin:0 0 10px 0;}
}


#container {width:950px; margin:0 auto 0 auto; padding:6px 0 10px 0;}

#contents {margin:0; padding:16px 0 20px 0; font-size:16px; width:950px; letter-spacing:0.05em; text-align:left; line-height:1.7;}
#contents #pannavi {margin:0 0 6px 0; padding:0 0 8px 0; font-size:15px;}
#contents #pannavi a {font-size:15px;}

#contents h2 {margin:0 0 14px 0; padding:5px 0 0 0; font-size:28px; font-weight:normal; color:#f39800; text-align:center;}
#contents h3 {margin:0px 0 10px 0; padding:7px 15px; font-weight:normal; font-size:18px; color:#333333; background:#FFEED2;}
#contents p {margin:0px 0 10px 0; padding:0 2px 0 2px; line-height:1.7; font-size:16px;}

@media screen and (max-width:767px){
#container {width:100%; padding:0;}

#contents {width:100%; padding:13px 0 25px 0; font-size:1em;}
.article {margin:0; padding:0;}
.section {margin:0 0 20px 0; padding:0 0 5px 0;}
#contents #pannavi {margin:0 0 5px 0; padding:0 0 8px 0; font-size:0.92em;}
#contents h2 {margin:0 0 10px 0; padding:14px 0 14px 12px; font-size:20px;}
#contents h3 {clear:both; margin:0px 0 14px 0; font-size:16px;}
#contents p {margin:0 4px 10px 4px; padding:2px; line-height:22px; font-size:14px;}
}


.inners {width:950px; margin:0 auto 0 auto; padding:0 10px 0 13px; line-height:1.8; letter-spacing:0.05em;}
.flex_bg {margin:20px calc(50% - 50vw) !important; padding:20px 0 20px 0; line-height:1.8; letter-spacing:0.05em; background-color:#fbf5f2;}
.flex_gold_bg {margin:0 calc(50% - 50vw) !important; padding:20px 14px 20px 14px; line-height:1.8; letter-spacing:0.05em; background-color:#ebe6e0;}
.cream_bg {margin:0 calc(50% - 50vw) !important; padding:20px 0 20px 0; line-height:1.8; letter-spacing:0.05em; background-color:#fffcf2;}

@media screen and (max-width:767px){
.inners {width:100%; margin:0 6px 0 6px; padding:0;}
.flex_bg {width:auto !important; margin:20px 0px; padding:14px 0 0 0;}
.flex_gold_bg {width:auto !important; margin:0; padding:20px 0 20px 0;}
.cream_bg {width:auto !important; margin:0; padding:14px 0 0 0;}
}



.box {width:100%; margin:0 auto 0 auto;}
.box:after {content:""; display:block; clear:both;}
.box_s {float:left; width:48%; padding:0px; margin:0 1%;}

@media screen and (max-width:767px){
.box {width:100%; text-align:center; margin:0 auto 0 auto;}
.box:after {content:""; display:block; clear:both;}
.box_s {width:auto; padding:4px; margin:4px;}
}

.access img{margin:0 10px 10px 0; float:left; width:400px;}
@media screen and (max-width:767px){
.access img {display:block; clear:both; width:80%; margin:20px 10%;}
}


img.picture {margin:0 10px 10px 0; float:left; width:450px;}
img.picture_r {margin:0 0px 10px 10px; float:right; width:450px;}

@media screen and (max-width:767px){
img.picture {display:block; clear:both; width:80%; margin:20px 10%;}
img.picture_r {display:block; clear:both; width:80%; margin:20px 10%;}
}



table.t01 {width:530px; padding:4px; border:solid 1px #cccccc; border-collapse:collapse;}
td.t01 {padding:10px; border-collapse:collapse;}
td.head {padding:9px 6px 6px 15px; border:solid 1px #cccccc; border-collapse:collapse;}
td.t00 {padding:4px;}
table.table_line {border-collapse:collapse; border:solid 1px #cccccc; width:100%;}
td.table_head {border-collapse:collapse; border:solid 1px #cccccc; padding:14px 14px 10px 14px; background-color:#fff4ed; width:100px;}
td.table_left {border-collapse:collapse; border:solid 1px #cccccc; padding:14px 14px 10px 14px; width:auto; background-color:#fff4ed;}
td.table_right {border-collapse:collapse; border:solid 1px #cccccc; padding:14px 14px 10px 14px; width:680px; background-color:#ffffff;}
td.table_line {border-collapse:collapse; border:solid 1px #cccccc; padding:14px 14px 10px 14px; width:auto;}

@media screen and (max-width:767px){
table.t01 {border:solid 1px #bbbbbb; border-collapse:collapse; padding:4px;}
td.t01 {padding:4px; border:solid 1px #bbbbbb; border-collapse:collapse;}
td.head {padding:9px 6px 6px 15px; border:solid 1px #cccccc; border-collapse:collapse;}
td.t00 {padding:4px;}
table.table_line {width:100%; border-collapse:collapse; border:solid 1px #bbbbbb; padding :8px 4px 8px 4px;}
td.table_head {border-collapse:collapse; border:solid 1px #bbbbbb; padding :12px 8px 12px 8px; background-color:#fff4ed; width:80px;}
td.table_left {border-collapse:collapse; border:solid 1px #bbbbbb; padding :8px 4px 8px 4px; background-color:#fff4ed; width:30%;}
td.table_right {border-collapse:collapse; border:solid 1px #bbbbbb; padding :8px 4px 8px 4px; background-color:#ffffff; width:70%;}
td.table_line {width:auto; border-collapse:collapse; border:solid 1px #bbbbbb; padding:12px 8px 12px 8px;}
}


#footer {clear:both; width:100%; margin:0; padding:30px 0 0 0; text-align:center; font-size:14px; color:#333333; line-height:1.8; background-color:#fbf0e9;}
#footer a {color:#333333; font-size:14px; text-decoration:none;}
#footer a:hover {color:#555555; text-decoration:none;}
#footer .copy {margin:0; padding:10px 0 10px 0; font-size:14px; color:#fffffc; background-color:#db9d77;}
#footer .copy a {color:#fffffc !important; text-decoration:none;}
#footer .copy a:hover {color:#eeeeee !important; text-decoration:none;}
#footer .copy a:visited {color:#fffffc; text-decoration:none;}

@media screen and (max-width:767px){
#footer {width:auto; padding:20px 0 0 0; color:#333333; line-height:1.7; text-align:center; background-color:#fbf0e9;}
#footer p {padding:10px; color:#555555;}
#footer a {color:#555555 !important;}
#footer a:hover {color:#777777 !important;}
#footer a:visited {color:#555555;}

#footer .copy {margin:10px 0 0 0 !important; padding:10px; font-size:0.92em; color:#fffffc; background-color:#db9d77;}
#footer .copy a {color:#fffffc !important; text-decoration:none;}
#footer .copy a:hover {color:#eeeeee !important; text-decoration:none;}
#footer .copy a:visited {color:#fffffc; text-decoration:none;}
}




@media print, screen and (min-width:680px) and (max-width:920px) {
#main,
#header h1,
#header #header_inner,
#container,
#contents,
.inners,
#footer .footer_nav ul {width:100%;}
#h_nav li a {font-size:11px;}
.box {width:100%;}
.box1,.box2,.box3 {width:30.5%;}
}


.btn,
.btn_w {margin-top:30px !important; text-align:center;}
.btn a {display:inline-block; padding:14px 34px 14px 34px !important; margin:0 0 15px 0 !important; color:#7e5f15 !important; text-decoration:none; border:solid 2px #a88d4b; border-top-left-radius:30px; border-top-right-radius:30px; border-bottom-left-radius:30px; border-bottom-right-radius:30px;}
.btn a:hover {color:#a88d4b !important; background-color:#eeeeee !important;}


img.line {margin:0 8px 4px 0; vertical-align:middle;}
img.head_photo {margin:0 0 16px 0;}
hr.line {margin:0 0 10px 0; padding:2px 0 6px 0; border:0; border-bottom:dotted 1px #666666;}
.news {height:170px; overflow:auto; line-height:1.8; padding:8px 6px 7px 6px; margin:12px 3px 12px 3px; border:solid 1px #cccccc; background-color:#ffffff;}
p.back {margin:0; padding:0 5px 0 0; text-align:right;}

img.picture_le {margin:0 10px 10px 0; float:left;}
img.picture_ri {margin:0 5px 10px 10px; float:right;}
br.clear {display:block; clear:both;}

span.big {font-size:1.12em; line-height:1.9;}
span.b_big {font-weight:bold; font-size:1.12em; line-height:1.7;}
span.b_big_x {font-weight:bold; font-size:1.25em; line-height:1.7;}
span.check {font-weight:bold; font-size:1.12em; line-height:1.7; color:#555555;}
span.red {color:#e60033;}
span.red_x {color:#e60033; font-size:1.12em; line-height:1.7;}
span.red_b {color:#e60033; font-weight:bold; line-height:1.7;}
span.red_big {color:#e60033; font-weight:bold; font-size:1.12em; line-height:1.7;}
span.red_big_x {color:#e60033; font-weight:bold; font-size:1.25em; line-height:1.7;}
span.brown {color:#993300;}
span.brown_b {color:#993300; font-weight:bold;}
span.brown_x {color:#993300; font-size:1.12em; line-height:1.7;}
span.brown_b {color:#993300; font-weight:bold; line-height:1.7;}
span.brown_big {color:#993300; font-weight:bold; font-size:1.12em; line-height:1.7;}
span.brown_big_x {color:#993300; font-weight:bold; font-size:1.25em; line-height:1.7;}
span.blue {color:#007bbb;}
span.blue_b {color:#007bbb; font-weight:bold; line-height:1.7;}
span.blue_big {color:#007bbb; font-weight:bold; font-size:1.12em; line-height:1.7;}
span.pink {color:#c53d43;}
span.pink_b {color:#c53d43; font-weight:bold; line-height:1.7;}
span.pink_big {color:#c53d43; font-weight:bold; font-size:1.12em; line-height:1.7;}
span.orange {color:#e85922; line-height:1.7;}
span.orange_b {color:#e85922; font-weight:bold; line-height:1.7;}
span.orange_big {color:#e85922; font-weight:bold; font-size:1.12em; line-height:1.7;}
span.orange_big_x {color:#e85922; font-weight:bold; font-size:1.25em; line-height:1.7;}
span.green {color:#00ae4f;}
span.green_b {color:#688119; font-weight:bold; line-height:1.7;}
span.green_big {color:#688119; font-weight:bold; font-size:1.12em; line-height:1.7;}
span.mark {padding:2px 2px 0 2px; color:#54351f; line-height:1.7; background-color:#fdfaab;}
span.mark_b {padding:2px 2px 0 2px; color:#54351f; line-height:1.7; font-weight:bold; background-color:#fdfaab;}
span.mark_big {padding:2px 2px 0 2px; color:#54351f; font-size:1.12em; line-height:1.7; font-weight:bold; background-color:#fdfaab;}
span.mark_red {padding:2px 2px 0 2px; color:#e60033; line-height:1.7; background-color:#fdfaab;}
span.mark_red_b {padding:2px 2px 0 2px; color:#e60033; font-weight:bold; line-height:1.7; background-color:#fdfaab;}
span.mark_brown {padding:2px 2px 0 2px; color:#993300; line-height:1.7; background-color:#fdfaab;}
span.mark_brown_b {padding:2px 2px 0 2px; color:#993300; font-weight:bold; line-height:1.7; background-color:#fdfaab;}

#menu hr.line {margin:0; padding:2px 0 6px 0; border:0; border-bottom:dotted 1px #666666;}


.menu_back p.back {margin:6px 0 0 0; padding:0 5px 0 0; text-align:right;}
.scroll {width:180px; height:28px;}