body {
    font-size:10px;
    padding-top: 75px;
}

/* Default Font */
body, p, div, h1, h2, h3 {
    font-family:Meiryo UI;
}

.fontsize1_2em {
    font-size:1.2em;
}

.fontsize1_5em {
    font-size:1.5em;
}

a {
  color: #25229e;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #25229e;
  text-decoration: underline;
}
a:focus {
  outline : thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.header_border {
    background-color: #ffffff;
    /*border-bottom: 5px solid #203456;*/
}


/* レイアウト構成用 */
.centercontainer{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.margin-top10{
    margin-top:10px;
}
.margin-top30{
    margin-top:30px;
}
.margin-top50{
    margin-top:50px;
}
.margin-top100{
    margin-top:100px;
}
.margin-top130{
    margin-top:130px;
}
.margin-bottom30{
    margin-bottom:30px;
}
.margin-bottom50{
    margin-bottom:50px;
}
.margin-bottom100{
    margin-bottom:100px;
}
.margin-bottom130{
    margin-bottom:130px;
}
.margin-leftright10{
    margin-left:10px;
    margin-right:10px;
}
.margin-leftright30{
    margin-left:30px;
    margin-right:30px;
}
.margin-leftright50{
    margin-left:50px;
    margin-right:50px;
}

.padding-leftright30{
    padding-left:30px;
    padding-right:30px;
}
.padding-leftright50{
    padding-left:50px;
    padding-right:50px;
}

.text-right{
    text-align:right;
}

.text-left{
    text-align:left;
}

.left-block{
    display: block;
    margin-left: 0px;
    margin-right: auto;
}
.right-block{
    display: block;
    margin-left: auto;
    margin-right: 0px;
}

.vertical-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
   /* max-width: 280px; */  /* 20151015 修正　by Lee */
}


.navbar-inverse
{
    background:#103D50;
}

.navbar-inverse .navbar-brand {
  color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a {
  color: #ebebeb;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .navbar-brand {
  color: #ffffff;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}

.field-validation-error {
    color: #e80c4d;
    
}

.field-validation-valid {
    display: none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

/*! Anal Common Button */

.anal_btarea {
    margin: 1px 0 0 0;
    float: right;
}

.anal_bt1 {
    color: #ff8d89;
}
.anal_bt2 {
    color: #e2c010;
}
.anal_bt3 {
    color: #00d5a5;
}
.anal_bt4 {
    color: #0702d1;
}
.anal_bt_text {
    color: #888888;
    font-size: 9px;
}

.page-header {
    border-bottom: 1px solid #eee;
}


/* Title 構成 */
.page-title-area {
    width: 100%;
    background-color: #e5f3fc;
    padding: 1px;
    /*border-radius: 5px;*/
    display: block;

    text-align: center;
    padding-top:30px;
    padding-bottom:30px;
}

.page-title-area h1{
    font-size: 3.0em;
    font-weight: 700;
    margin: 0 auto;
    padding: 0 0;
    max-width:910px;
}


.page-title-area p{
    font-size: 1.5em;
    color:#9d9d9d;
}

/* Title Dark */
.page-title-area-dark {
    width: 100%;
    background-color: #092233;
    padding: 1px;
    /*border-radius: 5px;*/
    display: block;

    text-align: center;
    padding-top:30px;
    padding-bottom:30px;
}

.page-title-area-dark h1{
    font-size: 3.0em;
    font-weight: 700;
    margin: 0 auto;
    padding: 0 0;
    max-width:910px;
    color:#92a5b9;
}

.page-title-area-dark p{
    font-size: 1.5em;
    color:#9d9d9d;
}

@media (min-width: 768px) {
    .page-title-area  h1{
        font-size:5.5em;
    }
    .page-title-area-dark  h1{
        font-size:5.5em;
    }
}
@media (max-width: 768px) {
    .margin-top10 {
        margin-top: 5px;
    }

    .margin-top30 {
        margin-top: 15px;
    }

    .margin-top50 {
        margin-top: 25px;
    }

    .margin-top100 {
        margin-top: 50px;
    }

    .margin-top130 {
        margin-top: 65px;
    }

    .margin-bottom30 {
        margin-bottom: 15px;
    }

    .margin-bottom50 {
        margin-bottom: 25px;
    }

    .margin-bottom100 {
        margin-bottom: 50px;
    }

    .margin-bottom130 {
        margin-bottom: 65px;
    }

    .margin-leftright10 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .margin-leftright30 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .margin-leftright50 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .padding-leftright30 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .padding-leftright50 {
        padding-left: 25px;
        padding-right: 25px;
    }
}

/* サイト共通のサブメニュースタイル */

.nav-submenucontainer
{
    background-color: #f6f6f6;
    border-radius: 5px;
    z-index:100;
}

.nav-submenu {
    margin-left:auto !important;
    margin-right:auto !important;
    background-color:transparent !important;
    margin-bottom:0px !important;
}

.nav-submenu a {
  font-weight: 400 !important;
  color: #7b7b7b !important;
  text-decoration: none !important;
}

.nav-submenu a:hover {
  font-weight: 400 !important;
  color: #33486a !important;
  text-decoration: none !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus 
{
    color: #ffffff !important;
    background-color: #33486a !important;
    font-weight:bold;
}

.nav-submenu .open > a
{
  background-color:#3bb6ed !important;
  color: white !important;
}

.nav-submenu .normal > a,
.nav-submenu .dropdown > a {
    font-size:1.5em;
    line-height:1.5em;
}
.nav-submenu .normal > a > .fa,
.nav-submenu .dropdown > a > .fa {
    font-size:1.2em;
}

.nav-submenu li > .dropdown-menu {
    border-top-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.nav-submenu li > .dropdown-menu > li > a:hover,
.nav-submenu li > .dropdown-menu > li > a:active,
.nav-submenu li > .dropdown-menu > li > a:focus {
  font-weight: 400;
  color: #3bb6ed;
  text-decoration: none;
  background-color:initial;
}

.nav-submenu .subdrop {
    background-color:#f6f6f6;
}

.nav-submenu .subdrop > li > a {
    margin-left:10px;
    height:42px;
    line-height:36px;
}
.nav-submenu .subdrop > li > a > img{
    margin-right:10px;
    -webkit-filter: grayscale(1); /* Webkit */
	filter: url('../../filters.svg#grayscale'); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* W3C */
}
.nav-submenu .subdrop > li > a:hover > img{
	-webkit-filter: grayscale(0); /* Webkit */
	filter: none; /* IE6-9 */
	filter: grayscale(0); /* W3C */
}


/* UI構成要素 */

/*! Checkbox Style */
.checkbox { 
	margin:	0px 0px 10px 20px;
}
.checkbox label { 
	padding-left:	33px;			/* ラベルの位置 */
	font-size:		25px;
	line-height:	25px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
    outline:none; 
}

.checkbox label:before {
	content:		'';
	width:			25px;			/* ボックスの横幅 */
	height:			25px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	left:			0;
	background-color:transparent;
    border:1px solid #616161;
	border-radius:		1px 1px 1px 1px;
}

.checkbox input[type=checkbox] {
	display:		none;
}


.checkbox input[type=checkbox]:checked + label:after { 
    content: ''; 
    position: absolute; 
    width: 33px; 
    height: 11px; 
    background: transparent;
    top: 0; 
    left:5px;
    border: 5px solid #1dd000; 
    border-top: none; 
    border-right: none; 
    -webkit-transform: rotate(-45deg); 
}

.checkbox input[type=checkbox]:checked + label:before {
    background: #616161;
}


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}