@charset "utf-8";html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{color:#333;font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height:1.5;background:#f2eedc;-webkit-text-size-adjust:none;}
html{background:#f2eedc;}
a{color:#337db6;text-decoration:none;}
a:hover{color:#246292;}
a:active, a:focus{outline:0;}
#wrapper{margin:0 auto;padding:0 1%;width:98%;position:relative;}
.inner{margin:0 auto;width:100%;}
#header{padding:25px 0 15px;overflow:hidden;}
* html #header{height:1%;}
#header h1{font-size:11px;font-weight:normal;}
#header .logo{float:left;padding:10px 0 0;}
.logo a{font-size:20px;font-weight:bold;line-height:1;color:#333;}
.logo span{font-size:11px;font-weight:normal;}
ul#topnav{float:right;overflow:hidden;}
* html ul#topnav{height:1%;}
ul#topnav li{float:left;margin:0 5px;text-align:center;}
ul#topnav a{font-size:12px;display:block;padding:10px 10px;color:#333;}
ul#topnav span{color:#9e9259;font-size:10px;}
ul#topnav li.active a,ul#topnav a:hover{background:#e8e3ca;border-radius:5px;}
#mainBanner{margin:15px auto 20px auto;padding:0;width:100%;position:relative;line-height:0;}
#mainBanner img{max-width:100%;height:auto;border-radius:3px;}
.slogan{position:absolute;max-width:100%;height:auto;bottom:0;left:0;padding:15px 20px;line-height:1.4;background:url(images/tp2.png);}
.slogan h2{padding-bottom:5px;color:#ccc;font-size:18px;}
.slogan h3{font-size:12px;color:#666;}
.subImg .slogan{background:url(images/tp2.png);}
.subImg .slogan h2{color:#ccc;}
.subImg .slogan h3{color:#666;}
.gridWrapper{padding-bottom:20px;overflow:hidden;}
* html .gridWrapper{height:1%;}
.grid{float:left;border-radius:5px;background:#fff;}
.grid h3{padding:15px 5px;text-align:center;border-radius:5px 5px 0 0;background:#e8e3ca;}
.grid p{padding:5px 10px;}
.gridWrapper img{max-width:100%;height:auto;}
#footer .grid{background:transparent;}
#footer .grid p{padding:0;}
section.content{padding:19px;margin-bottom:20px;border:1px solid #ebebeb;border-radius:6px;background:#fff;overflow:hidden;font-size:14px;}
* html section.content{height:1%;}
section.content p{margin-bottom:5px;}
h3.heading{padding-left:7px;margin-bottom:10px;font-size:16px;border-left:5px solid #e8e3ca;}
h4.heading{padding-left:7px;margin-bottom:10px;font-size:25px;border-left:5px solid #e8e3ca;}
section.content img{max-width:90%;height:auto;}
.alignleft{float:left;clear:left;margin:3px 10px 10px 0;}
.alignright{float:right;clear:right;margin:3px 0 10px 10px;}
img.frame,#gallery img{border:4px solid #fff;box-shadow:0 0 2px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);}
#gallery .grid{padding:5px 0 0;}
table.table{border-collapse:collapse;width:100%;margin:10px auto;}
table.table th,table.table td{padding:5px;border:1px solid #cacaca;}
table.table th{text-align:right;font-weight:bold;letter-spacing:1px;white-space:nowrap;background:#f3f3f3;}
table.table td{border-left:#48370d;}
#sub ul{padding:10px;}
#sub li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ebebeb;}
#sub li:last-child{border:0;margin-bottom:0;}
#sub li a{display:block;}
#sub ul.list{padding-bottom:7px;}
#sub ul.list li{clear:both;margin-bottom:5px;padding:5px 0;overflow:hidden;}
* html #sub ul.list li{height:1%;}
#sub ul.list li img{float:left;margin-right:10px;}
#sub ul.list li{font-size:12px;line-height:1.35;}
#footer{clear:both;padding:20px 0 40px;overflow:hidden;}
* html #footer{height:1%;}
.tel strong{font-size:20px;font-weight:bold;}
#footer a{color:#333;}
#footer a:hover{color:#888;}
#footer .copyright{font-size:11px;}
ul.footnav li{float:left;margin-bottom:10px;padding:0 7px 0 8px;font-size:11px;border-right:1px solid #b6b6b6;}
.bn{bottom:0px;position:fixed;z-index:999;margin-left:0px;margin-right:0px;width:100%;padding:5px;border-radius:5px 5px 5px 5px;background-color:#FFCC66;}
#fix-footer{position:fixed;width:100%;height:93px;bottom:0px;z-index:10000;background-color:#FFCC66;text-align:center;font-size:10px;line-height:180%;}
@media only screen and (min-width:960px){#wrapper,.inner{width:940px;padding:0;}
#wrapper{padding-bottom:20px;}
.gridWrapper{width:960px;margin:0 0 0 -20px;}
.grid{float:left;width:220px;margin-left:20px;}
#sub .grid, #footer .grid{width:300px;}
#gallery{width:920px;}
#gallery .grid{width:210px;}
}
@media only screen and (max-width:940px){#header h1{padding:0 0 5px 10px;}
#header .logo{padding-left:10px;}
.grid{float:left;width:48%;margin:10px 2% 0 0;}
.grid img{float:left;margin-right:5px;}
#gallery{padding-left:1px;}
#gallery .grid{width:23%;margin:0 2% 0 0;padding:0;}
#gallery .grid img{float:none;margin:0;}
#sub .grid{width:32%;margin:10px 1%;}
#sub .grid:first-child{margin-left:0;}
#sub .grid:last-child{margin-right:0;}
#footer .grid{float:none;width:100%;text-align:center;}
#footer .grid:last-child{padding-top:20px;}
#fix-footer img{width:50%;height:auto;}
}
@media only screen and (max-width:768px){#header{padding-bottom:0;}
#header h1{text-align:center;}
#header .logo{float:none;text-align:center;padding:10px 5px 20px;}
ul#topnav{clear:both;width:100%;}
ul#topnav li{width:33%;margin:0;border-top:1px solid #e8e3ca;border-right:1px dashed #e8e3ca;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
ul#topnav li:nth-child(3n){border-right:0;width:34%;}
ul#topnav li.active a,ul#topnav a:hover{border-radius:0;}
#sub ul.list{padding:10px 10px 11px;}
#sub ul.list li{padding-bottom:10px;margin-bottom:8px;}
#fix-footer img{width:50%;height:auto;}
}
@media only screen and (max-width:640px){#footer .grid p{text-align:center;}
.grid img{float:none;margin:20px auto 10px;}
.grid p,#sub .grid li{text-align:left;}
img.frame,#gallery img{border-width:2px;}
.alignleft,.alignright{float:none;display:block;margin:0 auto 10px;}
#fix-footer{position:fixed;width:100%;height:55px;bottom:0px;z-index:10000;background-color:#FFCC66;text-align:center;font-size:10px;line-height:180%;}
#fix-footer img{width:50%;}
}
@media only screen and (max-width:480px){ul#topnav li{width:50%;}
ul#topnav li:nth-child(3n){border-right:1px dashed #e8e3ca;width:50%;}
ul#topnav li:nth-child(2n),ul#topnav li:nth-child(6n){border-right:0;}
#mainBanner{margin-left:1px;}
#mainBanner h2,#mainBanner h3{font-size:80%;}
#sub .grid{float:none;width:98%;}
#sub .grid h3{padding:10px 5px;}
#sub ul.list{padding:10px;}
#sub ul.list li{padding-bottom:3px;margin-bottom:3px;}
#sub ul.list li img{margin:0 5px 0 0;}
#fix-footer{position:fixed;width:100%;height:50px;bottom:0px;z-index:10000;background-color:#FFCC66;text-align:center;font-size:10px;line-height:180%;}
#fix-footer img{width:50%;height:40px;}
}