@charset "utf-8";
.skipnav.main {display:none !important;}

#container {border-top:1px solid #ddd; overflow:hidden;}
#lmenu {float:left; width:20%; padding:30px 0;}
#lmenu h2 {text-align:center; margin-bottom:15px; padding:40px 0; color:#fff; font-size:26px; border-radius:0 30px 0 30px; background:linear-gradient(to right top, #505ab5, #069f9b);}
#lmenu>ul>li {margin-bottom: 2px;}
#lmenu>ul>li>a {display:block; padding:14px; font-size:16px; border-bottom:1px solid #ddd;}
#lmenu>ul>li.on {margin-top:-1px; border-top:1px solid #fff;}
#lmenu>ul>li.on>a {padding-left:25px; color:#fff; font-weight:bold; border-bottom:0; border-radius:20px 0 20px 0; background:#363d86;}
#lmenu>ul>li.on>a.point {position:relative; border-radius:20px 0 0 0;}
#lmenu>ul>li.on>a.point:after {display:block; content:""; position:absolute; right:18px; top:24px; width:16px; height:2px; background:#fff;}
#lmenu>ul>li>ul {display:none; padding:20px 25px; border:1px dashed #363d86; border-top:0; border-radius:0 0 20px 0; background:#f8f8f8;}
#lmenu>ul>li>ul>li {position:relative; padding-left:10px; margin-bottom:7px;}
#lmenu>ul>li>ul>li:before {display:block; content:""; position:absolute; left:0; top:10px; width:5px; height:1px; background:#5d5d5d;}
#lmenu>ul>li>ul>li.on:before {background:#323232;}
#lmenu>ul>li>ul>li>a {color:#5d5d5d;}
#lmenu>ul>li>ul>li.on>a {font-weight:bold; color:#323232;}

#contents {float:right; width:75%;}
#con_tit {position:relative; padding:65px 0 37px; border-bottom:1px solid #dbdbdb;}
#con_tit h3 {font-size:30px; color:#111;}
#con_tit ol {position:absolute; right:70px; bottom:46px; overflow:hidden;}
#con_tit ol li {position:relative; float:left; margin-right:20px; /* color:#888; */}
#con_tit ol li:before {display:block; content:""; position:absolute; left:-17px; top:7px; width:7px; height:7px; border-right:1px solid #bbb; border-bottom:1px solid #bbb; transform:rotate(-45deg);}
#con_tit ol li.ir {width:16px; height:14px; margin-top:3px; background:url('/main/img/sub/location_home.svg') no-repeat;}
#con_tit ol li.ir:before {display:none;}
#con_tit ol li:last-child {/* color:#323232; */ font-weight: bold;}
#con_tit>ul {position:absolute; right:0; bottom:40px;}
#con_tit>ul>li {float:left; margin-left:5px;}
#con_tit>ul .share {position:relative;}
#con_tit>ul .share>a {width:34px; height:34px; border-radius:50%; background:#ececec url('/main/img/sub/ic_share.gif') no-repeat center center;}
#con_tit>ul .share>div {display:none; position:absolute; right:0; top:0; width:125px; height:34px; padding:1px; border-radius:34px; background:linear-gradient(to right, #5259b5, #069f9b); box-shadow:3px 0 3px rgba(0,0,0,.12);}
#con_tit>ul .share>div>ul {height:32px; border-radius:33px; background:#fff; overflow:hidden;}
#con_tit>ul .share>div>ul li {float:left; margin-left:14px; padding-top:8px;}
#con_tit>ul .share .link {width:18px; height:18px; background:url('/main/img/sub/share_link.gif') no-repeat;}
#con_tit>ul .share .twitter {width:16px; height:14px; background:url('/main/img/sub/share_twitter.gif') no-repeat;}
#con_tit>ul .share .facebook {width:8px; height:16px; background:url('/main/img/sub/share_facebook.gif') no-repeat;}
#con_tit>ul .share .close {width:16px; height:16px; background:url('/main/img/sub/ic_share_close.gif') no-repeat;}
#con_tit>ul .print>a {width:34px; height:34px; border-radius:50%; background:#ececec url('/main/img/sub/ic_print.gif') no-repeat center center;}

#detail_con {padding:60px 0;}

#manager {position:relative; text-align:center; padding:20px; margin-bottom:60px; border-radius:5px; border:1px solid #b5b7bf; background:#f8f8f8;}
#manager dl, #manager dt, #manager dd {display:inline-block; margin-left:5px; font-size:14px; letter-spacing:0;}
#manager dl:nth-child(2) {position:relative; margin-left:20px;}
#manager dl:nth-child(2):before {display:block; content:""; position:absolute; left:-7px; top:5px; width:1px; height:10px; background:#a3a3a3;}

#quick {position:fixed; right:0; top:220px; text-align:center; background:#f9f9fa; box-shadow:2px 0 13px rgba(0,0,0,.27); z-index: 10;}
#quick>ul>li {position:relative; padding:2px;}
#quick>ul>li:before {display:block; content:""; position:absolute; left:50%; top:0; width:10px; height:1px; margin-left:-5px; background:#888;}
#quick>ul>li:first-child:before {display:none;}
#quick>ul>li>a {display:block; padding:58px 11px 23px; font-size:14px; line-height:1.5em; /* color:#888; */}
#quick>ul>li>a.placard {background:url('/main/img/sub/quick_placard.gif') no-repeat center 30px;}
#quick>ul>li>a.parking {background:url('/main/img/sub/quick_parking.gif') no-repeat center 30px;}
#quick>ul>li>a.customer {background:url('/main/img/sub/quick_customer.gif') no-repeat center 25px;}
#quick>ul>li>a.garbagebag {background:url('/main/img/sub/quick_garbagebag.gif') no-repeat center 25px;}
#quick>ul>li>a:hover {color:#111; text-decoration:underline;}
#quick a.top {display:block; padding:10px; color:#fff; background:#c83f50;}

#tab {position:relative; text-align:center; margin-bottom:10px; margin-top:-1px; background:#fff; z-index:10;}
#tab ul {padding:25px 40px; border-radius:20px 0 20px 0; border:3px solid #363d86; background:#f3f3f7; font-size:0; line-height:0;}
#tab li {position:relative; display:inline-block; vertical-align:top; margin-left:5px;}
#tab li:before {display:block; content:""; position:absolute; left:0; top:9px; width:1px; height:11px; background:#bbbbbe;}
#tab li:first-child:before {display:none;}
#tab li a {display:block; padding:2px 18px 4px; font-size:16px; line-height:1.5em;}
#tab li.on a {color:#fff; border-radius:40px; background:#363d86;}
#tab li.on:before {display:none;}

#stab {text-align:center; margin-bottom: 10px; padding:25px 40px; border-radius:20px 0 20px 0; border:3px solid #363d86; background:#f3f3f7;}
#stab ul {font-size:0; line-height:0;}
#stab li {position:relative; display:inline-block; vertical-align:top; margin-left:5px;}
#stab li:before {display:block; content:""; position:absolute; left:0; top:9px; width:1px; height:11px; background:#bbbbbe;}
#stab li:first-child:before {display:none;}
#stab li a {display:block; padding:2px 18px 4px; font-size:16px; line-height:1.5em;}
#stab li.on a {color:#fff; border-radius:40px; background:#363d86;}
#stab li.on:before {display:none;}

#data_control{clear:both; position:relative; padding-top:60px;}
#data_control>p{position:absolute; left:0px; text-align:right; width:21%}
#data_control>div{border-top:2px solid #333; padding:10px 0px 10px 10px}
#data_control>div div:not(.data_btn){position:relative; margin:18px 0px; padding-left:110px; padding-right:200px}
#data_control>div div p.tit{position:absolute; left:0px; top:50%; font-weight:600; color:#333; transform:translateY(-50%);}
#data_control>div div ul li{display:inline-block; padding:2px 0px}
#data_control>div #satisfy ul li{margin-right:3%}
#data_control>div #satisfy ul li * {vertical-align:middle;}
#data_control>div #satisfy ul li label{padding-left:25px; background-position:left center; background-repeat:no-repeat; vertical-align:middle}
#data_control>div #satisfy ul li.ic01 label{background-image:url(/main/img/sub/ic_satisfy01.gif)}
#data_control>div #satisfy ul li.ic02 label{background-image:url(/main/img/sub/ic_satisfy02.gif)}
#data_control>div #satisfy ul li.ic03 label{background-image:url(/main/img/sub/ic_satisfy03.gif)}
#data_control>div #satisfy ul li.ic04 label{background-image:url(/main/img/sub/ic_satisfy04.gif)}
#data_control>div #satisfy ul li.ic05 label{background-image:url(/main/img/sub/ic_satisfy05.gif)}
#data_control>div .data_btn{position:absolute; top:50%; right:0px; transform:translateY(-50%);}
#data_control>div .data_btn>p{display:inline-block; border-radius:3px; font-size:14px; height:37px; line-height:37px; vertical-align:top}
#data_control>div .data_btn p.btn_result a{display:block; padding-left:20px; width:120px; text-align:center; color:#fff; background:#333 no-repeat 20px center}
#data_control>div #satisfy .data_btn p.btn_result a{background-image:url(/main/img/sub/ic_result.gif);}
#data_control>div .data_btn p.btn_submit input[type=submit]{display:block; text-align:center; padding:0; font-size:1em; line-height:34px; width:80px; border:1px solid #ddd; background:#fff; box-sizing:border-box;}
#data_control>div div p.text input{padding:0px 10px; width:100%; height:38px; border:0px; background:#f0f0f0; border-radius:3px}

/*tablet~mobile*/
@media screen and (max-width:1280px){
	#quick {display:none;}
}

/*tablet~mobile*/
@media screen and (max-width:800px){
	#lmenu {display:none;}
	#contents {float:none; width:96%; margin:0 auto;}
}



/*mobile*/
@media screen and (max-width:640px){
	#con_tit {padding:30px 0;}
	#con_tit ol {position:static; margin:8px 5px 0;}
	#con_tit>ul .print {display:none;}

	#data_control>div div:not(.data_btn){padding-left:0; padding-right:0}
	#data_control>div div p.tit{position:static; transform:none;}
	#data_control>div div ul {margin-top:15px;}
	#data_control>div .data_btn{position:static;margin-top:20px; transform:none;}
}

/*mobile_min*/
@media screen and (max-width:480px){
}


/* #detail_con .board_view .detail img {display:none !important;} */