@charset "Shift-JIS";

body{
	margin: 0;
	padding: 0;
	font-size: 90%;
	background: #FFFACD;
}

/* スクロールバーの有無でセンタリングがずれるのを解消（Firefox対策） */
html { overflow-y: scroll }

img { border: 0 }


/************ レイアウト定義 ************/
/* #wrapper( #header + #menu + #main( #contents ) + #footer ) */
/* */

div#wrapper{ margin: 0 auto;
             padding: 0;
             width: 760px;
             background: #FFF }

div#header { margin: 0;
             padding: 0;
             height: 110px;
             background: url("images/header.gif") }

    div#header > div.header-desc { font-size: 90% }

div#menu { margin-top: 5px;
           background: url("images/menu_back.jpg") no-repeat }

    #menu ul { list-style: none;
               margin: 0;
               padding: 0 }

    #menu li { float: left;
               margin: 0 }

    #menu li a { display: block;
                 padding: 8px 10px;
                 font-weight: bold;
                 text-align: center;
                 text-decoration: none;
                 color: #222 }

    #menu li a:hover { font-weight: bold;
                       text-decoration: none;
                       color: #FF3300 }

div#main { background: #FFF }

div#contents { margin: 0 0 20px 0;
               width: 700px;
               background: #FFF;
               padding: 5px 25px }

div#footer { padding: 6px 5px 5px 5px;
             background: url("images/footer.gif");
             color: #666 }


/*** COPYRIGHT ***/

div#copyright { float: left }


/*** decoウェブバナー ***/

div#deco_banner { float: right }


/*** clearfix ***/

.clearfix:after{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

/*\*/
* html .clearfix {
    height: 1em;
}

.clearfix{
	zoom: 1;
}


/************ ここからスタイル定義 ************/

/*** 通常リンク指定 ***/

a:link{
	color: #000099;
}

a:visited{
	color: #990099;
}

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

/*** ヘッダー内リンク ***/

#header a, #header a:hover{
	margin: 0;
	padding: 0;
	color: #000;
	text-decoration: none;
}


/*** メニューリスト ***/




/*** コンテンツ内p定義 ***/

#contents p{
	margin: 15px 20px;
	line-height: 1.5;
}

/*** コンテンツ内blockquote定義 ***/

#contents blockquote{
	margin: 10px 20px;
	padding: 10px;
	background: #EEE;
}

/*** コンテンツ内リスト定義 ***/

#contents ol li, #contents ul li{
	margin: 5px 0;
}

/*** コンテンツ内画像位置 ***/

#contents img{
	margin: 5px;
}

/*** サイド内リスト定義 ***/

#side ul, #side ol{
	margin: 0;
	padding-left: 15px;
}

#side ul li, #side ol li{
	margin: 5px 0;
}

/*** 見出しの定義 ***/

/*** h1 ---- ヘッダー内サイトタイトル ***/

h1{
    font-family : 'ＭＳ Ｐ明朝', serif;
	font-size: 2.0em;
	color: #FFF;
	margin: 0;
	padding: 10px 10px 5px 10px;
}

/*** h2 ---- コンテンツの見出し ***/

#contents h2{
	margin: 0px 15px 20px 5px;
	padding: 3px 5px 5px 25px;
	font-size: 1.5em;
	background: url("images/h2_mark.gif") no-repeat;
    background-position: left center;
	color: #666;
	border-bottom: 1px dotted #FF9900;
}

h3{
	padding: 2px 5px;
	margin: 2px 15px 15px 10px;
	font-size: 1.3em;
	border-bottom: 3px double #FF9900;
}

h4{
	padding: 3px 5px;
	margin: 10px 15px 15px 10px;
	font-size: 1.2em;
	border-bottom: 1px solid #FF9900;
}

/*** ヘッダー内サブタイトル ***/

#header div{
	margin: 0 0 0 10px;
	font-size: 1em;
	color: #000;
}


/*** 全ページ共通 ***/

.lastupdate { font-size: small;
              margin-left: 10px;
              text-align: right }


/*** トップページ：定義リスト ***/

dl.top-dl { margin-left: 25px }

dl.top-dl > dt { background: url("images/top-dl-mark.gif") no-repeat;
                 background-position: left center;
                 font-size: 1.3em;
                 font-weight: bold;
                 padding-left: 25px }

dl.top-dl > dd { font-size: 1.1em;
                 line-height: 1.25em;
                 padding: 3px 0px 10px 0px }

dl.top-dl > dd > a { color: #FF4500;
                     font-size: 1.0em;
                     font-weight: bold;
                     padding-left: 10px;
                     text-decoration: none }

dl.top-dl > dd > a:hover { color: #FF8C00;
                           font-weight: bold }


/*** 学費と時間割テーブル ***/

table.fee { border-collapse: collapse;
            border: solid 1px #696969;
            margin-left: 25px }

table.fee thead th { background-color: #DEB887;
                     border: solid 1px #696969;
                     padding: 5px;
                     white-space: nowrap }

table.fee th { background-color: #FFFFF0;
               border: solid 1px #696969;
               line-height: 1.3em;
               padding: 10px }

table.fee td { background-color: #F5FFFA;
               border: solid 1px #696969;
               line-height: 1.3em;
               padding: 10px;
               white-space: nowrap }


/*** シェルティー小学生英語 ***/

.shelty-back { background: url("images/shelty-back.jpg") no-repeat;
               background-position: right bottom; }


/*** 講師の紹介テーブル ***/

table.teachers { border-collapse: collapse;
                 border: solid 0px #696969;
                 margin: 0px 0px 10px 25px }

table.teachers th { border-bottom: solid 0px #696969;
                    padding: 5px;
                    width: 50%; }

table.teachers td { border: solid 0px #696969;
                    padding: 10px;
                    vertical-align: top }


/*** 歴史と実績：卒業生からのメッセージ ***/

div.alumni-msg { background-color: #FFFFE0;
                 border-left: 12px solid #FFE4C4;
                 border-right: 12px solid #FFE4C4;
                 margin: 0px 0px 10px 25px }
                 padding: 4px 3px }

div.alumni-msg > h4 { color: #2F4F4F }

div.alumni-msg > p { color: #444 }

div.alumni-comment > h3 { border-bottom: none;
                          border-left: solid 15px #A0522D;
                          font-size: 13px;
                          margin-left: 30px }

div.alumni-comment > p { padding-left: 30px;
                         color: #A0522D;
                         font-size: 12px }


/*** 歴史と実績：清水の歩み ***/

table.history { border-collapse: collapse;
                margin: 0px 0px 10px 25px }

table.history th { border-bottom: dashed 1px #696969;
                   padding: 5px;
                   width: 10%;
                   white-space: nowrap }

table.history td { border-bottom: dashed 1px #696969;
                   padding: 10px;
                   vertical-align: top }


/*** 歴史と実績：もう一つの清水の実績 ***/

table.history-another { border-collapse: collapse;
                        margin: 15px 0px 10px 25px }

table.history-another thead th { border: solid 1px #D3D3D3 }

table.history-another th { border: solid 1px #D3D3D3;
                           padding: 5px;
                           width: 10%;
                           white-space: nowrap }

table.history-another td { border: solid 1px #D3D3D3;
                           padding: 10px;
                           vertical-align: top }