@charset "utf-8";
footer {border-top:1px solid #ddd;}
.sub_title {overflow:hidden;}
.sub_title h3 {margin-bottom:40px; padding-top:25px; padding-bottom:17px; /*padding-bottom:25px;*/ background:#fafafa url(/lll/images/sub/sub_title_bg.gif) right bottom no-repeat; font-size:33px; color:#3767b5;}

#leftmenu{float:left; width:240px; }
#leftmenu .tit {padding-bottom:15px; border-bottom:1px solid #d5d5d5; font-size:30px; color:#2a2a2a;}
#leftmenu>ul {z-index:99;}
#leftmenu>ul>li {position:relative;}
#leftmenu>ul>li a {display:block;}
#leftmenu>ul>li>a {padding:5% 8%; background:url(/lll/images/sub/leftmenu_bg.gif) 90% center no-repeat;  font-size:16px; color:#717171;}
#leftmenu>ul>li.select>a, #leftmenu>ul>li:hover>a {background:#3767b5 url(/lll/images/sub/leftmenu_select.gif) 93% center no-repeat; font-weight:bold; color:#fff;}
#leftmenu>ul>li>ul {display:none; padding:15px 20px; background:#f3f3f3;}
#leftmenu>ul>li.select>ul {display:block;}
#leftmenu>ul>li>ul>li {position:relative; padding:1% 1% 1% 10px;}
#leftmenu>ul>li>ul>li:before {content:''; display:block; position:absolute; top:13px; left:0; width:5px; height:1px; background:#717171;}
#leftmenu>ul>li>ul>li.select {font-weight:bold; text-decoration:underline;}
#contents {float:right; width:75.834%;}

#tab ul {overflow:hidden;}
#tab ul li {float:left; width:24.5%; margin:.25% .25%; text-align:center;}
#tab ul li.long {width:49%;}
#tab ul li a {display:block; padding:12px; border:1px solid #ddd; background:#fafafa;}
#tab ul li a.point {background:#0070c0; color:#fff;}
#tab ul li.select a {position:relative; padding:11px; border:2px solid #3767b5; background:#fff; font-weight:bold; color:#1F6BD0;}
#tab ul li.select a.point {background:#bdd7ee; color:#484848;}
#tab ul li.select a:after, #tab ul li.select a::after {position:absolute; left:0; top:0; width:0; height:0; border-top:15px solid #3767b5; border-right:15px solid transparent; content:"";}
#stab {overflow:hidden; width:300px; margin:40px auto;}
#stab li a {display:block; float:left; width:33.3%; padding-bottom:8px; border-bottom:3px solid #ddd; color:#858585; font-size:24px; font-weight:bold; text-align:center; text-decoration:none;}
#stab li.select a {border-bottom:3px solid #0b5aa0; color:#3767b5;}

#detail_con img {max-width:100%;}
h4 {margin-top:50px; padding-left:28px; background:url(/lll/images/sub/blet.gif) no-repeat left 8px; font-size:22px; color:#546da9;}
h4:first-child {margin-top:0px;}
.sblet {padding-left:20px; background:url(/lll/images/sub/sblet.gif) no-repeat left 6px; font-size:18px; font-weight:bold;}
.ssblet {margin-top:10px; padding-left:15px; background:url(/lll/images/sub/ssblet.gif) no-repeat left 7px;}
.sssblet {margin-top:5px; padding-left:10px; background:url(/lll/images/sub/sssblet.gif) no-repeat left 9px;}
.para01 {margin:30px 0px 0px 12px;}
.para02 {margin:15px 0px 0px 10px;}
.para03 {margin:5px 0px 10px 0px;}
.para04 {margin:25px 0px 0px 14px;} /* h4>ssblet */

.blue_font {color:#3767b5;}
.orange_font {color:#e4693a;}

.btn {border:1px solid #546da9; background:#546da9; color:#fff; font-weight:bold; box-shadow:none;}
.btn2 {border:1px solid #3B4652; background:#3B4652;}
.btn .link { padding:10px 25px 10px 32px; background:url(/main/images/contents/ic_link.png) no-repeat left center, url(/main/images/contents/ic_arrR.png) no-repeat right center; font-size:17px;}
.btn .down { padding:10px 10px 10px 32px; background:url(/main/images/contents/ic_down.png) no-repeat left center; font-size:17px;}
.sbtn:hover {border:1px solid #3767B5; background-color:#3767B5; color:#fff; font-weight:bold; box-shadow:none;}
.sbtn:hover:after {border:none; background:none;}

.datatable {margin-top:20px;}
.datatable .data {width:100%;}
.datatable .data.left tbody th, .datatable .data.left tbody td {text-align:left;}
.datatable .data caption {position:fixed; top:-500000px; display:block; width:0px; height:0px; margin:0px; padding:0px; border:0px; text-indent:-50000px;}
.datatable .data thead th {padding:10px; border:1px solid #3767B5; color:#3767B5; text-align:center}
.datatable .data tbody td, .datatable .data tbody th {padding:10px; border:1px solid #d5d5d5; text-align:center; word-break:break-all;}
.datatable .data tbody th {background:#F3F6FB; font-weight:bold;}
.datatable .data tbody tr:first-child th, .datatable .data tbody tr:first-child td {border-top:none;}

.h4_tbox {margin-top:2%; border:1px solid #d5d5d5; border-top:4px solid #3767b5; border-radius:10px;}
.h4_tbox>div {padding:3% 5%;}
.tbox {margin-top:10px; padding:2%; border:1px solid #d5d5d5; background-color:#fafafa;}

@media screen and (max-width:1020px){
	#contents {width:68%;}
}

@media screen and (min-width:769px){
	#container {background:url(/lll/images/sub/sub_bg.gif) repeat-x;}
	.sub_title div {position:relative; height:55px;}
	.sub_title ol {position:absolute; left:0; overflow:hidden; margin-top:15px;}
	.sub_title ol li {float:left; margin-left:8px; padding-left:13px; background:url(/lll/images/sub/location_arr.gif) no-repeat left center; font-size:14px;}
	.sub_title ol li.home {margin-left:0px; padding-left:20px; text-indent:-5000px; background:url(/lll/images/sub/location_home.gif) no-repeat left center; }
	.sub_title ol li.now {font-weight:bold;}
	.sub_title .sns {position:absolute; right:0; overflow:hidden; margin-top:13px;}
	.sub_title .sns li {float:left; margin-left:3px;}
	.sub_title .sns li a {display:block; width:28px; height:28px; text-indent:-5000px;}
	.sub_title .sns li.sns01 a { background:url(/share/images/inc/ic_sns01.gif) no-repeat center;}
	.sub_title .sns li.sns02 a { background:url(/share/images/inc/ic_sns02.gif) no-repeat center;}
	.sub_title .sns li.sns03 a { background:url(/share/images/inc/ic_sns03.gif) no-repeat center;}
	.sub_title .sns li.sns04 a { background:url(/share/images/inc/ic_sns04.gif) no-repeat center;}
	.sub_title .sns li.favorite a { background:url(/share/images/inc/ic_favorite.gif) no-repeat center;}
	.sub_title .sns li.print a { background:url(/share/images/inc/ic_print.gif) no-repeat center;}
	#leftmenu>ul {margin-top:20px;}
	#tab ul.col2 li {width:49.5%;}
	#tab ul.col5 li {width:19.5%;}
	#tab ul.col6 li {width:16%;}
	#detail_con {padding:3% 0%; min-height:450px;}
}

@media screen and (max-width:768px){
	#contents {width:100%; margin-top:107px;}
	.sub_title {position:absolute; top:197px; width:100%; z-index:-1;}
	.sub_title .sns, .sub_title ol {display:none;}
	.sub_title h3 {padding:15px 10px; font-size:30px;}
	#leftmenu {position:relative; top:0; width:100%;}
	#leftmenu .tit {padding:10px 2%; background:#1A65E2; font-size:20px; color:#fff; text-align:left;}
	#leftmenu .tit a {position:absolute; left:0; top:0; display:block; width:100%; height:50px; background:url(/lll/images/inc/mb_nav.gif) no-repeat 98% center / 20px; text-indent:-5000px;}
	#leftmenu>ul {position:absolute; width:100%; background:#fff; box-shadow:0 2px 3px rgba(0,0,0,.3);}
	#leftmenu>ul>li>a {padding:2%;}
	#tab ul li {width:49.5%;}
	#detail_con {padding:3%;}
}
@media screen and (max-width:500px){
	.sub_title h3 {background-image:none;}
}