@charset "UTF-8";

/* SUB CONTENT AREA */
#sub-article {padding: 0 15px 20px;}
article:before, article:after{display:table;content:""}
article:before, article:after{clear:both}

.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 #074fa6;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: #074fa6;}


#menu-wrap {width: 100%;background:#fff;display: table;}
.navbar-brand {padding-top: 18px;max-width: 200px;position:absolute;left: 50%;margin-left: -100px;cursor:pointer}
.navbar-nav {display: table-row;height: 60px;}
.navi-title {display: table-cell;color: #ffffff;font-weight: bold;cursor: pointer;text-align: center;vertical-align: middle;border-top: 1px solid #757575;border-bottom: 1px solid #757575;background: #949494;}
.navi-title:hover, .navi-title:focus, .curr_menu {text-decoration: none;color: #ffffff;background: #0e317f; }
.navi-title + .navi-title{border-left: 1px solid {{NAVI_TITLE_BORDER}};}
.profile-img {float: left;max-width: 40%;padding-right: 10px;margin-bottom: 10px;}
.profile-wrap{max-width:60%;}
.profile-sub{clear:both}
.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;}
.sub-title-txt {color: #ff3734;font-weight: bold;text-align: center;font-size: 1.2em;padding-top:20px}
.doc-name{margin-top:0}

.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}

#goto-top {position: fixed;right: 5px;bottom: 50px;z-index: 9999;cursor:pointer;width: 35px;}
.map-wrap{overflow:hidden}

/* MEDIA QUERY */
@media (min-width: 769px) {
	#menu-wrap{padding-left: 200px;background:transparent;width:100%;display: block;height: 65px;}
	.navbar-header{border:0}
	.navbar-nav {display: block;}
	.navi-title{float: left;font-weight: bold;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;height: 60px;padding-top: 27px;text-align: center;cursor: pointer;border:0;display: block;background: #ffffff;color: #000000;}
	.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;}
	.navbar-brand {position:relative;margin-left:-70px;}
}
@media screen and min-width:321px){
	.map-wrap{margin:0}
}
@media screen and (max-width:320px){
	.map-wrap{margin: 0 -15px;}
}