@charset "utf-8";

/* **************************
使用する色
深い緑 #030
かわいい緑 #cf6
明るい緑 #6f0
薄ーい緑 #cfc
白 #fff
ピンク #fcf
ラベンダー #ccf
赤 #f33
薄い黄色 #ffc
明るい黄色 #ff0
オレンジ #f60
薄ーい青 #cff
***************************** */

/* ==============================================
目次

1.文書の基本スタイル設定
1-1.ブラウザ別の既定余白値をリセット
1-2.文書全体の基本スタイルを設定

2.段組レイアウト
2-1.BODY全体を中央寄せ
2-2.LOGOとSLOGANのレイアウト
2-3.ラッパーのレイアウト
2-4.コンテンツのレイアウト
2-5.メインのレイアウト
2-6.サブのレイアウト
2-7.サイドバーのレイアウト
2-8.フッターのレイアウト

3.パーツレイアウト
3-1.メインコンテンツ
3-2.サブコンテンツ
3-3.サイドバー
3-4.フッター
================================================= */

/* ==============================================
   1.文書の基本スタイル設定
================================================= */

/* ----------------------------------------------
   1-1.ブラウザ別の既定余白値をリセット
------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/* ----------------------------------------------
   1-2.文書全体の基本スタイルを設定
------------------------------------------------- */
html, body {
	font-size: small;
	font-style: normal;
	line-height: 1.5;
	color: #030;
	background-color: #fff;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 120%;
	margin-bottom:10px;
}

p {
	margin-bottom:10px;
}

em, strong {
	font-weight: bold;
	font-style: normal;
	color: #030;
	background-color: #fcf;
}

a {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: bottom;
}

table {
	margin-bottom: 10px;
	font-size: 100%; /* IE対策 */
	width: 100%;
	border: none;
}

caption {
	color: #030;
	background-color: #cf6;
	font-weight: bold;
}

th {
	color: #030;
	background-color: #ccf;
	padding-left:2px;
}

td {
	color: #030;
	background-color: #fcf;
	padding-left:2px;
}

address {
	font-style: normal;
	font-weight: bold;
}

dl{
	margin-bottom: 10px;
}

/* ==============================================
   2.段組レイアウト
================================================= */

/* ----------------------------------------------
   2-1.BODY全体を中央寄せ
------------------------------------------------- */
body {
	text-align: center; /* InternetExplorer6対策 */
}

/* ----------------------------------------------
   2-2.LOGOとSLOGANのレイアウト
------------------------------------------------- */
#logo {
	color: #030;
	background-color: #cf6;
}

#slogan {
	color: #030;
	background-color: #cf6;
	font-weight: bold;
}

#slogan strong {
	background-color: #cf6;
}

/* ----------------------------------------------
   2-3.ラッパーのレイアウト
------------------------------------------------- */
#wrapper {
	width: 780px; /* 幅780ピクセル */
	margin: 0 auto;
	text-align: left; /* InternetExplorer6対策 */
	overflow: auto !important;
	overflow /**/: hidden;
}

/* ----------------------------------------------
   2-4.コンテンツのレイアウト
------------------------------------------------- */
#contents {
	float: right; /* 右寄せ */
	width: 590px;
	padding: 10px 0;
	overflow: auto !important;
	overflow /**/: hidden;
}

/* ----------------------------------------------
   2-5.メインのレイアウト
------------------------------------------------- */
#main {
	float: left;
	width: 410px; /* 幅410ピクセル */
}

/* ----------------------------------------------
   2-6.サブのレイアウト
------------------------------------------------- */
#sub {
	float: right;
	width: 170px; /* 幅170ピクセル */
	text-align: center; /* 中央寄せ */
}

/* ----------------------------------------------
   2-7.サイドバーのレイアウト
------------------------------------------------- */
#sidebar {
	float: left; /* 左寄せ */
	width: 185px;
	padding: 10px 0;
	overflow: auto !important;
	overflow /**/: hidden;
}

/* ----------------------------------------------
   2-8.フッターのレイアウト
------------------------------------------------- */
#footer {
	clear: both; /* フロート解除 */
	width: 100%; /* 幅100% */
	background-color: #cf6;
	text-align: center;
}

/* ==============================================
   3,パーツレイアウト
================================================= */

/* ----------------------------------------------
   3-1.メインコンテンツ
------------------------------------------------- */

/* ---------------------------------------------- 
  3-1-1.共通のレイアイウト
------------------------------------------------- */

/* 記事を囲むdiv要素 */
div.post{
	width:400px;
}

/* 大見出しh2要素 */
div.post h2.posttitle {
	border: none;
	font-size:150%;
	font-weight:bold;
	background: url(./material/posttitle.gif) no-repeat #fff center;
	text-align:center;
}

/* 大見出しh2のリンク色 */
div.post h2.posttitle a {
	color: #030;
}

/* パンくずリスト */
p.breadnav {
	color: #030;
	background-color: #fcf;
	margin-bottom: 15px;
	padding:2px 10px;
	border: 2px dotted #f33;
}

/* 小見出しh2要素 */
div.post h2 {
	color: #030;
	background-color: #cf6;
	border-left: solid 5px #6f0;
	border-bottom: solid 2px #6f0;
	padding-left: 5px;
} 

/* 最近の記事リストを囲むdiv要素 */
div#news {
	border: solid 2px #f60;
	margin-bottom: 10px;
}

/* 最近の記事リスト内のh2要素 */
div#news h2 {
	border:none;
	background-color: #f60;
	color: #ff0;
	margin-bottom: 5px;
}

/* 最近の記事リスト内のa要素 */
div#news a {
	display: block;
	width: 375px !important; /* IE6対策 */
	width /**/: 395px; /* IE5対策 */
	margin-left: 5px;
	padding-left: 15px;
}

/* 最近の記事リスト訪問済ページにはチェックマーク */
div#news a:visited {
	background: url(./material/visitchk.gif) no-repeat center left;
}

/* 最近の記事リストマウスオン時は緑色の背景 */
div#news a:hover {
	background-color: #cf6;
}

/* 記事コラム用dl要素 */
dl.comment, dl.links {
	color: #030;
	line-height: 2;
}

/* 記事コラム用dt要素 */
dl.comment dt, dl.links dt {
	border-bottom: dotted 2px #cf6;
	padding-left: 20px;
	background: url(./material/clover.gif) no-repeat center left;
	font-weight: bold;
}

/* 外部リンクを含まない記事コラム用dd要素 */
dl.comment dd{
/*	font-weight: bold; */
	padding-left: 20px;
}

/* 外部リンクを含む記事コラム用dd要素 */
dl.links dd{
	padding-left: 20px;
}

/* 記事コラム用p要素 */
p.comment {
	color: #030;
	border: solid 2px #cf6;
	background-color: #cfc;
	padding: 0 2px;
}

/* 重要な事柄を示すspan要素 */
span.vital {
	border-bottom: dotted 2px #f33;
}

/* ページトップへのリンクを含むp要素 */
p.top {
	text-align: right;
	margin-bottom: 15px;
	background: url(./material/top.gif) no-repeat right center;
	padding-right: 15px;
}

/* メインインデックスのコンテンツ */
div.index-content {
	color: #030;
	border: solid 2px #cf6;
	background-color: #cfc;
	padding: 0 2px;
}

div.index-content p {
	margin: 0;
}

p.the-date {
	text-align: right;
}

/* この記事の続きを読む */
div.index-content a {
	color: #f60;
	background-color: #cfc;
}


/* ---------------------------------------------- 
  3-1-2.園長・理事長からのごあいさつ
------------------------------------------------- */

/* 園長・理事長の名前や写真を右寄せ */
p.msg {
	text-align: right;
}

/* ---------------------------------------------- 
  3-1-3.園長からのごあいさつ
------------------------------------------------- */

/* 園長の挨拶文にピンクの下線 */
div.msg-director p span{
	border-bottom: dotted #fcf 2px;
}

/* ---------------------------------------------- 
  3-1-4.理事長からのごあいさつ
------------------------------------------------- */

/* 理事長の挨拶文にラベンダーの下線 */
div.msg-chairman p span{
	border-bottom: dotted #ccf 2px;
}

/* ---------------------------------------------- 
  3-1-5.教職員体制
------------------------------------------------- */

/* 教職員体制のtable */
table.teachers th{
	width:100px;
}

/* ---------------------------------------------- 
  3-1-5.みどり幼稚園の一年
------------------------------------------------- */

table#yearly th{
	width: 50px;
	font-size:100%;  /* IE対策 */
}

/* ---------------------------------------------- 
  3-1-6.入園案内
------------------------------------------------- */

/* 入園案内用tableのth要素 */
table#admission th {
	width: 100px;
	font-size:100%;  /* IE対策 */
}

/* 入園案内用tableと食育用table内のp要素 */
table#admission p, table#foodedu p {
	margin:0;
}

p.important, span.important {
	color: #f00;
}

/* ---------------------------------------------- 
  3-1-7.サイト情報
------------------------------------------------- */

/* サイト情報用ul要素 */
ul#siteinfo {
	padding-bottom:15px;
	border-bottom: solid 1px #f33;
}

/* プライバシーポリシー項目を囲むdiv要素 */
div#policy {
	border: solid 2px #ccf;
	background-color: #cff;
	padding: 0 2px;
}

/* ---------------------------------------------- 
  3-1-8.サイトマップ
------------------------------------------------- */

/* サイトマップ用table要素 */
table#sitemap {
	width:400px;
}

/* サイトマップ用tableのth要素 */
table#sitemap th {
	width:150px;
}

/* サイトマップ用tableのtd要素 */
table#sitemap td {
	width:250px;
}

/* サイトマップ用tableのリンク色 */
table#sitemap a {
	color: #030;
}

/* ---------------------------------------------- 
  3-1-9.概要
------------------------------------------------- */

/* サイト情報用ul要素 */
ul#summary {
	padding-bottom:15px;
	border-bottom: solid 1px #f33;
}

dl#summary {
	padding-top:15px;
}

/* ----------------------------------------------
   3-2.サブコンテンツ
------------------------------------------------- */

/* ---------------------------------------------- 
  3-2-1.所在地情報
------------------------------------------------- */

dl#sub-address {
	width: 150px;
	text-align: left;
	margin-left:10px;
	border: solid 1px #cf6;
	background-color: #cfc;
}

dl#sub-address dt {
	padding-left: 5px;
	font-weight: bold;
}

dl#sub-address dd {
	padding-left: 10px;
}

/* ---------------------------------------------- 
  3-2-2.W3C
------------------------------------------------- */

p.w3c {
	text-align: left;
	margin-left:10px;
}

/* ----------------------------------------------
   3-3.サイドバー
------------------------------------------------- */

#sidebar h2 {
	text-align: center;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #cf6;
	overflow: hidden;
	}

#sidebar li {
	border-top: 1px solid #cf6;
}

#sidebar li li {
	padding-left: 15px;
}

#sidebar li a {
	display: block;
	padding-left: 15px;
	width: 165px !important; /* IE6対策 */
	width /**/: 180px; /* IE5対策 */
	margin:0;
}

#sidebar li li a {
	display: block;
	padding-left: 15px;
	width: 150px !important; /* IE6対策 */
	width /**/: 180px; /* IE5対策 */
}

#sidebar a:visited {
	background:url(./material/visitchk.gif) center left no-repeat;
}

#sidebar a:hover {
	background-color: #cf6;
}

/* ----------------------------------------------
   3-4.フッター
------------------------------------------------- */

#footer ul {
	margin: 0;
	padding: 0;
}

#footer li {
	list-style: none;
	display: inline;
	margin: 0;
	padding-right: 20px;
}