/*****************************************
           ボディ
*****************************************/
/*----------------------------------------
    マージン
-----------------------------------------*/
body
{
margin: 0 12%;
}


/*****************************************
           ヘッダー
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
header h1
{
padding: 5px;
background: #77A930;
color: #FFFFFF;
font-size: 15px;
letter-spacing: 2px;
}

/*----------------------------------------
    ヘッダー画像サイズ
-----------------------------------------*/
header p img
{
width: 100%;
}

/*----------------------------------------
    リンクアイコン　相対位置
-----------------------------------------*/
header
{
position: relative;
}

/*----------------------------------------
    リンクアイコン　絶対位置
-----------------------------------------*/
header p:nth-of-type(2)
{
position: absolute;
top: 15%;
right: 1%;
background: #F5F9FF;
}

/*----------------------------------------
    リンクアイコン　サイズ
-----------------------------------------*/
header p:nth-of-type(2) img
{
width: 50%;
}

/*----------------------------------------
    リンクアイコン　リンク
-----------------------------------------*/
header p:nth-of-type(2) a
{
color: #87CEFA;
font-size: 15px;
}

/*----------------------------------------
    リンクアイコン　リンク（カーソルが乗った時）
-----------------------------------------*/
header p:nth-of-type(2) a:hover
{
opacity: 0.5;
}


/*****************************************
           ナビゲーション
*****************************************/
/*----------------------------------------
    リスト
-----------------------------------------*/
#nav nav ul
{
display: table;
width: 100%;
background: #77A930;
}

/*----------------------------------------
    項目
-----------------------------------------*/
#nav nav ul li
{
display: table-cell;
width: 16%;
border-color: #585858;
border-width: 0 1px 1px 0;
border-style: solid;
font-size: 15px;
letter-spacing: 4px;
font-weight: bold;
text-align: center;
}

/*----------------------------------------
    リンク
-----------------------------------------*/
#nav nav ul li a
{
display: block;
padding: 15px 0;
color: #FFFFFF;
text-decoration: none;
}


/*****************************************
           コンテンツ
*****************************************/
/*----------------------------------------
    ボックス
-----------------------------------------*/
#content
{
display: table;
margin: 20px 0;
width: 100%;
}


/*****************************************
           コラム
*****************************************/
/*----------------------------------------
    ボックス
-----------------------------------------*/
#content #column,#content #about,#content #thought,#content #price,#content #admission,#content #access
{
display: table-cell;
width: 70%;
vertical-align: top;
}

/*----------------------------------------
    見出し
-----------------------------------------*/
#content #about h2,#content #thought h2,#content #price h2,#content #admission h2,#content #access h2
{
margin: 0 0 20px 0;
padding: 10px;
background: #77A930;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
letter-spacing: 4px;
}

/*----------------------------------------
    画像サイズ
-----------------------------------------*/
#content #column img
{
width: 100%;
}

/*----------------------------------------
    テキスト
-----------------------------------------*/
#content #column p
{
padding: 50px 0;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}

/*----------------------------------------
    画像リンク
-----------------------------------------*/
#content #column .link
{
padding: 0 100px;
}

/*----------------------------------------
    右寄せ
-----------------------------------------*/
#content #column p:last-child
{
text-align: right;
}


/*****************************************
           サイドバー
*****************************************/
/*----------------------------------------
    ボックス
-----------------------------------------*/
#content #side
{
display: table-cell;
width: 30%;
vertical-align: top;
padding: 0 10px;
}

/*----------------------------------------
    見出し
-----------------------------------------*/
#content #side h2
{
padding: 10px;
background: #77A930;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
letter-spacing: 4px;
}

/*----------------------------------------
    テキスト
-----------------------------------------*/
#content #side p
{
padding: 20px 10px;
color: #585858;
font-size: 15px;
}

/*----------------------------------------
    地図余白
-----------------------------------------*/
#content #side p iframe
{
padding: 10px 0;
}

/*----------------------------------------
    リンク
-----------------------------------------*/
#content #side p a
{
color: #87CEFA;
font-size: 15px;
}

/*----------------------------------------
    リンク（カーソルが乗った時）
-----------------------------------------*/
#content #side p a:hover
{
color: #1E90FF;
}


/*****************************************
           フッタ
*****************************************/
/*----------------------------------------
    背景色
-----------------------------------------*/
#footer
{
padding: 30px 0;
background: #77A930;
text-align: center;
}

/*----------------------------------------
    【ナビゲーション】　ボックス
-----------------------------------------*/
#footer nav ul
{
display: table;
width: 70%;
margin: 0 15%;
padding: 0 0 30px 0;
}

/*----------------------------------------
    【ナビゲーション】　項目
-----------------------------------------*/
#footer nav ul li
{
display: table-cell;
font-size: 14px;
letter-spacing: 2px;
}

/*----------------------------------------
    【ナビゲーション】　境界線
-----------------------------------------*/
#footer nav ul li:nth-of-type(n+2)
{
border-color: #FFFFFF;
border-width: 0 0 0 1px;
border-style: solid;
}

/*----------------------------------------
    【ナビゲーション】　リンク
-----------------------------------------*/
#footer nav ul li a
{
color: #FFFFFF;
text-decoration: none;
}

/*----------------------------------------
    【ナビゲーション】　リンク（カーソルが乗っている時）
-----------------------------------------*/
#footer nav ul li a:hover
{
text-decoration: underline;
}

/*----------------------------------------
    【著作権】
-----------------------------------------*/
#footer p
{
color: #FFFAFA;
font-size: 14px;
letter-spacing: 2px;
}


/*****************************************
           下層ページ：学童保育えがお
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
#content #about h3
{
color: #585858;
font-size: 15px;
font-weight: bold;
letter-spacing: 4px;
}

/*----------------------------------------
    テキスト
-----------------------------------------*/
#content #about p
{
padding: 20px 10px;
color: #585858;
font-size: 15px;
letter-spacing: 2px;
}

/*----------------------------------------
    リンク
-----------------------------------------*/
#content #about p a
{
color: #87CEFA;
font-size: 15px;
}


/*****************************************
           下層ページ：「えがお」の想い
*****************************************/
/*----------------------------------------
    画像サイズ
-----------------------------------------*/
#content #thought img
{
width: 100%;
}

/*----------------------------------------
    テキスト
-----------------------------------------*/
#content #thought p
{
padding: 20px 0;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
}


/*****************************************
           下層ページ：料金のご案内
*****************************************/
/*----------------------------------------
    見出し
-----------------------------------------*/
#content #price h3
{
padding: 10px 20px;
background: #FAFAD2;
border-color: #FF8C00;
border-width: 1px 1px 1px 5px;
border-style: solid;
color: #FF8C00;
font-size: 15px;
font-weight: bold;
letter-spacing: 4px;
}

/*----------------------------------------
    見出し　余白
-----------------------------------------*/
#content #price h3:nth-of-type(n+2)
{
margin: 40px 0 0 0;
}

/*----------------------------------------
    リスト
-----------------------------------------*/
#content #price ul
{
display: table;
width: 100%;
padding: 20px 0;
border-color: #808080;
border-width: 0 0 1px 0;
border-style: solid;
}

/*----------------------------------------
    項目
-----------------------------------------*/
#content #price ul li:nth-of-type(odd)
{
display: table-cell;
width: 70%;
color: #585858;
font-size: 15px;
letter-spacing: 2px;
}

/*----------------------------------------
    料金
-----------------------------------------*/
#content #price ul li:nth-of-type(even)
{
display: table-cell;
width: 30%;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
text-align: right;
}

/*----------------------------------------
    テキスト
-----------------------------------------*/
#content #price p
{
padding: 20px 0 0 0;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
}

/*----------------------------------------
    右寄せ
-----------------------------------------*/
#content #price .right
{
text-align: right;
}

/*----------------------------------------
    テキストカラー　赤
-----------------------------------------*/
#content #price .red
{
color: #FF0000;
}


/*****************************************
           下層ページ：入所ご希望の方
*****************************************/
/*----------------------------------------
    画像サイズ
-----------------------------------------*/
#content #admission img
{
width: 100%;
}

/*----------------------------------------
    テキスト
-----------------------------------------*/
#content #admission p
{
padding: 0 0 20px 0;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}

/*----------------------------------------
    画像リンク
-----------------------------------------*/
#content #admission .link
{
padding: 0 100px;
}


/*****************************************
           下層ページ：アクセス
*****************************************/
/*----------------------------------------
    テキスト
-----------------------------------------*/
#content #access p
{
padding: 0 0 20px 0;
color: #585858;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}

/*----------------------------------------
    地図余白
-----------------------------------------*/
#content #access iframe
{
padding: 0 0 20px 0;
}

/*----------------------------------------
    画像サイズ
-----------------------------------------*/
#content #access img
{
width: 100%;
}

/*----------------------------------------
    マップ画像余白
-----------------------------------------*/
#content #access .map
{
padding: 0 200px;
}

/*----------------------------------------
    画像リンク
-----------------------------------------*/
#content #access .link
{
padding: 0 100px;
}