@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 #56b425;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: #56b425;}
.navbar-header {border-bottom: 1px solid #ccc;}

#menu-wrap {width: 100%;background:#fff;display: table;border-collapse: separate;border-spacing: 4px;padding: 10px 10px 0;}
.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;background: #8892a1;border-radius: 5px;}
.navi-title:hover, .navi-title:focus, .curr_menu{text-decoration: none;color: #ffffff;background: #1285d1;}
article:after{display:table;content:" "}
article:after{clear:both}
.profile-img {float: left;max-width: 40%;margin-right: 10px;margin-bottom: 10px;padding: 5px;border: 1px solid #eee;border-radius: 5px;}
.profile-wrap{max-width: 55%;}
.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}

#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: 50px;padding-top: 15px;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;}
}