@charset "utf-8";

/*
ファイル名:style.css
最終更新日:2009/07/21
*/

/* =import
---------------------------------------*/

@import url(common.css);
@import url(clearfix.css);

body{
background-color: #f6f5ef;
}

#wrapper{
width: 860px;
padding: 0 20px;
margin:auto;
background: url(../img/common/cont_bg.gif) center top repeat-y;
}

/* =#header
---------------------------------------*/

#header .header-text{
padding: 4px 10px;
background: url(../img/common/header_bg.gif) center bottom no-repeat #ff8800;
margin-bottom: 14px;
}

#logo{
width: 276px;
height: 71px;
float: left;
margin-bottom: 5px;
}

dl.Search{
width: 420px;
height: 35px;
float: right;
background: url(../img/common/search_bg.gif) right center no-repeat;
margin-top: 10px;
}

dl.Search dt{
width:347px;
display:block;
float:left;
}

dl.Search dt input{
width: 234px;
border: 1px solid #ccc;
padding: 1px;
}

dl.Search input,
dl.Search img{
vertical-align:middle;
}

dl.Search dd{
padding-left:4px;
float:left;
margin: 5px 0 24px;
}

/* =#vi
---------------------------------------*/

#home #vi{
width: 860px;
height: 220px;
background: url(../img/home/vi.jpg) center top no-repeat;
position: relative;
margin-bottom: 10px;
}

#home #vi .childminderBox dt{
width: 331px;
height: 162px;
position: absolute;
top: 25px;
left: 0;
}

#home #vi .childminderBox dd{
width: 177px;
height: 28px;
position: absolute;
bottom: 2px;
left: 252px;
}

#home #vi .kindergartenerBox dt{
width: 331px;
height: 162px;
position: absolute;
top: 25px;
right: 0;
}

#home #vi .kindergartenerBox dd{
width: 177px;
height: 28px;
position: absolute;
bottom: 2px;
left: 430px;
}

#viSub{
margin-bottom: 10px;
}

#gNav{
background: url(../img/common/gnav_bg.gif) left top repeat-x;
margin-bottom: 20px;
}

#gNav dl{
background: url(../img/common/gnav_rightend.gif) right top no-repeat;
}

#gNav dl dt,
#gNav dl dd,
#gNav dl li{
float:left;
}

#gNav ul{
padding-left: 10px;
}

#gNav dl li{
padding: 17px 12px 17px 7px;
font-size: 12px;
background: url(../img/common/list_arw01.gif) left center no-repeat;
}

/* =#cont
---------------------------------------*/


/* =#main
---------------------------------------*/

#main{
width: 640px;
float: right;
}

.infoBox{
margin-bottom: 10px;
}

.infoBox .sec{
width: 640px;
height: auto;
background: url(../img/home/sec_bg.gif) center bottom repeat-y;
position: relative;
}

.infoBox .secIn{
width: 610px;
height: auto;
padding: 15px;
background: url(../img/home/sec_btm.gif) center bottom no-repeat;
}

p#newsList{
width: 80px;
height: 22px;
position: absolute;
top:5px;
right:5px;
}

.topNav ul{
margin-bottom: 10px;
}

.topNav li{
width: 315px;
padding-right: 10px;
float: left;
margin-bottom: 5px;
}

.topNav li.end{
padding-right: 0;
}

.infoBox .secIn dl{
border-bottom: 1px dashed #dddddd;
}

.infoBox .secIn dl dt{
float: left;
padding: 10px 0;
padding-left: 10px;
width: 90px;
background: url(../img/common/list_arw01.gif) left 16px no-repeat;
}

.infoBox .secIn dl dd{
float: left;
padding: 10px 0;
width: 510px;
}


/* =#list
---------------------------------------*/

#list #main .pageTitle{
width: 640px;
height: auto;
background: url(../img/list/heading_list_bg.gif) left top repeat-y;
margin-bottom: 5px;
}

#list #main .pageTitle .pageTitleIn{
background: url(../img/list/heading_list_top.gif) left top no-repeat;
}

#list #main .pageTitle .pageTitleIn h2{
padding: 9px 11px 7px;
background: url(../img/list/heading_list_btm.gif) left bottom no-repeat;
}

#list #main .pageTitle .pageTitleIn h2 span{
display: block;
padding-left: 18px;
font-size: 1.334em;
font-weight: bold;
background: url(../img/list/heading_list_circle.gif) left 5px no-repeat;
}

#list #main .pagination{
width: 620px;
border: 1px solid #ccc;
padding: 9px;
margin-bottom: 18px;
}

#list #main .pagination dl{
margin-bottom: 10px;
}

#main .pagination dl dt{
width: 80px;
float: left;
}

#list #main .pagination dl dd{
width: 540px;
float: left;
}

#list #main .pagination ol li{
margin-right: 5px;
float: left;
}

#list #main .pagination ol li.cur{
padding: 5px 10px;
}

#list #main .pagination ol li a{
display: block;
padding: 5px 10px;
text-decoration: none;
background-color: #eee;
}

#main .listBox{
width: 638px;
height: auto;
border: 1px solid #ccc;
margin-bottom: 10px;
}

#list #main .listBox .listNav{
text-align: right;
clear: both;
}

#list #main .listBox .listNav li{
display: inline;
padding-left: 10px;
}

#list #main .listBox .imgBox{
padding-right: 10px;
padding-bottom: 10px;
float: left;
}

#list #main .listBox h3{
padding: 5px;
background-color: #f1efe4;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}

#list #main .listBox h3 a{
font-size: 1.167em;
font-weight: bold;
}

#list #main .listBox h3 span{
padding-left: 10px;
}

#list #main .listBox .secIn{
padding: 0 10px 10px;;
}

#list #main .narrowSearch{
padding: 0 15px 15px;
border: 1px solid #ccc;
margin-bottom: 10px;
background-color: #f1efe4;
}

#list #main .narrowSearch h3{
font-size: 1.167em;
font-weight: bold;
padding: 10px 0;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}

#list #main .narrowSearch dl{
margin-bottom: 10px;
}

#list #main .narrowSearch dt{
width: 4em;
float: left;
font-weight: bold;
}

#list #main .narrowSearch dd{
width: 45em;
float: left;
}

#list #main .narrowSearch dd li{
float: left;
white-space: nowrap;
padding-right: 8px;
}

#list #main .narrowSearch dd li input{
margin-right: 3px;
vertical-align: middle;
}

/* =#detail
---------------------------------------*/

#detail .pageTitle{
width: 436px;
font-size: 1.5em;
padding: 0 184px 12px 20px;
border-bottom: 1px solid #ddd;
background: url(../img/detail/heading_list_circle.gif) left 6px no-repeat;
position: relative;
margin-bottom: 20px;
}

#detail .pageTitle h2{
font-weight: bold;
}

#detail .pageTitle p{
position: absolute;
top:0;
right: 0;
}

#detail .detailBox .imgBox{
padding-right: 10px;
padding-bottom: 10px;
float: left;
}

#detail .detailBox p{
line-height: 1.5;
}

#detail .gallery{
clear:both;
margin-bottom: 10px;
}

#detail .gallery ul li{
float: left;
padding-right: 5px;
}

#detail .gallery ul li.end{
padding-right: 0;
}

#detail .detailBox .secIn{
margin-bottom: 10px;
}

#detail .gallery ul{
padding: 9px;
border: 1px solid #ddd;
}

#detail .data{
width: 640px;
height: auto;
background: url(../img/detail/heading_bg.gif) center top repeat-y;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
}

#detail .data h3{
clear:both;
font-weight: bold;
padding: 10px;
background: url(../img/detail/heading_top.gif) center top no-repeat;
}

#detail .data .secIn{
padding: 10px;
}

#detail .data h4{
color: #fefefe;
padding: 5px;
background-color: #ff9d33;
border-top: 1px solid #ff660a;
border-bottom: 1px solid #ff660a;
margin-bottom: 5px;
font-weight: bold;
}

#detail .data h5{
border-left: 3px solid #ff660a;
border-bottom: 1px solid #ddd;
padding: 7px;
margin-bottom: 10px;
font-weight: bold;
}

#detail .data h6{
color: #014b90;
font-weight: bold;
margin-bottom: 10px;
font-size: 1.084em;
padding-left: 20px;
background: url(../img/detail/heading_list_circle02.gif) left 5px no-repeat;
}

#detail .data .emphasis{
color: #454545;
font-weight: bold;
}

#detail .data p{
margin-bottom: 10px;
}

.lBtn{
margin-bottom: 20px;
}

/* =#under
---------------------------------------*/

#under .pageTitle{
width: 436px;
font-size: 1.5em;
padding: 0 184px 12px 20px;
border-bottom: 1px solid #ddd;
background: url(../img/detail/heading_list_circle.gif) left 6px no-repeat;
margin-bottom: 20px;
}

#under .pageTitle h2{
font-weight: bold;
}

#under .pnf p{
margin-bottom:2em;
}

#under .news{
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
}

#under .news h3{
font-weight: bold;
font-size: 1.167em;
margin-bottom: 1.5em;
}

#under .news p{
margin-bottom:1.5em;
}

#under .news li{
margin-bottom: .75em;
}

#under .news table{
width: 639px;
margin-bottom:1.5em;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}

#under .news table th,
#under .news table td{
padding: 10px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

#under .news table th{
background-color: #f1efe4;
}

.column{
padding: 1em;
padding-bottom: 0;
background-color: #f6f5ef;
border: 1px solid #dddddd;
margin-bottom: 1.5em;
}

.column h4{
text-align: center;
}

.btnList{
margin-bottom: 1.5em;
}

table.request-table{
width: 639px;
border-top: 1px solid #ddd;
border-left: 1px solid #ccc;
margin-bottom: 20px;
}

table.request-table th,
table.request-table td{
padding: 10px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ccc;
}

table.request-table th{
width: 120px;
background-color: #f6f5ef;
}

.cartList{
margin-bottom: 10px;
}

.cartList li{
float: left;
white-space: nowrap;
padding-right: 20px;
}

#under .secTitle{
width: 618px;
padding: 10px;
border: 1px solid #ddd;
background-color: #f6f5ef;
margin-bottom: 10px;
}

/* =#under .childminder / .kindergartener
---------------------------------------*/

.childminder .sec,
.kindergartener .sec{
margin-bottom: 3.5em;
}

.childminder .pageTitle{
color: #5d9c13;
background: url(../img/under/heading_list_circle01.gif) left 5px no-repeat !important;
}

.kindergartener .pageTitle{
color: #00a8c1;
background: url(../img/under/heading_list_circle02.gif) left 5px no-repeat !important;
}

.childminder .sec p,
.childminder .sec ol,
.childminder .sec ul,
.kindergartener .sec p,
.kindergartener .sec ol,
.kindergartener .sec ul{
margin-bottom: 1.5em;
}

.childminder .sec h3,
.childminder .sec h4,
.childminder .sec h5,
.childminder .sec h6,
.kindergartener .sec h3,
.kindergartener .sec h4,
.kindergartener .sec h5,
.kindergartener .sec h6{
font-weight: bold;
margin-bottom: 1em;
}

.childminder .sec h3{
color: #5d9c13;
font-size: 1.167em;
padding-bottom: 5px;
border-bottom: 1px dotted #5d9c13;
}

.kindergartener .sec h3{
color: #00a8c1;
font-size: 1.167em;
padding-bottom: 5px;
border-bottom: 1px dotted #00a8c1;
}

.childminder .sec h4,
.kindergartener .sec h4{
font-size: 1.167em;
}

.childminder .sec table{
width: 639px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
margin-bottom: 1em;
}

.childminder .sec table th{
width: 60px;
background-color: #e8ffcc;
}

.childminder .sec table td,
.childminder .sec table th{
padding: 10px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}

.kindergartener .sec table{
width: 639px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
margin-bottom: 1em;
}

.kindergartener .sec table th{
width: 60px;
background-color: #ccf8ff;
}

.kindergartener .sec table td,
.kindergartener .sec table th{
padding: 10px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}

#sitemap{
background:transparent url(../img/under/sitemap.gif) repeat-y 15px 0;
width:340px;
}

#sitemap li {
margin:15px 0 20px;
padding:0 0 0 10px;
}

#sitemap li a {
background-color:#fff;
display:block;
padding:3px;
}

#sitemap li ul li {
background:transparent url(../img/under/sitemap.gif) repeat-x 0 8px;
font-size:13px;
margin:4px 0 4px 5px;
padding:0 0 0 20px;
}

#sitemap li ul li a {
padding:0 0 0 3px;
}

#sitemap li ul li ul {
background:transparent url(../img/under/sitemap.gif) repeat-y 15px 0;
margin-bottom:10px;
}

#sitemap li ul li ul li {
margin-left:16px;
padding-left:10px;
}

/* =#side
---------------------------------------*/

#side{
width: 200px;
float: left;
}

#cart{
background: url(../img/common/cart_bg.gif) center top repeat-y;
margin-bottom: 10px;
}

#cart .cartTitle{
background: url(../img/common/side_heading03_bg.gif) center top repeat-y;
}

#cart .cartTitle h3{
padding: 8px 15px 8px 25px;
font-weight: bold;
background: url(../img/common/side_heading03.gif) center top no-repeat;
border-bottom: 1px solid #ddd;
}

#cart .cartTitle h3 span{
padding-left: 1em;
font-weight: normal;
}

#cart .cartCont{
height: 170px;
margin: 5px;
padding: 5px;
background-color: #fff;
border: 1px solid #ddd;
overflow-y: scroll;
}

#cart .cartCont ul.cartList{
width: 161px;
}

#cart .cartCont .listedItem{
padding: 5px 0;
border-bottom: 1px dashed #ddd;
}

#cart .cartCont .scName{
width: 116px;
float: left;
}

#cart .cartCont .btnDelete{
width: 35px;
float: right;
}

.sidesec{
width: 200px;
height: auto;
background: url(../img/common/sidesec_bg.gif) center top repeat-y;
margin-bottom: 10px;
}

.sidesecIn{
width: 170px;
height: auto;
padding: 15px;
background: url(../img/common/sidesec_btm.gif) center bottom no-repeat;
}

.sidesecIn li{
padding-left: 10px;
background: url(../img/common/list_arw01.gif) left 8px no-repeat;
}

.bannerLinks{
margin-bottom: 10px;
}

.bannerLinks li{
margin-bottom: 5px;
}

.mobile .sidesecIn img{
float:left;
padding-right: 10px;
margin-bottom:10px;
}

.mobile .sidesecIn p{
font-size: .834em;
margin-bottom:10px;
}

/* =#footer
---------------------------------------*/
#footer{
width: 860px;
}

#footer .fIn{
width: 860px;
background: url(../img/common/f_bg.gif) center top repeat-y;
}

#footer .fIn .fCont{
width: 820px;
padding: 15px 20px;
background: url(../img/common/f_top.gif) center top no-repeat;
}

#footer .pagetop{
width: 95px;
height: 27px;
margin-left: auto;
margin-right: 20px;
}

#footer .fNav{
float:right;
margin-bottom: 10px;
}

#footer .fNav li{
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #ccc;
float:left;
}

#footer .fNav li.first{
padding:0;
margin:0;
border:none;
}

#footer address{
clear: both;
text-align: right;
}