@charset "Shift_JIS";

/*--------------------------------------------------------------------
mirai.html	(病児・病後児保育室みらい)
mirai.css
--------------------------------------------------------------------*/


/*------------Titleのスタイル---------------------------------------------------------------*/
div#Main div#Title {
	height: 22px;
	background-image: url(../../img/mirai/top_text.gif);
}


/*------------TopTextのスタイル---------------------------------------------------------------*/
div#Main div#TopText01 { margin-top: 15px; }
div#Main div#TopText02 { margin: 20px 0 15px; }
div#Main div.TxtBox { text-align: center; }
div#Main div#TopText02 p { font-size: 110%; }
div#Main div.TxtBox span { color: #23ac39; }
div#Main div.TxtBox a { color: #0e6eb8; }
div#Main div.TxtBox strong { color: #23ac39; font-weight: bold; }
div#Main div.TxtBox em a { color: #e60013; font-weight: bold; }


/*------------MapTxtのスタイル---------------------------------------------------------------*/
div#Main div#MapTxt {
	width: 620px;
	margin: 45px auto 0;
	overflow: hidden;
}
div#Main div#MapTxt div#MapPho {
	width: 300px;
	float: left;
}
div#Main div#MapTxt div#MapPho h3 {
	height: 70px;
	margin-bottom: 20px;
	background: url(../../img/mirai/map_txt.gif) no-repeat center top;
}
div#Main div#MapTxt div#MapAdd {
	width: 300px;
	float: right;
}
div#Main div#MapTxt div#MapAdd dl dt { margin-top: 5px; }
div#Main div#MapTxt div#MapAdd dl dd {
	height: 26px;
	margin-bottom: 45px;
	background: url(../../img/mirai/tel_txt01.gif) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}


/*------------Guideのスタイル---------------------------------------------------------------*/
div#Main div.azklBanner {
	width: 620px;
	margin: 20px auto;
}
div#Main div.azklBanner p#azklTxt {
	text-align: center;
	line-height: 1.2;
	font-size: 1.55em;
	font-weight: bold;
	color: #f00;
}
div#Main div.azklBanner p#azklLinkTxt {
	margin-top: 5px;
	text-align: center;
	line-height: 1.2;
	font-size: 1.25em;
}
div#Main div.azklBanner p#azklLinkTxt a {
	font-weight: bold;
	color: #006934;
}


/*------------Guideのスタイル---------------------------------------------------------------*/
div#Main div.Inner {
	width: 620px;
	margin: 20px auto 0;
	border-top: 1px solid #88796f;
}


/*------------Guideのスタイル---------------------------------------------------------------*/
div#Main div#Guide {
	width: 100%;
	margin-top: 40px;
}
div#Main div#Guide h3 {
	height: 40px;
	background: url(../../img/mirai/guide_t.gif) no-repeat left top;
}
div#Main div#Guide table {
	width: 100%;
	border-collapse: collapse;
}
div#Main div#Guide table tr th,
div#Main div#Guide table tr td {
	width: auto;
	padding: 20px 0;
	border-bottom: 1px solid #88796f;
	text-align: left;
	vertical-align: top;
}
div#Main div#Guide table tr th { padding-right: 60px; }
div#Main div#Guide table tr th h4 {
	width: 80px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
div#Main div#Guide table tr#GuideT01 th h4 { height: 42px; background-image: url(../../img/mirai/guide_sub_t01.gif); }
div#Main div#Guide table tr#GuideT02 th h4 { height: 18px; background-image: url(../../img/mirai/guide_sub_t02.gif); }
div#Main div#Guide table tr#GuideT03 th h4 { height: 18px; background-image: url(../../img/mirai/guide_sub_t03.gif); }
div#Main div#Guide table tr#GuideT04 th h4 { height: 18px; background-image: url(../../img/mirai/guide_sub_t04.gif); }
div#Main div#Guide table tr#GuideT05 th h4 { height: 18px; background-image: url(../../img/mirai/guide_sub_t05.gif); }
div#Main div#Guide table tr td ol,
div#Main div#Guide table tr td ul { list-style: none; }
div#Main div#Guide table tr td ol li {
	padding-left: 1em;
	text-indent: -1em;
}
div#Main div#Guide table tr td span { font-size: 90%; }
div#Main div#Guide table tr td table tr th,
div#Main div#Guide table tr td table tr td {
	width: auto;
	padding: 5px 10px;
	border: 0 none;
}
div#Main div#Guide table tr td table#Time tr th,
div#Main div#Guide table tr td table#Time tr td {
	border: 1px solid #88796f;
	font-size: 115%;
	font-weight: bold;
}
div#Main div#Guide table tr td table#Time tr th { background: #fee792; }
div#Main div#Guide table tr td table#Time tr td { background: #fffcec; }
div#Main div#Guide table tr td ul { margin-top: 10px; }
div#Main div#Guide table tr td ul li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 90%;
}
div#Main div#Guide #GuideT05 ul#NoteTxt li {
	padding-left: 2em;
	text-indent: -2em;
	font-size: 100%;
}
div#Main div#Guide table tr td table#Price { margin: 5px 0 10px; }
div#Main div#Guide table tr td table#Price tr th,
div#Main div#Guide table tr td table#Price tr td { border: 1px solid #88796f; background: #fffcec; }
div#Main div#Guide table tr td table#Price tr th {
	background: #fee792;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
}
div#Main div#Guide table tr td table#Price tr td.PriceTxt {
	text-align: center;
	vertical-align: middle;
}
div#Main div#Guide table tr td dl { font-size: 90%; }
div#Main div#Guide table tr td table#Calculation { width: auto; }
div#Main div#Guide table tr td table#Calculation tr th,
div#Main div#Guide table tr td table#Calculation tr td {
	width: auto;
	padding: 0;
}


/*------------Methodのスタイル---------------------------------------------------------------*/
div#Main div#Method {
	width: 100%;
	margin-top: 40px;
}
div#Main div#Method h3 {
	height: 40px;
	background: url(../../img/mirai/method_t.gif) no-repeat left top;
}
div#Main div#Method div.Inner { border: 0 none; }
div#Main div#Method div.Arrow {
	height: 55px;
	background: url(../../img/mirai/arrow.gif) no-repeat 64px center;
}
div#Main div#Method div.ListBox {
	padding: 19px;
	border: 1px solid #88796f;
}
div#Main div#Method div.ListBox h4 {
	width: 84px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
div#Main div#Method div#List01 h4 { height: 56px; background-image: url(../../img/mirai/method_sub_t01.gif); }
div#Main div#Method div#List02 h4 { height: 56px; background-image: url(../../img/mirai/method_sub_t02.gif); }
div#Main div#Method div#List03 h4 { height: 80px; background-image: url(../../img/mirai/method_sub_t03.gif); }
div#Main div#Method div#List04 h4 { height: 56px; background-image: url(../../img/mirai/method_sub_t04.gif); }
div#Main div#Method div#List05 h4 { height: 56px; background-image: url(../../img/mirai/method_sub_t05.gif); }
div#Main div#Method div#List06 h4 { height: 56px; background-image: url(../../img/mirai/method_sub_t06.gif); }
div#Main div#Method div#List07 h4 { height: 56px; background-image: url(../../img/mirai/method_sub_t07.gif); }
div#Main div#Method div.ListBox table {
	width: 100%;
	border-collapse: collapse;
}
div#Main div#Method div.ListBox table tr th,
div#Main div#Method div.ListBox table tr td {
	width: auto;
	padding: 0;
	text-align: left;
	vertical-align: top;
}
div#Main div#Method div.ListBox table tr td#cellTxt {
	width: auto;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	color: #1eaa39;
}
div#Main div#Method div.ListBox table tr th { width: 140px; padding-right: 10px; }
div#Main div#Method div.ListBox table tr td span { color: #23ac39; }
div#Main div#Method div.ListBox table tr td ul { margin-bottom: 15px; }
div#Main div#Method div.ListBox table tr td ul li {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
div#Main div#Method div#List01 table tr td ul.Note { margin-top: 20px; }
div#Main div#Method div.ListBox table tr td ul.Note { margin-bottom: 0; }
div#Main div#Method div.ListBox table tr td ul.Note li {line-height: 1.3; font-size: 90%; }
div#Main div#Method div.ListBox table tr td ul.Note li.RedTxt { color: #e60012; }
div#Main div#Method div.ListBox table tr td div.BgGreen {
	margin: 10px 0;
	padding: 10px 20px;
	background: #ecf1bb;
	overflow: hidden;
}
div#Main div#Method div.ListBox table tr td div.BgGreen ul li {
	font-weight: bold;
	color: #07913a;
	float: left;
}
div#Main div#Method div.ListBox table tr td div.BgGreen table {
	width: auto;
	border-collapse: collapse;
	float: right;
}
div#Main div#Method div.ListBox table tr td div.BgGreen table tr td {
	width: auto;
	padding: 0 5px;
	white-space: nowrap;
	text-align: center;
	line-height: 1.2;
}
div#Main div#Method div.ListBox table tr td div.BgGreen table tr td a {
	font-size: 10px;
	color: #e60013;
}
div#Main div#Method div.ListBox table tr td div.BgGreen table tr td a img { margin-bottom: 0.3em; }
div#Main div#Method div.ListBox table tr td dl.TelText {
	height: 26px;
	margin: 10px 0;
	background: url(../../img/mirai/tel_txt02.gif) no-repeat left top;
}
div#Main div#Method div.ListBox table tr td dl.TelText * { display: none; }
div#Main div#Method div.ListBox table tr td dl#Reservation table {
	width: 100%;
	margin-bottom: 5px;
	border-collapse: collapse;
}
div#Main div#Method div.ListBox table tr td dl#Reservation table tr th,
div#Main div#Method div.ListBox table tr td dl#Reservation table tr td {
	width: auto;
	padding: 5px 10px;
	border: 1px solid #88796f;
	font-size: 115%;
	font-weight: bold;
}
div#Main div#Method div.ListBox table tr td dl#Reservation table tr th { background: #fee792; }
div#Main div#Method div.ListBox table tr td dl#Reservation table tr td { background: #fffcec; }
div#Main div#Method div.ListBox table tr td ul li span { color: #25b7aa; }
div#Main div#Method div#List05 p {
	min-height: 101px;
	background: url(../../img/mirai/img2-01.jpg) no-repeat right center;
}
div#Main div#Method div#List06 p {
	min-height: 109px;
	background: url(../../img/mirai/img2-02.jpg) no-repeat right center;
}
div#Main div#Method div#List06 p strong {
	font-weight: bold;
	color: #e60013;
}


/*------------Belongingsのスタイル---------------------------------------------------------------*/
div#Main div#Belongings {
	width: 100%;
	margin-top: 40px;
}
div#Main div#Belongings h3 {
	height: 40px;
	background: url(../../img/mirai/belongings_t.gif) no-repeat left top;
}
div#Main div#Belongings table {
	width: 100%;
	margin-top: 10px;
	border-collapse: collapse;
}
div#Main div#Belongings table tr th,
div#Main div#Belongings table tr td {
	width: auto;
	padding-top: 20px;
	text-align: left;
	vertical-align: top;
}
div#Main div#Belongings table tr th { width: 150px; }
div#Main div#Belongings table tr td strong { font-weight: bold; color: #e60013; }
div#Main div#Belongings table tr#Bg01 td { background: url(../../img/mirai/img3-03.jpg) no-repeat right center; }
div#Main div#Belongings div#OutPho ul {
	width: 100%;
	list-style: none;
	margin: 45px 0 20px;
	overflow: hidden;
}
div#Main div#Belongings div#OutPho ul li {
	width: 50%;
	margin-bottom: 20px;
	float: left;
}
div#Main div#Belongings div#OutPho ul li:nth-child(even) { float: right; text-align: right; }
div#Main div#Belongings div#OutPho ul li img { vertical-align: bottom; }
div#Main div#Belongings div#BelongTxt {
	width: auto;
	margin-top: 5px;
	padding: 19px;
	background: #f6f6f6;
	border: 1px solid #aca29b;
	overflow: hidden;
}
div#Main div#Belongings div#BelongTxt ul {
	list-style: none;
	width: 50%;
	float: left;
}
div#Main div#Belongings div#BelongTxt ul li {
	padding-left: 0.8em;
	text-indent: -0.8em;
}
div#Main div#Belongings div#BelongTxt ul li:before { content: "・"; }
div#Main div#Belongings div#TelText p,
div#Main div#Belongings div#TelText dl dt { display: none; }
div#Main div#Belongings div#TelText dl dd span,
div#Main div#Belongings div#TelText dl dd a {
	display: block;
	width: 620px;
	height: 60px;
	margin: 0 auto;
	background: url(../../img/mirai/tel_txt03.jpg) no-repeat left top;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}