@charset "utf-8";
/***********************************************/
/*sec.css                                      */
/***********************************************/

#main p,
#main ul,
#main dl,
#main div,
#main table{margin:0 0 20px}

span.new{display:none}

#main .adr div,
#main #map p{margin:0!important}

#main .fig,
#main .btn{text-align:center}

#main .sign{text-align:right}

#main #map div{margin:0}

#main .fmail_must{
float:left;
margin:0 0 0 5px;
text-indent:50000px}

#main .bg01,
#main .bg02,
#main .bg03,
#main .bg04,
#main .bg05,
#main .bg06,
#main .bg07,
#main .bg08,
#main .bg09,
#main .bg10,
#main .bg11,
#main .bg12,
#main .bg13,
#main .bg14,
#main .bg15,
#main .bg16{
background:url(../img/sec_pict01.jpg) no-repeat 100% 0;
min-height:215px;
_height:215px;
padding:0 270px 0 0}

#main .bg02{background:url(../img/sec_pict02.jpg) no-repeat 100% 0}
#main .bg03{background:url(../img/sec_pict03.jpg) no-repeat 100% 0}
#main .bg04{background:url(../img/sec_pict04.jpg) no-repeat 100% 0}
#main .bg05{background:url(../img/sec_pict05.jpg) no-repeat 100% 0}
#main .bg06{background:url(../img/sec_pict06.jpg) no-repeat 100% 0}
#main .bg07{background:url(../img/sec_pict07.jpg) no-repeat 100% 0}
#main .bg08{background:url(../img/sec_pict08.jpg) no-repeat 100% 0}
#main .bg09{background:url(../img/sec_pict09.jpg) no-repeat 100% 0}
#main .bg10{background:url(../img/sec_pict10.jpg) no-repeat 100% 0}
#main .bg11{background:url(../img/sec_pict11.jpg) no-repeat 100% 0}
#main .bg12{background:url(../img/sec_pict12.jpg) no-repeat 100% 0}
#main .bg13{background:url(../img/sec_pict13.jpg) no-repeat 100% 0}
#main .bg14{background:url(../img/sec_pict14.jpg) no-repeat 100% 0}
#main .bg15{background:url(../img/sec_pict15.jpg) no-repeat 100% 0}
#main .bg16{background:url(../img/sec_pict16.jpg) no-repeat 100% 0}

/* 見出し
*****************************************/

#main h3{
background:url(../img/sec_h3bg.jpg) no-repeat 0 100%;
color:#333;
font-weight:bold;
font-size:large;
_font-size:medium;
margin:0 0 20px;
padding:0}

#main h3 span{
background:url(../img/sec_h3bgTop.jpg) no-repeat 0 0;
display:block;
padding:5px 10px 5px 10px}

#main h4{
background:url(../img/sec_h4bg.jpg) no-repeat 0 100%;
color:#333;
font-size:120%;
font-weight:bold;
margin:0 0 20px}

#main h4 span{
background:url(../img/sec_h4bg2.jpg) no-repeat 0 0;
display:block;
padding:7px 10px 5px 20px}

#main h4.img,
#main h4.img span{
background:none;
padding:0}

#main h4.img img{vertical-align:bottom}

#main h5{
background:url(../img/sec_h5bg2.jpg) no-repeat 0 100%;
color:#333;
font-size:110%;
font-weight:bold;
margin:0 0 10px;
padding:0 0 5px}

#main h5 span{
background:url(../img/sec_h5bg.jpg) no-repeat 0 2px;
display:block;
padding:0 0 0 20px}

/* リスト
*****************************************/

#main ul li{
background:url(../img/icon01.gif) no-repeat 0 6px;
margin:0;
padding:0 0 0 15px}

#main ul li.note{background:none}

#main ul.btn:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.btn{display:inline-block;}

/*\*/
*html #main ul.btn{height:1%}
#main ul.btn{display:block}
/**/

#main ul.btn li{
background:none;
float:left;
margin:0 0 0 10px;
padding:0}

#main ul.btn li.firstChild{margin:0}

#main ul.company li{margin:0 0 5px}

#main ul.company li ul{margin:0}

#main ul.company li ul li{
background:url(../img/icon02.gif) no-repeat 0 8px;
padding:0 0 0 10px}

/* dl
*****************************************/

#main dl dt{font-weight:bold}

#main dl dd{margin:0}

/* テーブル
*****************************************/

#main table{
border:1px solid #ccc;
border-top:5px solid #66b88d;
height:auto;
width:100%}

#main table th{
background:#f4ffff;
border-bottom:1px solid #ccc;
font-weight:bold;
padding:8px;
vertical-align:middle;
white-space:nowrap;
width:1%}

#main table td{
border-bottom:1px solid #b2b2b2;
border-left:1px solid #ccc;
padding:8px 5px 8px 8px;
vertical-align:middle}

#main table.col{
border:2px solid #999;
border-top:5px solid #018943}

#main table.col th{
background:#f0f0f0;
border-bottom:2px solid #999;
border-left:2px solid #999;
color:#333;
text-align:center;
vertical-align:middle}

#main table.col td{
border-bottom:2px solid #999;
border-left:2px solid #999;
vertical-align:top}

#main table.col td.note{
background:#f0f0f0;
width:120px}

#main table.col td.m{color:#FF6600}

#main table.col th.top{
background:url(../img/sec_tableBg.gif) repeat;
font-weight:bold;
padding:5px 0;
width:auto}

#main table.col th.top.firstChild{border-left:none}

#main table td p,
#main table td div,
#main table td ul,
#main table td dl{margin:0}

#main table.mailform th{
white-space:normal;
padding:5px;
text-align:right;
width:170px}

#main table.an{border:none;
width:620px}

#main table.an td{
border:solid 1px #ccc;
padding:0}

/* ワンコインで体験！
**********************************************/

#main .lessonMenu:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .lessonMenu{display:inline-block;}

/*\*/
*html #main .lessonMenu{height:1%}
#main .lessonMenu{display:block}
/**/

#main .lessonMenu table.col{
float:left;
margin:0;
width:340px}

#main .lessonMenu .detail{
float:right;
margin:0 0 0 20px;
width:260px}

#main .lessonMenu .detail table{border:2px solid #999}

#main .lessonMenu .detail table th{
background:#ffe0b2;
border-bottom:2px solid #999}

#main .lessonMenu .detail table td{
border-bottom:2px solid #999;
border-left:2px solid #999;
color:#FF6600}

#main .lessonMenu .detail table th{background:url(../img/sec_tableBg.gif) repeat}

#main .lessonMenu .detail table th.top{
background:#ffe0b2;
text-align:center}

#main .flow{
background:url(../img/sec_flowBg00.jpg) no-repeat 0 100%;
padding:0 0 5px}

#main .flow dl{
background:url(../img/sec_flowBg02.jpg) no-repeat 0 0;
margin:0;
padding:87px 5px 15px 75px}

#main .flow dl.dl01{
background:url(../img/sec_flowBg01.jpg) no-repeat 0 0;
padding:5px 5px 15px 75px}

#main .flow dl.dl03{background:url(../img/sec_flowBg03.jpg) no-repeat 0 0}
#main .flow dl.dl04{background:url(../img/sec_flowBg04.jpg) no-repeat 0 0}
#main .flow dl.dl05{background:url(../img/sec_flowBg05.jpg) no-repeat 0 0}
#main .flow dl.dl06{background:url(../img/sec_flowBg06.jpg) no-repeat 0 0}
#main .flow dl.dl07{background:url(../img/sec_flowBg07.jpg) no-repeat 0 0}

#main .flow dl dt{margin:0 0 5px}

#main .flow dl dd{margin:0 15px}

/* 無料託児サービス
**********************************************/

#main .faq dl{
background:url(../img/sec_faq00.gif) repeat;
padding:0 5px 5px}

#main .faq dl dt{
background:url(../img/sec_faq01.jpg) no-repeat 0 0;
color:#fff;
margin:0 -5px;
padding:22px 0 3px 70px}

#main .faq dl dd{
background:url(../img/sec_faq02.gif) no-repeat 0 0 #fff;
padding:20px 20px 20px 70px}

/* スタッフ紹介
**********************************************/

#main .staff{
background:url(../img/sec_staffBg00.jpg) no-repeat 0 100%;
padding:0 0 1px}

#main .staff ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .staff ul{
background:url(../img/sec_staffBg2.jpg) no-repeat 0 0;
display:inline-block;
margin:0;
padding:40px 0 0}

#main .staff ul.firstChild{
background:url(../img/sec_staffBg.jpg) no-repeat 0 0;
padding:20px 0 0}

/*\*/
*html #main .staff ul{height:1%}
#main .staff ul{display:block}
/**/

#main .staff ul li{
background:none;
float:left;
padding:0 15px 10px;
width:270px;
_width:300px}

#main .staff ul li.odd{margin:0 20px 0 0}

#main .staff ul li .titleArea:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .staff ul li .titleArea{
display:inline-block;
margin:0 0 10px}

/*\*/
*html #main .staff ul li .titleArea{height:1%}
#main .staff ul li .titleArea{display:block}
/**/

#main .staff ul li .titleArea .pict{
float:left;
margin:0 10px 0 0;
width:130px}

#main .staff ul li .titleArea .detail{
float:right;
margin:0;
width:130px}

#main .staff ul li .titleArea .detail h4{
background:url(../img/sec_staffTitleBg.jpg) no-repeat 0 0;
font-size:110%;
margin:0 0 10px;
padding:0 0 0 10px}

#main .staff ul li .titleArea .detail h4 span{
background:none;
padding:0}

#main .staff ul li .titleArea .detail dl{margin:0}

#main .staff ul li dl{margin:0}

#main .staff ul li dl dd{margin:0 0 10px}

/* よくある質問
**********************************************/

#main .faq2 dl{
background:url(../img/sec_faq2bg.jpg) no-repeat 0 100%;
border-top:2px solid #bcda61;
padding:0 2px 10px}

#main .faq2 dl dt{
background:url(../img/sec_faq2bg2.gif) no-repeat 0 0;
border-bottom:1px dotted #ccc;
padding:17px 10px 7px 45px}

#main .faq2 dl dd{padding:10px 20px 0}

/***********************************************/

#index #main img{vertical-align:bottom}

#index #main h3,
#index #main h3 span,
#index #main h4,
#index #main h4 span{
background:none;
border:none;
margin:0;
padding:0}

#index #main h3{margin:0 0 10px}

#index #main ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #main ul{display:inline-block;}

/*\*/
*html #index #main ul{height:1%}
#index #main ul{display:block}
/**/

#index #main ul li{
background:none;
float:left;
padding:0}

#index #main ul li.firstChild{margin:0 3px 0 0}

#index #main ul.banner{
background:url(../img/ind_bannerBg.jpg) no-repeat 0 0;
height:89px;
_height:96px;
margin:0;
padding:7px 0 0 8px}

#index #main .h302{margin:0}

#index #main .sectionH4{background:url(../img/ind_h4bg.jpg) repeat-y}

#index #main .sectionH4 .bg{
background:url(../img/ind_h4bgTop.jpg) no-repeat 0 0;
margin:0;
height:1%;
padding:15px 285px 0 20px}

#index #main .sectionH4 p{margin:0 0 10px}

#index #main .sectionH4 p.toptitimg{margin:0 0 5px 0;}

#index #main .sectionH4 .bg h4{margin:0 0 5px}

#index #main .sectionH4 .bgUnder{
background:url(../img/ind_h4bgBot.jpg) no-repeat 0 100%;
margin:0;
padding:0 20px 10px}