@charset "UTF-8";

/* SUB CONTENT AREA */
#sub-article {padding: 0 15px 20px;}
.image-wrap{margin:10px 0;text-align:center}
.image-wrap > img{padding:5px;border:1px solid #eee;border-radius:5px}
h1{font-size:1.4em;font-weight:bold;border-left: 4px solid #1f497d;padding-left: 5px;}
h2{font-size:1.2em;font-weight:bold}
h3{font-size:1.1em;font-weight:bold}
h4{font-size:1.1em;font-weight:bold}
.point-color{color: #1f497d;}
.navbar-header {border-bottom: 1px solid #ccc;}

.navi-title:hover, .navi-title:focus, .curr_menu{}
article:after{display:table;content:" "}
article:after{clear:both}
.profile-img {float: right;max-width: 40%;margin-left: 10px;margin-bottom: 10px;padding: 5px;border: 1px solid #eee;border-radius: 5px;}
.profile-img:after{display:table;content:" "}
.profile-img:after{clear:both}
.profile-wrap{max-width: 55%;float: left;}
.profile-sub{clear:both}
.doc-name{text-align: center;}

.ul-list{padding-left:20px}
.ol-list{padding-left:30px}
.ul-list > li, .ol-list > li{display:list-item;list-style: inherit;}
.list-default{list-style-type:disc;line-height: 1.5em;}
.sub-title-txt {color: #ff3734;font-weight: bold;text-align: center;font-size: 1.2em;padding-top:20px}

.pos-left{text-align:left}
.pos-right{text-align:right}

.with-txt{width:45%;margin:0 10px 0 0}
.right-txt-wrap{max-width:50%;}
.right-txt-wrap > h2{margin-top:0}


#sub-menu-header{position: relative;padding-left:160px;}
#sub-menu-header:before,
#sub-menu-header:after {display: table;content: " ";}
#sub-menu-header:after {clear: both;}
.sub-nav-div{height:50px;font-weight:bold;}
.sub-nav{top:0;left:0;width:160px;padding-left:15px;padding-top:15px;position:absolute}
.sub-nav img{max-height:45%;}
.sub-menu-title{background:#f0f0f0;color:#222;padding-top:12px;width:100%;padding-left:15px;border-left:1px solid #fff;font-size: 1em;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.sub-nav.on {background: url(../images/btn_on.png) no-repeat 95% 50% #1f497d;background-size: 10%;color:#fff;}
.sub-nav {background: url(../images/btn_off.png) no-repeat 95% 50% #dbdbdb;background-size: 10%;border-right:1px solid #c8c8c8;color:#666;background-color: #1f497d;color: #fff;}
.sub-menu-list-wrap{display:none;color:#fff;font-size: 16px;background-color: #724fad}

.sub-menu-list.on{color:#fff;font-weight: bold;text-decoration: underline;}
.sub-menu-list {padding: 17px 0 17px 30px;background: url(../images/bull.png) no-repeat 5% 45%;      background-position: left 16px top 45%;      background-size: 9px;display: block;border-top: 1px solid #313131;background-color: #414141;color: #dcdcdc;font-size: 15px;}
.sub-section{margin: 20px;}
.sub-navbar-nav{position: absolute;top: 115px;width: 100%;background:#d8d8d8;border-top:1px solid #4a4a4a;border-bottom:1px solid #4a4a4a;z-index: 10;}
.sub-navi-title{font-weight: bold;font-size:1em;color: #000;width: 100%;height: 50px;display: block;background:none;text-align:left;padding:15px;border-bottom: 1px solid #757575;}
.sub-navi-title + .sub-navi-title{border-top:1px solid #fff;}
.sub-navi-title:hover, .sub-navbar-nav .active{color:#fff;font-size:1.1em;background:#1f497d;border:0;}
.round-box{margin-top:10px;padding:5px;border-radius: 5px;border:2px solid #1f497d;}
td{vertical-align:top}
.red{color:#f00;}

.tab-wrap{display: table;border-spacing: 4px;border-collapse: separate;width:100%}
.tab-list-wrap{display: table-row;height: 30px;cursor:pointer}
.tab-link{font-size:0.9em; padding:5px;display:table-cell;text-align: center;vertical-align: middle;background: #fff;border:1px solid #000;font-weight:bold;border-radius: 5px;}
.tab-link:hover, .tab-link.on{background:#1f497d;color:#fff;}
.tab-view{display: none}

.sub-nav-div, .sub-menu-list{cursor: pointer;}

/* MEDIA QUERY */
@media (min-width: 720px) {
	#menu-wrap{padding-left: 200px;background:transparent;width:100%;display: block;}
	.navbar-header{border:0}
	.navbar-nav {display: block;}
	#sub-menu-header-wrap{display:none}
	.profile-sub{clear:none;float:left;max-width:60%;}
	.navi-title + .navi-title{border-left: 0;}
	.navi-title:hover, .navi-title:focus {text-decoration: none;color: #999;background: #fff;}
}
@media screen and min-width:321px){
	.map-wrap{margin:0}
}
@media screen and (max-width:320px){
	.map-wrap{margin: 0 -15px;}
}