@charset "utf-8";

/*
Theme Name: city sakai gk
Theme URI: http://www.minrinosto.com/
Description: city-sakai-gk.jp
Author: minrinosto.com
Version: 4.0
Tags: 
*/


* {
	margin: 0;
	padding: 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

body {
	line-height: 160%;
	font-size: 15px;
	color: #333333;
	padding-top: 5px;
	background: url(images/bg_body.png) repeat-x 50% 0;
}

h1, h2, h3, h4, h5 {
	font-size: 1em;
	font-weight: normal;
}

a {
	text-decoration: none;
	color: #333333;
}

a:hover {
	text-decoration: underline;
	color: #ff0000;
}

img {
	border: none;
}

ul {
	list-style-type: none;
}

ol {
	margin-left: 30px;
}

th {
	font-weight: normal;
	text-align: left;
}

.clr {
	clear: both;
}

.sub {
	font-size: 80%;
}

a.pdf, .pdf a, a.xls, .xls a, a.doc, .doc a {
	padding: 3px 0 5px 23px;
	line-height: 220% !important;
	background: url(images/icon_app.png) no-repeat 0 0;
	font-size: 90%;
}

a.pdf, .pdf a {
	background-position: 0 0;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
}

#header #headerInfo {
	text-align: right;
	padding: 0 10px 0 0;
	color: #006600;
	font-size: 90%;
	font-weight: bold;
}

#header #headerNavis {
	height: 220px;
}

#header h1 {
	height: 163px;
	background: url(images/bg_header3.png) no-repeat 0 0;
	position: relative;
}

#header h1 a {
	position: absolute;
	top: 40px;
	left: 30px;
	display: block;
	width: 365px;
	height: 72px;
	background: url(images/logo_main.png) no-repeat 0 0;
	text-indent: -9999px;
}
/******************
#header h1 a {
	position: absolute;
	top: 40px;
	left: 30px;
	display: block;
	width: 340px;
	height: 67px;
	background: url(images/logo_main2.png) no-repeat 0 0;
	text-indent: -9999px;
}
**************************/

#header #globalNavi {

}

#header #globalNavi li {
	float: left;
}

#header #globalNavi li a {
	text-indent: -9999px;
	display: block;
	height: 53px;
	background: url(images/bg_globalNavi.png) no-repeat;
}

#header #globalNavi li#gHome a {
	width: 140px;
	background-position: 0 0;
}

#header #globalNavi li#gHome a:hover {
	width: 140px;
	background-position: 0 -65px;
}

#header #globalNavi li#gAboutus a {
	width: 210px;
	background-position: -140px 0;
}

#header #globalNavi li#gAboutus a:hover {
	width: 210px;
	background-position: -140px -65px;
}

#header #globalNavi li#gAboutKyusyoku a {
	width: 220px;
	background-position: -350px 0;
}

#header #globalNavi li#gAboutKyusyoku a:hover {
	width: 220px;
	background-position: -350px -65px;
}

#header #globalNavi li#gMenu a {
	width: 125px;
	background-position: -570px 0;
}

#header #globalNavi li#gMenu a:hover {
	width: 125px;
	background-position: -570px -65px;
}

#header #globalNavi li#gAccess a {
	width: 140px;
	background-position: -695px 0;
}

#header #globalNavi li#gAccess a:hover {
	width: 140px;
	background-position: -695px -65px;
}

#header #globalNavi li#gLink a {
	width: 155px;
	background-position: -835px 0;
}

#header #globalNavi li#gLink a:hover {
	width: 155px;
	background-position: -835px -65px;
}


#breadCramb li {
	float: left;
	margin: 0 0 0 7px;
}

#breadCramb li.breadMarker {
	background: url(images/markers.png) no-repeat 0 -594px;
	width: 10px;
	height: 20px;
}

#main #mainTop {
	background: url(images/bg_main_top.png) no-repeat 0 0;
	height: 20px;
}

#main #mainContent {
	background: url(images/bg_main_mid.png) repeat-y 0 20px;
}

#main #mainContent #content {
	float: left;
	width: 688px;
	margin: 0 0 0 20px
}

#main #mainContent h2 {
	background: url(images/bg_h2.png) no-repeat 0 0;
	width: 688px;
	height: 66px;
	color: #ffffff;
	font-size: 140%;
}

#main #mainContent h2 span {
	display: table-cell;
	vertical-align: middle;
	height: 66px;
	padding: 0 0 0 20px;
	line-height: 100%;
	font-weight: bold;
}

#main #pageContent,
#main .pageContent {
	margin: 10px 15px;
}

#main #pageContent h3,
#main .pageContent h3 {
	background: url(./images/markers.png) no-repeat 0 -200px;
	padding: 0 0 0 18px;
	font-size: 110%;
	font-weight: bold;
}

#main #pageContent h4,
#main .pageContent h4 {
	background: url(./images/markers.png) no-repeat 2px -297px;
	padding: 0 0 0 15px;
	font-size: 110%;
	margin: 3px 0 0 0;
}

#main #pageContent dd,
#main .pageContent dd {
	margin: 5px 0 20px 18px;
}

#main #pageContent ul,
#main .pageContent ul {
	margin: 5px 0 20px 18px;
	
}

#main #pageContent ul li,
#main .pageContent ul li {
	margin: 0 0 5px 0;
	background: url(./images/markers.png) no-repeat 0 -595px;
	padding: 0 0 0 10px;
	margin: 0 0 0 5px;
}

#main #pageContent .pdf li,
#main .pageContent .pdf li {
	background: none
}

#main #mainBot {
	background: url(images/bg_main_bot.png) repeat-y 0 20px;
	height: 20px;
}

#sideNavi {
	float: right;
	width: 240px;
	margin: 10px 20px 0 0;
}

#sideNavi #sMenu {
	/*background: #efefef;*/
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	width: 240px;
}

#sideNavi #sMenu li {
	/*padding: 5px;*/
	margin: 0 0 10px 0;
}

#sideNavi #sMenu li a {
	display: block;
	width: 240px;
	height: 80px;
	background: url(images/bg_sidemenu.png) no-repeat 0 0;
	font-size: 80%;
	line-height: 100%;
}

#sideNavi #sMenu li a h3 {
	display: none;
}

#sideNavi #sMenu li a div {
	padding: 23px 0 0 69px;
}

#sideNavi #sMenu li#sExp a {
	background: url(images/banner-sihyousyokuzai_m.png) no-repeat 0 0;
}

#sideNavi #sMenu li#sVege a {
	background-position: 0 -100px;
}

#sideNavi #sMenu li#sTisan a {
	background-position: 0 -200px;
}

#sideNavi #sMenu li#sAboutTest a {
	background-position: 0 -300px;
}

#sideNavi #sMenu li#sAboutEdu a {
	background-position: 0 -400px;
}

#sideNavi #sMenu li#sGyosya a {
	background-position: 0 -500px;
}

#sideNavi #sMenu li#sSchool a {
	background-position: 0 -600px;
}


#sideNavi #sBanners li {
	margin: 0 0 20px 0;
}

#sideNavi #sBanners li a {
	background: url(images/banner_side2.png) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}

#sideNavi #sBanners li#sSakai a {
	background-position: 0 0;
	height: 81px;
}

#sideNavi #sBanners li#sAccess a {
	background-position: 0 -81px;
	height: 167px;
}

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

#footer {
	background: url(images/bg_footer.png) no-repeat 50% 0;
	height: 124px;
}

#footer #footerNavi {
	padding: 40px 0 0 140px;
	width: 700px;
	float: left;
}

#footer #footerNavi li {
	float: left;
	margin: 0 0 7px 10px;
	padding: 0 10px 0 0 ;
	border-right: 1px solid #ffffff;
}

#footer #footerNavi li.fLastList {
	border: none;
}

#footer #footerNavi li a {
	color: #ffffff;
	line-height: 100%;
}

#footer #toTop {
	float: right;
	margin: 25px 30px 0 0;
	width: 81px;
	height: 83px;
}

#footer #toTop a {
	display: block;
	background: url(images/button_toTop.png) no-repeat 50% 0;
	width: 81px;
	height: 83px;
	text-indent: -9999px;
}



/*区のマップと学校一覧*/
#pageContent #mapIndex {
	border: 1px solid #099b1e;
	height: 370px;
	background: linear-gradient(to right, #DFF8C9, #FAFEFA);
}

#pageContent #mapIndex > img {
	float: left;
	margin: 10px 0 0 15px;
}

#pageContent #schools {
	width: 330px;
	height: 330px;
	margin: 15px 15px 0 0;
	position: relative;
	float: right;
}

#pageContent #schools dt,
#pageContent #schools dd {
	position: absolute;
	border-color: #cccccc;
	border-style: solid;
}

#pageContent #schools dt {
	width: 49px;
	height; 30px;
	line-height: 30px;
	vertical-align: middle;
	font-size: 80%;
	top: 0;
	cursor: pointer;
	border-width: 1px;
	background: #ffffff;
	text-align: center;
	z-index: 10000;
}

#pageContent #schools dt.north {
	border-width: 1px 1px 0 1px;
	left: 0;
}

#pageContent #schools dt.east {
	width: 80px;
	left: 50px;
}

#pageContent #schools dt.sakai {
	left: 130px;
}

#pageContent #schools dt.west {
	left: 180px;
}

#pageContent #schools dt.center {
	left: 230px;
}

#pageContent #schools dt.south {
	left: 280px;
}

#pageContent #schools dd {
	top: 31px;
	left: 0;
	width: 329px;
	height: 305px;
	font-size: 90%;
	margin: 0;
	display: none;
	border-width: 0 1px 1px 1px;
	background: #ffffff;
	z-index: 1000;
}

#pageContent #schools dd.north {
	display: block;
}

#pageContent #schools dd ul {
	margin: 10px 0 0 0;
}

#pageContent #schools dd ul li {
	float: left;
	width: 130px;
	margin: 0 0 2px 15px;
}