@charset "utf-8";
/* CSS Document */

/* PC向けレイアウトの指定：721px以上で固定レイアウト======================================================*/
@media print, screen and (min-width: 721px){

#wrapper {
	width: 980px;
	margin: 0 auto;
	min-height: 100%;
	background-color:#fce4e2;
}


#header {
	width: 980px;
	height: 125px;
}

.logo {
	width: 430px;
	height: 95px;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
	display: block;
}

.migiue {
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	font-size: 90%;
	width: 500px;
	
}

.sub_link{ margin-top: 10px; }

.sub_link li {
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
	text-indent: 15px;
	background:url(../img/sub_linkbg.png) no-repeat left center;
}

.sub_link li a { color: #000; text-decoration: none; }
.sub_link li a:hover{ color: #000; text-decoration: underline; }

/*文字サイズ*/
#textsizer{	float:right; }
/*#textsizer p{ margin-right: 10px; float: left; }*/
ul.textresizer { list-style: none;	display: inline; margin: 0px; padding: 0px; float: right; }
ul.textresizer li {	display: inline; margin: 0px; margin-right: 5px;	padding: 0px; /*background-color: #fff;*/ }
ul.textresizer a { border: solid 1px #999;	padding: 1px 5px; font-weight: bold; text-decoration: none; background-color: #fff; color: #000; }
ul.textresizer a:hover { background: #004f9b; border: solid 1px #cccccc; color: #fff; }
ul.textresizer .small-text { font-size: 80%; }
ul.textresizer .medium-text { font-size: 90%; }
ul.textresizer .large-text { font-size: 110%; }
ul.textresizer a.textresizer-active { border: solid 1px #2B562B; background: #004f9b; color: #fff; }

/*=====================================
           ナビ＆ビジュアル
======================================*/
#visual0 {
	width: 100%;
	height: 680px;
	background:url(../img/visual.jpg) no-repeat;
}

#your img{
	width: 430px;
	float: right;
	margin-top: 52px;
	margin-right: 300px;
	display: block;
}

.pic00 { display: none; }
#main-menu { display: none; }
/*
nav {
	float: left;
	width: 200px;
	margin: 20px;
	padding: 30px 0;
	background-color: rgba(255,255,255,0.7);
}*/

.menu_01 { background:url(../img/menu_01.png) no-repeat left center; }
.menu_02 { background:url(../img/menu_02.png) no-repeat left center; }
.menu_03 { background:url(../img/menu_03.png) no-repeat left center; }
.menu_04 { background:url(../img/menu_04.png) no-repeat left center; }
.menu_05 { background:url(../img/menu_05.png) no-repeat left center; }
.menu_06 { background:url(../img/menu_06.png) no-repeat left center; }
.menu_07 { background:url(../img/menu_07.png) no-repeat left center; }
.menu_08 { background:url(../img/menu_08.png) no-repeat left center; }
.menu_09 { background:url(../img/menu_09.png) no-repeat left center; }

.menu_01 {
   border-top: dashed 1px #999;
}

/*トップメニュープルダウン*/
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  margin-left: 20px;
  margin-top: 52px;
  padding-bottom: 30px;
  width: 200px;
  background-color: rgba(255,255,255,0.7);
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 190px;
  float: left;
  margin-left: 5px;
  border-bottom: dashed 1px #999;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 16px 0 16px 30px;
  color: #000;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 10px;
  left: 190px;
  margin: 0;
  padding: 0;
  width: 200px;
}
.dropmenu li ul li{
  width: 100%;
  background-color: #fff;
  border-bottom: dashed 1px #999;
}
.dropmenu li ul li a{
  padding: 16px 15px;
  text-align: left;
}
.dropmenu li a:hover{
  opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
.dropmenu li ul li a:hover{
  background-color: #fff;
}
#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}
/*=========================================
    コース概要＆ニュース＆スライドショー
==========================================*/

.about {
	width: 906px;
	margin: 0 20px;
	clear: both;
	padding: 10px 15px;
	background-color: #fff;
	border:  2px solid #004f9b;
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}

.ib_logo img {
   float: left;
   display: block;
   width: 80px;
   margin: 0 30px 0 15px;
}

.ib_logo p {
  float: left;
  width: 770px;
  margin-top: 10px;
}

.pic {
	float: left;
	width: 450px;
	margin: 20px 20px 20px 25px;
}

.banner img{
	margin-bottom: 8px;
	border:  2px solid #004f9b;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
}

.news {
	float: right;
	width: 458px;
	margin: 20px 20px 20px 0;
}

.news_title {
    background-color: #004f9b;
	padding: 7px 5px 5px 15px;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px; 
}

.news_title p {
	font-size: 1.1em;
	text-indent: 1.8em;
	margin-bottom: 0px;
	margin-top: 2px;
	background:url(../img/news.jpg) no-repeat left center;
}

.news_list {
	width: 454px;
	height: 221px;
	background-color: #fff;
	margin-top: -1px;
	border:  2px solid #004f9b;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
}

.bar {
	overflow: auto;
	width: 454px;
	height: 200px;
}
.news_list ul {
	margin-left: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: dashed 1px #999;
	width: 90%;
}

.news_list span {
	color: #f295af;
	margin-right: 5px;
}

.bun {
	margin-left: 20px;
	margin-bottom: 5px;
}

.modoru{
	text-align: right;
	font-size: 80%;
	margin-right: 20px;
}

.modoru span {
	color: #f295af;
	margin-right: 5px;
}
	
.inews{margin: 5px 0 5px 1em;width: 90%;}
.inews_d {margin-right: 0px!important;}


/*=====================================
    　　　　　フッター
======================================*/

#footer {
	width: 980px;
	background-color: #004f9b;
	padding-top: 20px;
	padding-bottom: 5px;
}

#footer p{
	color: #fff;
}

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

#footer p a:hover{
	text-decoration: underline;
}

.small2, .small3 { display:none; }
}

/* タブレット向けレイアウトの指定：721px～900px ======================================================*/
/*@media screen and (min-width: 721px) and (max-width:900px){


#wrapper {
	width: 100%;
	background-color:#fce4e2;
}


#header {
	width: 100%;
	height: 125px;
}

.logo {
	width: 47.777%;
	margin-left: 2.222%;
	margin-top: 2.222%;
}

.migiue {
	float: right;
	margin-right: 2.222%;
	margin-top: 2.222%;
	font-size: 80%;
	width: 45%;
}

.sub_link{ margin-top: 1.111%;}

.sub_link li {
	float:right;
	margin-left: 1.111%;
	margin-bottom: 10px;
	text-indent: 15px;
	background:url(../img/sub_linkbg.png) no-repeat left center;
}

.sub_link li a { color: #000; text-decoration: none; }
.sub_link li a:hover{ color: #000; text-decoration: underline; }

#textsizer{	float:right; }
#textsizer p{ margin-right: 10px; float: left; }
ul.textresizer { list-style: none;	display: inline; margin: 0px; padding: 0px; float: right; }
ul.textresizer li {	display: inline; margin: 0px; margin-right: 5px;	padding: 0px;  }
ul.textresizer a { border: solid 1px #999;	padding: 1px 5px; font-weight: bold; text-decoration: none; background-color: #fff; color: #000; }
ul.textresizer a:hover { background: #004f9b; border: solid 1px #cccccc; color: #fff; }
ul.textresizer .small-text { font-size: 80%; }
ul.textresizer .medium-text { font-size: 90%; }
ul.textresizer .large-text { font-size: 110%; }
ul.textresizer a.textresizer-active { border: solid 1px #2B562B; background: #004f9b; color: #fff; }
*/
/*=====================================
           ナビ＆ビジュアル
======================================*/
/*
#visual0 {
	height:500px;
	background-size: 100% auto;
    background-image:url(../img/visual.jpg);
	background-repeat: no-repeat;
}

#your img{
	width: 47.777%;
	float: right;
	margin-top: 3%;
	margin-right: 25%;
	display: block;
}

.pic00 { display: none; }
#main-menu { display: none; }

nav {
	float: left;
	width: 22.222%;
	margin: 2.222%;
	padding: 3.333% 0;
	background-color: rgba(255,255,255,0.7);
}

.menu_01 { background:url(../img/menu_01.png) no-repeat left center; }
.menu_02 { background:url(../img/menu_02.png) no-repeat left center; }
.menu_03 { background:url(../img/menu_03.png) no-repeat left center; }
.menu_04 { background:url(../img/menu_04.png) no-repeat left center; }
.menu_05 { background:url(../img/menu_05.png) no-repeat left center; }
.menu_06 { background:url(../img/menu_06.png) no-repeat left center; }

*/

/*=========================================
    コース概要＆ニュース＆スライドショー
==========================================*/
/*
.about {
	width: 92.222%; 
	margin: 0 2.222%;
	clear: both;
	padding: 1.111% 1.666%;
	background-color: #fff;
	border:  2px solid #004f9b;
	border-radius: 20px;        
    -webkit-border-radius: 20px;  
    -moz-border-radius: 20px;   
}

.ib_logo img {
   float: left;
   display: block;
   width: 8.888%; 
   margin: 0 2.222% 0 1.111%;
}

.ib_logo p {
  float: left;
  width: 85.555%;
}

.pic {
	float: left;
	width: 45.555%; 
	margin: 2.222% 2.222% 2.222% 2.777%;
}

.news {
	float: right;
	width: 46.666%; 
	margin: 2.222% 2.222% 2.222% 0;
	
}

.news_title {
    background-color: #004f9b;
	padding: 0.777% 0.555% 0.555% 6%;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px; 
}

.news_title p {
	font-size: 95%;
	text-indent: 12%;
	margin-bottom: 0px;
	margin-top: 2px;
	background:url(../img/news.jpg) no-repeat left center;
}

.news_list {
	height: 271px;
	background-color: #fff;
	border:  2px solid #004f9b;
	margin-top: -1px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
}

.bar {
	overflow: auto;
	height: 250px;
}
.news_list ul {
	margin-left: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: dashed 1px #999;
	width: 90%;
}

.news_list span {
	color: #f295af;
	margin-right: 5px;
}

.bun {
	margin-left: 20px;
	margin-bottom: 5px;
}

.modoru{
	text-align: right;
	font-size: 80%;
	margin-right: 2.222%;
}

.modoru span {
	color: #f295af;
	margin-right: 5px;
}
*/
/*=====================================
    　　　　　フッター
======================================*/
/*
#footer {
	width: 100%;
	background-color: #004f9b;
	padding-top: 20px;
	padding-bottom: 5px;
}

#footer p{
	color: #fff;
}

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

#footer p a:hover{
	text-decoration: underline;
}

.small2, .small3 { display:none; }

}
*/
/* 中間向けレイアウトの指定：720px以下521pxまで ======================================================*/
@media screen and (min-width: 521px) and (max-width:720px){
	
#wrapper {
	width: 100%;
	background-color:#fce4e2;
}


#header {
	width: 100%;
	height: 125px;
	background-color: #fff;
}

.logo {
	width: 430px;
	height: 95px;
	margin-left: 2.222%;
	margin-top: 2.222%;
}

.migiue{ display: none; }
.inews{margin: 5px 0 5px 1em;width: 90%;}
.inews_d {margin-right: 0px!important;}

/*=====================================
           ナビ＆ビジュアル
======================================*/
#your{ margin-bottom:-5px; padding: 10px; background-color:#fff;}

#your img {
	width: 100%;
	height: auto%;
	margin-bottom: 0;
}

.pic00 { width: 100%; }

.dropmenu { display: none; }

nav {
	width: 96.153%; 
	margin: 0 auto 10px;
	padding: 30px 0;
	background-color: #fff;
}

.menu_01 { background:url(../img/menu_01.png) no-repeat 15px 15px; }
.menu_02 { background:url(../img/menu_02.png) no-repeat 15px 15px; }
.menu_03 { background:url(../img/menu_03.png) no-repeat 15px 15px; }
.menu_04 { background:url(../img/menu_04.png) no-repeat 15px 15px; }
.menu_05 { background:url(../img/menu_05.png) no-repeat 15px 15px; }
.menu_06 { background:url(../img/menu_06.png) no-repeat 15px 15px; }
.menu_07 { background:url(../img/menu_07.png) no-repeat 15px 15px; }
.menu_08 { background:url(../img/menu_08.png) no-repeat 15px 15px; }
.menu_09 { background:url(../img/menu_09.png) no-repeat 15px 15px; }

.nav_top span{ margin-top: -2px; }



/*=========================================
    コース概要＆ニュース＆スライドショー
==========================================*/

.about {
	clear: both;
	width: 90.384%; 
	margin: 0 auto 10px;
	padding: 1.923% 2.884%;
	background-color: #fff;
	border:  2px solid #004f9b;
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}

.ib_logo img {
   float: left;
   display: block;
   width: 11%; /*最大80px*/
   margin-right: 10px;
}

.ib_logo p {
  float: left;
  width: 85%; /*最大770px*/
}


.pic {
	display: none;
}

.banner{
	text-align:center;
	margin-bottom: 2px;
	margin-right: 3px;
}

.banner img{
	width: 100%;
	border:  2px solid #004f9b;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
}

.news {
	width: 96.153%; 
	margin: 0 auto 20px;
}


.news_title {
    background-color: #004f9b;
	padding: 1.346% 0.961% 0.961% 2.884%;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px; 
}

.news_title p {
	font-size: 1.1em;
	text-indent: 1.8em;
	margin-bottom: 0px;
	margin-top: 2px;
	background:url(../img/news.jpg) no-repeat left center;
}

.news_list {
	/*width: 454px;*/
	height: 301px;
	background-color: #fff;
	border:  2px solid #004f9b;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	margin-top: -1px;
}

.bar {
	overflow: auto;
	height: 280px;
}
.news_list ul {
	margin-left: 1em;
	margin-top: 0.961%;
	margin-bottom: 0.961%;
	border-bottom: dashed 1px #999;
	width: 90%;
}

.news_list span {
	color: #f295af;
	margin-right: 0.961%;
}

.bun {
	margin-left: 3.846%;
	margin-bottom: 0.961%;
}

.modoru{
	text-align: right;
	font-size: 80%;
	margin-right: 2.222%;
}

.modoru span {
	color: #f295af;
	margin-right: 0.961%;
}

/*=====================================
    　　　　　フッター
======================================*/

#footer {
	width: 100%;
	margin-top: 0;
	background-color: #004f9b;
	padding-top: 10px;
	padding-bottom: 5px;
}

#footer p{
	color: #fff;
}

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

#footer p a:hover{
	text-decoration: underline;
}

.small1, .small3 { display:none; }
	
	
}

/* スマホ向けレイアウトの指定：520px以下 ======================================================*/
@media screen and (min-width: 150px) and (max-width:520px){

#wrapper {
	width: 100%;
	min-width: 200px;
	background-color:#fce4e2;
}


#header {
	width: 100%;
	background-color:#fff;
}

.logo {
	width: 95%;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.migiue{ display: none; }
	
.inews{margin: 5px 0 5px 1em;width: 90%;}
.inews_d {margin-right: 0px!important;}

/*=====================================
           ナビ＆ビジュアル
======================================*/
#your{ margin-bottom:-2px; padding: 10px; background-color:#fff;}

#your img {
	width: 100%;
	height: auto%;
	margin-bottom: 0;
}

.pic00 { width: 100%; /*最大520px*/}

.dropmenu { display: none; }

nav {
	width: 96.153%; /*最大500px*/
	margin: 0 auto 10px;
	padding: 5.769% 0;
	background-color: #fff;
}

.menu_01 { background:url(../img/menu_01.png) no-repeat left 17px; }
.menu_02 { background:url(../img/menu_02.png) no-repeat left 12px; }
.menu_03 { background:url(../img/menu_03.png) no-repeat left 12px; }
.menu_04 { background:url(../img/menu_04.png) no-repeat left 12px; }
.menu_05 { background:url(../img/menu_05.png) no-repeat left 12px; }
.menu_06 { background:url(../img/menu_06.png) no-repeat left 12px; }
.menu_07 { background:url(../img/menu_07.png) no-repeat left 12px; }
.menu_08 { background:url(../img/menu_08.png) no-repeat left 12px; }
.menu_09 { background:url(../img/menu_09.png) no-repeat left 12px; }

/*=========================================
    コース概要＆ニュース＆スライドショー
==========================================*/

.about {
	width: 90.384%; /*最大470px*/
	margin: 0 auto 10px;
	padding: 1.923% 2.884%;
	background-color: #fff;
	border:  2px solid #004f9b;
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}

.ib_logo img {
   display: block;
   width: 80px;
   margin: 10px auto;
}



.pic {
	display: none;
}

.banner{
	text-align:center;
	margin-bottom: 2px;
	margin-right: 3px;

}

.banner img{
	width: 100%;
	border:  2px solid #004f9b;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
}

.news {
	width: 96.153%; /*最大500px*/
	margin: 0 auto 20px;
}


.news_title {
    background-color: #004f9b;
	padding: 1.346% 0.961% 0.961% 2.884%;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px; 
}

.news_title p {
	font-size: 1.1em;
	text-indent: 1.8em;
	margin-bottom: 0px;
	margin-top: 2px;
	background:url(../img/news.jpg) no-repeat left center;
}

.news_list {
	/*width: 454px;
	height: 301px;*/
	background-color: #fff;
	border:  2px solid #004f9b;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
}

/*.bar {
	width: 454px;
	height: 280px;
}*/
.news_list ul {
	margin-left: 1em;
	margin-top: 0.961%;
	margin-bottom: 0.961%;
	border-bottom: dashed 1px #999;
	width: 90%;
}

.news_list span {
	color: #f295af;
	margin-right: 0.961%;
}

.bun {
	margin-left: 3.846%;
	margin-bottom: 0.961%;
}

.news_list ul:nth-child(n+4) { /*4番目以降のみ非表示*/
    display: none;
}

.modoru{
	text-align: right;
	font-size: 80%;
	margin-right: 20px;
}
.modoru span {
	color: #f295af;
	margin-right: 0.961%;
}

/*=====================================
    　　　　　フッター
======================================*/

#footer {
	width: 100%;
	margin-top: 0;
	background-color: #004f9b;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 80%;
}


#footer p{
	color: #fff;
}

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

#footer p a:hover{
	text-decoration: underline;
}

.small1, .small2 { display: none;}

.small3 { padding-left: 10px; padding-right: 10px; }




}