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

CSS RESET

--------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

clearfix

--------------------------------------*/
/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}

.clearfix:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
}

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

container

--------------------------------------*/
body {
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	-webkit-text-size-adjust: none;
	color: #555;
}

#container {

}
#contents{

}
.centerBox {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

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

header

--------------------------------------*/
#header {
	min-width: 960px;
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
	border-top: 10px solid #0C4594;
	margin-bottom: 30px;
	padding-top: 10px;
}
#header .headLogo{
	float: left;
	background: url(../images/head_logo.gif) no-repeat;
	width: 313px;
	height: 52px;
	text-indent: -9999px;
	display: block;
}
#header .headLogo a{
	float: left;
	background: url(../images/head_logo.gif) no-repeat;
	width: 313px;
	height: 52px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#header .headRight{
	float: right;
}
#header .headerInquiry{
	font-size: 90%;
	line-height: 1.5em;
	margin: 0 0 5px 0;
}
#header .headerInquiry a{
	background:url(../images/icon_inquiry.gif) left center no-repeat;
	width:14px;
	color: #555;
	text-decoration: none;
	overflow: hidden;
	padding: 0 0 0 18px;
 }
 #header .headerInquiry a:hover{
 	background:url(../images/icon_inquiry_on.gif) left center no-repeat;
 }
#header .jisuikai{
	background: url(../images/jizuikai_logo.gif) no-repeat;
	width: 107px;
	height: 29px;
	text-indent: -9999px;
	margin: 0 0 5px 0;
}

#header .headLogo a{
	background: url(../images/head_logo.gif) no-repeat;
	width: 313px;
	height: 52px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#headerMenu{
	background: url(../images/head_menu_bg.png) repeat-x;
	height: 56px;
}
#headerMenu li{
	float: left;
}
#headerMenu .hmHome a{
	background: url(../images/head_menu.png) no-repeat 0 0;
	height: 48px;
	width: 160px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#headerMenu .hmHome a:hover{
	background-position: 0 -48px;
}
#headerMenu .hmHomeOn a{
	background: url(../images/head_menu.png) no-repeat 0 -48px;
	height: 48px;
	width: 160px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;	
}
#headerMenu .hmInfo a{
	background: url(../images/head_menu.png) no-repeat -160px 0;
	height: 48px;
	width: 160px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#headerMenu .hmInfo a:hover{
	background-position: -160px -48px;
}
#headerMenu .hmInfoOn a{
	background: url(../images/head_menu.png) no-repeat -160px -48px;
	height: 48px;
	width: 160px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#headerMenu .hmGreeting a{
	background: url(../images/head_menu.png) no-repeat -320px 0;
	height: 48px;
	width: 140px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#headerMenu .hmGreeting a:hover{
	background-position: -320px -48px;
}
#headerMenu .hmGreetingOn a{
	background: url(../images/head_menu.png) no-repeat -320px -48px;
	height: 48px;
	width: 140px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#headerMenu .hmAbout a{
	background: url(../images/head_menu.png) no-repeat -460px 0;
	height: 48px;
	width: 180px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#headerMenu .hmAbout a:hover{
	background-position: -460px -48px;
}
#headerMenu .hmAboutOn a{
	background: url(../images/head_menu.png) no-repeat -460px -48px;
	height: 48px;
	width: 180px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#headerMenu .hmDaycare a{
	background: url(../images/head_menu.png) no-repeat -640px 0;
	height: 48px;
	width: 160px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;	
}
#headerMenu .hmDaycare a:hover{
	background-position: -640px -48px;
}
#headerMenu .hmDaycareOn a{
	background: url(../images/head_menu.png) no-repeat -640px -48px;
	height: 48px;
	width: 160px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;	
}
#headerMenu .hmNews a{
	background: url(../images/head_menu.png) no-repeat  -800px 0;
	height: 48px;
	width: 160px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#headerMenu .hmNews a:hover{
	background-position: -800px -48px;
}
#headerMenu .hmNewsOn a{
	background: url(../images/head_menu.png) no-repeat -800px -48px;
	height: 48px;
	width: 160px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}


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

mainWrapper

--------------------------------------*/
#mainWrapper{
	float: right;
	width: 680px;
}

.cTitle {
	font-size: 108%;
	line-height: 1.5em;
	height: 25px;
	background: url(../images/title_bg.gif) repeat-x;
	border-left: 8px solid #2877D5;
	margin-bottom: 30px;
	position: relative;
}
.cTitleBg{
	background-color: #fff;
	padding:1px 20px 0px 10px;
	color:#1B4A95;
	font-weight:900;
}
.pageIndex{
	background: url(../images/icon_title.gif) no-repeat left 5px;
	font-size: 90%;
	line-height: 1.5em;
	border-bottom: 1px solid #84BEF8;
	margin-bottom: 30px;
	padding: 0 0 3px 20px;
}
.subIndex{
	border-left:7px solid #6BA8DB;
	font-size: 85%;
	line-height: 1.5em;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 7px;
}
.cArticle {
	font-size: 80%;
	line-height: 1.5em;
	color: #555;
}

.cBox01 {
	margin-bottom: 50px;
}

.cBox02 {
	margin-left: 20px;
}

.cBox03 {
	margin-left: 15px;
}


.spBox {
	margin-bottom: 25px;
}
.textHide{
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

/*  bread	
------------------------------------*/
.bread {
	font-size: 70%;
	line-height: 1.5em;
	margin-bottom: 15px;
}

.bread a {
	text-decoration: none;
	color: #666;
}

.bread a:hover {
	text-decoration: underline;
	color: #1A4994;
}

.bread span {
	font-weight: 600;
}

/*  pagetop	
------------------------------------*/
.pagetop {
	background: url(../images/pagetop_bg.png) repeat;
	font-size: 85%;
	line-height: 1.5em;
	color: #555555;
	display: none;
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 1000;
	padding: 10px;
}
.pagetop a {
	background: url(../images/icon_pagetop.png) no-repeat left center;
	color: #555555;
	display: block;
	text-decoration: none;
	padding-left: 20px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
.pagetop a:hover {
	background: url(../images/icon_pagetop_on.png) no-repeat left center;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}




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

sideWrapper

--------------------------------------*/
#sideWrapper{
	float: left;
	width: 245px;
}
#sideWrapper .sideMenu{
	margin-bottom: 20px;
}
#sideWrapper .sideMenu li{
	margin: 0 0 10px 0;
}
#sideWrapper .smInfo a{ 
	background:url(../images/sm_info.jpg) 0 -62px no-repeat;
	width:245px; 
	height:62px; 
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#sideWrapper .smInfo a:hover{ 
	width:245px; 
	height:62px; 
	background-position: 0 0; 
}
#sideWrapper .smInfoOn a{ 
	background:url(../images/sm_info.jpg) 0 0 no-repeat; 
	width:245px; 
	height:62px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#sideWrapper .smGreeting a{ 
	background:url(../images/sm_greeting.jpg) 0 -62px no-repeat;
	width:245px; 
	height:62px; 
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#sideWrapper .smGreeting a:hover{ 
	width:245px; 
	height:62px; 
	background-position:0 0; 
}
#sideWrapper .smGreetingOn a{ 
	background:url(../images/sm_greeting.jpg) 0 0 no-repeat;
	width:245px; 
	height:62px; 
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#sideWrapper .smNews a{ 
	background:url(../images/sm_news.jpg) 0 -62px no-repeat;
	width:245px;
	height:62px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
 }
#sideWrapper .smNews a:hover{ 
	width:245px;
	height:62px;
	background-position: 0 0;
 }
#sideWrapper .smNewsOn a{ 
	background:url(../images/sm_news.jpg) 0 0 no-repeat;
	width:245px;
	height:62px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
 }
#sideWrapper .smDaycare a{ 
	background:url(../images/sm_daycare.jpg) 0 -115px no-repeat;
	width:245px;
	height:115px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#sideWrapper .smDaycare a:hover{ 
	width:245px;
	height:115px;
	background-position: 0 0;
 }
#sideWrapper .smDaycareOn a{ 
	background:url(../images/sm_daycare.jpg) 0 0 no-repeat;
	width:245px;
	height:115px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#sideWrapper .timeSchedule{
	background: url(../images/side_hours.gif) no-repeat;
	width: 245px;
	height: 119px;
	margin: 0 auto 20px auto;
}


#sideWrapper .sideInquiry{
	background: url(../images/side_inquiry.gif) no-repeat;
	width: 245px;
	height: 200px;
}
#sideWrapper .sideMail{
	width:179px;
	margin: 160px auto 0 auto;
}
#sideWrapper .sideMail a{ 
	background: url(../images/side_mail.gif) no-repeat 0 -16px;
	width:179px; 
	height:16px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#sideWrapper .sideMail a:hover{ 
	background-position:0 0;
}



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

footer

--------------------------------------*/
#footer{
	margin-top: 100px;
}
#footer .footTop{
	height: 38px;
	margin-top: 70px;
	position: relative;
}
#footer .footLogo{
	background: url(../images/foot_logo.gif) no-repeat;
	width: 246px;
	height: 34px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	bottom: 5px;
}
#footer .footLogo a{
	background: url(../images/foot_logo.gif) no-repeat;
	width: 246px;
	height: 34px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
#footer .fottAdd{
	width: 450px;
	font-size: 80%;
	line-height: 1.5em;
	color: #919191;
	position: absolute;
	left: 260px;
	bottom: 5px;
}
#footer .footTel{
	margin-left: 15px;
	display: inline-block;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
}
#footer .footBottom{
	background-color: #1A4994;
	min-width: 960px;
	width: expression(document.body.clientWidth < 962? "960px" : "auto");
	padding: 20px 0;
}
.footMenu li{
	float: left;
	color: #fff;
	font-size: 75%;
	line-height: 1.5em;
	margin: 0 0 35px 0;
}
.footMenu li a{
	color: #fff;
	text-decoration: none;
}
.footMenu li a:hover{
	color: #fff;
	text-decoration: underline;
}
#footer .copyRight{
	color: #fff;
	font-size: 75%;
	line-height: 1.5em;
	text-align: center;
}