@charset "utf-8";             /* 文字コードをUTF-8に設定。js,css.htmll等も統一すること。*/
/* CSS Document */
/**********************************************/
/* 三鷹小鳩幼稚園ホームページ専用 - テンプレートファイル     */
/**********************************************/
body  {
	/*font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;*/
	width: 900;
	background-color:#FFFFFF;
	background-image:url(../img/stend_back_h.png);
	background-attachment:fixed;
	/*background-repeat:repeat-y;*/
	margin: 0 auto; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #800000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 100%;
}

.thrColLiqHdr #container { 
	width: 900px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #BC8F8F;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.thrColLiqHdr #header { 
	background: #FFFFFF; 
	/*background: #CCE6FF; */
	padding: 0 10px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
} 
.thrColLiqHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.thrColLiqHdr #header h2 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.thrColLiqHdr #header menu {
	text-align: right;
    font-size: 12px;
	margin: 0;
	padding: 10px 0;
}

/* #sidebar1 と #sidebar2 に関するヒント：
1. 単位はパーセントであるため、サイドバーの端に余白を適用することは回避してください。標準に準拠したブラウザでは、余白は幅に追加されるため、実際の幅が不特定の幅になります。 
2. 「.thrColLiqHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
3. 親エレメントが表示された後に Internet Explorer によって幅が計算されるため、単位がパーセントの列では原因不明のバグが発生することがあります。最終的な表示をより正確に予測する必要がある場合は、単位がピクセルの列に変更することができます。
*/

/* サイドバー設定 */
.thrColLiqHdr #sidebar1 {
	float: left; /* このエレメントは、ソースオーダー内で、その横に配置されるエレメントの前に配置される必要があります */
	width: 22%; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	background: #FFFFFF; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 15px 0; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	margin: 0px 0px 0px 0px; 
}
.thrColLiqHdr #sidebar2 {
	float: right; /* このエレメントは、ソースオーダー内で、その横に配置されるエレメントの前に配置される必要があります */
	width: 23%; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	background: #FFFFFF; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 15px 0; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	margin-right: 10px;
}

.thrColLiqHdr #menubar {
	text-align: center;
	margin: 0;
	background: #CCE6FF;
}
.thrColLiqHdr #mainContent {
	margin: 0;
	padding: 2em 2em 0 2em;
} 
.thrColLiqHdr #mainContent h1 {
	margin: 0; 
}
.thrColLiqHdr #mainContent h2 {
	margin: 0; 
}
.thrColLiqHdr #mainContent p {
	margin: 0; 
	padding: 0em 4em;
} 
.thrColLiqHdr #footer { 
	padding: 0 10px;
	text-align: center;
	background: #CCE6FF;
} 
.thrColLiqHdr #footer p {
	margin: 0;
	padding: 10px 0;
}
.thrColLiqHdr #footer ps {
	margin: 0;
    font-size: 8px;
	padding: 10px 0;
}
.thrColLiqHdr #footer menu {
    font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 10px 0;
}

/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます。フローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、子フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* リンクに対して下線を表示しない */
a {
	text-decoration: none;
	color:#800000;
}

/* カーソルを合わせた際に下線を表示する */
a:hover{
	text-decoration: underline;
	color:#FFC0CB;
}

/* フロートを解除する */
.clear_float {
	clear:both;
}

/* 罫線 */
hr.dotted {
	border: medium #800000 dotted;

}


/**********************************************/
/* tableに関する定義(共通)  */
/**********************************************/
table.List{
    width:800px;
	border: 0px;
    border-spacing: 5px 5px;
	
	/*background: #9EDDEE url(../img/news_back2.png) repeat-x 0 100%;*/
}
table.List th{
	text-align:left;
	border-style: none;
    background: #FFFACD;
	font-size:25px;
}
table.List td{
	text-align:left;
	vertical-align: top;
}
table.List td.pink{
	text-align:center;
    background: #FFB6C1;
}
table.List td.bold{
	text-align:left;
	text-decoration: underline;
	font-weight:bold;
}
table.List td.heading{
	text-align:right;
	vertical-align: top;
	/*color:#FFFFFF;*/
	font-size: 12px;
}
table.List td.textarea{
	text-align:left;

}
table.reserveList{
    width:350px;
	border:  2px #9EDDEE solid;
    border-spacing: 5px 5px;
	border-collapse: collapse
	/*border-collapse: separate;*/
	/*background: #9EDDEE url(../img/news_back2.png) repeat-x 0 100%;*/
}
table.reserveList th{
	text-align:center;
    background: #9EDDEE;
	font-size:20px;
}
table.reserveList td.blueborder{
	border:  2px #9EDDEE solid;
}
table.reserveList td{
	text-align:left;
	border:  2px #9EDDEE solid;
}


table.reserveList_pink{
    width:350px;
	border:  2px #FFB6C1 solid;
    border-spacing: 5px 5px;
	border-collapse: collapse
	/*border-collapse: separate;*/
	/*background: #FFB6C1 url(../img/news_back2.png) repeat-x 0 100%;*/
}
table.reserveList_pink th{
	text-align:center;
    background: #FFB6C1;
	font-size:20px;
}
table.reserveList_pink td.blueborder{
	border:  2px #FFB6C1 solid;
}
table.reserveList_pink td{
	text-align:left;
	border:  2px #FFB6C1 solid;
}

/**********************************************/
/* tableに関する定義(about.html)  */
/**********************************************/
table.aboutList{
    width:600px;
	margin: 0; 
	border:  2px #800000 solid;
    border-spacing: 5px 5px;
}
table.aboutList th{
	text-align:left;
	border-style: none;
    background: #FFFACD;
	font-size:25px;
}
table.aboutList td{
	text-align:left;
	border:  1px #800000 solid;
}
table.aboutList td.bold{
	text-align:left;
	text-decoration: underline;
	font-weight:bold;
}
table.aboutList td.heading{
	text-align:right;
	/*color:#FFFFFF;*/
	font-size: 12px;
}

/**********************************************/
/* privacy_policy.html  */
/**********************************************/

/**********************************************/
/* tableに関する定義(day.html)  */
/**********************************************/
table.dayList{
    width:600px;
	border:  2px #9EDDEE solid;
    border-spacing: 5px 5px;
	border-collapse: collapse
	/*border-collapse: separate;*/
	/*background: #9EDDEE url(../img/news_back2.png) repeat-x 0 100%;*/
}
table.dayList th{
	text-align:left;
    background: #FFFACD;
	font-size:25px;
}
table.dayList td.blueborder{
	border:  2px #9EDDEE solid;
}
table.dayList td{
	text-align:left;
	border:  2px #9EDDEE solid;
}
table.dayList td.pink{
	text-align:center;
    background: #FFB6C1;
}
table.dayList td.bold{
	text-align:left;
	text-decoration: underline;
	font-weight:bold;
}
table.dayList td.boldcenterblue{
	text-align:center;
	font-weight:bold;
	border:  2px #9EDDEE solid;
	background: #9EDDEE repeat-x 0 100%;
}
table.dayList td.heading{
	text-align:right;
	/*color:#FFFFFF;*/
	font-size: 12px;
}
table.dayList td.textarea{
	text-align:left;

}

/**********************************************/
/* tableに関する定義(schedule.html)  */
/**********************************************/
table.scheduleList_blue{
    width:250px;
	border:  2px #9EDDEE solid;
    border-spacing: 5px 5px;
	border-collapse: collapse
}
table.scheduleList_blue td{
	text-align:left;
	border:  2px #9EDDEE solid;
}
table.scheduleList_blue td.boldcenter{
	text-align:center;
	font-weight:bold;
	border:  2px #9EDDEE solid;
	background: #9EDDEE repeat-x 0 100%;
}
table.scheduleList_blue td.heading{
	text-align:right;
	/*color:#FFFFFF;*/
	font-size: 12px;
}

table.scheduleList_pink{
    width:250px;
	border:  2px #FFB6C1 solid;
    border-spacing: 5px 5px;
	border-collapse: collapse
}
table.scheduleList_pink td{
	text-align:left;
	border:  2px #FFB6C1 solid;
}
table.scheduleList_pink td.boldcenter{
	text-align:center;
	font-weight:bold;
	border:  2px #FFB6C1 solid;
	background: #FFB6C1 repeat-x 0 100%;
}
table.scheduleList_pink td.heading{
	text-align:right;
	/*color:#FFFFFF;*/
	font-size: 12px;
}

table.scheduleList_img{
    width:800px;
	border: 0px;
    border-spacing: 5px 5px;
	
	/*background: #9EDDEE url(../img/news_back2.png) repeat-x 0 100%;*/
}
table.scheduleList_img td{
	text-align:left;
}
table.scheduleList_img td.bgnorepeat{
	text-align:center;
	font-size:20px;
	background-image:url(../img/img_waku001.png);
	background-repeat:no-repeat;
	background-position:center;
}



/**********************************************/
/* tableに関する定義(childcare.html)  */
/**********************************************/
table.childcareList{
    width:700px;
	border:  2px #9EDDEE solid;
    border-spacing: 5px 5px;
	border-collapse: separate;
}
table.childcareList td{
	text-align:left;
	border:  2px #9EDDEE solid;
}
table.childcareList td.boldcenter{
	text-align:center;
	font-weight:bold;
	border:  2px #9EDDEE solid;
	background: #9EDDEE repeat-x 0 100%;
}
table.childcareList td.heading{
	text-align:right;
	/*color:#FFFFFF;*/
	font-size: 12px;
}


table.childcareMiniList{
    width:400px;
	border:  1px #FFFFFF solid;
    border-spacing: 5px 5px;
	border-collapse: separate;
}
table.childcareMiniList td{
	text-align:left;
	border:  1px #FFB6C1 solid;
}
table.childcareMiniList td.boldcenter{
	text-align:center;
	font-weight:bold;
	background: #9EDDEE repeat-x 0 100%;
}
table.childcareMiniList td.heading{
	text-align:right;
	/*color:#FFFFFF;*/
	font-size: 12px;
}

/**********************************************/
/* tableに関する定義(enter.html)  */
/**********************************************/
table.enterList{
    width:700px;
	border:  2px #9EDDEE solid;
    border-spacing: 5px 5px;
	border-collapse: separate;
}
table.enterList td{
	text-align:left;
	border:  2px #9EDDEE solid;
}
table.enterList td.boldcenter{
	text-align:center;
	font-weight:bold;ｒ
	border:  2px #9EDDEE solid;
	background: #9EDDEE repeat-x 0 100%;
}
table.enterList td.heading{
	text-align:right;
	/*color:#FFFFFF;*/
	font-size: 12px;
}


table.enterEssentials{
    width:700px;
	border:  2px #FFD5EC solid;
    border-spacing: 5px 5px;
	border-collapse: separate;
}
table.enterEssentials td{
	text-align:left;
	border:  2px #FFD5EC solid;
}
table.enterEssentials td.boldcenter{
	text-align:center;
	font-weight:bold;ｒ
	border:  2px #FFD5EC solid;
	background: #FFD5EC repeat-x 0 100%;
}
table.enterEssentials td.heading{
	text-align:right;
	/*color:#FFFFFF;*/
	font-size: 12px;
}

/**********************************************/
/* 備忘録 パディング＆マージン                */
/**********************************************/
/*
値を1つ指定：[上下左右]
値を2つ指定：[上下][左右]
値を3つ指定：[上][左右][下]
値を4つ指定：[上][右][下][左]
*/