@charset "utf-8";
/* ------------------------------------
　  Browser Default Initialization　
--------------------------------------- */

body {
	background: #EEDDC1 url(../images/haikei.gif) repeat center top;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
}

/* ------ Typography ------ */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit;
}
h1 {
	font-size: 30px;
	margin-left: 10px;
}
h2 {
	font-size: 28px;
	margin-left: 10px;
	margin-bottom: 20px;
}
h3 {
	font-size: 21px;
	padding-left: 10px;
}
h4 {
	font-size: 17px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
h5 {
	font-size: 13px;
}
p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7em;
}
img {
	margin: 0;
	border: 0;
	-ms-interpolation-mode: bicubic;}
em {
	font-style: normal;
}
strong {
	font-weight: bold;
}
small {
	font-size: 80%;
}
dl,
dt,
dd,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/*-------- Links ------- */
a,
a:link {
	color:#333;
	text-decoration:none;
	}
a:visited {
	color:#666;
	text-decoration: none;
	outline: 0;
}
a:hover,
a:focus {
	color: #69C;
	position: relative;
	left: 1px;
}
p a,
p a:visited {
	line-height: inherit;
}

a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

/*------- align ------ */

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* ------ Font ------ */


/* ---------------------------
           Headder
 ---------------------------- */

/* ------ Global Navi ------ */


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

#nav {
	width: inherit; /* 30 480 */
	background-color: 4dd2ff;
	clear: both;
	position: static;
	margin-left: 2%;
}

#nav:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#nav > a {
	display: none;
}

#nav li {
	position: relative;
}

#nav li a {
	color: #fff;
	background-color: #3CC;
	display: block;
}

#nav li a:hover {
	color: #FFF;
	background-color: #69F;
}

#nav span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #efa585;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}

/* first level */

#nav > ul {
	border-left: 1px solid #4dd2ff;
}

#nav > ul > li {
	width: 16%;
	float: left;
	text-align: center;
	height: inherit;
}

#nav > ul > li > a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	background-color: #688ec9;
	font-weight: bold;
	border-right: 1px solid #fff;
}

#nav > ul > li > a:hover {
	color: #fff;
	background-color: #f08080;
}

#nav > ul > li:first-child > a {
	border-left: 1px solid #fff;
}

#nav > ul > li:last-child > a {
	border-right: 1px solid #fff;
}

#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a {
	background-color: #3399FF;
	color: #FFF;
}

/* second level */

#nav li ul {
	background-color: #3399ff;
	color: #fff;
	display: none;
	position: absolute;
	top: 100%;
}

#nav li:hover ul {
	display: block;
	left: 0;
	right: 0;
}

#nav li:not( :first-child ):hover ul {
	left: -1px;
}

#nav li ul a {
	display: block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	/** padding: 0.75em; **/ /* 15 (20) */
}

#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {
	background-color: #ffcc33;
	color: #FFF;
	border-top: 1px solid #f0e68c;
	border-bottom: 1px solid #f0e68c;
}

}

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

#nav {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	top: 25%;
	left: 50%;
}

#nav > a {
	display: none;
}

#nav li {
	position: relative;
}

#nav li a {
	color: #fff;
	display: block;
}

#nav li a:active {
	background-color: #4ebeea !important;
}

#nav span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #efa585;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}

/* first level */

#nav > ul {
	height: 3.75em; /* 60 */
	background-color: #FF9999;
}

#nav > ul > li {
	width: 25%;
	height: 100%;
	float: left;
}

#nav > ul > li > a {
	height: 100%;
	line-height: 2.5em; /* 60 (24) */
	text-align: center;
}

#nav > ul > li:not( :last-child ) > a {
	border-right: 1px solid #cc470d;
}

#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a {
	background-color: #ff9999;
}

/* second level */

#nav li ul {
	background-color: #FFCCCC;
	display: none;
	position: absolute;
	top: 100%;
}

#nav li:hover ul {
	display: block;
	left: 0;
	right: 0;
}

#nav li:not( :first-child ):hover ul {
	left: -1px;
}

#nav li ul a {
	border-top: 1px solid #e15a1f;
	padding: 0.75em; /* 15 (20) */
}

#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {
	background-color: #FF99CC;
}


#nav {
	position: static;
	top: auto;
	left: auto;
	height: auto;
	background-color: 4ffddf;
}

#nav > a {
	width: 3.125em; /* 50 */
	height: 3.125em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #FF99CC;
	position: relative;
}

#nav > a:before,
#nav > a:after {
	position: absolute;
	border: 2px solid #fff;
	top: 35%;
	left: 25%;
	right: 25%;
	content: '';
}

#nav > a:after {
	top: 60%;
}

#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type {
	display: block;
}

/* first level */

#nav > ul {
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
}

#nav:target > ul {
	display: block;
}

#nav > ul > li {
	width: 100%;
	float: none;
}

#nav > ul > li > a {
	height: auto;
	text-align: left;
	padding: 0 0.833em; /* 20 (24) */
}

#nav > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px solid #fff;
}

/* second level */

#nav li ul {
	position: static;
	padding: 1.25em; /* 20 */
	padding-top: 0;
}

}

	

/* ----------------------------
           Footer
  ---------------------------- */

#footer-info .name {
	font-size: 12px;
	color: #666;
	margin-left: 50px;
	padding-left: 5px;
}
#footer-info .name2 {
	font-size: 20px;
	color: #666;
	margin-left: 50px;
	font-weight: bold;
	padding-left: 5px;
}
#footer-info .address {
	font-size: 14px;
	color: #666;
	margin-left: 60px;
	padding-bottom: 20px;
	padding-top: 5px;
}
#footer-line img {
	padding-bottom: 10px;
	padding-top: 10px;
}
#footer .copy {
	font-size: 13px;
	color: #666;
	margin-left: 0px;
	float: right;
	position: absolute;
	padding-left: 40px;
	padding-top: 20px;
}
#footer-nav li {
	list-style-type: none;
	float: left;
	padding-left: 20px;
	font-size: 14px;
	line-height: 16px;
}
#footer-nav li a {
	font-size: 14px;
	color: #666;
	padding-left: 20px;
	text-decoration: none;
}
#footer-nav li a:hover {
	color: #69C;
}
#footer-line h5 {
	background-image: url(../images/footimg.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #9F9;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 40px;
	padding-bottom: 50px;
}
#top {
	position: fixed;
	right: 0px;
	bottom: 10px;
}
#access {
	height: 500px;
	width: 100%;
}

/* ----------------------------
         Mainvisual
  ---------------------------- */
.slider {
    height:350px;
    width: 100%;
    background-color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 20px;
}

.slider {
    background-position: center top\9;
    background-repeat: repeat-x\9;
}

*+html .slider {
    background-position: center top;
    background-repeat: repeat-x;
}

.slider-title{
	text-align: center;
	color: #fff;
	font-size: 25px;
	font-weight: normal;
	line-height: 300px;
	text-shadow: 1px 1px 2px #666;
}

/* ----------------------------
           Headline
  ---------------------------- */

#headline-sub #syoukai {
	padding: 10px;
}
#head_intro {
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #3CF;
}
#dai{
	color: #FFF;
	font-weight: normal;
	padding-left: 20px;
	background-image: url(../../hakuchou/intro/img_intro/introimg.gif);
	padding-top: 15px;
	padding-bottom: 13px;
	background-repeat: no-repeat;
	border-radius: 10px 10px;
}
/* ----------------------------
            Main
  ---------------------------- */


.mini {
	margin-left: 30px;
	font-size: 1.2em;
}

.mini th {
	width: 70px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #ffffff;
	　border-collapse: collapse;
	border: 1px solid #ccc;
	line-height: 1.5;
	background-color: #F90;
}

.mini td {
	padding: 10px;
	vertical-align: top;
	　border-collapse: collapse;
	border: 1px solid #ccc;
	line-height: 1.5;
	text-align: center;
}

#img_main {
	padding-top: 20px;
	padding-bottom: 20px;
}

#hyou{
	width: 90%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1.1em;
	margin: 20px;
}

#hyou tr:nth-child(odd){
	background-color: #b0e0e6
}


#hyou2{
	border-collapse: separate;
	border-spacing: 0px 5px;
	margin: 0 auto;
	font-size: 1.1em;
}

#hyou2 td,th{
  padding: 10px;
}
#hyou2 th{
	background: #ffa500;
	color: #fff;
	width: 5em;
}
#hyou2 td{
	background: #faebd7;
}


#hyou3{
	border-collapse: separate;
	border-spacing: 0px 5px;
	margin: 0 auto;
	font-size: 1.1em;
}

#hyou3 td,th{
  padding: 10px;
}
#hyou3 th{
	background: #e9967a;
	color: #fff;
	width: 5em;
}
#hyou3 td{
	background: #faebd7;
}

#hyou4{
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1.1em;
	margin: 0 auto;
}

#hyou4 tr:nth-child(odd){
	background-color: #e9967a
}


#hyou5{
	border-collapse: separate;
	border-spacing: 0px 5px;
	margin: 0 auto;
	font-size: 1.1em;
}

#hyou5 td,th{
  padding: 10px;
}
#hyou5 th{
	background: #e9967a;
	color: #fff;
	width: 7em;
}
#hyou5 td{
	background: #faebd7;
}



.dai1 {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}

#box{
	padding-bottom: 20px;
	float: left;
	padding-left: 20px;
	width: 50%;
}

#syasin {
	padding-bottom: 20px;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}

#syasin2 {
	padding-bottom: 20px;
	width: auto;
	padding-left: 20px;
	text-align: center;
}

#syasin3 {
	padding-bottom: 10px;
	width: auto;
	padding-left: 20px;
	float: left;
}


.clear { clear: both;
}


.box0{
  position: relative;
  background: linear-gradient(
    -45deg,
    #fff 25%, #fbc6cc 25%,
    #fbc6cc 50%, #fff 50%,
    #fff 75%, #fbc6cc 75%,
    #d8e0ff
  );
  background-size: 8px 8px;
  padding: 8px;
}
.box0_inner{
	background: #FFF;
	padding: 0.5em;
	font-size: 1.1em;
}


#gyouzi {
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#gyouzi th {
	background-color: #6CF;
	font-size: 1.2em;
	text-align: left;
	border: 1px solid #fff;
	padding-left: 10px;
	color: #FFF;
	font-weight: bold;
	width: 20%;
}
#gyouzi td {
	background-color: #ccffff;
	border: 1px solid #fff;
	font-size: 1.2em;
	padding: 10px;
	line-height: 1.5em;
}

#kiro {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-right: 50px;
	background-image: url(../../gakuentop/images2/kiiro.gif);
	margin-top: 10px;
}

#yomimono1 {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}

#yomimono2 {
	width: 100%;
}

#yomimono3 {
	padding-bottom: 20px;
	width: 90%;
	margin-left: 20px;
}

#htop {
	padding-top: 20px;
	width: 100%;
}

#kokoro {
	font-size: 1.2em;
	background-image: url(../images/kokoro4.png);
	padding-left: 20px;
	background-repeat: no-repeat;
	padding-top: 180px;
	line-height: 2em;
	padding-right: 15px;
	padding-bottom: 20px;
	color: #036;
	font-weight: 400;
}

#kodawari {
	font-size: 1.2em;
	background-image: url(../images/kodawari.png);
	padding-left: 20px;
	background-repeat: no-repeat;
	padding-top: 190px;
	line-height: 2em;
	padding-right: 15px;
	padding-bottom: 20px;
	color: #360;
	font-weight: 400;
}
	
#merit {
	font-size: 1.2em;
	background-image: url(../images/merit.png);
	padding-left: 20px;
	background-repeat: no-repeat;
	padding-top: 210px;
	line-height: 2em;
	padding-right: 15px;
	padding-bottom: 20px;
	color: #933;
	font-weight: 400;
}
	
.center1{
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.8;
	color: #69F;
	font-weight: bold;
}

.center2{
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.mozi0{
	font-size: 1.2em;
	padding-left: 20px;
	padding-right: 20px;
	color: #960;
	font-weight: bold;
	line-height: 2em;
}


.mozi1{
	font-size: 1.1em;
	padding-bottom: 10px;
	color: #333333;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.7em;
	padding-left: 20px;
	padding-right: 20px;
}

.mozi2{
	font-size: 1.1em;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.5;
	padding-right: 10px;
}

.mozi3{
	font-size: 1.1em;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.5;
	padding-right: 10px;
	color: #666;
	font-weight: bold;
}

.mozi4{
	font-size: 1.1em;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.7;
	font-weight: bold;
	color: #333;
	padding-right: 10px;
}

.mozi5{
	font-size: 1.2em;
	padding-bottom: 10px;
	line-height: 1.5;
	font-weight: bold;
	color: #F63;
	text-align: center;
}


#midori {
	font-weight: bold;
	color: #390;
}

.zu1 {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}

.koumoku {
	list-style-type: disc;
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 10px;
	margin-bottom: 20px;
	font-size: 1.1em;

}

.koumoku2{
	margin-bottom: 10px;
}


#care1 {
	border: 3px solid #999;
	border-spacing: 1;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 20px;
	margin-left: 20px;
}

#care1 th {
	background-color: #FCC;
	font-size: 14px;
	text-align: left;
	border: 1px solid #999;
	padding-left: 10px;
	color: #666;
	font-weight: bold;
	width: 7em;
}

#care1 td {
	background-color: #FFC;
	border: 1px solid #999;
	font-size: 14px;
	padding: 10px;
	line-height: 1.5em;
}


#enter1 th {
	background-color: #FC3;
	font-size: 14px;
	text-align: left;
	border: 3px solid #fff;
	padding-left: 10px;
	color: #333;
	font-weight: bold;
	width: 7em;
}

#enter1 td {
	background-color: #FF9;
	border: 3px solid #fff;
	font-size: 14px;
	padding: 10px;
	line-height: 1.5em;
}

#h4_sche {
	margin-left: 20px;
	font-weight: bold;
	color: #F90;
}


#sch {
	border: solid #666;
	font-size: 15px;
	width: 80%;
	line-height: 1.2em;
	margin-bottom: 20px;
	margin-left: 20px;
	background-color: #FFF;
}
#hol {
	color: #F30;
	background-color: #f5deb3;
	border-color: #333;
}
#sch td {
    padding: 5px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #666;
	border-bottom-color: #666;}

#sch th {
	padding: 5px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #666;
	background-color: #69C;
	color: #FFF;
}






/* ----------------------------
        Subnavigation
  ---------------------------- */
  
#album1 {
	height: 150px;
	width: 95%;
	border: 2px solid #6CF;
	border-radius: 6px;
	margin-left: 10px;
}

#news {
	height: 500px;
	width: 95%;
	border: 2px solid #6CF;
	border-radius: 6px;
}


/* ----------------------------
          toppage
  ---------------------------- */

 
.b1 {
	margin-left: 5px;
	margin-top: 5px;
	color: #FFF;
}
 
.b2 {
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 5px;
	color: #FFF;
}

.b3 {
	float: left;

}


#box1 {
	float: left;
	list-style: none;
	width: 200px;
	background-color: #6C3;
	margin-left: 30px;
	margin-bottom: 30px;
}	

#box2{
	float: left;
	list-style: none;
	width: 200px;
	background-color: #F93;
	margin-left: 30px;
	margin-bottom: 30px;
}	

#box3 {
	float: left;
	list-style: none;
	width: 200px;
	background-color: #39F;
	margin-left: 30px;
	margin-bottom: 30px;
}	

#box4{
	float: left;
	list-style: none;
	width: 200px;
	background-color: #F69;
	margin-left: 30px;
	margin-bottom: 30px;
}	

#box5{
	float: left;
	list-style: none;
	width: 200px;
	background-color: #9C0;
	margin-left: 28px;
	margin-bottom: 30px;
}	

#boxcenter{
	width: 200px;
	background-color: #9C0;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-top: 20px;
}

#boxcenter2{
	width: 500px;
	background-color: #9C0;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-top: 20px;
	padding: 5px;
}	

.hidariyose {
	float: left;
}

.mini tr:nth-child(even) {
  background: #d9d9d9;
}
.koumoku li {
	line-height: 1.7em;
	color: #333;
}
.sitemap {
	font-size: 1.2em;
	width: 80%;
	margin-left: 20px;
}
.sitemap li {
	line-height: 1.7em;
	padding: 5px;
	margin-top: 10px;
	margin-left: 10px;
}
.sitemap1 {
 color: #ffffff;
 background: #33ccff;
}
.sitemap2 {
 color: #ffffff;
 background: #66cccc;
}
.sitemap3 {
 color: #ffffff;
 background: #ffcc33;
}
.sitemap4 {
 color: #ffffff;
 background: #00cc00;
}
.sitemap5 {
 color: #ffffff;
 background: #ff6666;
}
.sitemap6 {
 color: #ffffff;
 background: #ff8c00;
}
#disc {
	font-size: 14px;
	margin-left: 60px;
	margin-top: 10px;
}

#losure {
	float: left;
	margin-bottom: 30px;
	margin-left: 60px;
	border: 3px double #999;
	padding: 10px;
	margin-top: 30px;
	border-radius: 5px;
}
#migi {
	float: right;
	margin-bottom: 10px;
}
#copy {
	float: left;
	margin-top: 10px;
	margin-left: 40px;
}