@charset "utf-8";

/*========================================index
/* +base element
/*   +list-style
/*   +margin/padding
/*   +color
/*   +font size
/*   +line-height
/* +link pseudo-class
/* +header
/* +container
/* +primary-contents
/* +secondary-contents
/* +footer
/* +clearfix
/* +a11y
========================================index*/

/*====================
 +base element
====================*/
html{
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	height: 100%;
	}
body {
	color: #4e4e4e;
	font-family:
			meiryo, "メイリオ",
			"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",
			Osaka,
			"MS P Gothic", "ＭＳ Ｐゴシック",
			sans-serif;
	font-size: 12px;
	line-height: 1.2;
	}
body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-image: none!important;
    background-color: #7FBF50!important;
}
/* +list-style */
ul,ol {
	list-style: outside;
	}
ul {
	list-style-type: square;
	}
ul ul,
ol ul {
	list-style-type: circle;
	}
ul ul ul,
ul ol ul,
ol ul ul,
ol ol ul {
	list-style-type: disc;
	}
ol {
	list-style-type: decimal;
	}

/* +margin/padding */
.section01 h1,.section01 h2,.section01 h3,.section01 h4,.section01 h5,.section01 h6,
.section01 p,.section01 blockquote,
.section01 dl,
.section01 table {
	margin: 12px 0;
	}
.section01 li h1,.section01 li h2,.section01 li h3,.section01 li h4,.section01 li h5,.section01 li h6,
.section01 li p,.section01 blockquote,
.section01 dl,
.section01 table,
.section01 dd h1,.section01 dd h2,.section01 dd h3,.section01 dd h4,.section01 dd h5,.section01 dd h6,
.section01 dd p,.section01 dd blockquote,
.section01 dd dl,
.section01 dd table,
.section01 blockquote h1,.section01 blockquote h2,.section01 blockquote h3,.section01 blockquote h4,.section01 blockquote h5,.section01 blockquote h6,
.section01 blockquote p,.section01 blockquote blockquote,
.section01 blockquote dl,
.section01 blockquote table,
.section01 td h1,.section01 td h2,.section01 td h3,.section01 td h4,.section01 td h5,.section01 td h6,
.section01 td p,.section01 td blockquote,
.section01 td dl,
.section01 td table {
	margin: 6px 0;
	}

.section01 ul,.section01 ol {
	margin: 12px 0 12px 3em;
	}
.section01 li ul,.section01 li ol,
.section01 dd ul,.section01 dd ol,
.section01 blockquote ul,.section01 blockquote ol,
.section01 td ul,.section01 td ol {
	margin-top: 6px;
	margin-bottom: 6px;
	}

/* +color */
strong,
em {
	color: #b30;
	}
strong {
	background: #e9e9e9;
	}

/* +font size/
h1 {
	font-size: 175%;
	}
h2 {
	font-size: 150%;
	}
h3 {
	font-size: 125%;
	}
.caption {
	font-size: 84%;
	}
	
/*====================
 +link pseudo-class
====================*/
a,
a span {
	text-decoration: underline;
	}
a:hover,
a:hover span,
a.current {
	text-decoration: none;
	}
a:active {
	text-decoration: none;
	}
a:active,
a:focus {
	outline: none;
	}
a[href^="http"] {
	}
a[href^="http://www.asahihoikuen.net"],
a[href^="http://asahihoikuen.net"] {
	}

#wrapper{
    margin: 0 auto;
    min-height: 100%;
    padding: 0;
    position: relative;
    background-color: #F1EFD1;
    overflow: hidden;
}
/*====================
 +header
====================*/
.startpage header {
	border-top: 9px solid #7fbf50;
	border-bottom: 5px solid #ffffff;
	background: url(../images/topbgtop.png) repeat-x left top;
	height: 313px;
	width: 100%;
	display: block;
	}
 header {
	border-top: 0px solid #7fbf50;
	border-bottom: 5px solid #ffffff;
	background: url(../images/pageheader.png) repeat-x left top;
	height: 87px;
	width: 100%;
	display: block;
	}
.startpage #innerheader{
	width: 960px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	height: 100%;
}
#innerheader{
	width: 701px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.startpage .logo{
	left: 130px;
	position: absolute;
	top: 23px;
	z-index: 999;
	width: 185px;
}
.logo{

}
.mainimage{
	padding-top: 62px;
}

/*====================
 + OLD TABLE
====================*/

#wrapper > table{
	margin: 0 auto 70px;
}
td.first-child{
	display: none;
}
.old-logo{
	display: none;
}
.endayori .irastmargin {
	float: right;
}
/*====================
 +container
====================*/
#container {
	width: 100%;
	margin: 0 auto;
	background-color: #EFECCA;
	border-top: 1px solid #cccccc;
	padding-bottom: 60px;
	}

/*====================
 +primary-contents
====================*/
#maincontents{
	width: 701px;
	margin: 0 auto;
}

#maincontents nav{
	width: 178px;
	float: right;
}
#maincontents nav ul{
	margin-top: 12px;
	padding: 14px 11px 9px;
	background: #ffffff url(../images/topmenubg.png) repeat-x left bottom;
}
#maincontents nav ul li{
	list-style: none;
	border: 1px solid #cccccc;
	margin-bottom: 7px;
	text-align: center;
}
#maincontents nav ul li:hover{
	border: 1px solid #9fb1c2;
}
#maincontents nav ul li a{
    color: #4E4E4E;
    display: block;
    font-size: 16px;
    letter-spacing: 3px;
    padding: 7px 0;
    padding-left: 3px;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    background-color: transparent;
}
#maincontents nav ul li a:hover{
	background: #ffffff url(../images/menumark.png) no-repeat 4px center;
}
#startgrid{
	width: 100%;
	float: left;
	padding-left: 1px;
}
#startgrid section{
    background-color: #fcfcfc;
    float: left;
    height: 122px;
    width: 174px;
    position: relative;
    border-right: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    position: relative;
    display: block;
    overflow: hidden;
}
body div#startgrid section.hover{
    background: #ffffff url("../images/startgridbghover.png") repeat-x scroll left bottom;
    }
#startgrid section h2 {
    text-align: center;
    width: 100%;
    font-size: 16px;
    background: url(../images/startgridunderline.png) no-repeat center bottom;
}
#startgrid section a{
	padding: 10px 20px;
	display: block;
	text-decoration: none;
	height: 102px;
}
#startgrid section a h2{
    color: #4E4E4E;
    font-size: 140%;
    letter-spacing: 3px;
    line-height: 2.3;
    margin-top: 4px;
    text-decoration: none;
}
#startgrid section a p{
	color: #4E4E4E;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 8px;
    padding: 5px 10px;
}
#startgrid section img{
	position: absolute;
	left: 0;
	top: 0;
}
#startgrid section.fifth-child{
	border-right: 0px solid #cccccc;
	border-left: 0px solid #cccccc;
}
#startgrid section.second-child{
	border-right: 0px solid #cccccc;
}
#startgrid section.fourth-child{
	border-right: 0px solid #cccccc;
	border-left: 0px solid #cccccc;
}
#startgrid section.item1,
#startgrid section.item2,
#startgrid section.item3,
#startgrid section.item4{
	border-top: none;
}
#startgrid section.item2,
#startgrid section.item4,
#startgrid section.item5,
#startgrid section.item7,
#startgrid section.item10,
#startgrid section.item12,
#startgrid section.item13,
#startgrid section.item15,
#startgrid section.item18,
#startgrid section.item20{
	background-color: #f7f7f7;
}
/*====================
 +primary-contents
====================*/
#primary-contents {
	}
#bn_index .firstitem{
	 display: none!important;
}
/*====================
 +secondary-contents
====================*/
#secondary-contents {
	}

/*====================
 + Houkoku
====================*/
.backnumber{
	padding: 80px 15px 15px;
}
.backnumber h3{
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 16px;
	color: #666;
}
.backnumber ul li{
	list-style: none;
	margin-bottom: 6px;
	line-height: 1.3;
	border-bottom: 1px dotted #999;
	padding-bottom: 6px;
}
.backnumber ul li a{
	color: #999;
}

.backnumber ul li a:hover{
	color: #666;
}

/*====================
 +footer
====================*/
footer {
    background: url("../images/footerbg.png") repeat-x scroll left top transparent;
    bottom: 0;
    height: 46px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
	}
#footernav{
    background: url("../images/footertop.png") no-repeat scroll -223px top transparent;
    margin: 0 auto;
    text-align: right;
    width: 770px;
}
footer p{
    color: #FFFFFF;
    line-height: 1;
    padding-right: 63px;
    padding-top: 23px;
}
/*====================
 +clearfix
====================*/
.clearfix,
div#container {
	overflow: hidden;
	}

/*====================
 +a11y
====================*/
.a11y,
#global-nav h2,
#footer h2 {
	width: 0;
	height: 0;
	overflow: hidden;
	}