@charset "UTF-8";

body{ width:100%; background-color:#ff9900; color:#666; font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic",Arial, sans-serif; font-size:90%; line-height:1.3em; text-align:center; margin:0px; margin-top:0px; margin-left:0px; margin-right:0px;}
img{ border: 0;}
/*
a:link{ text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:underline;}
a:active{ text-decoration:underline;}
*/
h1,h2,h3,h4{ padding:0; margin:0; font-size:100%; font-weight:normal;}
ul,li,ol{ list-style-type:none; margin:0; padding:0;}
table{ font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic",Arial, sans-serif; margin:0; padding:0; border:0;}
th{ font-weight:normal;}
form{ margin:0; padding:0;}
p{ margin:0; padding:0;}
hr{ width:90%; border-width:1px 0px 0px 0px; border-style:solid; border-color:#ccc; height:1px;}

div#pagebody {
	width:100%; margin:0 auto;	/*内容全体をセンタリング*/
	text-align:left;	/*テキストの配置を左揃えにする*/
	background-image:url("images/bg_pagebody.gif");	/*内容全体の背景*/
	background-repeat:repeat-y;		/*背景画像を縦方向に繰り返す*/
	background-color:#ffffff;		/*内容全体の背景色*/
}

/*** general ***/
.fl{ float:left;}
.fr{ float:right;}
.cb{ clear:both;}
.le{ text-align:left;}
.ri{ text-align:right;}
.ce{ text-align:center;}

.small{ font-size:80%;}
.font-red{ color:#f60;}
.caution{ color:#f60; font-size:80%;}
#caution{ color:#f60; font-size:80%;}
#err{ font-size:80%; color:#f60;}

/* Font */
.font_30_gray {
	font-size: 30px;
	line-height: 120%;
	color: #666;
}

#ma-auto{ margin:0 auto;}
.ma-le10{ margin-left:10px;}
.pa-t10{ padding-top:10px;}
.pa-le10;{ padding-left:10px;}
.wid{ width:800px; margin:0 auto;}
#wid{ width:800px; margin:0 auto; text-align:right;}

.border-r0{ border-right:0px;}
.border-l0{ border-left:0px;}

/*#topimg img{ margin-top:-1000px;}*/

/*** header ***/
#header{ margin:0 auto;background-color:#ffffff; text-align:center; font-size:75%;}

#header #PAGETOP{ width:800px; margin:0 auto; padding-top:7px; text-align:right;}

#header #PAGETOP a{ margin:5px;}
#header a:link{ color:#666;}
#header a:visited{ color:#666;}
#header a:hover{ color:#666;}
#header a:active{ color:#666;}
h1{ padding:5px 0px 0px 5px;}

/* menu */
#header .menu{ margin-top:105px; margin-top:300px¥9; width:205px; height:352px; text-align:left;}
#header .menu2{ margin-top:105px; margin-top:300px¥9; width:205px; height:352px; background:url(../img/common/menu/menu_bg.png) no-repeat; text-align:left;}
#header .menu table{border:solid 10px blue; border-radius: 1em;} 

#header .menu ul{ margin:4px 0px 0px 6px;}
#header .menu li img{ vertical-align:top;}
#header .menu li a, #menu li a:link, #menu li a:active, #menu li a:visited{ display:block; width:190px; height:44px;}
#header .menu li.top a:link,
#header .menu li.top a:visited{ background:url(../img/common/menu/menu_top.png) no-repeat;}
#header .menu li.top a:hover{ background:url(../img/common/menu/menu_topOve.png) no-repeat;}
#header .menu li.middle a:link,
#header .menu li.middle a:visited{ background:url(../img/common/menu/menu_middle.png) no-repeat;}
#header .menu li.middle a:hover{ background:url(../img/common/menu/menu_middleOve.png) no-repeat;}
#header .menu li.bottom a:link,
#header .menu li.bottom a:visited{ background:url(../img/common/menu/menu_bottom.png) no-repeat;}
#header .menu li.bottom a:hover{ background:url(../img/common/menu/menu_bottomOve.png) no-repeat;}

/*** header 2 ***/
#header2 { margin:0 auto;background-color:#f27729; text-align:center; font-size:75%;}
#header3 { margin:0 auto;background-color:#ffffff; text-align:center; font-size:75%;}

/* side */
#side { width:1005px; margin:0 auto; text-align:left;}
/*#side table{ margin-top:305px; margin-top:300px¥9; width:205px; height:352px; text-align:left;}*/
#side .home table{border:solid 10px blue; border-radius: 1em;} 
#side .area{ margin-top:10px; padding:10px 8px 20px 8px; background:url(../img/common/bg_side.png) no-repeat; font-size:140%;}
#side .area .appeal{ padding-top:10px; font-size:120%; font-weight:bold; color:#FF9D98;}
#side .area .appeal a:link{ color:#FF9D98;}
#side .side-t{ padding:2px; background:url(../img/common/bg_side_t.png) no-repeat;}
#side .side-t img{ width:197px; margin-top:3px;}
#side .side-m{ padding:2px; background:url(../img/common/bg_side_m.png) repeat-y;}
#side .side-m img{ width:197px; margin-top:5px;}
#side .side-b{ padding:2px; background:url(../img/common/bg_side_b.png) no-repeat;}

/*** footer ***/
#footer{ clear:both; height:120px; font-size:70%; background-color:#ffd475; border-top:#ffd475 2px solid; color:#000;}
#footer img{padding:10px;vertical-align:top;}
#footer a:link{ color:#000;}
#footer a:visited{ color:#000;}
#footer a:hover{ color:#000;}
#footer a:active{ color:#000;}
#footer .menu{ padding-top:4px; float:right;}
#footer .menu a{ padding:4px;}
#footer .pagetop{ float:right; margin-top:4px; background:url(../img/common/pagetop_bg.png) no-repeat;}
#footer #copyright{ clear:both; padding-top:1px; text-align:center;}

/*** pages ***/
.contents-t{ width:535px; height:10px; margin-top:10px; background:url(../img/common/bg_contents_t.png) no-repeat;}
.contents-m{ width:525px; padding-left:10px; background:url(../img/common/bg_contents_m.png) repeat; text-align:left;}
.contents-b{ width:535px; height:10px; margin-bottom:10px; background:url(../img/common/bg_contents_b.png) no-repeat;}

/* officer */

/* index */
#index{ float:right; width:570px; margin-top: 3px; margin-left:10px; text-align:left;}
#index h2{ width:535; height:205; padding:0px 20px 10px 0px;  background:url(../img/common/bg_contents_m.png) repeat-y; text-align:center;}
#index #news{ width:535px; height:140px; background:url(../img/index/bg_news.png) no-repeat; text-align:left; padding:10px 0px 0px 10px;}
#index #news iframe{ width:500px; height:90px; margin-left:5px;}
#index #childcare{ position:relative; float:left; width:225; height:175; margin:0px 5px 10px 0px; padding:0px 80px 20px 30px; background:url(../img/index/bg_childcare.png) no-repeat; text-align:left;}
#index #childcare div{ posirion:absolute; margin-top:40px;}
#index #childcare ul{ margin-top:8px;}
#index #childcare ul li{ margin:3px 0px 6px 10px; list-style-type:disc;}
#index #usetime{ position:relative; float:left; width:225; height:175; padding:0px 55px 50px 30px; background:url(../img/index/bg_usetime.png) no-repeat; text-align:left;}
#index #usetime div{ posirion:absolute; margin-top:40px;}
#index #usetime ul{ margin-top:8px;}
#index #usetime ul li{ margin:3px 0px 6px 10px; list-style-type:disc;}
#index #pricelist{ position:relative; clear:both; width:535; height:350; padding:0px 0px 380px 20px; margin-bottom:10px; background:url(../img/index/bg_pricelist.png) no-repeat; text-align:left;}
#index #pricelist div{ position:absolute; margin-top:40px;}
#index #pricelist table{ float:left; border-collapse:collapse; border:1px solid #ccc; margin:5px 3px 0px 0px;}
#index #pricelist th{ border: 1px solid #ccc; padding:3px 5px 2px 5px; text-align:center; font-size:90%; background-color:#ffe7b4;}
#index #pricelist td{ border: 1px solid #ccc; padding:3px 10px 2px 10px;}
#index #pricelist #caution{ margin-top:5px;}
#index #pricelist .caution{ clear:both; padding-top:5px;}

/* facility */
#facility{ float:right; width:545px; margin-left:10px;}
#facility .contents-m{ padding-bottom:10px;}
#facility h2{ margin-bottom:20px;}
#facility .pic{ padding-left:5px;}
#facility .pic-le{ float:left;}
#facility .pic-ri{ float:left; padding-left:20px;}
#facility #FACILITIES{}
#facility #YEAR{}
#facility ul{ margin:0px 0px 0px 10px;}
#facility li{ padding-left:15px; background:url(../img/common/circle.png) no-repeat;}
#facility h3{ height:25px; padding:5px 0px 0px 35px; margin:10px 0px 10px 0px; background:url(../img/common/flower.gif) no-repeat; font-size:90%; font-weight:bold; text-align:left;}
#facility div.area{ margin:10px 13px 20px 3px; padding:5px 0px 5px 0px; background-color:#ffe7b4; border:#ffd376 3px solid;}
#facility div.area p{ margin:2px 0px 10px 15px;}
#facility p.ce{ margin-top:20px;}
#facility table{ width:512px; margin-top:8px; border-collapse:collapse; border-spacing:0; font-size:75%;}
#facility table caption{ padding-left:20px; font-weight:bold; text-align:left;}
#facility table th{ width:93px; padding:2px; text-align:center; font-weight:bold;}
#facility table td{ width:160px; padding:2px; text-align:left;}
#facility #H24 table th{ background-color:#d9ffcc; border:#71be7e 1px solid;}
#facility #H24 table td{ background-color:#fff; border:#71b6bc 1px solid;}
#facility #H25 table th{ background-color:#d9fbfc; border:#71b6bc 1px solid;}
#facility #H25 table td{ background-color:#fff; border:#71b6bc 1px solid;}
#facility #H25 table th.event{ width:512px;}
#facility div.ri{ margin:10px 20px 0px 0px;}

/* flow */
#flow{ float:right; width:545px; height:800px; margin-left:10px;}
#flow .contents-m{ padding-bottom:10px;}
#flow #FLOW{}
#flow h3{ height:25px; padding:5px 0px 0px 35px; margin:20px 0px 10px 0px; background:url(../img/common/flower.gif) no-repeat; font-size:90%; font-weight:bold; text-align:left;}
#flow table{ border-collapse:collapse; border-spacing:0; font-size:90%;}
#flow table th{ width:120px; padding:5px; background-color:#d9fbfc; border:#71b6bc 1px solid; text-align:center; font-weight:bold;}
#flow table td{ width:185px; padding:5px; background-color:#fff; border:#71b6bc 1px solid; text-align:left;}
#flow table td.border-r0{ width:180px; padding:5px; background-color:#fff; border:#71b6bc 1px solid; border-right:0px; text-align:left;}
#flow table td.border-l0{ width:180px; padding:5px; background-color:#fff; border:#71b6bc 1px solid; border-left:0px; text-align:left;}
#flow div.ri{ margin:10px 20px 0px 0px;}

/* access */
#access{ float:right; width:545px; margin-left:10px;}
#access .contents-m{ padding-bottom:10px;}
#access h3{ height:25px; padding:5px 0px 0px 35px; margin:20px 0px 10px 0px; background:url(../img/common/flower.gif) no-repeat; font-size:90%; font-weight:bold; text-align:left;}
#access iframe{ width:450px; height:350px; margin:10px 0px 0px 0px; border:#76F0FB 3px double; text-align:center;}
#access div{ text-align:center;}
#access div a{ color:#0000ff; text-align:left; font-size:80%;}
#access table{ width:450px; border-collapse:collapse; border-spacing:0; font-size:90%; margin:0 auto; margin-top:10px;}
#access table th{ padding:5px; background-color:#d9fbfc; border:#71b6bc 1px solid; text-align:center; font-weight:bold;}
#access table td{ padding:5px; background-color:#fff; border:#71b6bc 1px solid; text-align:left;}

/* terms */
#terms{ float:right; width:545px; margin-left:10px;}
#terms h3{ margin:20px 0px 0px 0px; text-align:center;}
#terms h4{ height:25px; margin-top:20px; padding:5px 0px 0px 35px; background:url(../img/common/flower.gif) no-repeat; font-size:90%; font-weight:bold;}
#terms ul li{ margin-left:10px; padding:5px 10px 5px 0px; list-style-color:#f00; font-size:90%;}
#terms p{ margin-left:20px; font-size:80%;}

/* download */
#download{ float:right; width:545px; margin-left:10px;}
#download .contents-m{ padding-bottom:10px;}
#download p{ margin:10px 13px 10px 3px;}
#download .contents-m div.small p{ margin:0; padding:0; margin:0px 10px 0px 16px;}
#download h3{ height:25px; padding:5px 0px 0px 35px; margin-top:20px; background:url(../img/common/flower.gif) no-repeat; font-size:90%; font-weight:bold;}
#download #monthlyChildcare{ float:left; width:225; height:175; margin:0px 10px 10px 0px; margin-top:10px; padding:12px 5px 25px 50px; background:url(../img/download/bg_skyblue.png) no-repeat; text-align:left;}
#download #monthlyChildcare h4{ padding-bottom:4px; color:#fff; font-size:100%; font-weight:bold;}
#download #monthlyChildcare p{ margin-left:-30px; font-size:90%;}
#download #baggageRoom{ float:left; width:225; height:175; margin:0px 10px 10px 0px; margin-top:10px; padding:12px 60px 110px 50px; background:url(../img/download/bg_yellow.png) no-repeat; text-align:left;}
#download #baggageRoom h4{ padding-bottom:4px; color:#fff; font-size:100%; font-weight:bold;}
#download #baggageRoom p{ margin-left:-30px; font-size:90%;}
#download #other{ width:225; height:175; margin:0px 10px 10px 0px; padding:12px 60px 75px 70px; background:url(../img/download/bg_red.png) no-repeat; text-align:left;}
#download #other h4{ padding-bottom:4px; color:#fff; font-size:100%; font-weight:bold;}
#download #other p{ margin-left:-50px; font-size:90%;}

/* contact */
#contact{ float:right; width:545px; min-height:800px; height:auto !important; height:800px; margin-left:10px;}
#contact p{ margin:10px 13px 10px 3px;}
#contact div.fl p{ width:386px;}
#contact img.fl{ width:107px; height:119px;}
#contact p.area{ padding:5px; background-color:#ffd7b4; border:#ff9d98 3px solid; font-size:80%;}
#contact strong{ text-align:center;}
#contact div.area{ margin:10px 13px 0px 3px; padding-bottom:10px; background-color:#b3f7fd; border:#71b6bc 3px solid; text-align:center;}
#contact h3{ margin:10px 0px 10px 0px; text-align:center; font-weight:bold;}
#contact table{ width:500px; font-size:90%; text-align:left;}
#contact caption{ font-size:90%; text-align:center;}
#contact table .font-red{ font-size:80%;}
#contact th{ width:150px; text-align:right;}
#contact textarea{ width:350px; width:360px¥9;}
#contact #err{ padding:0px 0px 10px 10px;}
#contact .contents-m{ padding-bottom:10px;}
#contact #left-btn{ float:left; padding-left:170px; padding-left:150px¥9;}
#contact #right-btn{ float:right; padding-right:190px; _padding-right:170px¥9;}

/* sendmail */
#sendmail{ float:right; width:545px; min-height:800px; height:auto !important; height:800px; margin-left:10px;}
#sendmail p{ margin:10px 13px 10px 3px;}
#sendmail p.area{ padding:5px; background-color:#ffe7b4; border:#ffd376 3px solid; font-size:80%;}
#sendmail strong{ text-align:center;}
#sendmail 
#sendmail h3{ margin:10px 0px 10px 0px; text-align:center; font-weight:bold;}
#sendmail #err{ padding:0px 0px 10px 10px;}
#sendmail .contents-m{ padding-bottom:10px;}
#sendmail .contents-b{}

/* sitemap */
#sitemap{ float:right; width:545px; height:800px; margin-left:10px;}
#sitemap .contents-m{ padding-bottom:20px;}
#sitemap h3{ height:25px; padding:5px 0px 0px 35px; margin-top:20px; background:url(../img/common/flower.gif) no-repeat; font-size:90%; font-weight:bold;}
#sitemap h4{ height:25px; padding:5px 0px 0px 35px; margin-top:20px; background:url(../img/common/no_flower.gif) no-repeat; font-size:90%;}
#sitemap p{ padding-left:30px; font-size:80%;}