/* ------ NOTES ---------------------------------------------------------------

和光鶴川幼稚園ウェブサイト用スタイルシート
http://www.wako.ed.jp/k2/index.html

--------- UPDATE INFO ---------------------------------------------------------

Last updated: 26,Sep 2008
2010年2月12日サイト移行に伴う再編集開始

--------- CONTENTS ------------------------------------------------------------

1: BODY AND UNIVERSAL RESET

2: NAVIGATION
	a) Global navigation
	b) footor Navigation
	c) side navigation
	
3: PAGE STRUCTURE
	a) Contianers
	b) Header
	c) Main content
	d) Footer
	
4: LISTS

5: TABLES
	
6: GLOBALS
	a) Links
	b) Typography

---------------------------------------------------------------------------- */




/* 1: BODY AND UNIVERSAL RESET
============================================================================ */

body {
	margin: 0px;
	padding: 0px;
	background: #f2f2f2;
	color: #555;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", 'メイリオ', sans-serif;
	font-size: 14px;
	line-height: 160%;
	}

/* Reset margin and padding for all elements */
* {
	margin: 0;
	padding: 0;
	padding-top: 0px;
}


/* 2: NAVIGATION
============================================================================ */

/* a) Gloval navigation */
ul#gloval-nav {
	list-style: none;
	float: none;
	color: #FFFFFF;
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 10px;
	}
ul#gloval-nav li.home_icon {
	display: inline;
	font-size: 17px;
	color: #FFFFFF;
	font-weight: normal;
	background-image: url(../img/item/home_icon.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 7px;
	padding-left: 20px;
	}
ul#gloval-nav li {
	display: inline;
	color: #F60;
	font-size: 17px;
	font-weight: normal;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	}
	
ul#gloval-nav li a {
	margin: 0;
	padding: 0;
	color: #FFF;
	border: none;
	background: none;
	text-decoration: none;
	}
ul#gloval-nav li a:hover {
	color: #FC0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

/* b) Footer navigation */

ul#footer-nav {
	list-style: none;
	float: none;
	text-align: center;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	font-size: 12px;
	}
ul#footer-nav li {
	display: inline;
	margin: 0 7px;
	color: #697987;
	font-size: 11px;
	font-weight: lighter;
	}

/* Footer copyright  */
p#copyright {
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


/* gakuen navigation */
ul#gakuen-nav {
	float: none;
	text-align: center;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	list-style-position: outside;
	list-style-type: none;
	}
ul#gakuen-nav li {
	display: inline;
	margin: 0 7px;
	color: #697987;
	font-size: 10px;
	font-weight: lighter;
	}


/* 3: PAGE STRUCTURE
============================================================================ */

/* a) Containers */

#container {float: left; width: 100%; background: #fff;}

.wrapper, #main-wrapper {width: 960px; margin: 0 auto; text-align: left;}
#main-wrapper {width: 720px;}

#content {float: left; width: 100%; padding: 0 0 20px; background: #fff;}

/* b) Header */

#logo {
	float: left;
	width: 311px;
	color: #fff;
	margin-top: 29px;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 0px;
	}
#logo span, #logo a {
	display: block;
	width: 311px;
	height: 37px;
	border: none;
	background-image: url(../img/item/k2_logo.gif);
	background-repeat: no-repeat;
	}
#logo a:hover{
	background-color: #fff;
	}

#logo img  {display: block; width: 0; border: none;}

#header {
	float: left;
	width: 100%;
	background: #262f35 url(../img/item/bg-header.gif) top left repeat-x;
	}

#header h1 {display: none;}
#header h2 {display: none;}

#menubar {
	float: left;
	width: 100%;
	background: #bde562 url(../img/item/bg-menubar.gif) top left repeat-x;
	border-bottom: 1px solid #a4cf43;
	}
#menubar h1 {
	padding: 12px 0 9px 7px;
	color: #fff;
	font-size: 20px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",'メイリオ',sans-serif;
	text-shadow: 0 -1px 0 #8aae32;
	}
	
	
/* c) Main content */

#leftcolumn {
	float: left;
	width: 412px;
	margin-top: 30px;
	padding-right: 40px;
	}


/* d) Footer */

#footer {
	float: none;
	width: 100%;
	border-top: 4px solid #d9d9d9;
	color: #999;
	font-size: 11px;
	text-align: center;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	background-image: url(../img/item/slash.png);
	background-repeat: repeat;
	background-position: left top;
	padding-bottom: 0px;
	}
#footer a {
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
#footer p {
	margin: 0 0 5px;
	padding: 0px 0 0;
	text-align: center;
	clear: both;
	color: #333333;
	}
	
	
/* 4: SECTION SPECIFIC STYLES
============================================================================ */

/* a) Home page */

#home #menubar {height: 40px;}
#home h1#headline {
	height: 41px;
	text-indent: -9000px;
	background-image: url(../img/top/h1-missionstatement.gif);
	background-repeat: no-repeat;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 30px;
	}
#home h2#intro {
	height: 20px;
	text-indent: -9000px;
	background-image: url(../img/top/h2-mission_sub.gif);
	background-repeat: no-repeat;
	}
#home h2#whatsnew, #home h2#calendar, #home h2#shinwakai, #home h2#hoiku, #home h2#schoolbus, #home h2#enji, h2#saigai, h2#senseiblog {
	height: 34px;
	margin: 0 0 5px;
	padding: 0;
	background-image: url(../img/top/h2-what-is-new.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;
	}
#home h2#calendar {
	background-image: url(../img/top/h2-calendar.gif);
	background-repeat: no-repeat;
}
#home h2#shinwakai {
	background-image: url(../img/top/h2-shinwakai.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#home h2#enji {
	background-image: url(../img/top/enji-bosyuu.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#home h2#hoiku {
	background-image: url(../img/top/h2-hoiku.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#home h2#schoolbus {
	background-image: url(../img/top/h2-schoolbus.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#home h2#saigai {
	background-image: url(../img/top/h2-saigai.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#home h2#senseiblog {
	background-image: url(../img/top/h2-senseiblog.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}

#home #splash {
	float: left;
	width: 100%;
	background-color: #f6f9ff;
	background-image: url(../img/top/bg-splash.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
#home #screenshot {
	float: left;
	width: 100%;
	background-image: url(../img/top/top_pic.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
#home #copy {
	float: left;
	width: 520px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	padding-left: 20px;
	}
#home #copy p {margin: 0 0 30px; color: #697987; line-height: 170%;}

#home #main_button {
	padding-top: 10px;
	text-align: center;
	}

#home #content {padding-top: 25px;}
#home #content img {
	float: left;
	margin: 10px 15px 5px 5px;
}
#home #content img.less {margin-top: 5px;}


#home .feature {
	float: left;
	width: 220px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
}
#home .feature ul {
	list-style: none;
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 120%;
	}
#home .feature li {
	padding: 0 0 10px 24px;
	background: url(../img/item/ico_maru_o.gif) no-repeat 0 5px;
	line-height: 130%;
	}
	
	
#home .onecolumn {
	float: right;
	width: 300px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
}
#home .onecolumn ul {
	list-style: none;
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 120%;
	}
#home .onecolumn li {
	background: url(../img/item/ico_maru_o.gif) no-repeat 0 5px;
	line-height: 130%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 20px;
	}
	
#home .twocolumn {
	float: left;
	width: 620px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#home .threecolum {float: left; width: 730px; margin: 0 0 20px 0;}
#home .threecolum ul{
list-style: none;
	margin: 0 0 10px;
	font-size: 11px;
	line-height: 160%;
	}
#home .threecolum ul li{
list-style: none;
	margin: 0 0 10px;
	font-size: 11px;
	line-height: 160%;
	}
#home .last {margin-right: 0 !important;}
#home #searchform .textfield {width: 324px;}
#home img.screen {margin: 0 !important; padding: 4px; border: 1px solid #aaa;}



/* 5: LISTS
============================================================================ */

ul.bullet {list-style: none; padding: 1em 0 2em;}
ul.bullet li {
	padding: 0 0 5px 23px;
	background-image: url(../img/item/ico_maru_o.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	}
ul.bullet li.em {margin-bottom: 1.3em; line-height: 170%;}		
ul.bullet strong {font-size: 14px;}

ul.square {list-style: none; margin: 1em 0;}
ul.square li {padding-bottom: 5px;}
ul.square li.new {
	padding-left: 22px;
	background: url(../img/item/star.gif) no-repeat 0 1px;
	}

ul#list, ol#list {
	list-style: none;
	margin: 20px 0;
	padding-bottom: 20px;
	font-size: 11px;
	}

ul.no_dot {
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-left: 10px;
	list-style-type: none;
	}
ul.no_dot li{
	list-style-type: none;
	font-weight: lighter;
	}
	
	
ul.normal_dot {
	padding-bottom: 0px;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 20px;
	}
ul.normal_dot li{
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	list-style-type: disc;
	padding-left: 0px;
	margin-left: 20;
	}

ol.normal_num {
	padding-bottom: 20px;
	font-size: 12px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-left: 20px;
}
ol.normal_num li{
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	padding-left: 0px;
	margin-left: 20;
	}


/* 6: TABLES 
============================================================================ */
table ul{padding: 0; }
table li{margin: 0; }

table#about, table.admission, table.gyoji{
	border-collapse: collapse;
	border-spacing: 0;
}
 
table#about th , table.admission th, table.gyoji th {
	font-weight: normal;
	vertical-align: top;
	padding: 5px 10px 12px 2px;
	background: url(../img/item/bg_table_th.gif) no-repeat right bottom;
	color: #666;
	text-align: center;
}

table#about td, table.admission td, table.gyoji td {
	padding: 5px 10px 12px 10px;
background: url(../img/item/bg_table_td.gif) repeat-x right bottom;
}	
table#about, table.admission ul, table.gyoji ul{padding: 0; }
table#about, table.admission li, talbe.gyoji li{margin: 0; }


/* 定義リスト for What's 5entries  */

dl {
	margin: 5px 10px 10px;
}
dl dt {
	width: 12em;
	padding-bottom: 8px;
	color: #666666;
	line-height: 1.3;
	float: left;
}
dl dd {
	margin-left: 9.5em;
	padding-bottom: 8px;
	line-height: 1.3;
}




/* 7: GLOBALS
============================================================================ */

/* a) Links */

a:link, a:visited {
	color: #069;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #94CAFF;
	}
a:hover {
	color: #00344E;
	border:none;
}
/*a:hover {border-color: #069; background: #069; color: #fff;}
*/
a:link.img, a:hover.img, a:visited.img {border: none; background: none;}
a.link {color: #069; border: none; background: none;}
a.edit {
	padding: 0;
	border: none;
	color: #f00;
	font: normal 11px Verdana, Arial, Helvetica;
	text-decoration: underline;
	}
a.edit:hover {background: #f00; color: #fff;}
a.rss {
	margin: 0 2px;
	padding: 2px 3px;
	border: none;
	background: #df6e1b;
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	}
#graybox a.rss {font-size: 9px;}
a.rss:hover {background: #666;}


/*  Typography */

h2 {
	color: #1E471B;
	font-size: 18px;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	}

.twocolumn h2 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #93BB3A;
	margin-bottom: 10px;
	}

h2#first {padding: 30px 0 0.7em;}
h2.add {padding-top: 50px;}
h2.listtitle {padding-bottom: 3px;}
h3 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-bottom: 15px;
	text-indent: 0px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #C4E671;
	}
h3 a:link, h3 a:visited {border: none; color: #4d5762;}
h3 a:hover {border: none; background: none; color: #069;}	
h4 {
	color: #93bb3a;
	font-size: 18px;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	}
h5 {
	font-size: 16px;
	margin-top: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FF6600;
}


p {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 1.2em;
	margin-left: 5px;
	line-height: 180%;
}
p.left {float: left;}
p.right {float: right;}
p.big {font-size: 13px;}
p.small {
	font-size: 11px;
	color: #555;
	margin-bottom: 10px;
}
p.center {
	text-align: center;
	font-size: 12px;
	margin-top: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	}
p.centersmall {margin-top: -10px; text-align: center;}
p#contact{
	text-align: center;
	border: 1px solid #666666;
	margin: 10px;
	padding: 5;
}
p.page-top{
	text-align:right;
	background-image: url(../img/item/arrow_blue02_up.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
	}


blockquote p{
	color: #333;
	font-size: 14px;
	line-height: 180%;
}

blockquote.bar {
	margin: 0 30px 2em;
	padding-left: 15px;
	color: #888;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #E2FDB1;
	}
.bluebox, blockquote.bluebox {
	padding-left: 20px;
	color: #333333;
	font-size: 12px;
	background-position: left top;
	margin-top: 2em;
	margin-right: 20px;
	margin-bottom: 2em;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-color: #E4F2FF;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	}
blockquote.pinkbox {
	padding-left: 20px;
	color: #333333;
	font-size: 12px;
	background-position: left top;
	margin-top: 2em;
	margin-right: 20px;
	margin-bottom: 2em;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-color: #FFF4F6;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	}
.breenbox, blockquote.greenbox {
	padding-left: 20px;
	color: #333333;
	font-size: 12px;
	background-position: left top;
	margin-top: 2em;
	margin-right: 20px;
	margin-bottom: 2em;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-color: #E2FDB1;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	}
blockquote.comment {
	padding-left: 50px;
	background-image: url(../img/item/left-quote.png);
	background-position: left top;
	margin-top: 1em;
	margin-right: 20px;
	margin-bottom: 1em;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-color: #F1F1F1;
	}
blockquote.box {
	padding-left: 20px;
	background-position: left top;
	margin-top: 1em;
	margin-right: 20px;
	margin-bottom: 1em;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	border: 1px dotted #666666;
	}
	
abbr, acronym {border-bottom: 1px dotted #666; cursor: help;}




/* OTHERS
============================================================================ */

/* Horisontal ruler */

hr {display: none;}
.hr {
	height: 1px;
	margin: 15px 0 10px;
	background: url(../img/item/doth.gif) repeat-x top left;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}

/* Images */

img {
	border: none;
}
img.floatleft {float: left; margin: 3px 15px 5px 0;}



/* ドロップシャドウの枠付き写真 */
/*.shadow {
    margin: 10px 0 0 5px;
	background-image: url(../img/item/shadow_001.gif) right bottom;
	    float: left; 
}
 
.shadow img {
    position: relative;
    left: -5px; 
    top: -5px;
    padding: 5px; 
    background: ; 
    border: 1px solid #999999; 
}
*/


/* Clear floats */

.clear {clear: both;}

.clearall {
	display: block;
	clear: both;
	height: 1px;
	margin: 0;
	font-size: 1px;
	line-height: 1px;
	}
	
html {height: 100%; margin-bottom: 1px;}
.red {
	color: #F00;
}
.bold {
	font-weight: bold;
	color: #333;
}

/* 20100225追加写真ドロップシャドウCSS */
img.shadow {
	padding: 5px 10px 10px 5px;
	background-image: url(../img/item/shadow-1000x1000.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}


/* Fancy-box test */

a {
	outline: none;	
}

a img {
	border: 1px solid #BBB;
	padding: 2px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0;
}

ul {
	margin: -7px 0 24px 0;
}

.feature a img {
    border:none;	
}
#home #splash .wrapper #screenshot #copy #main_button .img img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}