@charset "utf-8";

/*-----------------------------------------------------
Common
-------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	text-align:center;
	color: #333333;
	font-size:100%;
	font-family:"メイリオ", "Meiryo", "verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";
	background-color:#ffffff;
	}
	
html, body{
	height:100%;
	background-repeat: no-repeat;
	background-position: top;
}
/*-----------------------------------------------------
 Basic Link Style
------------------------------------------------------- */
a:link{
	color:#FFFFFF;
	text-decoration:none;
}

a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

a:active {
	color:#FFFFFF;
	text-decoration:underline;
}

/*-----------------------------
 Base Layout & Navigation
------------------------------- */

#wrapper{
	text-align:left;
	width:100%;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}

/*-----------------------------
 Head 
------------------------------- */

#hedder{
	height: 400px;
	width: 800px;
	overflow:hidden;
	margin: 0px auto;
	padding: 0px;

}

/*------------------------------
 contents
-------------------------------- */

#contents-wrap {
	width:840px;
	padding: 0px;
	height: auto;
	background-color:#fff;
	margin: 40px auto;

}
#contents {
	width:800px;
	padding: 0px;
	height: auto;
	background-color:#fff;
	margin: 0px auto;
	text-align: left;

}
#contents table{
	padding:0;
	width:740px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 54px;
}

/* ------------------------------
メニュー
------------------------------ */
#p-navi {
	width:800px;
	height: 100px;
	margin: 0px auto;

}

#p-navi  ul {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
#p-navi li{
	margin: 0px;
	padding: 0px;
	float: left;
	width:200px;
	height:100px;

}

#p-navi li a{
	margin: 0px;
	padding: 0px;
	width:200px;
	height:100px;
	display: block;
	overflow: hidden;
}
#n1 {
	background-image:url(../profile/images/hoikuen/m_01.png);
	background-repeat: no-repeat;

}
#n1on {
	background-image: url(../profile/images/hoikuen/m_01on.png);
	background-repeat: no-repeat;

}
#n1 a:hover {
	background-image: url(../profile/images/hoikuen/m_01on.png);
	background-repeat: no-repeat;

}
#n2 {
	background-image: url(../profile/images/hoikuen/m_02.png);
	background-repeat: no-repeat;

}
#n2on {
	background-image: url(../profile/images/hoikuen/m_02on.png);
	background-repeat: no-repeat;

}
#n2 a:hover {
	background-image: url(../profile/images/hoikuen/m_02on.png);
	background-repeat: no-repeat;

}
#n3 {
	background-image: url(../profile/images/hoikuen/m_03.png);
	background-repeat: no-repeat;

}
#n3on {
	background-image: url(../profile/images/hoikuen/m_03on.png);
	background-repeat: no-repeat;

}
#n3 a:hover {
	background-image: url(../profile/images/hoikuen/m_03on.png);
	background-repeat: no-repeat;
}
#n4 {
	background-image: url(../profile/images/hoikuen/m_04.png);
	background-repeat: no-repeat;
}
#n4on {
	background-image: url(../profile/images/hoikuen/m_04on.png);
	background-repeat: no-repeat;

}

#n4 a:hover {
	background-image: url(../profile/images/hoikuen/m_04on.png);
	background-repeat: no-repeat;

}
.navinone {
       display:none
}

#p-navi:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
/* ------------------------------
メインエリア 基本BOX
------------------------------ */	

.box_basic{
	margin-bottom: 20px;
}

.box_basic p{
	text-align: left;
}

/* ------------------------------
見出しバー
------------------------------ */	
.bar_basic {
	width: 680px;
	text-align: left;
	position:relative;
	font-size: 16px;
	background-image: url(../images/news.png);
	height: 50px;
	float: left;
}

.bar_basic h3 {
	line-height: 35px;
	text-indent: 16px;
	font-weight: bold;
}

.linklist_bar{
	text-align: center;
	width: 80px;
	position: absolute;
	top: 15px;
	right: 10px;
	background-position: 5px center;
	color: #FFF;
	background-color: #2b0e3e;
	height: 20px;
}

.linklist_bar a{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline;
	line-height: 1.4;
}
#rsslink {
	position: absolute;
	top: 15px;
	height: 16px;
	width: 56px;
	left: 120px;
}
#banner-aria{
	width:960px;
	float:left;
	margin:0 auto;
	padding:0;
}
#banner-aria li{
	width:315px;
	float:left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
}
/* ------------------------------
foot
------------------------------ */

#footer {
	padding: 0px;
	text-align: center;
	height: 60px;
	width: 840px;
	clear: both;
	background: #FFFFFF;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
#foot_box{
	padding:0;
	width:980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 210px;
	clear: both;
}

#foot_top {
	width:980px;
	padding: 0px;
	height: 110px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
#page-top{
	width:980px;
	height: 110px;
	text-align: right;
	padding: 0px;
	overflow: hidden;
	margin: 0px;
	float: left;
}

#page-topimg{
	margin-top: 70px;
	text-align: right;
	float: right;
	width: 140px;
	height: 40px;

}
#foot_bottom{
	width:980px;
	font-size: 80%;
	line-height: 1.2;
	height: auto;
	float: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color:#fff;
}
#foot_bottom p{
	padding:0;
	color:#fff;
	text-align:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
.copyright {
	text-align:center;
	width: 100%;
	line-height: 1.6;
	height: 18px;
	float: right;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 12px;

}
address{
	color: #fff;

}
/*
 clear [
----------------------------------------------------------- */
.clear{
	clear:both;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
    font-size: 0;/*これで解決させる*/
}


/*-----------------------------------------------------------
 oajinai [
----------------------------------------------------------- */
.clearfix {
 display: inline-table;
 min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */ 
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	padding: 0;
	border: 0;
	line-height:1.5;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	margin: 0px;
	border-style:none;
}
/*-----------------------------------------------------------
 photo-waku
----------------------------------------------------------- */
.pict {
	padding: 5px;
	border-color: #BBBBBB;
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.pict2 {
    margin: 0;
    padding: 3px;
    border-color: #BBBBBB;
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
}

.pict3{
    margin: 0;
    padding: 0;
    border-color: #BBBBBB;
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFFF;
}

p.jisage,table td p{
    font-size: 1.4rem;;
}

.jisage{
	margin:10px 0 0 54px;
}

#contents p img{
    margin: 1rem 0 2rem;
}

table{
    border: none;
}

table td{
    vertical-align: middle;
    border: none;
}

@media screen and (max-width: 800px) {
    #contents-wrap{
        width: 96%;
        margin: auto;
    }

    #hedder,#hedder img,#p-navi,#contents,#contents table,#footer{
        width: 100%;
        height: auto;
        margin: auto;
    }

    #contents p img{
        margin: 1rem 0 ;
    }

    #p-navi li{
        width: 25%;
        background-size: 100%;
    }

    #p-navi li a:hover{
        background-size: 100%;
    }

    #p-navi li a{
        width: 100%;
    }

    p.jisage{
        margin: auto;
    }

    img.resp{
        width: 100%;
        height: auto;
    }

    #footer{
        overflow: hidden;
    }
    #footer img.resp{
        width: 150%;
        margin-left: -27%;        
    }
}

@media screen and (max-width: 400px) {
    #p-navi li{
        width: 50%;
        flex: 2;
    }
}