@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

/*body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;}*/
/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/

/*-------------------------------------------------------------------------
body
-------------------------------------------------------------------------*/
html	{ overflow-y:scroll;}  
body	{ background:#92C1FC url(../img/base/bg.jpg) repeat-x; text-align:center; color:#333;}

a			{ color:#0c0; text-decoration:underline;}
a:visited	{ color:#090; text-decoration:underline;}
a:hover		{ color:#f60; text-decoration:none;}
a:active	{ color:#f60; text-decoration:none;}

/*-------------------------------------------------------------------------
container
-------------------------------------------------------------------------*/
#container{ width:924px; margin:0 auto; padding:0; background:#fff url(../img/base/mainBg.jpg) repeat-y; text-align:center;}

/*-------------------------------------------------------------------------
header
-------------------------------------------------------------------------*/
#header{ position:relative; width:924px; height:190px; background:url(../img/base/header.jpg) no-repeat top;}
h1{ display:inline; position:absolute; top:15px; left:18px; font-size:0.8em;}
#logo{ position:absolute; top:57px; left:17px;}
#HeadTel{ position:absolute; top:14px; right:143px;}
#headContact{ position:absolute; top:106px; right:136px;}

/*navi*/
#naviBox { display:block; position:absolute; bottom:0px; left:0px; width:924px; height:55px; margin:0 auto; background:url(../img/base/NaviBg.jpg) no-repeat; text-align:center;}
#naviBox ul{ display:block; position:absolute; top:0; right:15px; list-style:none;}
#naviBox li{ float:left;}

/*-------------------------------------------------------------------------
main
-------------------------------------------------------------------------*/
#main{ margin:0; padding:0 20px 0 0; text-align:left; font-size:0.8em;}

/*contents*/
#contents{ margin:0 auto; padding:0 0 0 4px; text-align:center;}

/*leftSideArea*/
#leftContent{ float:left; width:174px; height:auto; margin:0; padding:0; text-align:left;}
#leftContent ul{ list-style-type:none; line-height:0;}
#leftContent #leftNaviA{ display:block; margin:0 0 6px 0; padding:0;}
#leftContent #leftNaviA li{ display:block; margin:0; padding:0; line-height:0;}
#leftContent #leftNaviA li a{ text-decoration:none; overflow:hidden;}
#leftContent #leftNaviA li a img{ line-height:0; vertical-align:bottom;}
#leftContent #leftNaviB {}
#leftContent #leftNaviB li { display:block; position:relative; width:174px; height:104px; background:url(../img/base/leftNaviB.jpg) no-repeat; margin:0 0 8px 0; padding:0;}
#leftContent #leftNaviB h2 { position:absolute; top:9px; left:10px;}
#leftContent #leftNaviB p  { position:absolute; top:35px; left:15px; width:145px; font-size:1.2em; line-height:1.2;}
#leftContent #leftNaviB div { position:absolute; right:10px; bottom:10px;}
#leftContent #leftNaviC{ display:block; list-style:none; margin:0; padding:0;}
#leftContent #leftNaviC div{ margin:0 0 8px 0; line-height:0;}
#leftContent #LeftNaviMobile{ position:relative; width:174px; height:136px; margin:0 0 8px 0; background:url(../img/base/leftNaviMobile.jpg) no-repeat top;}
#leftContent #LeftNaviMobile img{ position:absolute; top:45px; left:8px;}
#leftContent #LeftNaviMobile .p1{ position:absolute; top:45px; right:10px; width:75px; height:79px;}
#leftContent #LeftNaviMobile .p2{ position:absolute;  bottom:10px; left:10px; width:153px; height:27px;}
#leftContent #LeftNaviMap{ position:relative; width:174px; height:218px; margin:0 0 8px 0; background:url(../img/base/leftNaviMap.jpg) no-repeat top;}
#leftContent #LeftNaviMap img{ position:absolute; top:42px; right:14px;}
#leftContent #LeftNaviMap .tBox{ position:absolute; right:14px; bottom:4px; width:150px;}
#leftContent #LeftNaviMap .tBox h3{ font-weight:normal; margin:0 0 3px 0;}
#leftContent #LeftNaviMap .tBox h3 strong{ font-weight:bold; font-size:1.2em;}

/*rightSideArea*/
#rightContent{ float:right; width:716px; height:auto;}

/*flash, heading*/
#swf{ width:714px; height:308px; margin:0; height:; padding:0; border:1px solid #36c; background:#36c;}
#headingH2{ width:716px; height:140px; margin:0; padding:0;}


/*unit*/
#unitWrapper { width:706px; padding:12px 0 0 10px;}
.unit	{ width:698px; background:#fff url(../img/base/unitBg.jpg) repeat-y; margin:0 0 18px 0; padding:0; text-align:left;}
.unit h3{ margin-bottom:8px; padding:0;}
.unit h4{ margin-bottom:5px; color:#f60; font-weight:bold; font-size:1.6em;}
.unit p	{ margin:0; padding:0 15px 8px 15px; font-size:1.4em; line-height:1.4;}
.unitBtm{ clear:both; width:698px; height:4px; background:url(../img/base/unitBtm.jpg) no-repeat top; overflow:hidden;}
.unitBtn{ float:right;}

.undrUnit	{ width:698px; background:#fff url(../img/base/unitBg2.jpg) repeat-y; margin:0 0 18px 0; padding:0; text-align:left;}
.undrUnit h3{ margin-bottom:15px;}

.UnitBox	{ padding:0 15px 15px 15px;}
.UnitBox h4	{ clear:both; margin:0 0 15px 0; padding:2px 0 4px 6px; border-bottom:1px solid #3366CC; border-left:6px solid #1A3092; font-size:1.6em; font-weight:bold;}
.UnitBox h4.h4Short{ clear:none !important; width:520px;}
.UnitBox h5	{ margin-bottom:5px; color:#f60; font-weight:bold; font-size:1.6em;}
.UnitBox p	{ margin:0; padding:0 15px 20px 0; font-size:1.4em; line-height:1.4;}



/*-------------------------------------------------------------------------
decoration
-------------------------------------------------------------------------*/
.HistoryTable{ padding:0 0 15px 0; background:#fff; border:2px solid #1A3092; font-size:1.2em;}
.shortTable{ width:60%;}
.maxTable{ width:100%;}
.HistoryTable caption { margin-bottom:5px; color:#f60; font-weight:bold; font-size:1.2em;}
.HistoryTable tr{ vertical-align:top;}
.HistoryTable th{ padding:8px 10px; background:#3366CC; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#fff; font-weight:bold; vertical-align:top; text-align:right;}
.HistoryTable td{ padding:8px 10px; background:#fefefe; border-right:1px dotted #1A3092; border-bottom:1px dotted #1A3092; font-weight:bold;}
th.Holiday{ background:#FF6666 !important;}
td.close{ background:#ccc !important; color:#fff !important;}

.TimeTable{ padding:0 0 15px 0; background:#fff; border:2px solid #1A3092; font-size:1.2em;}
.TimeTable caption { margin-bottom:5px; color:#f60; font-weight:bold; font-size:1.2em;}
.TimeTable tr{ vertical-align:middle;}
.TimeTable th{ width:14%; padding:8px 10px; background:#3366CC; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#fff; font-weight:bold; text-align:center;}
.TimeTable td{ padding:8px 10px; background:#ffc; border-right:1px dotted #1A3092; border-bottom:1px dotted #1A3092; text-align:center;}

.EMTable{ padding:0 0 15px 0; background:#fff; border:2px solid #1A3092; font-size:1.2em;}
.EMTable tr{ vertical-align:middle;}
.EMTable th{ width:20%; padding:8px 10px; background:#3366CC; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#fff; font-size:1.2em; vertical-align:middle; text-align:left;}
.EMTable td{ padding:8px 10px; background:#fefefe; border-right:1px dotted #1A3092; border-bottom:1px dotted #1A3092; font-weight:bold;}

.formTable{}
.formTable{ padding:0 0 15px 0; background:#fff; border:1px solid #1A3092; font-size:1.2em;}
.formTable tr{ vertical-align:middle;}
.formTable th{ width:30%; padding:8px 10px; background:#3366CC; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#fff; font-size:1.0em; vertical-align:middle; text-align:left;}
.formTable td{ padding:8px 10px; background:#fefefe; border-right:1px dotted #1A3092; border-bottom:1px dotted #1A3092; font-weight:bold;}
#sub{ text-align:center;}
#sub .m{ margin:0 5px 0 0;}


.QandA		{ width:100%; margin:0 auto; padding:1em 0 0 0; font-size:1.2em;}
.QandA dt	{ margin:0 0 1em 0; padding:14px 0 10px 50px; background:url(../img/base/iconQ.jpg) no-repeat left 2px; color:#f90; font-size:1.2em; font-weight:bold;}
.QandA dd.A	{ margin:0 0 0.5em 0; padding:0px 0 10px 50px; background:url(../img/base/iconA.jpg) no-repeat; line-height:1.4;}
.QandA dd.An{ margin:0 0 0.5em 0; padding:0px 0 10px 50px; background:none; line-height:1.4;}
.QandA dd strong{ color:#09F; font-size:1.2em; font-weight:bold;}

.usual		{ height:auto; margin:0 auto 15px; border-bottom:1px dashed #ddd;}
.last		{ height:auto; margin:0 auto 0;}

.daycarePg{ float:left; width:380px; padding:0 0 0 15px;}
.daycarePg p{ line-height:1.2 !important; padding:0 0 8px 0 !important;}


/*-------------------------------------------------------------------------
footer
-------------------------------------------------------------------------*/
.totop{ clear:both; margin:0 6px 0 0; text-align:right;}
#footer{ clear:both; position:relative; width:908px; height:117px; margin:0 auto; padding:0; background:url(../img/base/footer.jpg) no-repeat top; font-size:0.7em; text-align:center;}

#footerLink { display:block; padding:13px 0 0 0; color:#666; text-align:center; font-size:1.4em; line-height:1.4;}
#footerLink a			{ color:#090; text-decoration:underline;}
#footerLink a:visited	{ color:#060; text-decoration:underline;}
#footerLink a:hover		{ color:#fff; background:#f90; text-decoration:none;}
#footerLink a:active	{ color:#fff; background:#f90; text-decoration:none;}

address{}
#copyright{ display:none;}
#getFlash{ position:absolute; right:15px; top:52px;}

.fl{ float:left;}
.fr{ float:right;}
.cb{ clear:both;}
.center{ margin:0 auto; text-align:center;}
.mgn{ margin:0 0 15px 0;}
.flimg{ float:left; padding:0 10px 10px 0;}
.frimg{ float:right; padding:0 0 10px 10px;}
.flimg2{ float:left; padding:0 10px 10px 10px;}
.frimg2{ float:right; padding:0 15px 10px 10px;}
.red{ color:#f00;}
.f80{ font-size:1em !important;}