@charset "UTF-8";
/* CSS Document */

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

和光鶴川小学校ウェブサイト用スタイルシート
http://www.wako.ed.jp/e/index.html

--------- UPDATE INFO -------------------------------------------
s
Last updated: 15,Mar 2010
2010年3月15日新サイト制作にともない編集開始
和光小学校のＣＳＳを流用

--------- 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: BOX
	
7: misc.
	a) Links
	
8: PageNavigation Marker

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


/*1: BODY AND UNIVERSAL RESET*/



* {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
}
html {overflow-y: scroll;}
a {outline: none;} /* removes Firefox dotted outline on click */
a img {border: none;}
strong {
	font-weight: bold;
	color: #000;
}
p {line-height: 160%;}

body {
	margin: 0;
	background: #dcdcdc;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragno Kaku Gothic', 'メイリオ','Meiryo','MS Pゴシック','MS PGothic','Arial', 'Helvetica', 'sans-serif';
	font-size: 14px;
	line-height: 160%;
	color: #666;
	text-align: center;
	width: 100%;
}

.pageWide{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow-x: hidden;
 }


/* Typography decoration */
h1 {
	font-size: 30px;
	color: #363636;
	margin-bottom: .5em;
}

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

h3 {
	color: #303030;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 12px;
	margin-bottom: 10px;
	text-indent: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #67BF00;
}
h3#subhead {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-left: 20px;
	margin-top: 10px;
}
	
h4 {
	color: #6CB300;
	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 15px;
}
	
h5 {
	font-size: 14px;
	margin-top: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FF6600;
}

/*  Typography(幼バージョン) */

.twocolumn h2 {
	color: #303030;
	font-size: 24px;
	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: #67BF00;
	margin-bottom: 10px;
	}

h2#first {padding: 30px 0 0.7em;}
h2.add {padding-top: 50px;}
h2.listtitle {padding-bottom: 3px;}

h3 a:link, h3 a:visited {border: none; color: #4d5762;}
h3 a:hover {border: none; background: none; color: #069;}	


/* 4: SECTION SPECIFIC STYLES
============================================================================ */

/* a) Home page */

#pHome h1#headline {
	text-indent: -9000px;
	background-image: url(../_img/top/h1-missionstatement.png);
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	height: 35px;
	}
#pHome h2#intro {
	text-indent: -9000px;
	background-image: url(../_img/top/h2-mission_sub.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	}
#pHome h2#whatsnew, #pHome h2#bus, #pHome h2#pamphlet, #pHome h2#bosyuu, #pHome h2#shinwakai, #pHome h2#activity, #pHome h2#zouki, #pHome h2#calendar, #pHome h2#saigai, #pHome h2#komado, #pHome h2#notice, #pHome h2#tsurusyoblog, h2#kocyo_blog {
	height: 34px;
	margin: 0;
	padding: 0;
	background-image: url(../_img/top/h2-what-is-new.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;
	}
#pHome h2#bosyuu {
	background-image: url(../_img/top/h2-bosyuu.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#pHome h2#schoolhouse {
	background-image: url(../_img/top/h2-schoolbus.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#pHome h2#calendar {
	background-image: url(../_img/top/h2-calendar.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#pHome h2#pamphlet {
	background-image: url(../_img/top/h2-webpamphlet.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#pHome h2#shinwakai {
	background-image: url(../_img/top/h2-shinwakai.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#pHome h2#bus {
	background-image: url(../_img/top/h2-schoolbus.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#pHome h2#activity {
	background-image: url(../_img/top/h2-activity.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#pHome h2#zouki {
	background-image: url(../_img/top/h2-zouki.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#pHome h2#zouki {
	background-image: url(../_img/top/h2-zouki.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#pHome h2#saigai {
	background-image: url(../_img/top/h2-saigai.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#pHome h2#komado {
	background-image: url(../_img/top/h2-komado.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#pHome h2#notice {
	background-image: url(../_img/top/h2-notice.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#pHome h2#tsurusyoblog {
	background-image: url(../_img/top/h2-tsurusyoblog.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}
#pHome h2#kocyo_blog {
	background-image: url(../_img/top/h2-kocyoblog.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}

#pHome #screenshot {
	float: left;
	width: 100%;
	background-image: url(../_img/top/main-image.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 300px;
	margin: 0px;
	padding: 0px;
	}
#pHome #copy {
	float: left;
	width: 600px;
	margin-bottom: 5px;
	height: 280px;
	}
	
#pHome #copy ul#mission {
	font-size: 16px;
	margin-top: 50px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 0px;
	vertical-align: middle;
	color: #000;
	}
#phome #copy ul.no_dot li{
	list-style-type: none;
	font-weight: lighter;
	padding-left: 10px;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
	
	
#pHome #main_button {
	text-align: center;
	padding-top: 10px;
	}

#pHome #content {padding-top: 0px;}

#pHome .feature {
	float: left;
	width: 300px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
}
#pHome .feature img {
	float: left;
	padding: 10px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 15px;
}
#pHome .feature ul {
	list-style: none;
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 120%;
	}
#pHome .feature li {
	padding: 0 0 10px 24px;
	background: url(../_img/item/ico_maru_o.gif) no-repeat 0 5px;
	line-height: 130%;
	}
	
	
#content .onecolumn {
	float: right;
	width: 300px;
	margin-top: 10;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
}

#content .onecolumn ul {
	list-style: none;
	font-size: 14px;
	line-height: 120%;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}
#content .onecolumn li{
	line-height: 130%;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 35px;
	vertical-align: middle;
	background-image: url(../_img/item/turu_brett02.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	}
#content .onecolumn ul li ul {
	font-size: 14px;
	line-height: 120%;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	list-style-image: url(../_img/item/star.gif);
	background-image: none;
	margin-bottom: 0px;
	padding-left: 15px;
	}
#content .onecolumn ul li ul li{
	line-height: 130%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
	background-position: 0 5px;
	background-image: none;
	}	
	
.twocolumn {
	float: left;
	width: 620px;
	margin-top: 10;
	margin-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

.twocolumn .onecolumn {
	float: left;
	width: 300px;
	margin-top: 10;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
}

.twocolumn .onecolumn-last {
	float: right;
	width: 300px;
	margin-top: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#pHome .threecolum {float: left; width: 730px; margin: 0 0 20px 0;}
#pHome .threecolum ul{
list-style: none;
	margin: 0 0 10px;
	font-size: 11px;
	line-height: 160%;
	}
#pHome .threecolum ul li{
list-style: none;
	margin: 0 0 10px;
	font-size: 11px;
	line-height: 160%;
	}
	
.half {
	width:300px;
	float:left
}
.half-last {
	width:300px;
	float:right
}



/* 7: LINKS
============================================================================ */

/* 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 {
	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;}



/*2: NAVIGATION
	a) main Navigation
	b) footor Navigation
	c) side navigation*/

/* 2: NAVIGATION
============================================================================ */
/*a) main Navigation */ 
#mainNav {
	height: 35px;
	text-align: center;
	background-image: url(../_img/item/bg_mainNav.gif);
	background-repeat: repeat-x;
	background-color: #ACC836;
}

#mainNav ul {
	text-align: center;
	list-style:none;
	margin: 0;
	padding: 0;
}
 
#mainNav li {
	float: left;
	display: inline;
	background-image: url(../_img/item/divider_mainNav.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

/*#mainNav ul li.home_icon {
	display: inline;
	font-weight: normal;
	background-image: url(../_img/item/home_icon.gif);
	background-repeat: no-repeat;
	background-position: 15px 10px;
	vertical-align: middle;
	}*/
	
#mainNav a {
	float: left;
	font-size: 14px;
	display: block;
	height: 22px;
	width: 137px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 4px;
	vertical-align: middle;
	border: none; 
}

#mainNav a:link, #mainNav a:visited {
	color: #fff;
	text-decoration: none;
}

#mainNav a:hover {
	color: #F90;
	text-decoration: none;
	background-color: #063;
}


/* 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;
	}
	
	
/* scrollup to PageTop */

.pageTop {
	text-align: right;
	background-image: url(../_img/item/arrow_collapse.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
	font-size: 9px;
}	




/*3: PAGE STRUCTURE
	a) Contianers
	b) Header
	c) Search box
	d) Function Nav
	e) Main content
	f) Footer*/
		
		
/* 3: Page Structure
============================================================================ */		

/* a) Containers */

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

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

#content {
	float: left;
	width: 100%;
	background: #fff;
	padding-top: 10;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
		
/* b)Header */
#header {
	background: #222;
	height: 49px;
	padding-top: 15px;
	position: relative;
	background-color: #FFFFFF;
}

#header h1{	
	height:35px;
	background-image: url(../_img/item/logo.gif);
	background-repeat: no-repeat;

}


#header h1 span {
	display: none;
}

#header h1 a {
border: none; background: none;
}
#header h1 a:hover {
border: none; background: none; 
}
#header img.logo {
	float: none;
	margine 0;
}


/*  c)Search box */
#header .pageWide { 
	position:relative;   /*追加挿入12月24*/
	}  
.search_Box{
	color:#FFFFFF;
	font-size:10px;
	padding:0;
	position:absolute;
	left:700px;
	top:10px;
	visibility:visible;
	width:280px;
	height: 22px;
}

/* d)Function Nav */
#fancNav {
	float: right;
	width: 240px;
	margin-top: 10px;
	margin-right: 260px;
	}
	
#fancNav ul {
	list-style:none;
	margin: 0;
	padding: 0;
}

#fancNav li {
	float: left;
	display: inline;
	margin-left: 20px;
}

#fancNav li a {
	color: #666;
	font-size: 11px;
	text-decoration: none;
	border: none;
}

#fancNav li a:hover {
	background:none;
	text-decoration: underline;
}

/* e) 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/39original.gif);
	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: LISTS
============================================================================ */


/*#content ol, #content li {
	margin-left: 40px;
}*/


/*#twocolumn ul li {
	padding-left: 10px;
	background-image: url(../_img/item/yellow_circle.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

#twocolumn li ul {
	margin-left: 20px;
}

#twocolumn li ul li {
	padding-left: 12px;
	margin-bottom: 0;
	margin-top: 10px;
	background-image: url(../_img/item/bullet_black.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}*/

/*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;
	color: #000;
}
*/
/*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.normal_dot {
	padding-bottom: 0px;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-left: 30px;
	}
ul.normal_dot li{
	margin-top: 5px;
	margin-right: 20;
	margin-bottom: 5px;
	margin-left: 50;
    list-style-type: square;
	}

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;
	}
	
/* ul.no_dot {
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	list-style-type: none;
	list-style-image: url(../_img/item/icyou25.gif);
	margin-right: 0px;
	}
	
ul.no_dot li{
	list-style-type: none;
	font-weight: lighter;
	padding-left: 10px;
	list-style-image: url(../_img/item/icyou25.gif);
	list-style-position: inside;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	} */
	
/* 定義リスト 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;
}

#news-box dl {
	margin: 5px 10px 10px;
}
#news-box dl dt {
	width: 12em;
	padding-bottom: 8px;
	color: #666666;
	line-height: 1.3;
	float: left;
}
#news-box dl dd {
	margin-left: 9.5em;
	padding-bottom: 8px;
	line-height: 1.3;
}
	
.twocolumn dl {
	margin: 5px 10px 30px;
}
.twocolumn dl dt {
	width: 160px;
	padding-bottom: 8px;
	color: #666666;
	line-height: 1.8;
	float: left;
}

.twocolumn dl dd {
	padding-left: 60px;
	padding-bottom: 8px;
	line-height: 1.8;
}
.twocolumn dl dt h3 {
	color: #303030;
	background:#FFF;
	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: #67BF00;
	margin-bottom: 10px;
	border-bottom-style: none;
	}
	
/*#pAdmission #content .wrapper .twocolumn dl {
	margin: 5px 10px 30px;
}
#pAdmission #content .wrapper .twocolumn dl dt {
	width: 160px;
	padding-bottom: 8px;
	color: #666666;
	line-height: 1.3;
	float: left;
}

#pAdmission #content .wrapper .twocolumn dl dd {
	padding-left: 60px;
	padding-bottom: 8px;
	line-height: 1.5;
}
#pAdmission #content .wrapper .twocolumn dl dt h3 {
	color: #303030;
	background:#FFF;
	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: #F93;
	margin-bottom: 10px;
	border-bottom-style: none;	
	}
*/
/* 5: TABLES
============================================================================ */	

caption {
	margin-bottom: 10px;
	padding-left: 10px;
	padding-bottom:10px;
	text-align:center;
	line-height: 1.2;
	font-weight: bold;
}
th {
	padding: 0.8em 0.5em;
	border-left-width: 1px;
	font-size: 100%;
}
td {
	border-bottom-style: dotted;
	border-bottom-color: #ffffff #81b0e4 #81b0e4 #ffffff;
	font-size: 100%;
	border-bottom-width: 1px;
	padding: 0.8em 1em;
	margin-right: 1em;
	margin-left: 1em;
}
td.center, tr.center {
	text-align: center;	
	}

table ul{
	padding: 0; 
	}
table li{
	margin: 0; 
	}
	
talble, th, td {
	border-collapse: separate;
	border: none;
	border-spacing: 0;
}
table {
	margin-left: auto;
	margin-right: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
	border-left-color: #eeeeee;
	background-color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
}
	
table#about, table.admission{
	border-collapse: collapse;
	border-spacing: 0;
} 
table#about th, table.admission 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 {
	padding: 5px 10px 12px 10px;
background: url(../_img/item/bg_table_td.gif) repeat-x right bottom;
}	
table#about, table.admission ul{padding: 0; }
table#about, table.admission li{margin: 0; }





/*6: BOX*/
.cyanbox {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #DCE5FF;
	border: 1px solid #69F;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 10px;
	margin-bottom: 10px;
	}
.orangebox {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #FC9;
	border: 1px solid #F93;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

.orangebox h3 {
	font-size: 14px;
	margin: 0;
	color: #F30;
	}
.orangebox h4 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	}
	
	
.orangebox2 {
	background-color: #FC9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F93;
	border-right-color: #F93;
	border-bottom-color: #F93;
	border-left-color: #F93;
	margin: 10px;
	padding: 0px;
	}

.orangebox2 h3 {
	font-size: 14px;
	margin: 0;
	color: #FFF;
	background-color: #F93;
	text-align: left;
	padding: 10px;
	}
.orangebox2 p {
	font-size: 12px;
	padding: 10px;
	}


	
	
/*  quoteboxはCSS3の角丸を反映する */
.quoteBox {
	margin-bottom: 10px;
	background-color: #EDEDED;
	background-image: url(../_img/item/quotation.gif);
	background-repeat: no-repeat;
	background-position: left top;
	;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: 20px;
	margin-top: 10px;
	padding-top: 20px;
	text-align: center;
	}

.quoteBox blockquote{
	font-size: 14px;
	color: #F60;
	margin-bottom: 20px;
	line-height: 1.6em;
}

.quoteBox a{
	color: #fff;
	text-decoration: underline !important;
}


.quoteBox p.more {
	text-align: right;
}
.quoteBox p.more a {
	background: url(../_img/arrow_quote.png) 100% 50% no-repeat  !important;
	padding-right: 10px;
	text-decoration: none;
}
.quoteBox p.more a:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #990;
	padding-right: 10px;
}	
	
blockquote p{
	color: #666666;
	font-size: 11px;
	line-height: 1.8em;
}

blockquote.bar {
	margin: 0 30px 2em;
	padding-left: 15px;
	color: #888;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #E2FDB1;
	}
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;
	}

	
	
/* 7:misc
============================================================================ */	
	
/*7: misc.
	a) Links

	c) Image */
	
	
/* decration */
.red {
	color: #F00
}
.blue {
	color: #00F
}
.strong {
	font-weight: bold;
}

/* image */

img {
	border: none;
}

img.right {
	float: right;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-top: 10px;
}

img.left {
	float: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
}


/* フレーム付き画像 */
.left-frame {
	background-image: url(../_img/item/shadow_001.gif);
	background-position: right bottom;
	float: left; /* 回り込み制御 */
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 5px;
} 
.left-frame img {
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: -5px; /* 画像を上へ移動 */
    padding: 5px; /* 画像枠 */
    background: #fffff0; /* paddingを設定した場合の背景色 */
    border: 1px solid #999999; /* 画像の枠線 */
}

.right-frame {
	background-image: url(../_img/item/shadow_001.gif);
	background-position: right bottom;
	float: right; /* 回り込み制御 */
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 20px;
} 
.right-frame img {
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: -5px; /* 画像を上へ移動 */
    padding: 5px; /* 画像枠 */
    background: #fffff0; /* paddingを設定した場合の背景色 */
    border: 1px solid #999999; /* 画像の枠線 */
}

	
	
/* divider */
.divider {
	clear: both;
	height: 1px;
	overflow: hidden;
	background: #d7d7d7;
	margin-bottom: 30px;
}

hr { 
	display: none;
	height:0px; 
    border:0px; 
    border-top:1px solid #ccc;
}

/* Horisontal ruler */
.dots {
	clear: both;
	height: 15px;
	display: block;
	background: url(../_img/dots.gif) 0 100% repeat-x;
	margin-bottom: 25px;
	}
	
.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;
	}


	
/* clear fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display:: inline-table;}
/* Mac OS版IEには適用しない */
*html .clearfix {height: 1%;}
*+html .clearfix { height: 1%;}
.clearfix {display: block;}


.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
}



/* Clear floats */

.clear {clear: both;}

.clearall {
	display: block;
	clear: both;
	height: 1px;
	margin: 0;
	font-size: 1px;
	line-height: 1px;
	}
	

	
	
/*8: PageNavigation Marker  */	

/*
************ メインナビゲーションアクティブ *******************/
body#pHome a#nHome,
body#pAbout a#nAbout,
body#pEducation a#nEducation,
body#pAdmission a#nAdmission,
body#pBlog a#nBlog,
body#pSchoolbus a#nSchoolbus
body#pPta a#nPta,
body#pFaq a#nFaq
{
	color: #ffc20e;
}

/*
*************** サイドメニューアクティブ ********************/
body.pAbout a#sAnnaiTop,
body.ppCampus a#sCampus,
body.ppData a#sData,
body.ppFacilities a#sFacilities,
body.ppOrg a#sOrg,
body.ppPubInfo a#sPubInfo,
body.pppContactUs a#sContactUs,
body.ppKouhouTop a#sKouhouTop,
body.ppWakoTV a#sWakoTV,
body.ppWebPamplet a#sWebPamplet,
body.ppPublication a#sPublication{
	color: #222;
	font-weight: bold;
}

/*********** rightNav ACTIVE ボーダーをつけて矢印表示  **************/

/* 学校案内サイドメニュー */
body.ppSchoolInfo #rightNav ul li#rSchoolInfo,
body.ppHistory #rightNav ul li#rHistory,
body.ppMission #rightNav ul li#rNavHistory,
body.pppSchoolBadge #rightNav ul li#rNavSchoolBadge,
body.pppLogo #rightNav ul li#rNavLogo,
body.pppContactUs #rightNav ul li#rNav,






body.pSitemap #content .twocolumn ul li {
	background-image: none;
	margin-left: 30px;

	}
body.pSitemap #content .twocolumn ul li ul li {
	margin-left: 10px;
}



/* p decration */
p {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 1.2em;
	margin-left: 5px;
	line-height: 180%;
	font-size: 14px;
}
p.center {
	text-align: center;
	font-size: 12px;
	margin-top: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
p.left {
	float: left;
}
p.right {
	float: right;
}
p.strong {
	color: #333;
	font-weight: bold;
}
p.intro {
	font-size: 16px;
	color: #4c4c4c;
	text-indent: 1em;
	margin: 15px 0 30px 0;
}
p.larger {
	font-size: 12px;
}

p.larger a {
	font-size: 14px;
}

p.big {
	font-size: 13px;
}
p.small {
	font-size: 11px;
	color: #555;
	margin-bottom: 10px;
}
p.centersmall {
	margin-top: -10px; text-align: center;
}
p.more {
	margin-bottom: 20px;
}
p.more a {
	background: url(../_img/arrow_next.gif) 100% 50% no-repeat;
	padding-right: 10px;
	text-decoration: none;
	color: #82941E;
}
p.pdfIcon {
	background: url(../_img/icon_document.png) no-repeat;
	padding-left: 30px;
	padding-top: 8px;
	padding-bottom: 5px;
}


p#contact{
	text-align: center;
	border: 1px solid #666666;
	margin: 10px;
	padding: 5;
}
p.page-top{
	text-align:right;
	background-image: url(../_img/item/yellow_up_arrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
#content p {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#content ul {
	padding-bottom: 10px;
	padding-top: 0px;
	list-style-type: none;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 10px;
}
#content ol {
	list-style-type: decimal;
	font-size: 14px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#content p.teacher_name {
	text-align:right;
	
}
#content p.left160 {
	padding-left: 140px;
}
.pbox {
	float: left;
	width: 193px;
	margin-right: 20px;
}
.fbox {
	margin-bottom: 10px;
}
.pbox-last {
	float: right;
	width: 193px;
}
ul.faq
{ 
}
.faq li {
	clear: both;
}
.faq li dl {
	padding-bottom: 20px;
	padding-top: 10px;
}
.faq li dl dt {
	font-weight: bold;
	color: #06C;
	clear: both;
}
.faq li dl dd {
	width: 400px;
	padding-bottom: 20px;
}
.orangebox2 p {
	font-size: 14px;
}
.box {
	margin-right: 20px;
	float: left;
}
.twocolumn .box .center {
	text-align: center;
	margin-top: 0px;
	padding: 0px;
}
.twocolumn .box p {
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
}
#pAbout #content .wrapper .twocolumn .half dl {
	width: 280px;
}
#pAbout #content .wrapper .twocolumn .half dl dt {
	width: 100px;
	margin: 0px;
	padding: 0px;
}
#pAbout #content .wrapper .twocolumn .half dl dd {
	margin: 0px;
	padding: 0px;
}
#pHome #content #splash .wrapper #screenshot #copy #button_more {
	margin-left: 100px;
	margin-top: 20px;
}
.orangebox2 ol {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}


/* Lightbox for jQuery のためのcss */
.image-set {
    padding-top: 0px;
}
.image-set a img {
	border: 1px solid #BBB;
	padding: 2px;	
	margin: 0px 30px 10px 0;
	vertical-align: top;
}


.image-set a, .image-set a:hover {border: none; background: none;}


.orangebox2 ol {
	list-style-position: inside;
	list-style-type: decimal;
	padding: 10px;
}
.orangebox2 ol li {
	line-height: 180%;
}
ul.ogrange_cube {
	list-style-image: url(../_img/item/orange_square_brett.gif);
	margin-left: 10px;
}