@charset "UTF-8";



/*reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }


@charset "UTF-8";

html {
  overflow-y: scroll;
}

body {
	font-size: 14px;
  line-height: 1.0;
  -webkit-text-size-adjust: 100%;
	color:#000;
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
}



a {
  color: #60698b;
  text-decoration: underline; }

a:visited {
}

a:hover {
  text-decoration: none;
  opacity: 0.7;
}

a:focus {
  text-decoration: none;
  opacity: 0.7;
}

a:active {
  text-decoration: none;
  opacity: 0.7;
}

/* fontsize */

.text10 {
  font-size: 71.4285714286%; }

.text11 {
  font-size: 78.5714285714%; }

.text12 {
  font-size: 85.7142857143%; }

.text13 {
  font-size: 92.8571428571%; }

.text14 {
  font-size: 100%; }

.text15 {
  font-size: 107.1428571429%; }

.text16 {
  font-size: 114.2857142857%; }

.text17 {
  font-size: 121.4285714286%; }

.text18 {
  font-size: 128.5714285714%; }

.text19 {
  font-size: 135.7142857143%; }

.text20 {
  font-size: 142.8571428571%; }

.text21 {
  font-size: 150%; }

.text22 {
  font-size: 157.1428571429%; }

.text23 {
  font-size: 164.2857142857%; }

.text24 {
  font-size: 171.4285714286%; }

.text25 {
  font-size: 178.5714285714%; }

.text26 {
  font-size: 185.7142857143%; }

ul.inner li,
td.inner{
	font-size:100% !important;
}


.bold{
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
}

/* image */

img{
	vertical-align:bottom;
	line-height:1.0;
}

.article-title {
  padding-left: 10pt;
}

@media screen and (min-width: 767px) {
.text br{
  display: none;
 }
}


@media screen and (max-width: 1219px) {

	*{
		max-width:100%;
	}
	img{
		width:auto;
		height:auto;
	}
}


table th img,
table td img{
	vertical-align:middle;
}

/* ClearFix */
.clear{
	clear:both;
}

/* modern browsers */

section:after,
.clearfix:after,
.fbox:after,
#contents:after,
#column:after,
.item-wrap:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */

section,
.clearfix,
.fbox,
#contents,
#column,
.item-wrap{
	display: inline-block;
}

/* legacy IE */

* html section,
* html .clearfix,
* html .fbox,
* html #contents,
* html #column,
* html .item-wrap{
	height: 1%;
}

section,
.clearfix,
.fbox,
#contents,
#column,
.item-wrap{
	display: block;
}

/* float */

.fr{
	float:right;
}

.fl{
	float:left;
}

.img_r{
	float:right;
	margin:0 0 15px 15px;
}
.img_l{
	float:left;
	margin:0 15px 15px 0;
}

.img_l + .img_r{
	margin-left:0;
}

.img_r + .img_l{
	margin-right:0;
}

.img_l .caption,
.img_r .caption{
	text-align:center;
	margin-top:5px;
        font-size: 92.8571428571%;
}


.float_text{
	overflow:hidden;
}




ul.fbox li{
	float:left;
	display:inline;
}

.in-block{
	letter-spacing:-.40em;
}

.in-block li,
.in-block dt,
.in-block dd{
	display:inline-block;
	*display:inline;
	*zoom:1;
	letter-spacing:normal;
	vertical-align:top;
}





/* margin */

.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }
.mt60{ margin-top:60px !important; }

.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }

.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }

.ml5{ margin-left:5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }


/* padding */
.pt0{ padding-top:0 !important; }
.pb0{ padding-botttom:0 !important; }


/* form label */

input,
textarea{
	vertical-align:middle;
}

label{
	vertical-align:middle;
}

/* position */

.text-r{
	text-align:right !important;
}

.text-c,
table.text-c th,
table.text-c td,
table.th-c th{
	text-align:center !important;
}

.text-l,
.th-l th,
.td-l td{
	text-align:left !important;
}

/* display */

.block{
	display:block;
}


/*  Layout */



/* header */

@media screen and (max-width: 1019px) {
.large-header{
	display:none;
}
.large-header-bg{
	display:none;
}
}

@media screen and (min-width: 1020px) {
.small-header{
	display:none;
}

}




/* nav */

.large-header nav > ul > li a{
	display:block;
	padding:6px 1 3px 25px;
	position: relative;
	z-index:10;
}
nav li .ja{
	display:block;
            background-image: url(../image/nav-back-hover.png);
}
nav .ja{
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
  font-size: 128.5714285714%;
}


nav li a:hover,
nav li a:focus,
nav li a:active, {
	 background-image: url(../image/nav-ba.png);
         width: 880px;
         hight: auto;
}
nav li:hover,
nav li:focus,
nav li:active, {{
	display: block;
	background: url(../nav-back-hover.png)no-repeat;
        width: 880px;
        hight: auto;
}
}


nav .about .bg{ background:#005c92;}
nav .shinsei .bg{ background:#ff8e1f;}
nav .kinanboushi .bg{ background:#2A305C;}
nav .kouzi .bg{ background:#007C64;}



#gy li ul li {
  font-size: 14px;
  position: absolute;
  display: none;
  box-sizing: border-box;
  background-color: #6891b3;
  border-top: 1px;
  z-index: 2;
  white-space: nowrap;
}

  #gy > li:hover > ul > li,
  #gy > li:focus > ul > li,
  #gy > li:active > ul > li{
   width: 110%;
   position: absolute;
   box sizing: border-box;
   display: block;
   max-width: 380%;
   -webkit-transition: all .5s;
   transition: all .5s;
   background-color: #6891b3;
   z-index: 2;
}
  #gy > li:hover > #gy2 > li,
  #gy > li:focus > #gy2 > li,
  #gy > li:active >#gy2> li {
    width: 110%;
    position: absolute;
    margin-top: 27px;
    box sizing: border-box;
    display: block;
    max-width: 380%;
    -webkit-transition: all .5s;
    transition: all .5s;
    white-space: nowrap;
    background-color: #6891b3;
    z-index: 3;
 }
  
  #gy > li:hover > #gy3 > li,
  #gy > li:focus > #gy3 > li,
  #gy > li:active >#gy3> li {
    width: 110%;
    position: absolute;
    margin-top:54px;
    box sizing: border-box;
    display: block;
    max-width: 380%;
    -webkit-transition: all .5s;
    transition: all .5s;
    white-space: nowrap;
    background-color: #6891b3;
    z-index: 4;
 }

 #gy li ul li ul {
	width: 100%;
        left: 100%;
        opacity: 0;
        z-index: 2;
}


  #gy li ul li ul:before,
  #gy li ul li ul li ul:before,
    position: absolute;
    top: 28px;
    content: "";
    border: 5px solid transparent;
    display: block;
  }
#gy li ul li ul {
  top: -1px;
  left: 100%;
  z-index: 2;
}
#gy li ul li ul li ul,
  left: inherit;
  right: 100%;
  opacity: 0;
  z-index: 3;
}



  #gy li ul li ul:before,
  #gy li ul li ul li ul:before,{
    position: absolute;
    top: 28px;
    content: "";
    border: 5px solid transparent;
    display: block;
  }

  #gy li ul li ul:before {
    left: -10px;
    border-left-color: #666;
  }

#shin li ul li {
  font-size: 14px;
  position: absolute;
  white-space: nowrap;
  display: none;
  box-sizing: border-box;
  background-color: #6891b3;
  z-index: 2;
}
@media screen and (min-width: 10px) {

  #shin > li:hover > ul > li,
  #shin > li:focus > ul > li,
  #shin > li:active > ul > li{
   width: 155%;
   position: absolute;
   box sizing: border-box;
   display: block;
   max-width: 280px;
   -webkit-transition: all .5s;
   transition: all .5s;
   background-color: #6891b3;
   z-index: 2;
}
  #shin > li:hover > #shin2 > li,
  #shin > li:focus > #shin2 > li,
  #shin > li:active >#shin2> li {
    width: 155%;
    position: absolute;
    white-space: nowrap;
    margin-top: 27px;
    box sizing: border-box;
    display: block;
    max-width: 280px;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #6891b3;
    z-index: 3;
 }
  
  #shin > li:hover > #shin3 > li,
  #shin > li:focus > #shin3 > li,
  #shin > li:active >#shin3> li {
    width: 155%;
    position: absolute;
    white-space: nowrap;
    margin-top: 54px;
    box sizing: border-box;
    display: block;
    max-width: 280px;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #6891b3;
    z-index: 4;
 }
  #shin > li:hover > #shin4 > li,
  #shin > li:focus > #shin4 > li,
  #shin > li:active >#shin4> li {
    width: 155%;
    position: absolute;
    white-space: nowrap;
    margin-top: 81px;
    box sizing: border-box;
    display: block;
    max-width: 280px;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #6891b3;
    z-index: 4;
 }
}
 #shin li ul li ul {
	width: 155%;
            left: 100%;
            opacity: 0;
             z-index: 2;
}


}
@media screen and (min-width: 10px) {
  #shin li ul li ul:before,
  #shin li ul li ul li ul:before,
    position: absolute;
    top: 28px;
    content: "";
    border: 5px solid transparent;
    display: block;
  }
#shin li ul li ul {
  top: -1px;
  left: 100%;
  z-index: 2;
}
#shin li ul li ul li ul,
  left: inherit;
  right: 100%;
  opacity: 0;
  z-index: 3;
}
}

@media screen and (min-width: 10px) {
  #shin li ul li ul:before,
  #shin li ul li ul li ul:before,
    position: absolute;
    top: 28px;
    content: "";
    border: 5px solid transparent;
    display: block;
  }

  #shin li ul li ul:before {
    left: -10px;
    border-left-color: #666;
  }
#kai li ul li {
  font-size: 14px;
  position: absolute;
  display: none;
  box-sizing: border-box;
  background-color: ##defffc;
  white-space: nowrap;
  z-index: 2;
}

@media screen and (min-width: 10px) {

  #kai > li:hover > ul > li,
  #kai > li:focus > ul > li,
  #kai > li:active > ul > li{
   width: 220%;
   position: absolute;
   box sizing: border-box;
   display: block;
   white-space: nowrap;
   max-width: 280px;
   -webkit-transition: all .5s;
   transition: all .5s;
   background-color: #6891b3;
   z-index: 2;
}
  #kai > li:hover > #kai2 > li,
  #kai > li:focus > #kai2 > li,
  #kai > li:active >#kai2> li {
    width: 220%;
    position: absolute;
    margin-top: 27px;
    box sizing: border-box;
    display: block;
    max-width: 280px;
    white-space: nowrap;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #6891b3;
    z-index: 3;
 }
  
  #kai > li:hover > #kai3 > li,
  #kai > li:focus > #kai3 > li,
  #kai > li:active >#kai3> li {
    width: 220%;
    position: absolute;
    margin-top: 54px;
    box sizing: border-box;
    display: block;
    white-space: nowrap;
    max-width: 280px;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #6891b3;
    z-index: 4;
 }
  #kai > li:hover > #kai4 > li,
  #kai > li:focus > #kai4 > li,
  #kai > li:active >#kai4> li {
    width: 220%;
    position: absolute;
    margin-top: 81px;
    box sizing: border-box;
    display: block;
    white-space: nowrap;
    max-width: 280px;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #6891b3;
    z-index: 4;
 }

  #kai > li:hover > #kai5 > li,
  #kai > li:focus > #kai5 > li,
  #kai > li:active >#kai5> li {
    width: 220%;
    position: absolute;
    margin-top: 108px;
    box sizing: border-box;
    display: block;
    white-space: nowrap;
    max-width: 280px;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #6891b3;
    z-index: 4;
 }

  #kai > li:hover > #kai6 > li,
  #kai > li:focus > #kai6 > li,
  #kai > li:active >#kai6> li {
    width: 220%;
    position: absolute;
    margin-top: 135px;
    box sizing: border-box;
    display: block;
    white-space: nowrap;
    max-width: 280px;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #6891b3;
    z-index: 4;
 }
}
 #kai li ul li ul {
	width: 220%;
        white-space: nowrap;
        left: 100%;
        opacity: 0;
        z-index: 2;
}
}
@media screen and (min-width: 10px) {
  #kai li ul li ul:before,
  #kai li ul li ul li ul:before,
    position: absolute;
    top: 28px;
    content: "";
    border: 5px solid transparent;
    display: block;
  }
#kai li ul li ul {
  top: -1px;
  left: 100%;
  z-index: 2;
}
#kai li ul li ul li ul,
  left: inherit;
  right: 100%;
  opacity: 0;
  z-index: 3;
}
}

@media screen and (min-width: 10px) {
  #kai li ul li ul:before,
  #kai li ul li ul li ul:before,
    position: absolute;
    top: 28px;
    content: "";
    border: 5px solid transparent;
    display: block;
  }

  #kai li ul li ul:before {
    left: -10px;
    border-left-color: #666;
  }
#kou li ul li {
  font-size: 14px;
  position: absolute;
  display: none;
  box-sizing: border-box;
  background-color: #6891b3;
  z-index: 2;
}



/* other */

.large-header .other-navi{
	margin-left:30px;
	margin-bottom:20px;
}

#home-p .large-header .other-navi{
	display:none;
}

.large-header .other-navi li{
	margin-bottom:9px;
}


.large-header .header-button{
	font-family: "TsukuGoPro-E";
	border-top:1px solid #D8D8D8;
	text-align:center;
	padding:12px 3px;
}
.large-header .header-button li{
	display:inline-block;
	margin:0 5px;
}
.large-header .header-button a{
	color:#fff;
        font-size: 92.8571428571%;
	display:block;
	padding:5px 10px;
	background:#2A2F5D;
	border-radius: 5px;

}



/* contents */

#contents{
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
}
@media screen and (min-width: 1020px) {
#contents{
	margin-left:230px;
}
}
@media screen and (max-width: 1019px) {
#contents{
	padding-top:30px;
	margin-bottom:50px;
}

}

.frame{
	position:relative;
	max-width:930px;
	margin:0 auto;
}
.frame2{
	position:relative;
	max-width:970px;
	margin:0 auto;
}

.frame:after,
.frame2:after{content: ""; display: block; clear: both;}
.oldie .frame,
.oldie .frame2{ zoom: 1; }

@media screen and (max-width: 1199px) {

#contents .frame{
	margin:0 3%;
}

}





/* ==========================================================================
   footer
   ========================================================================== */

footer{
	position:relative;
	overflow:hidden;
	padding-bottom:20px;
}
@media screen and (min-width: 1020px) {
footer{
	margin-left:180px;
}
}

footer a{
	color:#000;
	text-decoration:none;
}

#footer-menu{
	border-top:1px solid #E0E0E0;
	background:#F1F0F0;
	padding:15px 20px;
	margin-bottom:35px;
}

#footer-menu li{
	display:inline-block;
	position:relative;
	padding-right:15px;
	margin-right:15px;
}
#footer-menu li:after{
	content:"";
	display:inline-block;
	width:1px;
	height:80%;
	position:absolute;
	right:0;
	top:10%;
	background:#A0A0A0;
}

#footer-menu li:last-child{
	margin-right:0;
	padding-right:0;
}
#footer-menu li:last-child:after{
	display:none;
}


#footer-info{
	float:left;
	width:860px;
}
#footer-info .logo{
	float:left;
	margin:0 28px 0 20px;
}
#footer-info .logo img{
	width:70px;
	height:auto;
}

#footer-info .address{
	overflow:hidden;
}

#footer-info .address dt{
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
        font-size: 114.2857142857%;
}


#copyright{
  font-size: 78.5714285714%;
	float:right;
	font-family:Meiryo-UI,"メイリオ","Ryumin Bold KL","TsukuGoPro-E",'Midashi Go MB31','EB Garamond', serif,'Oswald', sans-serif;
	margin-right:10px;
}


@media screen and (max-width: 767px) {

#footer-info{
	float:none;
	width:auto;
	margin:0 3% 20px 3%;
}
#footer-info .logo{
	margin:0 15px 0 10px;
}
#footer-info .logo img{
	width:90px;
}

#footer-info .address{
	font-size:80%;
}
#copyright{
	float:none;
	clear:both;
	text-align:center;
	margin:0;
}
#copyright{
	float:none;
	clear:both;
	text-align:center;
	margin:0;
}

}