/*  
Theme Name: AISYU
Theme URI: http://www.aisyu.jp/
Description: 札幌愛珠幼稚園用のテンプレートです
Version: 0.1
Author: CHILD
Author URI: http://www.aisyu.jp/
*/

/*
	書き換え自由です
*/

* {
    margin: 0;
    padding: 0;
}

a:hover img {
	opacity: 0.7; /* Opera・Safari */
	-moz-opacity:0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE */
	zoom: 1; /* IE */
}

html,body {
	height: 100%;
    margin: 0px auto;
	padding: 0px;
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
}

#system_main {
	position: relative;
	margin: 0px auto;
	min-height: 100%;
	height: 100%;
	width: 100%;
	text-align: center;
	background-image: url(/images/bg_main.gif);
	background-repeat: repeat-x;

}
body > #system_main {
    height: auto;
}

#system_main #header {
	height: 96px;
	width: 900px;
	text-align: left;
	font-family: "sans-serif";
	font-size: 12px;
	color: #666666;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/header.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

#system_main #menu {
	height: 28px;
	width: 920px;
	text-align: center;
	margin: 0px auto;
	padding: 0px;

}
#system_main #menu a {
display:block;
width:114px;
height:28px;
text-indent:-9999px;
background-position:top;
}
#system_main #menu a:hover { background-position:bottom; }
#system_main #menu a.menu1 { background-image: url(/images/menu1.gif); }
#system_main #menu a.menu2 { background-image: url(/images/menu2.gif); }
#system_main #menu a.menu3 { background-image: url(/images/menu3.gif); }
#system_main #menu a.menu4 { background-image: url(/images/menu4.gif); }
#system_main #menu a.menu5 { background-image: url(/images/menu5.gif); }
#system_main #menu a.menu6 { background-image: url(/images/menu6.gif); }
#system_main #menu a.menu7 { background-image: url(/images/menu7.gif); }
#system_main #menu a.menu8 { background-image: url(/images/menu8.gif); }

#system_main #contents {
	background-color: #FFFFFF;
	font-family: "sans-serif";
	font-size: 13px;
	font-weight: normal;
	color: #660000;
	text-align: center;
	width: 900px;
	height: auto;
	padding-bottom: 80px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;

}



#system_main #footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	left: 0px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/bg_footer.gif);
	background-repeat: repeat-x;

}

#footer p{
	font-family: "sans-serif";
	font-size: 11px;
	line-height: 11px;
	color: #663333;
	margin-top: 8px;
}

.searchinput {
	color: #666666;
	font-size: 12px;
	background-color: #ffffff;
	height: 16px;
	width: 70px;
	padding: 0px;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	margin: 0px 0px 0px 5px;




}
.searchsubmit {
	color: #666666;
	font-size: 11px;
	background-color: #ffffff;
	width: 32px;
	padding: 0px;
	text-decoration: none;
	border: 1px solid #FF9999;
	text-align: center;
	vertical-align: middle;
	margin: 0px 0px 0px 3px;
	height: 15px;





}
.search {
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 28px;
	width: 120px;




}
div.bar {
	background-color: #CCCCCC;
	height: 5px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;


}
div.header {
	text-align: left;
	padding-left: 600px;
	padding-top: 15px;


}
div.contents {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	font-size: 13px;
	color: #660000;

}
table.index-photo {
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
td.index2 {
	text-align: left;
	width: 450px;
	background-image: url(/images/bg_index_text.gif);
	background-repeat: no-repeat;
	height: 225px;
	vertical-align: middle;
	font-size: 13px;




}
td.index1 {
	text-align: center;
	width: 360px;
}
div.index-text {
	width: 400px;
	padding-left: 35px;
	text-align: left;
	font-size: 13px;
	color: #660000;
	margin-top: auto;
	margin-bottom: auto;
	line-height: 110%;




}
h1 {
	font-size: 17px;
	color: #999999;
	margin: 0px;
	padding: 0px;



}
p {
	padding: 0px;
	margin-top: 4px;
	margin-bottom: 2px;
}
table.menu {
	margin: 0px;
	padding: 0px;
	height: 28px;
}
td.index3 {
	width: 400px;
}
div.index-box1 {
	background-color: #FDEDE8;
	padding: 10px 6px;
	font-size: 13px;
	color: #660000;
	text-align: center;
	border-top: 0px solid #B9ABAB;
	border-right: 1px solid #B9ABAB;
	border-bottom: 1px solid #B9ABAB;
	border-left: 1px solid #B9ABAB;
}

div.index-box2 {
	background-color: #EAF0FB;
	padding: 6px;
	font-size: 13px;
	color: #333366;
	text-align: left;
	border-top: 0px solid #B9ABAB;
	border-right: 1px solid #B9ABAB;
	border-bottom: 1px solid #B9ABAB;
	border-left: 1px solid #B9ABAB;
}
img {
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}
img.title {
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;

}

table.index-box {
	width: 810px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;

}
h3 {
	background-image: url(/images/bg_title.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 800px;
	margin: 5px 0px 3px;
	padding: 0px 0px 0px 5px;
	font-size: 16px;
	color: #660000;
	text-align: left;


}
li {
	list-style-type: decimal;
	font-size: 14px;
	color: #4F6975;
	padding-top: 5px;
	padding-bottom: 5px;



}
ul {
	padding-left: 30px;
}
div.index-tokuchou {
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	margin-top: 15px;
	font-size: 13px;
	color: #7D4037;

}
div.index-tatewari {
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	margin-top: 15px;
	font-size: 15px;
	color: #B3630B;
}
div.index-houshin {
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	margin-top: 15px;
	font-size: 15px;
	color: #638514;
}
div.index-mokuhyou {
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	margin-top: 15px;
	font-size: 15px;
	color: #660066;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";

}
div.blog-box-left {
	text-align: left;
	width: 100px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}
div.blog-box {
	margin-right: auto;
	margin-left: auto;
	width: 830px;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.blog-box-right {
	width: 680px;
	padding-right: 10px;
	padding-left: 10px;
	float: right;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}
.blog-title {
	background-image: url(/images/bg_blog_title.gif);
	background-repeat: no-repeat;
	text-align: left;
	height: 40px;
	width: 600px;
	font-family: "sans-serif";
	font-size: 16px;
	font-weight: bold;
	color: #999999;
	line-height: 40px;

}
.blog-contents {
	font-family: "sans-serif";
	font-size: 13px;
	font-weight: normal;
	color: #660000;
	text-align: left;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	background-color: #E7F0F5;
	padding: 5px;


}
.blog-footer {
	font-family: "serif";
	font-size: 12px;
	color: #99CC33;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 20px;
}
h4 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 30px;
	height: 30px;
	width: 780px;
	border-bottom: 2px dotted #33CCCC;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	margin-right: auto;
	margin-left: auto;

}
h5 {
	font-size: 15px;
	font-weight: bold;
	color: #259696;
	text-align: left;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	line-height: 20px;
	padding: 0px;
	height: 20px;
	margin-top: 5px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCB78E;


}
div.box-nyuen {
	background-color: #F4F0D5;
	width: 730px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: left;
	padding: 10px;
	font-size: 14px;
	color: #660000;



}
table.nyuen-hiyou {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	color: #660000;

}
.kosodate-box-top1 {
	background-image: url(/images/box_top_mother.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 68px;
	width: 785px;
}
.kosodate-box-top2 {
	background-image: url(/images/box_top_koguma.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 68px;
	width: 785px;
}
.kosodate-box-top3 {
	background-image: url(/images/box_top_ichigo.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 68px;
	width: 785px;
}
.kosodate-box-top4 {
	background-image: url(/images/box_top_aisyu.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 68px;
	width: 785px;
}
.kosodate-box-top5 {
	background-image: url(/images/box_top_oyako.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 68px;
	width: 785px;
}


.kosodate-box-middle {
	background-image: url(/images/box_middle.gif);
	background-repeat: repeat-y;
	width: 785px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;

}
.kosodate-box-bottom {
	background-image: url(/images/box_bottom.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 22px;
	width: 785px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
td.kosodate-text-mother {
	font-size: 13px;
	color: #892143;
	text-align: left;
	width: 350px;
}
td.kosodate-photo {
	text-align: right;
	width: 350px;
}
p.kosodate-title1 {
	font-family: "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #006699;
	margin-top: 5px;
	margin-bottom: 5px;
}
p.kosodate-title2 {
	font-family: "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #CC6600;
	margin-top: 5px;
	margin-bottom: 5px;
}
p.kosodate-title3 {
	font-family: "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #CB1D85;
	margin-top: 5px;
	margin-bottom: 5px;
}
p.kosodate-title4 {
	font-family: "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #006600;
	margin-top: 5px;
	margin-bottom: 5px;
}
p.kosodate-title5 {
	font-family: "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #FF9933;
	margin-top: 5px;
	margin-bottom: 5px;
}




div.event-box {
	margin-right: auto;
	margin-left: auto;
	width: 780px;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.event-box-right {
	width: 150px;
	padding-right: 10px;
	padding-left: 5px;
	float: right;

}
div.event-box-left {
	text-align: left;
	width: 580px;
	padding-right: 5px;
	padding-left: 10px;
	float: left;

}
td.event-left {
	font-size: 14px;
	color: #666666;
	height: 40px;
	border-bottom-width: 3px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	width: 100%;
	padding-left: 10px;

}
table.daily {
	width: 700px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding: 5px;
	border: 4px dotted #FFCCCC;
	margin-top: 10px;

}
td.daily-time {
	font-size: 15px;
	color: #DB77A7;
	text-align: left;
	padding: 10px 10px 10px 20px;
	font-weight: bold;
	width: 150px;


}
td.daily-contents {
	font-size: 14px;
	color: #45273A;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;

}
div.kosodate-other {
	text-align: left;
	width: 680px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
h6 {
	font-size: 15px;
	font-weight: bold;
	color: #000066;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 3px;
}

.staff-box-top1 {
	background-image: url(/images/staff_box_top1.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 79px;
	width: 400px;
	font-size: 16px;
	line-height: 79px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;


}
.staff-box-middle1 {
	background-image: url(/images/staff_box_middle1.gif);
	background-repeat: repeat-y;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;

}
.staff-box-bottom1 {
	background-image: url(/images/staff_box_bottom1.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 33px;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.staff-box-top2 {
	background-image: url(/images/staff_box_top2.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 79px;
	width: 400px;
	font-size: 16px;
	line-height: 79px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;


}
.staff-box-middle2 {
	background-image: url(/images/staff_box_middle2.gif);
	background-repeat: repeat-y;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;

}
.staff-box-bottom2 {
	background-image: url(/images/staff_box_bottom2.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 33px;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

td.staff {
	font-size: 12px;
	color: #333333;
	text-align: left;
	border-bottom: 1px dashed #CCCCCC;
}
table.staff {
	width: 820px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
td.staff-main {
	text-align: center;
	width: 410px;
}
table.staff-photo {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
table.staff-contents {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



div.album-box-left {
	text-align: left;
	width: 100px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}
div.album-box {
	margin-right: auto;
	margin-left: auto;
	width: 750px;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.album-box-right {
	width: 600px;
	padding-right: 10px;
	padding-left: 10px;
	float: right;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}
.album-title {
	background-image: url(/images/bg_album_title.gif);
	background-repeat: no-repeat;
	text-align: left;
	height: 40px;
	width: 600px;
	font-family: "sans-serif";
	font-size: 16px;
	font-weight: bold;
	color: #999999;
	line-height: 40px;

}
.album-contents {
	font-family: "sans-serif";
	font-size: 13px;
	font-weight: normal;
	color: #660000;
	text-align: left;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	background-color: #F1E7F5;
	padding: 5px;


}
.album-footer {
	font-family: "serif";
	font-size: 12px;
	color: #996600;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 20px;
}
.kosodate-table {
	margin-right: auto;
	margin-left: auto;
}