@charset "utf-8";
img {max-width:100%;}

#wrap {padding-top:50px;overflow:hidden; }

#header {position:fixed;left:0;top:0;width:100%;box-sizing:border-box;box-shadow:0 1px 1px rgba(0,0,0,0.15);z-index:1500;height:50px;background:#372f2c;}
#header .logo {width:100px;position:absolute;left:15px;top:50%;margin-top:-11.5px;}
#header .logo * {display:block;}
#header .menu {position:absolute;right:0;top:0;box-sizing:border-box;width:45px;height:50px;border:none;background:url(../images/head-menu.png) no-repeat 50% 50%;background-size:contain;text-indent:-9999px;}


#nav {position:fixed;left:0;top:0;z-index:1000;left:0;top:0;width:100%;height:0;overflow:hidden;transition-delay:0.3s;box-sizing:border-box;}
#nav .bg {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.8);transition:0.5s;opacity:0;}
#nav .inner {width:100%;position:absolute;right:0;top:0;height:100%;overflow:auto;z-index:10;background:#443a36;transition:0.5s;opacity:0;text-align:center;box-sizing:border-box;padding:70px 10px 0;}
#nav .tnb {background:#5a4d48;margin-bottom:20px;}
#nav .tnb:after {content:'';display:block;clear:both;}
#nav .tnb li {float:left;width:25%;box-sizing:border-box;position:relative;text-align:center;}
#nav .tnb li ~ li:before {content:"";display:block;width:1px;height:12px;background:#8e7c76;position:absolute;left:0;top:50%;margin-top:-6px;}
#nav .tnb li a {display:block;font-size:12px;color:#8e7c76;height:38px;line-height:38px;}
#nav .tnb .active a {font-weight:bold;color:#fff;}
#nav .gnb {}
#nav .gnb > li > a {font-size:16px;font-weight:500;color:#fff;height:50px;line-height:50px;}

#nav .close {width:46px;box-sizing:border-box;border:none;background:none;position:absolute;right:25px;top:20px;z-index:20;}

.nav-on #header .menu {background-image:url(../images/head-close.png);}
.nav-on #nav {height:100%;transition-delay:0s;}
.nav-on #nav .inner {opacity:1;}
.nav-on #nav .bg {opacity:1;}

#footer {background:#2e2623;border-top:1px solid #403733;padding:20px;position:relative;}
#footer .fnb li {display:inline-block;vertical-align:top;}
#footer .fnb li ~ li {margin-left:15px;}
#footer .fnb li a {display:block;font-size:12px;color:#fff;}
#footer .copy {margin-top:15px;font-size:12px;line-height:1.5em;color:rgba(255,255,255,0.2);}

#gotop {border:1px solid #63544e;background:rgba(0,0,0,0.6);width:45px;height:45px;box-sizing:border-box;text-align:center;font-size:13px;color:#86726a;position:absolute;right:20px;top:20px;}

#main {background:#403733 url(../images/main-bg.gif) no-repeat 50% 0;background-size:contain;padding:30px 10px}

#tit h3 {font-size:33px;font-weight:bold;position:relative;margin-bottom:40px;color:#fff;text-align:center;}
#tit h3 span {display:block;font-weight:normal;}
#tit h3 strong {display:block;}
#tit .snb {border-top:1px solid #f3f3f3;padding:0 15px;}
#tit .snb .area {table-layout:auto;display:table;width:100%;}
#tit .snb a {display:table-cell;vertical-align:top;box-sizing:border-box;height:40px;font-weight:300;color:#777 ;white-space:nowrap;text-align:center;}
#tit .snb a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#tit .snb a span {font-size:14px;}
#tit .snb .active {color:#000;font-weight:bold ;}
#tit.line h3 {padding-bottom:25px;}
#tit.line h3:before {content:"";width:30px;height:1px;position:absolute;left:50%;margin-left:-15px;background:#000;bottom:0;}

#sub {padding:30px 0;}
#sub #tit h3 {color:#372f2c;}

.__tab-floor {text-align:center;font-size:0;margin-bottom:30px;}
.__tab-floor .tab {position:relative;}
.__tab-floor .tab a {display:inline-block;border-radius:50%;width:44px;height:44px;box-sizing:border-box;text-align:center;line-height:42px;border:1px solid #60534c;font-size:15px;font-weight:300;color:#60534c;position:relative;}
.__tab-floor .tab a ~ a {margin-left:43px;}
.__tab-floor .tab a ~ a:before {content:"";display:block;position:absolute;right:100%;top:50%;margin-top:-1px;margin-right:2px;background:#60534c;height:1px;width:44px;}
.__tab-floor .tab .active {background:#2b2421;color:#fff;font-weight:bold;}

.__gallery {margin-top:30px;}
.__gallery .float {width:100%;table-layout:fixed;display:table;border:1px solid #60534c;}
.__gallery .float > * {display:table-cell;vertical-align:middle;color:#fff;padding:15px 0;}
.__gallery .float strong {width:45px;text-align:center;font-size:18px;font-weight:500;}
.__gallery .float span {font-size:12px;line-height:1.5em;}
.__gallery .roll {margin-top:10px;text-align:center;}
.__gallery .roll .box ~ .box {margin-top:10px;}

.__service .box {display:table;width:100%;table-layout:fixed;}
.__service .box .img {text-align:center;}
.__service .box .info {padding:30px 20px 45px;text-align:center;}
.__service .box .info dl dt {font-size:15px;color:#000;margin-bottom:20px;display:inline-block;position:relative;border-bottom:1px solid #666;padding-bottom:5px;}
.__service .box .info dl dt:empty {display:none;}
.__service .box .info dl dd {font-size:12px;line-height:1.6em;}

.__service2 {padding:0 10px;}
.__service2 .inner {margin:0 -5px;font-size:0;}
.__service2 .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 5px;margin-bottom:10px;position:relative;}
.__service2 .box img {display:block;width:100%;}
.__service2 .box span {display:block;position:absolute;right:15px;bottom:15px;color:#fff;font-size:13px;}
.__service2 .box1 {width:100%;}
.__service2 .box2 {width:54%;}
.__service2 .box3 {width:46%;}
.__service2 .box4 {width:100%;}
.__service2 .box5 {width:46%;}
.__service2 .box6 {width:54%;}
.__service2 .box7 {width:61%;}
.__service2 .box8 {width:39%;}
.__service2 .box9 {width:100%;}
.__service2 .box10{width:54%;}
.__service2 .box11{width:46%;}
.__service2 .box12{width:100%;}


.__layout {padding:0 10px;}

.__about-top {position:relative;}
.__about-top .top:after {content:"";display:block;clear:both;}
.__about-top .top p {float:left;font-size:19px;line-height:1.5em;text-decoration:underline;color:#000;}
.__about-top .top .img {float:right;text-align:right;width:44%;}
.__about-top .mid {font-size:12px;line-height:1.6em;padding:20px 50px 0 0;position:relative;}
.__about-top .mid:before {content:"";display:block;width:1px;height:100%;right:10px;background:#000;position:absolute;top:0;}
.__about-top .mid:after {content:"";display:block;width:11px;height:31.5px;right:5px;background:url(../images/about-special.gif) no-repeat;background-size:100% 100%;position:absolute;bottom:0;}
.__about-top .bot {text-align:center;margin-top:30px;}


.__about-mid {margin-top:50px;}
.__about-mid h3 {text-align:center;position:relative;font-size:20px;font-weight:500;color:#000;padding-top:15px;margin-bottom:20px;}
.__about-mid h3:before {content:"";display:block;height:1px;width:54px;position:absolute;left:50%;top:0;margin-left:-27px;background:#000;}
.__about-mid .area {margin:0 -5px;font-size:0;}
.__about-mid .area .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:50%;padding:0 5px;margin-bottom:10px;text-align:center;}
.__about-mid .area .box dl dt {background:#fafafa;padding:15px 5px;border:1px solid #646464;color:#333;}
.__about-mid .area .box dl dt strong {font-size:15px;font-weight:normal;}
.__about-mid .area .box dl dt span {font-size:11px;display:block;margin-top:3px;}
.__about-mid .area .box dl dd {border:1px solid #bdb2ad;border-top:none;padding:20px 0;font-size:12px;color:#333;line-height:1.5em;font-weight:500;}
.__about-mid .area .box dl dd span {font-weight:bold;font-size:15px;}
.__about-mid .area .box dl dd em {font-size:11px;}

.__about-bot {margin-top:30px;}
.__about-bot h3 {width:160.5px;margin:0 auto 15px;height:28px;line-height:25px;background:url(../images/about-bot-bg.gif) no-repeat 50% 0;background-size:contain;text-align:center;font-size:13px;font-weight:bold;color:#000;margin-bottom:15px;}
.__about-bot table {width:100%;table-layout:fixed;}
.__about-bot table tr td {border:1px solid #d1d1d1;padding:20px 10px 30px;vertical-align:top;}
.__about-bot table tr td .box .ico {text-align:center;margin-bottom:10px;}
.__about-bot table tr td .box .ico img {width:40px;}
.__about-bot table tr td .box h4 {text-align:center;height:24px;line-height:24px;border-radius:3px;background:#f6f6f6;font-size:12px;color:#000;font-weight:normal;margin-bottom:10px;}
.__about-bot table tr td .box .area dl {display:table;width:100%;}
.__about-bot table tr td .box .area dl > * {display:table-cell;font-size:11px;color:#333;padding:4px 0;}
.__about-bot table tr td .box .area dl dd {text-align:right;font-weight:500;}

.__about-last {margin-top:50px;}
.__about-last h3 {text-align:center;position:relative;font-size:20px;font-weight:500;color:#000;padding-top:15px;margin-bottom:20px;}
.__about-last h3:before {content:"";display:block;height:1px;width:54px;position:absolute;left:50%;top:0;margin-left:-27px;background:#000;}
.__about-last .loc {border:1px solid #000;}
.__about-last .info {margin-top:20px;}
.__about-last .info .top {font-size:12px;position:relative;padding-left:2.5em;line-height:1.4em;}
.__about-last .info .top strong {font-weight:500;color:#000;position:absolute;left:0;top:0;}
.__about-last .info .bot {border-top:1px dotted #333;margin-top:15px;padding-top:15px;}
.__about-last .info .bot:after {content:"";display:block;clear:both;}
.__about-last .info .bot dl {position:relative;box-sizing:border-box;padding-left:1em;}
.__about-last .info .bot dl ~ dl {margin-top:15px;}
.__about-last .info .bot dl:before {content:"-";display:block;position:absolute;left:0;top:0;}
.__about-last .info .bot dl dt {font-size:11px;line-height:1.4em;}
.__about-last .info .bot dl dd {font-size:11px;line-height:1.4em;margin-top:5px;}



.__tbl-list {width:100%;table-layout:fixed;border-top:2px solid #372f2c;}
.__tbl-list tr > * {text-align:center;font-size:11px;padding:5px;}
.__tbl-list tr td {border-bottom:1px solid #e5e5e5;}
.__tbl-list .notice td:first-child {color:#9d4727;}
.__tbl-list tr td .subject {text-align:left;font-size:13px;}
.__tbl-list tr td .subject a {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:90%;display:inline-block;vertical-align:middle;}
.__tbl-list tr td .date {text-align:right;color:#888;margin-top:5px;}


.__ico-new {display:inline-block;vertical-align:middle;width:15px;height:15px;line-height:15px;border-radius:50%;color:#fff;text-align:center;background:#ff663a;font-size:11px;font-weight:bold;}



.__botarea {margin-top:20px;position:relative;min-height:32px;}
.__botarea .cen {text-align:center;}

.__paging {font-size:0;}
.__paging .arr,
.__paging .num {
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	width:30px;
	height:30px;
	line-height:28px;
	border:1px solid #fff;
	text-align:center;
	color:#666;
	z-index:0;
	position:relative;
}
.__paging .num {font-size:13px;}
.__paging .arr i {font-size:16px;display:block;line-height:30px;}
.__paging .num:hover,
.__paging .arr:hover {border-color:#000;color:#000;}
.__paging .num.active {border-color:#372f2c;color:#fff;background:#372f2c;font-weight:500;}

.__paging .prev {margin-right:5px;}
.__paging .next {margin-left:5px;}

.__search {margin-top:20px;font-size:0;}
.__search select,
.__search .wrap {display:inline-block;vertical-align:top;box-sizing:border-box;height:34px;border:1px solid #ddd;}
.__search select {margin-right:5px;padding-left:5px;background:#fff;width:80px;}
.__search .wrap {position:relative;padding-right:32px;width:150px;text-align:left;}
.__search .wrap input[type='text'] {border:none;height:32px;line-height:32px;box-sizing:border-box;padding-left:10px;width:100%;}
.__search .wrap button {display:block;width:32px;height:32px;background:none;border:none;font-size:18px;color:#666;position:absolute;right:0;top:0;}
.__search select,
.__search input[type='text'] {font-size:12px;}

.__board-view {border-top:2px solid #372f2c;border-bottom:1px solid #e5e5e5;}
.__board-view .top h3 {border-bottom:1px solid #372f2c;padding:12px 0;line-height:1.5em;font-size:14px;font-weight:normal;}
.__board-view .top .info {display:table;width:100%;border-bottom:1px solid #e5e5e5;padding:12px 0;font-size:0;}
.__board-view .top .info li {font-size:12px;vertical-align:top;display:table-cell;}
.__board-view .top .info li ~ li {text-align:right;}
.__board-view .top .info li strong {font-weight:normal;color:#000;}
.__board-view .con {padding:25px 10px;min-height:150px;}

.__btn1 {display:inline-block;width:150px;height:45px;line-height:43px;background:#282828;box-sizing:border-box;border:1px solid #282828;color:#fff;font-size:14px;font-weight:bold;}


.__online {padding-top:5px;}
.__online .agree {border-top:1px solid #333;margin-top:10px;padding-top:25px;}
.__online .agree h3 {font-size:13px;color:#000;margin-bottom:5px;}
.__online .agree .area {border:1px solid #dcdcdc;background:#fff;padding:15px;box-sizing:border-box;height:140px;overflow-y:auto;font-size:12px;line-height:1.5em;;}
.__online .agree .lab {margin-top:10px;font-size:12px;}


.__tbl-write {border-top:2px solid #372f2c;table-layout:fixed;width:100%;}
.__tbl-write tr > * {padding:5px 0;}
.__tbl-write tr th {font-size:12px;font-weight:normal;color:#333;text-align:left;}
.__tbl-write .__tel .dash {text-align:center;width:14px;}
.__form1 {display:inline-block;box-sizing:border-box;background:#fff;border:1px solid #c5c5c5;height:35px;padding-left:8px;width:100%;}

.__privacy {font-size:12px;line-height:1.6em;color:#333;border-top:2px solid #372f2c;padding:15px 10px 0;}
.__privacy p{padding:20px 0; font-size:13px; color:#000;}
.__privacy dl ~ dl {margin-top:15px;}
.__privacy dl dt {font-size:15px;color:#000; padding-top: 20px;}
.__privacy dl dd {margin-top:10px;}
.__privacy dl dd.pd20{padding-left:20px; margin-top:5px;}

.__privacy table {width:100%;table-layout:fixed;border-top:1px solid #646464; margin-top:10px;}
.__privacy table tr > * {text-align:center;}
.__privacy table thead tr > * {border-bottom:1px solid #646464;padding:10px 0;font-weight:500;font-size:12px;color:#333;}
.__privacy table thead tr > *:first-child {border-left:1px solid #646464;}
.__privacy table thead tr > *:last-child {border-right:1px solid #646464;}
.__privacy table thead tr th span {display:block;height:24px;line-height:24px;}
.__privacy table thead tr th ~ th span {border-left:1px solid #bababa;}
.__privacy table tbody tr > * {border-bottom:1px solid #bababa;padding:10px 0;font-size:12px;}
.__privacy table tbody tr > * ~ * {border-left:1px solid #bababa;}
.__privacy table tbody tr th {font-weight:600;color:#000;}