@charset "utf-8";
/*--------------------------------
	Name: kokoo.css
	Released : 2013.03.20
	Version: 1.0
	Author:rising
---------------------------------*/

/* reser.css
---------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; list-style-type: none;font-size: 12px;font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


/* 共通
----------------------------------*/
html{
	background: #fdfbd0;
}
body{
	width: 1000px;
	margin: 0 auto;
	color: #171717;
}
h1.title{
	font-size: 18px;
	color: #974949;
	line-height: 1.4;
}
h2.title{
	font-size: 16px;
	color: #974949;
	line-height: 1.4;
}

/* TOP 画像切り替え
----------------------------------*/
#main-pic{
    position: relative;
    width: 1000px;
    height: 329px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#main-pic li{
    position: absolute;
    top: 0;
    left: 0;
}

/* header
----------------------------------*/
#header hgroup h1{
	font-size: 14px;
	margin: 10px 0;
}
#header section{
	background: url(../images/header_back.png) no-repeat;
	width: 1000px;
	height: 200px;
	position: relative;
}
#header section h1.logo a{
	position: absolute;
	display: block;
	width: 400px;
	height: 130px;
	background: url(../images/logo.jpg) no-repeat;
	top: 10px;
	left: 5px;
	text-indent: -9999px;
}
#header section nav{
	width: 902px;
	position: absolute;
	top: 149px;
	left: 49px;
	background: url(../images/g-nav.jpg) no-repeat;
}
#header section nav ul{
	overflow: hidden;
}
#header section nav ul li{
	float: left;
}
#header section nav ul li a{
	display: block;
	height: 51px;
	text-indent: -9999px;
}
#header section nav ul li.home{
	width: 124px;
}
#header section nav ul li.home a:hover{
	background: url(../images/g-nav-on.jpg) no-repeat;
}
#header section nav ul li.about{
	width: 139px;
}
#header section nav ul li.about a:hover{
	background: url(../images/g-nav-on.jpg) -124px 0 no-repeat;
}
#header section nav ul li.request{
	width: 163px;
}
#header section nav ul li.request a:hover{
	background: url(../images/g-nav-on.jpg) -263px 0 no-repeat;
}
#header section nav ul li.search{
	width: 174px;
}
#header section nav ul li.search a:hover{
	background: url(../images/g-nav-on.jpg) -426px 0 no-repeat;
}
#header section nav ul li.pc{
	width: 150px;
}
#header section nav ul li.pc a:hover{
	background: url(../images/g-nav-on.jpg) -600px 0 no-repeat;
}
#header section nav ul li.staff{
	width: 150px;
}
#header section nav ul li.staff a:hover{
	background: url(../images/g-nav-on.jpg) -750px 0 no-repeat;
}
#header section #future-nav{
	position: absolute;
	top: 10px;
	left: 700px;
	overflow: hidden;
	font-size: 11px;
}
#header section #future-nav li{
	float: left;
	margin-right: 10px;
}


/* contents
----------------------------------*/
#contents{
	overflow: hidden;
	background: url(../images/contents_back.jpg) repeat-y;
}

/* contents main
----------------------------------*/
#contents #main{
	float: left;
	width: 650px;
	margin-left: 50px;
	margin-top: 20px;
}
#contents #main .mother h1{
	background: url(../images/top_title01.jpg) no-repeat;
	text-indent: -9999px;
	height: 50px;
}
#contents #main .mother p{
	background: url(../images/mother_p.jpg) no-repeat;
	height: 180px;
	font-size: 14px;
	line-height: 16px;
	padding: 60px 0 0 205px;
    color: #964848;
}
#contents #main .mother p span.date{
	display: block;
	padding-top: 10px;
	padding-right: 90px;
	text-align: right;
}
#contents #main .support h1{
	background: url(../images/top_title02.jpg) no-repeat;
	text-indent: -9999px;
	height: 50px;
}
#contents #main .support ul{
	overflow: hidden;
	margin-top: 15px;
}
#contents #main .support ul li{
	float: left;
	width: 310px;
	height: 135px;
	margin-bottom: 15px;
	text-indent: -9999px;
	position: relative;
}
#contents #main .support ul li span.details a{
	display: block;
	position: absolute;
	top: 95px;
	left: 138px;
	width: 160px;
	height: 30px;
}
#contents #main .support ul li.support01{
	background: url(../images/support01.jpg) no-repeat;
}
#contents #main .support ul li.support02{
	background: url(../images/support02.jpg) no-repeat;
}
#contents #main .support ul li.support03{
	background: url(../images/support03.jpg) no-repeat;
}
#contents #main .support ul li.support04{
	background: url(../images/support04.jpg) no-repeat;
}
/*#contents #main .support ul li.support01 a:hover{
	background: url(../images/support01-on.jpg) -138px -95px no-repeat;
}
#contents #main .support ul li.support02 a:hover{
	background: url(../images/support02-on.jpg) -138px -95px no-repeat;
}
#contents #main .support ul li.support03 a:hover{
	background: url(../images/support03-on.jpg) -138px -95px no-repeat;
}
#contents #main .support ul li.support04 a:hover{
	background: url(../images/support04-on.jpg) -138px -95px no-repeat;
}*/


/* contents side
----------------------------------*/
#contents #side{
	float: left;
	width: 240px;
	margin-top: 20px;
	margin-left: 10px;
}
#contents #side section{
	margin-bottom: 20px;
}
#contents #side section.temari{
	background: url(../images/side_temari.jpg) no-repeat;
	height: 145px;
	position: relative;
}
#contents #side section.temari h1{
	text-indent: -9999px;
}
#contents #side section.ask{
	background: url(../images/side_ask.jpg) no-repeat;
	height: 142px;
	text-indent: -9999px;
	position: relative;
}
#contents #side section.ask .ask{
	text-indent: 0px;
	font-size: 12px;
	position: absolute;
	top: 110px;
	left: 35px;
}
#contents #side section.manage{
	background: url(../images/side_manage.jpg) no-repeat;
	height: 142px;
	position: relative;
}
#contents #side section.manage h1{
	text-indent: -9999px;
}
#contents #side section.temari p{
	position: absolute;
	top: 50px;
	left: 15px;
	font-size: 12px;
	line-height: 14px;
	padding-left: 0;
}
#contents #side section.temari ul{
	position: absolute;
	top: 100px;
	left: 15px;
	font-size: 12px;
	line-height: 14px;
	padding-left: 0;
}
#contents #side section.temari ul li{
	padding-left:10px;
	margin-bottom:5px;
}
#contents #side section.manage p{
	position: absolute;
	top: 50px;
	left: 15px;
	font-size: 12px;
	line-height: 14px;
	padding-left: 0;
}
#contents #side section.blog{
	background: url(../images/blog.jpg) no-repeat;
	height: 50px;
	text-indent: -9999px;
}
#contents #side section.campaign{
	background: url(../images/campaign.jpg) no-repeat;
	height: 46px;
	text-indent: -9999px;
}
#contents #side section.campaign a{
	display: block;
	width: 235px;
	height: 46px;
}
#contents #side section.campaign a:hover{
	background: url(../images/campaign_on.jpg) no-repeat;
}
#contents #side section.hurrying{
	background: url(../images/bannar_kyubo.jpg) no-repeat;
	height: 50px;
	text-indent: -9999px;
}
#contents #side section.hurrying a{
	display: block;
	width: 235px;
	height: 50px;
}

#contents #side section.support{
	background: url(../images/side_support.jpg) no-repeat;
	height: 246px;
	text-indent: -9999px;
}
#contents #side section.support ul{
	padding-top: 48px;
}
#contents #side section.support ul li a{
	display: block;
	width: 235px;
	height: 46px;
}
/*#contents #side section.support ul li.support01 a:hover{
	background: url(../images/side_support_on.jpg) 0 -48px no-repeat;
}
#contents #side section.support ul li.support02 a:hover{
	background: url(../images/side_support_on.jpg) 0 -94px no-repeat;
}
#contents #side section.support ul li.support03 a:hover{
	background: url(../images/side_support_on.jpg) 0 -140px no-repeat;
}
#contents #side section.support ul li.support04 a:hover{
	background: url(../images/side_support_on.jpg) 0 -186px no-repeat;
}*/
ul li.club47{
	margin: 10px 0;
	border: 2px solid #666;
}
/* footer
----------------------------------*/
footer{
	clear: both;
	background: url(../images/footer_back.jpg) no-repeat;
	height: 260px;
	overflow: hidden;
}
footer section{
	float: left;
	width: 230px;
	margin-top: 60px;
	margin-left: 300px;
	border-left: 1px solid #994D4D;
	padding-left: 20px;
	height: 150px;
}
footer section.main-nav{
	margin-left: 250px;
}
footer section h1{
	font-size: 14px;
	font-weight: bold;
	color: #994D4D;
	margin-bottom: 5px;
}
footer section ul li{
	padding: 3px 0 2px 0;
	margin-left: 15px;
	list-style-type: circle;
}
footer p.copy{
	font-size: 11px;
	color: #909090;
	padding-top: 240px;
	text-align: right;
}



/* link
----------------------------------*/
#contents #main .link h1 {
    background: url(../images/link_title01.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main .link dl dt{
	font-size: 14px;
}
#contents #main .link dl dd{
	padding-left: 10px;
	margin-bottom: 10px;
}
/* about
----------------------------------*/
#contents #main .about h1 {
    background: url(../images/about/about_title01.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
/* request
----------------------------------*/
#contents #main .request h1 {
    background: url(../images/request/request_title01.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main .request p.about {
    background: url(../images/request/mother_request_p.jpg) no-repeat;
    font-size: 14px;
    height: 150px;
    line-height: 16px;
    padding: 80px 0 0 230px;
}
#contents #main .jobs h1 {
    background: url(../images/request/request_title02.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main .jobs ul{
	margin-left: 20px;
}
#contents #main .jobs ul li{
	margin: 10px 0;
}
#contents #main .jobs ul li dl dt{
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dotted;
}
#contents #main .jobs ul li dl dd{
	font-size: 14px;
	padding-left: 20px;
}
#contents #main .contact h1 {
    background: url(../images/request/request_contact.jpg) no-repeat;
    height: 109px;
    text-indent: -9999px;
}
#contents #main .contact h1 a{
	display: block;
	width: 650px;
	height: 109px;
}
#contents #main .contact h1 a:hover {
    background: url(../images/request/request_contact-on.jpg) no-repeat;
}
/* section
----------------------------------*/
section.Housekeeping,section.Nurture,section.register{
	background: #fffeeb;
    border: 2px solid #FFFFFF;
    border-radius: 7px;
    box-shadow: 0 0 0 1px rgba(149, 73, 73, 0.5), 0 1px 0 rgba(149, 73, 73, 0.55), 0 1px 1px rgba(149, 73, 73, 0.5);
    padding: 13px;
    margin-bottom: 20px;
}
section p,section dl,#parenting #main section ul{
	padding-left: 2em;
	margin-bottom: 16px;
}
#parenting #main section ul{
	padding-left: 3em;
}
#parenting #main section ul li{
	list-style-type: disc;
}
section table{
	width: 90%;
	margin: 0 2em;
	border-top:1px solid #663300;
	border-left:1px solid #663300;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
section table th{
	border-right:1px solid #663300;
	border-bottom:1px solid #663300;
	color:#974949;
	background-color:#E8F4C1;
	padding: 5px;
	text-align:center;
}
section table td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding: 5px;
	text-align:center;
}
section span.remark{
	display: block;
	text-align: right;
	padding-right: 3.5em;
	font-size: 10px;
}
/* about
----------------------------------*/
#contents #main .about p.about{
	padding: 85px 0 0 200px;
	height: 170px;
}
/* search
----------------------------------*/
#contents #main .search h1 {
    background: url(../images/search/search_title01.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main .search p.about{
	padding: 85px 0 0 200px;
	height: 170px;
}
#contents #main .job-flow h1 {
    background: url(../images/search/search_title02.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main .s-contact h1 {
    background: url(../images/search/search_contact.jpg) no-repeat;
    height: 109px;
    text-indent: -9999px;
}
#contents #main .s-contact h1 a{
	display: block;
	width: 650px;
	height: 109px;
}
#contents #main .s-contact h1 a:hover {
    background: url(../images/search/search_contact-on.jpg) no-repeat;
}
/* register
----------------------------------*/
#contents #main .Member-register h1 {
    background: url(../images/search/register_title01.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main .service ul li{
	border-bottom: 1px dotted #954949;
	padding-top: 15px;
}
#contents #main .service ul li dl{
	overflow: hidden;
}
#contents #main .service ul li dl dt{
	float: left;
	width: 440px;
	font-size: 14px;
	font-weight: bold;
	color: #954949;
}
#contents #main .service ul li dl dd{
	float: left;
	width: 440px;
	padding-left: 2em;
}
#contents #main .service ul li dl dd.button{
	float: right;
	width: 120px;
	padding-left: 0;
}
#contents #main .service ul li dl dd a{
	display: block;
	width: 120px;
	height: 35px;
	text-indent: -9999px;
}
#contents #main .service ul li dl dd.yes a{
	background: url(../images/search/button_form.png) no-repeat;
}
#contents #main .service ul li dl dd.yes a:hover{
	background: url(../images/search/button_form_on.png) no-repeat;
}
#contents #main .service ul li dl dd.no{
	background: url(../images/search/button_form_ng.png) no-repeat;
	width: 120px;
	height: 35px;
}
#contents #main .service ul li dl dd.no a{
	display: none;
}
/* pc
----------------------------------*/
#contents #main .pc h1 {
    background: url(../images/pc/pc_title01.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main .curriculum{
	margin-bottom: 2em;
}
#contents #main .curriculum h1 {
    background: url(../images/pc/pc_title02.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main .staff-introduction h1.title {
    background: url(../images/pc/pc_title03.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main .staff-introduction .pc-staff dl,
#contents #main .curriculum dl{
	padding-left: 2em;
	margin-bottom: 5px;
}
#contents #main .curriculum dl dd,
#contents #main .staff-introduction .pc-staff dl dd{
	padding-left: 2em;
}
/* faq
----------------------------------*/
#contents #main .faq h1 {
    background: url(../images/faq/faq_title01.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main .faq-comp,
#contents #main .faq-user{
	margin-left: 2em;
	margin-bottom: 2em;
}
#contents #main .faq-comp h1,
#contents #main .faq-user h1{
	font-size: 14px;
	color: #974949;
}
#contents #main .faq-q{
	margin-left: 1em;
	padding-left: 35px;
	padding-top: 5px;
	background: url(../images/faq/q.png) no-repeat;
	height: 30px;
	cursor: pointer;
}
#contents #main .faq-comp p,
#contents #main .faq-user p{
	margin-left: 4em;
	padding-left: 35px;
	padding-top: 5px;
	background: url(../images/faq/a.png) no-repeat;
	min-height: 35px;
}
/* business
----------------------------------*/
#contents #main .business h1 {
    background: url(../images/support/business_title01.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
/* nursing
----------------------------------*/
#contents #main .nursing h1 {
    background: url(../images/support/nursing_title01.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
/* parenting
----------------------------------*/
#contents #main .parenting h1 {
    background: url(../images/support/parenting_title01.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main ul.service-list{
	overflow: hidden;
}
#contents #main ul.service-list li{
	float: left;
	width: 120px;
}
/* house
----------------------------------*/
#contents #main .house h1 {
    background: url(../images/support/house_title01.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main .timrl{
	overflow: hidden;
	border: 2px double orange;
	width: 330px;
	margin-left: 2em;
}
#contents #main .timrl dt{
	float: left;
	width: 60px;
	padding: 5px 0;
}
#contents #main .timrl dd{
	float: left;
	width: 250px;
	padding: 5px;
}
/* staff
----------------------------------*/
#contents #main .staff h1 {
    background: url(../images/staff/staff_title01.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main .shugo h1 {
    background: url(../images/staff/staff_title02.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main .staff-introduction{
	margin-bottom: 30px;
}
#contents #main .staff-introduction dl{
	overflow: hidden;
	padding: 0;
}
#contents #main .staff-introduction dl dt{
	float: left;
	width: 200px;
}
#contents #main .staff-introduction dl dd{
	float: left;
	width: 450px;
}
#contents #main .staff-introduction dl dd h1{
	background: url(../images/staff/staff_bar.jpg) no-repeat;
	padding: 15px;
}
#contents #main .staff-introduction dl dd ul{
	padding-left: 2em;
}
.miki dl{
	background: url(../images/staff/staff-miki_back.jpg) bottom right no-repeat;
}
.shugo dl{
	background: url(../images/staff/staff-shugo_back.jpg) bottom right no-repeat;
}
/* contact
----------------------------------*/
dl.mailform{
	font-size: 14px;
	overflow: hidden;
	background: #FEFBD0;
    border-color: rgba(0, 0, 2, 0.15) rgba(0, 0, 2, 0.15) rgba(0, 0, 2, 0.3);
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 0 2px #FFFFFF inset, 0 1px 0 rgba(0, 0, 2, 0.05);
    color: #444446;
    margin: 0 auto 10px;
    padding: 8px;
    width: 90%;
}
dl.mailform dt {
    float: left;
    padding-right: 20px;
    width: 180px;
    text-align: right;
}
dl.mailform dd {
    border-bottom: 1px dotted #363636;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 200px;
}
ul.mailform{
	margin: 0 auto;
	overflow: hidden;
	width: 380px;
}
ul.mailform li{
	float: left;
	width: 50%;
}
/* campagin
----------------------------------*/
#contents #main .campagin h1 {
    background: url(../images/campagin/campagin_title01.jpg) no-repeat;
    height: 50px;
    text-indent: -9999px;
}
#contents #main .pdf{
	overflow: hidden;
	border: 1px solid #E7E7E7;
	padding: 20px;
} 
#contents #main .pdf dt{
	float: left;
	width: 130px;
}
#contents #main .pdf dd{
	float: left;
}
#contents #main .campagin-pdf dl,#contents #main .campagin-pdf p{
	padding: 0;
}
#contents #main .campagin ul{
	overflow: hidden;
}
#contents #main .campagin ul li{
	float: left;
	width: 280px;
	background: #fffeeb;
	border: 2px solid #FFFFFF;
	border-radius: 7px;
	box-shadow: 0 0 0 1px rgba(149, 73, 73, 0.5), 0 1px 0 rgba(149, 73, 73, 0.55), 0 1px 1px rgba(149, 73, 73, 0.5);
	padding: 5px;
	margin: 10px;
}
#contents #main .campagin ul li dt{
	text-align: center;
	padding: 10px 0;
	border-bottom: 2px solid #E7E7E7;
	margin-bottom: 10px;
	color: #964848;
	font-weight: bold;
}
#contents #main .campagin ul li dd{
	text-align: center;
}
#contents #main .campagin ul li dd img{
	background: #FFFFFF;
	padding: 5px;
	border: 1px solid #E7E7E7;
}