@charset"sjis";

*{
}

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

body{
	color: #5F523F;
	margin: 0px;
	padding: 0px;
	background-color: #F0E6DF;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.8em;
	line-height: 1.5em;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat;
	background-position: center top;
	}	

a {
	color: #5F523F;
	text-decoration: underline;
	}
	
a:link,
a:visited {
	color: #5F523F;
	text-decoration: underline;
	}
	
a:hover,
a:active {
	color: #ff3333;
	text-decoration: none;
	}

p { 
	margin: 0px;
	padding: 0px;
	}

.clear { clear: both; visibility: hidden; height: 0;} 

.icon { vertical-align: middle;	}

img { border: none; }

hr {
   border:solid #ccc;
   border-width:1px 0 0 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
} 

h1 {
	font-size: 80%;
	font-weight: normal;
	background-image: url(../img/h1_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
	height: 25px;
}

.f-large {
	font-size: 130%;
	line-height: 1.5em;
}
.f-small {
	font-size: 90%;
	line-height: 1.4em;	
}

.f-orange {
	color: #F60;
}

.f-pink {
	color: #E466AE;
}

/*----------------------------------------------------
	モバイル端末のブラウザーでテキストサイズ調整を行わない
----------------------------------------------------*/
html,body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/

#wrapper {
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/wrapper_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#header {
	background-image: url(../img/header_bg.jpg);
	background-repeat: no-repeat;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 10px;
}

#header a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #000;
}

#logo {
	margin: 0px;
	float: left;
	width: 250px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#language {
	float: left;
	width: 280px;
	text-align: right;
	padding-top: 35px;
}

#language span {
	padding: 0px;
	margin-right: 3px;
}

#member-navi {
	float: left;
	width: 160px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 25px;
}

#Instagram {
	float: left;
	width: 30px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 25px;
}

#facebook {
	float: left;
	width: 30px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 25px;
}
#facebook a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #ffffff;
}

#head-contact {
	margin: 0px;
	padding-left: 10px;
	float: left;
	width: 180px;
}

#top-img {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	clear: both;
	float: none;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#main {
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	clear: both;
	float: none;
}

#main a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #000;
}

#main-contents {
	float: left;
	width: 650px;
	margin-left: 40px;
}

.title {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.caption-flower {
	background-image: url(../img/icon-flower.jpg);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9999;
	font-size: 110%;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 23px;
	margin-bottom: 10px;
}

/*----------------------------------------------------
	サイド
----------------------------------------------------*/

#side {
	width: 250px;
	float: left;
	padding-bottom: 20px;
}

#blogrss {
	height: 360px;
}

#irohablog {
	padding-top: 85px;
	padding-left: 25px;
	padding-right: 25px;
	color: #339966;
}

#irohablog a {
	color: #5F523F;
	text-decoration: none;
	}

#irohablog a:visited {
	color: #5F523F;
	text-decoration: none;
	}

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

#irohablog p {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 5px;
}

#blog-bn {
	text-align: right;
	padding-right: 25px;
	padding-top: 10px;
}

#side-info {
	padding-top: 60px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 0px;
	color: #FFF;
	line-height: 1.3em;
	font-size: 90%;
}

#side-info div {
	padding-top: 7px;
	padding-bottom: 2px;
}

#side-info a {
	color: #ffffff;
	text-decoration: none;
	}

#side-info a:visited {
	color: #ffffff;
	text-decoration: none;
	}

#side-info a:hover {
	color: #ff3333;
	text-decoration: underline;
	}

#facebook_top, #facebook_concept, #facebook_access, #facebook_life, #facebook_contact, #facebook_guide, #facebook_member, #facebook_parents, #facebook_download, #instagram_top, #instagram_concept, #instagram_access, #instagram_life, #instagram_contact, #instagram_guide, #instagram_member, #instagram_parents, #instagram_download {
	text-align: center;

}
#facebook_top a:hover img, #instagram_top a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #E2B490;
}
#facebook_concept a:hover img, #instagram_concept a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #9fd3de;
}
#facebook_access a:hover img, #instagram_access a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #B8DEBC;
}
#facebook_life a:hover img, #instagram_life a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #F4BFDE;
}
#facebook_contact a:hover img, #instagram_contact a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #DBD6C1;
}
#facebook_guide a:hover img, #instagram_guide a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #B3BDE1;
}
#facebook_member a:hover img, #instagram_member a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #B8DEBC;
}
#facebook_parents a:hover img, #instagram_parents a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #F4C779;
}
#facebook_download a:hover img, #instagram_download a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #FFB399;
}



/*----------------------------------------------------
	footer
----------------------------------------------------*/

#footer {
	float: none;
	padding-bottom: 20px;
	background-image: url(../img/footer_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 980px;
}

#footer a {
	color: #5F523F;
	text-decoration: underline;
	}

#footer a:visited {
	color: #5F523F;
	text-decoration: underline;
	}

#footer a:hover {
	color: #FF3333;
	text-decoration: none;
	}

#pagetop {
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
}

#footer-navi {
	color: #5F523F;
	padding-top: 35px;
	padding-left: 10px;
	text-align: center;
	height: 55px;
}

#footer-info {
	color: #5F523F;
	height: 65px;
	padding-left: 430px;
	width: 230px;
	font-size: 90%;
	padding-top: 22px;
	float: left;
}

#copy {
	text-align: left;
	padding-bottom: 0px;
	font-size: 90%;
	padding-top: 20px;
	padding-left: 15px;
	color: #FFFFFF;
	padding-right: 0px;
	clear: both;
	float: none;
}

#footer-contact {
	float: left;
	width: 320px;
	padding-top: 20px;
}


/*----------------------------------------------------
	教育目標
----------------------------------------------------*/

#concept-side {
	background-image: url(../concept/img/concept-sidebg.jpg);
	background-repeat: no-repeat;
	padding-top: 200px;
	height: 1100px;
}

.concept-caption {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

#concept-section01 {
	padding: 10px;
	background-image: url(../concept/img/img01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 185px;
	margin-bottom: 20px;
}

#concept-section02 {
	background-image: url(../concept/img/img02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 200px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 220px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#concept-section03 {
	height: 150px;
	margin-bottom: 20px;
	padding: 10px;
}

#concept-section04 {
	background-image: url(../concept/img/img04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 150px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 180px;
}

.guide-detail {
	margin-top: 5px;
	margin-left: 230px;
	
}

/*----------------------------------------------------
	園生活
----------------------------------------------------*/

#life-side {
	background-image: url(../life/img/life-sidebg.jpg);
	background-repeat: no-repeat;
	padding-top: 200px;
	height: 1300px;
}

#life-section01 {
	background-image: url(../life/img/img01.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 160px;
	height: 630px;
}

#life-section01 span {
	font-size: 120%;
	font-weight: bold;
}

#life-timetable01 {
	padding-top: 40px;
	padding-left: 10px;
}

#life-timetable02 {
	padding-top: 85px;
	padding-left: 40px;
}

#life-timetable03 {
	padding-top: 70px;
}


#life-timetable04 {
	padding-left: 50px;
	padding-top: 50px;
}

#life-section02 {
	margin-bottom: 30px;
	padding: 10px;
}

#life-section02 p {
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #FC0;
	padding: 5px;
	margin-bottom: 15px;
}

#life-section03 {
	margin-bottom: 20px;
	background-image: url(../life/img/img03.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 240px;
	height: 160px;
}

#life-section04 {
	background-image: url(../life/img/img04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 240px;
	height: 180px;
}

#life-section05 {
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 120px;
}

#life-section06 {
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


#life-section07 {
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.table_bus{
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border: 1px solid #ccc;
}
.table_bus th{
width:25%;
padding:10px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #FFEEFF;
border: 1px solid #cacaca;
}
.table_bus td{
width:75%;
padding:10px;
background-color: #fff;
border: 1px solid #cacaca;
}
.table_busb{
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border: 1px solid #ccc;
}
.table_busb th{
width:25%;
padding:10px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #EEFFFF;
border: 1px solid #cacaca;
}
.table_busb td{
width:75%;
padding:10px;
background-color: #fff;
border: 1px solid #cacaca;
}

.table_uniform {
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border: 1px solid #ccc;
}
.table_uniform th{
width:25%;
padding:10px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #FFEEFF;
border: 1px solid #cacaca;
}
.table_uniform td{
width:75%;
padding:10px;
background-color: #fff;
border: 1px solid #cacaca;
}
.table_uniform2 {
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border: 1px solid #ccc;
}
.table_uniform2 th{
padding:10px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #FFEEFF;
border: 1px solid #cacaca;
}
.table_uniform2 td{
padding:10px;
border: 1px solid #cacaca;
}


/*----------------------------------------------------
	入園案内
----------------------------------------------------*/

#guide-side {
	background-image: url(../guide/img/guide-sidebg.jpg);
	background-repeat: no-repeat;
	padding-top: 200px;
	height: 1300px;
}


#guide-section01-1 {
	background-image: url(../guide/img/img01-1.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding-top: 55px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 610px;
}

#guide-flow01 {
	padding-left: 150px;
	padding-top: 5px;
}

#guide-flow02 {
	padding-top: 250px;
	padding-left: 390px;
}

#guide-section01-2 {
	background-image: url(../guide/img/img01-2a.jpg);
	background-repeat: no-repeat;
	text-align: center;
	margin-bottom: 20px;
	padding-top: 110px;
	height: 530px;
}

#guide-section01-2 p {
	margin: 10px 40px;
}

.guide-section01-2l{
	text-align: left;	
}

#guide-section02 {
	margin-bottom: 20px;
	padding-top: 10px;
}

#guide-section02 p {
	text-align: right;
	padding: 0px;
	margin-top: 10px;
	margin-right: 15px;
}

#guide-section03 {
	margin-bottom: 20px;
	padding-top: 10px;
}

#guide-section03 p {
	text-align: right;
	padding: 0px;
	margin-top: 10px;
	margin-right: 15px;
}

#guide-section04 {
	margin-bottom: 20px;
	padding: 10px;
}

#guide-section04 p {
	padding: 0px;
}

.guide-table01 {
	border: 1px solid #D6C4A9;
	background-color: #FFFFCC;
	padding: 10px;
}

.guide-table02 {
	border: 1px solid #D6C4A9;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #D6C4A9;
	border-left-color: #D6C4A9;
	padding: 10px;
}

.guide-table03 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D6C4A9;
	border-bottom-color: #D6C4A9;
	border-left-color: #D6C4A9;
	padding: 10px;
}

.view01 {
	font-size: 100%;
	padding-left: 80px;
	text-align: left;
}

/*----------------------------------------------------
	保護者様へ
----------------------------------------------------*/

#parents-side {
	background-image: url(../parents/img/parents-sidebg.jpg);
	background-repeat: no-repeat;
	padding-top: 200px;
	height: 1100px;
}


#parents-section01-1 {
	background-image: url(../parents/img/img01.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding-top: 130px;
	padding-right: 140px;
	padding-bottom: 10px;
	padding-left: 140px;
	font-size: 110%;
	line-height: 2.0em;
	height: 420px;
}

#parents-section01-2 {
	padding: 10px;
	margin-bottom: 20px;
}

/*----------------------------------------------------
	アクセス
----------------------------------------------------*/

#access-side {
	background-image: url(../access/img/access-sidebg.jpg);
	background-repeat: no-repeat;
	padding-top: 200px;
	height: 1300px;
}

#access-section01 {
	margin-bottom: 20px;
	padding: 10px;
}
#access-section02 {
	margin-bottom: 20px;
	padding: 10px;
}
#access-section02 p {
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #FC0;
	padding: 5px;
	margin-bottom: 15px;
}

.access-select {
	margin-bottom: 30px;
	margin-left: 100px;
	margin-right: 20px;
}

.access-photo {
	margin: 10px;	
}


/*----------------------------------------------------
	お問合わせ
----------------------------------------------------*/

#contact-side {
	background-image: url(../contact/img/contact-sidebg.jpg);
	background-repeat: no-repeat;
	padding-top: 200px;
	height: 1300px;
}

#contact-section01 {
	margin-bottom: 20px;
	padding: 10px;
}

/*----------------------------------------------------
	在園児向け
----------------------------------------------------*/

#member-side {
	background-image: url(../img-member/member-sidebg.jpg);
	background-repeat: no-repeat;
	padding-top: 200px;
	height: 1300px;
}

#member-section01 {
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#member-section01 ul {
	margin: 0px;
	padding: 0px;
}

#member-section01 li {
	background-image: url(../img-member/member-listicon.jpg);
	background-repeat: no-repeat;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-position: 5px 8px;
	color: #577943;
}

.member-title {
	background-image: url(../img-member/member-title.jpg);
	background-repeat: no-repeat;
	font-size: 120%;
	font-weight: bold;
	padding-top: 22px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 35px;
}

.member-date {
	font-weight: bold;
	color: #50AF59;
	padding: 10px;
}

.member-photo {
	text-align: center;
	padding: 10px;
}

.member-text {
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 55px;
}

.member-back {
	text-align: center;
	padding-bottom: 20px;
	padding-top: 10px;
}

/*----------------------------------------------------
	テーブル
----------------------------------------------------*/
.table01 {
	border: 1px solid #D6C4A9;
	padding: 10px;
	background-color: #F7F2EA;
}

.table02 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D6C4A9;
	border-bottom-color: #D6C4A9;
	border-left-color: #D6C4A9;
	padding: 10px;
	background-color: #F7F2EA;
}

.table03 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #D6C4A9;
	border-right-color: #D6C4A9;
	border-bottom-color: #D6C4A9;
	padding: 10px;
}

.table04 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D6C4A9;
	border-bottom-color: #D6C4A9;
	padding: 10px;
}
/* datepickerの画像位置調整 */
img.ui-datepicker-trigger{
	cursor: pointer;
	margin-left: 7px!important;
	vertical-align: middle;
}




/*----------------------------------------------------
	各種用紙ダウンロード
----------------------------------------------------*/

#download-side {
	background-image: url(../download/img/download-sidebg.jpg);
	background-repeat: no-repeat;
	padding-top: 200px;
	height: 1100px;
}
#download-section01 {
	padding: 10px;
	margin-bottom: 20px;
    margin-top: 10px;
}
#download-section02 {
	padding: 10px;
	margin-bottom: 20px;
    margin-top: 10px;
}
.caption-flower-dtop {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFB399;	
	font-size: 110%;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 23px;
	margin-bottom: 10px;
}
.caption-flower-d {
	background-image: url(../img/icon-flower.jpg);
	background-repeat: no-repeat;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFB399;
	font-size: 110%;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 23px;
	margin-bottom: 10px;
}
.caption-flower-noline {
	background-image: url(../img/icon-flower.jpg);
	background-repeat: no-repeat;
	font-size: 110%;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 23px;
}
.download-bk {
	background-color: whitesmoke;
	margin:0px 10px 10px 10px;
	padding:10px;
}
/* datepickerの画像位置調整 */
img.ui-datepicker-trigger{
  cursor: pointer;
  margin-left: 7px!important;
  vertical-align: middle;
}