@charset "utf-8";
h1{margin:0 0 0 0;}
h2{font-size:30px;line-height:1.5em;}
.subtitle{font-size:22px; line-height:1.5em;text-align:center;color:#808080;margin-top:0.6em;margin-bottom:0.6em;}
.subtitle-mb{font-size:16px; line-height:1.4em;color:#808080;margin-top:0.5em;margin-bottom:0.5em;}
.font14{font-size:14px; line-height:1.7em;}
.font15{font-size:15px; line-height:1.7em;}
.font16{font-size:16px; line-height:1.5em;}
.font18{font-size:18px; line-height:1.6em;}
.font18-2{font-size:18px; line-height:2em;}
.font19{font-size:19px; line-height:1.5em;}
.font20{font-size:20px; line-height:1.5em;}
.font22{font-size:22px; line-height:1.5em;}
.font23{font-size:23px; line-height:1.5em;}
.font24{font-size:24px; line-height:1.5em;}
.font25{font-size:25px; line-height:1.5em;}
.font26{font-size:26px; line-height:1.5em;}
.font28{font-size:28px; line-height:1.5em;}
.font29{font-size:29px; line-height:1.5em;}
.font30{font-size:30px; line-height:1.5em;}
.font35{font-size:35px; line-height:1.5em;}
.font40{font-size:40px; line-height:1.5em;}
.font43{font-size:43px; line-height:1.5em;}
.font45{font-size:45px; line-height:1.5em;}
.font48{font-size:48px; line-height:1.2em;}
.font50{font-size:50px; line-height:1.2em;}
.asterisk:before{content : "※  ";}
.bold{font-weight:bold;}
.white{color:#FFF;}
.gwhite{color:#dcdcdc;}
.gray{color:#A9A9A9;}
.yellow{color:#FF0;}
.blue{color:#0066CC;}
.light_blue{color:#2196f3;}
.red{color:#EE0000;}
.orange{color:#FF6600;}
.bg-white{background-color:#ffffff;}
.bg-gray{background-color:#f5f5f5;}
.bg-gray2{background-color:#666666;}
.bg-blue{background-color:#243FAA;}
.bg-light_blue{background-color:#2196f3;}
.bg-red{background-color:#DD0000;}
.bg-orange{background-color:#FF6600;}
.bg-yellow{background-color:#FF0;}
.bg-input{background-color:#FFF4E5;}
.area-xs {margin-top:1em;margin-bottom:1em;}
.area-sm {margin-top:2em;margin-bottom:2em;}
.area-md {margin-top:3em;margin-bottom:3em;}
.area-lg {margin-top:4em;margin-bottom:4em;}
.area-down {margin-top:2.2em;}
.area-bottom-space{margin-bottom:3.5em;}
.area-menu{padding:15px;}
.area-menu-down{margin-bottom:0.2em;}
.section{padding-top:60px;clear:both;}
.section:last-child{margin-bottom:120px;}


.menu{padding-top:5px;padding-left:10px;list-style-type:none;}
.help-header {margin-top:3em;margin-bottom:1em;}
.navbar-brand {
  background:url("/img/logo_ZGK.png")no-repeat left center;
  background-size:contain;
  height:68px;
  padding-top:22px;
  padding-bottom:22px;"
}
.pad10{padding-left:10px;}
.pad15{padding-left:10px;}
.pad20{padding-left:25px;}
.pad25{padding-left:25px;}
.mailbody {
  font-size:12px;
  line-height:1.2em;
	padding : 10px;
	background-color: #f5f5f5;
	border-radius : 4px;
	border: 1px solid #ccc;
}
.mailbody p{
	margin: 0px !important;
	word-break:break-all;
}
.navbar-toggle {
  margin-top: 17px;
  margin-bottom: 17pxx;
}
.navbar-nav > li > a {
  margin-top: 0px;
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
body { padding-top: 80px; }
@media ( min-width: 768px ) {
  #banner {
    min-height: 300px;
    border-bottom: none;
  }

  .bs-component {
    position: relative;
  }
  .bs-component .modal {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: 1;
    display: block;
  }
  .bs-component .modal-dialog {
    width: 90%;
  }
  .bs-component .popover {
    position: relative;
    display: inline-block;
    width: 220px;
    margin: 20px;
  }
  .nav-tabs {
    margin-bottom: 15px;
  }
}
footer.footer a{
  color: #dcdcdc;
}
footer.footer a:focus,
footer.footer a:hover,
footer.footer a:active {
    color: #fff;
    text-decoration: none;
}
#menu a{
  color: #324440;
  text-decoration: none;
}
#menu a:focus,
#menu a:hover,
#menu a:active {
  color: #2196f3;
  text-decoration: none;
}
#pageTop {
  position: fixed;
  bottom: 15px;
  right: 15px;
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 10px 0 0 0;
  border-radius: 60px;
  width: 60px;
  height: 60px;
  background-color: #DD0000;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.scr {
  overflow: scroll;   /* スクロール表示 */
  width: 100%;
  height: 150px;
  background-color: white;
}
#contents-area .btn{
  border-radius: 5px !important;
  margin:2px 0px;
}
span.btn-danger,
span.btn-danger:hover{
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  cursor: text;
}
span.btn-default,
span.btn-default:hover{
  background-color: #f5f5f5;
  cursor: text;
}
span.btn-primary,
span.btn-primary:hover{
  background-color: #337ab7;
  border-color: #2e6da4;
  cursor: text;
}
span.btn-success,
span.btn-success:hover{
  background-color: #5cb85c;
  border-color: #4cae4c;
  cursor: text;
}
span.btn-warning,
span.btn-warning:hover{
  background-color: #f0ad4e;
  border-color: #eea236;
  cursor: text;
}
span.btn-info,
span.btn-info:hover{
  background-color: #5bc0de;
  border-color: #46b8da;
  cursor: text;
}
li.asterisk{
  padding-left:25px;
}
td p {
  margin-bottom: 0px;
}
.bg-yellow > p{
  padding: 2px;
}
span.indentno{
  font-weight:bold;
  padding-right:10px;
}
span.indentno:after{
  content: '.';
}
#userauth td:nth-child(3),
#userauth td:nth-child(4),
#userauth td:nth-child(5){
  text-align: center;
  font-size:22px;
}
#userrestriction td:nth-child(2),
#userrestriction td:nth-child(3){
  text-align: center;
  font-size:22px;
  vertical-align: middle;
}
#feeplan td:nth-child(3){
  padding: 8px 0px;
  text-align: center;
}
/* 800px でレスポンシブ */
@media ( min-width : 800px ){
	#content-smenu{
		display:inline-block;
		vertical-align:top;
	}
}