@charset "utf-8";

/**
 * @Copyright : Copyright(c) 2009 Markernet Inc. All Rights Reserved.
 * @Author    : Kenny Tsang(kenny@markernet.co.jp)
 * @Package   : bin.public
 * @Version   : 1.1
 */

/**
 * @import : bin.config.core
 */
@import url(../config/core.css);

/**
 * [user setting]
 */

/**
 * [about]
 */
/* local-menu */
body.about div#local-menu ul li a {
	background-image: url(../../../img/about/lm.gif);
}

/**
 * [sitemap]
 */
body#sitemap-index div.spacer-float0b dl,
body#sitemap-index div.spacer-float0a dl,
body#sitemap-index div.spacer-float0b dl dt,
body#sitemap-index div.spacer-float0a dl dt,
body#sitemap-index div.spacer-float0b dl dd,
body#sitemap-index div.spacer-float0a dl dd {
	margin: 0;
	padding: 0;
}
body#sitemap-index div.spacer-float0b dl dt,
body#sitemap-index div.spacer-float0a dl dt {
	background-color: #708db9;
	color: white;
	border-left: 3px solid #455368;
	margin-top: 1em;
	margin-bottom: .4em;
	padding: .2em 0 .2em .6em;
	font-weight: bold;
}
body#sitemap-index div.spacer-float0b dl dd,
body#sitemap-index div.spacer-float0a dl dd {
	padding-left: 1.2em;
	margin-left: 1em;
	background: url(../../../img/common/item_01.gif) left .3em no-repeat;
}
body#sitemap-index div.spacer-float0b dl dd a,
body#sitemap-index div.spacer-float0a dl dd a {
	color: #666;
}

body#sitemap-index div.spacer-float0b,
body#sitemap-index div.spacer-float0a {
	width: 48%;
}

/**
 * [guardian]
 */
body#guardian-index div.spacer-float0b {
	width: 50%;
}
body#guardian-index div.spacer-float0a {
	width: 47%;
}
body#guardian-index div.spacer-float0b dl {
	margin: 1em 0 0;
}
body#guardian-index div.spacer-float0b dl dt,
body#guardian-index div.spacer-float0b dl dd {
	margin: 0;
	padding: 0;
}
body#guardian-index div.spacer-float0b p#btn2 a,
body#guardian-index div.spacer-float0b p#btn1 a,
body#guardian-index div.spacer-float0b p#btn0 a {
	width: 266px;
	height: 36px;
}

body#guardian-index div.spacer-float0b p#btn2 a {
	background-image: url(../../../img/guardian/index/btn_02.gif);
}
body#guardian-index div.spacer-float0b p#btn1 a {
	background-image: url(../../../img/guardian/index/btn_01.gif);
}
body#guardian-index div.spacer-float0b p#btn0 a {
	background-image: url(../../../img/guardian/index/btn_00.gif);
}

/**
 * [education]
 */
/* local-menu */
body.education div#local-menu ul li a {
	background-image: url(../../../img/education/lm.gif);
}
body#education-index div#topic-layer0 {
	background: url(../../../img/education/index/img_00.jpg) left top no-repeat;
	min-height: 20em;
	margin-top: 1em;
}

body#education-index div#topic-layer0 h3 {
	text-indent: -9991em;
	margin-bottom: 8.5em;
	margin-top: 1em;
}
body#education-index div#topic-layer0 p {
	width: 60%;
	margin-left: 1em;
}
/* education-growingup */
body#education-growingup div.spacer-float0a {
	width: 34%;
}
body#education-growingup div.spacer-float0b {
	width: 64%;
}

/**
 * [recruit]
 */
body.recruit div#local-menu ul li a {
	background-image: url(../../../img/recruit/lm.gif);
}
/* recruit-index */
body#recruit-index div.tb-layer0 tr th {
	width: 20%;
}
/* recruit-message */
body#recruit-message div.spacer-float0a {
	width: 60%;
}
body#recruit-message div.spacer-float0b {
	width: 37%;
}

/**
 * [faq]
 */
body.faq div#local-menu ul li a {
	background-image: url(../../../img/faq/lm.gif);
}
/* faq-index */
body.faq dl.faq-list0 dt {
	font-weight: bold;
	margin-top: 1em;
	background: url(../../../img/faq/item_q.gif) left top no-repeat;
	padding: .4em 0 .4em 2.4em;
}
body.faq dl.faq-list0 dd {
	border-bottom: 1px dotted #999;
	padding: .1em 0 2em 2.4em;
	background: url(../../../img/faq/item_a.gif) left .7em no-repeat;
}
body.faq dl.faq-list0 dd,
body.faq dl.faq-list0 dt {
	margin-left: 0;
	display: block;
}

body.faq dl.faq-list0 dt.spacer-dotted1 {
	padding-top: 1.4em;
	background-position: left 1em;
	margin-top: 2em;
}

body.faq dl.faq-list0 dd.tb-layer0 table,
body.faq dl.faq-list0 dd.tb-layer0 table tr th,
body.faq dl.faq-list0 dd.tb-layer0 table tr td {
	border: 1px solid #999;
	border-collapse: collapse;
}
body.faq dl.faq-list0 dd.tb-layer0 table tr th {
	background-color: #d7dfec;
	width: 26%;
}

/**
 * [contact]
 */
div#form-layer {
	background-color: #dae1ed;
	clear: both;
	float: none;
	margin-top: 1em;
	color: inherit;
}

/* safari */
div#form-layer p {
	margin: 0;
	padding: 1em 2em;
	clear: both;
	border-bottom: 1px solid white;	
}
div#form-layer p label {
	width: 24%;
	display: block;
	float: left;
}
div#form-layer p input,
div#form-layer p textarea {
	display: block;
	width: 74%;
	float: right;
	border: 1px solid #999;
}
div#form-layer p input:focus,
div#form-layer p textarea:focus {
	background-color: #eef1f7;
}
div#form-layer p#submit input {
	float: none;
	clear: both;
	width: 20%;
	margin: 0 auto;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
}
div#form-layer p#submit {
	background-color: white;
	text-align: center;
	margin: 0;
	border: none;
	padding-top: 1em;
	padding-left: 0;
}
div#form-layer p#submit input {
	display: inline;
}



/**
 * [public]
 */
 
/**
 * [gotop]
 */
p.gotop {
	margin-top: 2em;
}
p.gotop a {
	background-image: url(../../../img/common/gotop.gif);
	width: 118px;
	height: 14px;
	margin-left: auto;
}
.spacer1 h3 {
	margin-left: -1em;
}


/**
 * [local menu]
 */
div#local-menu ul {
	clear: both;
}
div#local-menu ul li {
	padding-bottom: 1px;
}
div#local-menu ul li a {
	width: 196px;
	height: 40px;
}

p.gotop a,
body#guardian-index div.spacer-float0b p#btn2 a,
body#guardian-index div.spacer-float0b p#btn1 a,
body#guardian-index div.spacer-float0b p#btn0 a,
div#local-menu ul li a
{
	display: block;
	overflow: hidden;
	text-decoration: none;
	background-position: left top;
	background-repeat: no-repeat;
}

div#local-menu ul li#lm3 a {
	background-position: left -120px;
}
div#local-menu ul li#lm2 a {
	background-position: left -80px;
}
div#local-menu ul li#lm1 a {
	background-position: left -40px;
}
div#local-menu ul li#lm0 a{
	background-position: left top;
}

body#about-asahigaoka div#local-menu ul li#lm3 a,
body#education-target div#local-menu ul li#lm3 a,
body#recruit-message div#local-menu ul li#lm3 a,
div#local-menu ul li#lm3 a:hover {
	background-position: right -120px;
}

body#faq-recruit div#local-menu ul li#lm2 a,
body#recruit-message2 div#local-menu ul li#lm2 a,
body#education-growingup div#local-menu ul li#lm2 a,
body#about-nursery div#local-menu ul li#lm2 a,
div#local-menu ul li#lm2 a:hover {
	background-position: right -80px;
}

body#faq-nursery div#local-menu ul li#lm1 a,
body#recruit-concept div#local-menu ul li#lm1 a,
body#education-concept div#local-menu ul li#lm1 a,
body#about-kindergarten div#local-menu ul li#lm1 a,
div#local-menu ul li#lm1 a:hover {
	background-position: right -40px;
}

p.gotop a:hover,
body#faq-index div#local-menu ul li#lm0 a,
body#recruit-index div#local-menu ul li#lm0 a,
body#education-index div#local-menu ul li#lm0 a,
body#guardian-index div.spacer-float0b p#btn2 a:hover,
body#guardian-index div.spacer-float0b p#btn1 a:hover,
body#guardian-index div.spacer-float0b p#btn0 a:hover,
body#about-index div#local-menu ul li#lm0 a,
div#local-menu ul li#lm0 a:hover {
	background-position: right top;
}

p.gotop a span,
body#guardian-index div.spacer-float0b p#btn2 a span,
body#guardian-index div.spacer-float0b p#btn1 a span,
body#guardian-index div.spacer-float0b p#btn0 a span,
div#local-menu ul li a span
{
	visibility: hidden;
	display: none;
}

/*
{
	background-color: transparent;
}
*/
div#form-layer p#submit
{
	color: inherit;
}


/**
 * clear
 */
div#form-layer:before,
div#form-layer:after,
div#form-layer p:after
{
	content: " ";
	display: block;
	overflow: hidden;
	visibility: hidden;
	height: 0;
	clear: both;
	line-height: 0;
	font-size: 0;
	
}body#recruit-message2 #wrapper #container #bone-layer1 div .re-box{
	margin: 0px 20px 30px;
	font-size: 90%!important;
}
body#recruit-message2 #wrapper #container #bone-layer1 .sign {
	width: 550px;
	text-align: right;
	height: 40px;
}

