@charset "utf-8";

/* =======================================

	kids school CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 
 	-Structure
	
	-Header
	
	-Footer
	
	-Contents
	
	-Kids Concierge
	
	-lifecycle
	
	-Protection

========================================== */

/* Structure
****************************************************************************************/
html,body {
}

body {
	min-width: 950px;
}

#document {
	padding: 0 40px;
	background: #09BD09 url(../../images/kids_school/document_bg_01.png) repeat-x 0 100%;
}

#header {
	padding: 29px 0 32px;
	background: url(../../images/kids_school/header_bg_01.png) no-repeat 0 100%;
}

#main {
	margin: 0 auto 32px;
	width: 950px;
	padding: 0 0 50px;
	background: #FFFFFF url(../../images/kids_school/main_bg_01.png) no-repeat 0 100%;
}

#contents {
	position: relative;
	width: 710px;
	margin: 0 38px 0 0;
}

#sideArea {
	margin: 12px 0 0;
	width: 173px;
}


#footer {
	padding: 0;
	background: none;
}


/* Header
****************************************************************************************/
#header {
	position: relative;
	zoom: 1;
}

	/* Site Title
	========================================== */
	#header h1#siteTitle {
		margin: 0 0 12px 39px;
		width: 209px;
	}
	
	#header h1#siteTitle a {
		display: block;
	}


	/* Header Navi
	========================================== */
	#header ul#headerNavi {
		position: absolute;
		top: 34px;
		left: 520px;
		width: 392px;
	}
	
	#header ul#headerNavi:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}
	
	#header ul#headerNavi li {
		float: left;
	}
	
	#header ul#headerNavi li a {
		display: block;
	}


	/* Globalnavi
	========================================== */
	#header ul#globalnavi {
		background: url(../../images/kids_school/globalnavi_bg_01.png) no-repeat;
	}
	
	#header ul#globalnavi li {
	}
	#header ul#globalnavi li a {
		height: 46px;
		background: url(../../images/kids_school/globalnavi_bg_02.png) no-repeat;
	}


/*Footer
****************************************************************************************/
#footer {
}

	/* Footer Navi
	========================================== */
	#footer ul#footerNavi {
		margin: 0 auto 10px;
		width: 536px;
	}
	#footer ul#footerNavi:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}
	
	#footer ul#footerNavi li {
		float: left;
		height: 11px;
		overflow: hidden;
		line-height: 0;
	}
	
	/* Copyright
	========================================== */
	#footer p#copyright {
		margin: 0 auto;
		width: 441px;
		height: 21px;
		overflow: hidden;
		line-height: 0;
	}


/* Contents
****************************************************************************************/
#contents h2#categoryTitle {
	position: relative;
	margin: 3px -38px 0 -44px;
	width: 792px;
	z-index: 30;
}



/* Header
****************************************************************************************/
#sideArea ul#localNavi {
	padding: 160px 0 0;
	background: url(../../images/kids_school/localnavi_bg_01.jpg) no-repeat;
	height: auto;
	zoom: 1;
}

#sideArea ul#localNavi li {
	margin: 0;
}

#sideArea ul#localNavi li.item01 {
	margin: 0 0 4px 12px;
	width: 134px;
}

#sideArea ul#localNavi li.item02 {
	margin: 3px 0 2px 8px;
	width: 164px;
}

#sideArea ul#localNavi li.item03 {
	margin: 0 0 9px 11px;
	width: 155px;
}

#sideArea ul#localNavi li.item04 {
	margin: 0 0 0 12px;
	width: 144px;
}

#sideArea ul#localNavi li a {
	display: block;
	zoom: 1;
}

#sideArea ul#localNavi li a:hover {
	background-color: transparent;
}

#sideArea ul#localNavi li a:hover img {
	visibility: hidden;
}


body.kids_school#lifecycleIndex #sideArea ul#localNavi li.item01 img,
body.kids_school#knowledgeIndex #sideArea ul#localNavi li.item02 img,
body.kids_school#protectionIndex #sideArea ul#localNavi li.item03 img
body.kids_school#kids_conciergeIndex #sideArea ul#localNavi li.item04 img {
	visibility: hidden;
}


/* Kids Concierge
****************************************************************************************/
body.kids_school#kids_conciergeIndex #contents {
}

body.kids_school#kids_conciergeIndex #contents h2#categoryTitle {
	margin-bottom: 7px;
}

/* Section
========================================== */
body.kids_school#kids_conciergeIndex #contents .section {
	zoom: 1;
}

body.kids_school#kids_conciergeIndex #contents .section h3 {
	position: relative;
	margin: 0 0 22px;
	z-index: 20;
}

body.kids_school#kids_conciergeIndex #contents .section p {
	position: relative;
	margin: 0 0 6px;
	z-index: 20;
}


/* kids Form
========================================== */
body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm {
	position: relative;
	margin: -183px 0 0 40px;
	padding: 232px 140px 65px 30px;
	min-height: 420px;
	background: url(../../images/kids_school/kids_concierge_bg_01.png) no-repeat;
}

	/* Form Table
	---------------------------------------- */
	body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable {
		margin: 0 0 18px;
	}
	
	body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table {
		width: 490px;
	}
	
	body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable p{
	width:490px;
	margin-right:auto;
	margin-left:auto;
	padding:50px;
	font-size:18px;
	line-height:40px;
	}
	
	body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr {
	}
	
	body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr th,
	body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr td {
		padding: 13px 0 0;
	}
	
		/* Th
		---------------------------------------- */
		body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr th {
			padding-right: 15px;
			font-size: 0;
			line-height: 0;
			text-align: right;
		}
		
		body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr th.gender {
			padding-right: 0;
			text-align: left;
		}
	
		/* Td
		---------------------------------------- */
		body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr td {
		}
		
		body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr td input.textbox,
		body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr td textarea {
			border: 1px solid #AFAFAF;
		}
		
		body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr td input.textbox {
			height: 18px;
			overflow: hidden;
		}
	
			/* Textarea
			---------------------------------------- */
			body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr td textarea {
				width: 346px;
				height: 102px;
			}
			
			/* Textbox
			---------------------------------------- */
			body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr td input.textbox {
				width: 346px;
			}
			
			body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr td.name  input.textbox {width: 278px;}
			body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr td.age   input.textbox {width:  72px;}
			body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr td.tel   input.textbox {width: 183px;}
			body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr td.grade input.textbox {width:  72px;}
			
			
			
			body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr td.gender {
				vertical-align: middle;
				font-size: 0;
				line-height: 0;
			}
			body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr td.gender label.radio {
				margin: 0;
			}
			body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .formTable table tr td.gender label.radio input {
				vertical-align: middle;
				margin: 0 3px 0 0;
				width: 18px;
				height: 18px;
				font-size: 107.8%;
				line-height: 1.429;
			}
	
		/* Button List
		---------------------------------------- */
		body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .buttonList {
			margin: 0 0 0 138px;
		}
		
		body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .buttonList ul:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
		}
		
		body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .buttonList ul li {
			float: left;
			display: inline;
			margin: 0 0 0 20px;
			width: 166px;
			font-size: 0;
			line-height: 0;
		}
		
		body.kids_school#kids_conciergeIndex #contents .section .section#kidsForm .buttonList ul li.first {
			margin: 0;
		}


/* lifecycle
****************************************************************************************/
body.kids_school.lifecycle#lifecycleIndex #contents {
}

body.kids_school.lifecycle#lifecycleIndex #contents h2#categoryTitle {
	margin-bottom: 30px;
}

/* Section
========================================== */
body.kids_school.lifecycle#lifecycleIndex #contents .section {
	margin: 0 0 10px;
}

body.kids_school.lifecycle#lifecycleIndex #contents .section h3 {
}

body.kids_school.lifecycle#lifecycleIndex #contents .section p {
}

	/* lifecycle Flash
	---------------------------------------- */
	body.kids_school.lifecycle#lifecycleIndex #contents .section #lifecycleFlash {
		margin: 26px 0 0;
	}

/* Protection
****************************************************************************************/
body.kids_school.protection#protectionIndex #contents {
	margin-right: 30px;
	width: 721px;
}

body.kids_school.protection#protectionIndex #contents h2#categoryTitle {
	margin-right: -30px;
	margin-bottom: 15px;
}

/* Section
========================================== */
body.kids_school.protection#protectionIndex #contents .section {
}
body.kids_school.protection#protectionIndex #contents .section h3 {
	margin: 0 0 31px;
}

	/* Section
	---------------------------------------- */
	body.kids_school.protection#protectionIndex #contents .section .section {
		margin: 0 0 50px;
		zoom: 1;
	}
	body.kids_school.protection#protectionIndex #contents .section .section .text {
	}
	
	body.kids_school.protection#protectionIndex #contents .section .section .text h4 {
		margin: 0 0 22px;
	}
	body.kids_school.protection#protectionIndex #contents .section .section .text p {
	}
	body.kids_school.protection#protectionIndex #contents .section .section p.image {
	}
	
	/* Climb River
	========================================== */
	body.kids_school.protection#protectionIndex #contents .section #climbRiver {
		position: relative;
		margin: -58px 0 20px;
		min-height: 341px;
		z-index: 100;
	}
	/* IE6 Only */
	* html body.kids_school.protection#protectionIndex #contents .section #climbRiver { height: 341px;}
	
	body.kids_school.protection#protectionIndex #contents .section #climbRiver .text {
		padding: 58px 0 52px;
		width: 327px;
	}
	
	body.kids_school.protection#protectionIndex #contents .section #climbRiver .text h4 {
	}
	
	body.kids_school.protection#protectionIndex #contents .section #climbRiver .text p {
	}
	
	body.kids_school.protection#protectionIndex #contents .section #climbRiver p.image {
		position: absolute;
		top: 0;
		left: 327px;
		width: 391px;
	}
	
	
	/* Tree River
	========================================== */
	body.kids_school.protection#protectionIndex #contents .section #treeRiver {
		position: relative;
		margin: -58px 0 20px;
		padding: 12px 0 0;
		min-height: 308px;
		z-index: 50;
	}
	/* IE6 Only */
	* html body.kids_school.protection#protectionIndex #contents .section #treeRiver {height: 308px;}
	
	body.kids_school.protection#protectionIndex #contents .section #treeRiver .text {
		margin: 0 0 0 457px;
		padding: 70px 0 0;
		width: 264px;
	}
	
	body.kids_school.protection#protectionIndex #contents .section #treeRiver .text h4 {
	}
	
	body.kids_school.protection#protectionIndex #contents .section #treeRiver .text p {
	}
	
	body.kids_school.protection#protectionIndex #contents .section #treeRiver p.image {
		position: absolute;
		top: -12px;
		width: 446px;
	}
	
	/* Concrete River
	========================================== */
	body.kids_school.protection#protectionIndex #contents .section #concreteRiver {
		position: relative;
		margin: -35px 0 0;
	}
	
	body.kids_school.protection#protectionIndex #contents .section #concreteRiver .text {
	}
	
	body.kids_school.protection#protectionIndex #contents .section #concreteRiver .text h4 {
	}
	
	body.kids_school.protection#protectionIndex #contents .section #concreteRiver .text p {
	}

/* Knowledge
****************************************************************************************/
body.kids_school.knowledge#knowledgeIndex #contents {
	margin-right: 30px;
	width: 721px;
}

body.kids_school.knowledge#knowledgeIndex #contents h2#categoryTitle {
	margin-right: -30px;
	margin-bottom: 15px;
}

/* Section
========================================== */
body.kids_school.knowledge#knowledgeIndex #contents .section {
}
body.kids_school.knowledge#knowledgeIndex #contents .section h3 {
	margin: 0 0 31px;
}

	/* Section
	---------------------------------------- */
	body.kids_school.knowledge#knowledgeIndex #contents .section .section {
		margin: 0 0 60px;
		zoom: 1;
	}
	body.kids_school.knowledge#knowledgeIndex #contents .section .section .text {
	float:left;
	}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section .section .text h4 {
		margin: 0;
	}
	body.kids_school.knowledge#knowledgeIndex #contents .section .section .text p {
	line-height:24px;
	background-image: url(../../images/kids_school/knowledge_tit_ans.png);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:8px;
	}
		
	body.kids_school.knowledge#knowledgeIndex #contents .section .section span.image {
	}
	

	
	/* Climb River
	========================================== */
	body.kids_school.knowledge#knowledgeIndex #contents .section #climbRiver {
		position: relative;
		margin: -58px 0 20px;
		min-height: 341px;
		z-index: 100;
	}
	
		body.kids_school.knowledge#knowledgeIndex #contents .section #climbRiver_r {
	position: relative;
	margin: -58px 0 20px;
	min-height: 341px;
	z-index: 100;
	width: 350px;
	}
	
	/* IE6 Only */
	* html body.kids_school.knowledge#knowledgeIndex #contents .section #climbRiver { height: 341px;}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section #climbRiver .text {
	padding: 90px 0 340px 20px;
	width: 330px;
	overflow: visible;
	}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section #climbRiver .text p {
	}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section #climbRiver span.image {
	position: absolute;
	top: 180px;
	left: 0px;
	width: 710px;
	z-index: -1;
	}
		body.kids_school.knowledge#knowledgeIndex #contents .section #climbRiver .text_r {
	float:left;
	padding: 0 0 430px 0;
	width: 350px;
	overflow: visible;
	}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section #climbRiver .text_r p {
	line-height:24px;
	background-image: url(../../images/kids_school/knowledge_tit_ans.png);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:8px;
	}
	
	
	/* Tree River
	========================================== */
	body.kids_school.knowledge#knowledgeIndex #contents .section #treeRiver {
		position: relative;
		margin: -58px 0 20px;
		padding: 12px 0 0;
		min-height: 308px;
		z-index: 100;
	}
	/* IE6 Only */
	* html body.kids_school.knowledge#knowledgeIndex #contents .section #treeRiver {height: 308px;}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section #treeRiver .text {
		clear:both;
		float:left;
		margin-right:20px;
		width:330px;
	}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section #treeRiver .text h4 {
	}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section #treeRiver .text p {
		line-height:24px;
		padding-top:8px;
	}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section #treeRiver p.image {
	}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section #treeRiver .text_r {
	float:right;
	width:350px;
	margin: 0;
	margin-left:12px;
	padding:120px 0 0;
	}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section #treeRiver .text_r h4 {
	}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section #treeRiver .text_r p {
		line-height:24px;
		background-image: url(../../images/kids_school/knowledge_tit_ans.png);
		background-repeat:no-repeat;
		padding-left:25px;
		padding-top:8px;
	}
	
	
	/* Concrete River
	========================================== */
	body.kids_school.knowledge#knowledgeIndex #contents .section #concreteRiver {
		position: relative;
		margin: -35px 0 0;
	}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section #concreteRiver .text {
	}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section #concreteRiver .text h4 {
	}
	
	body.kids_school.knowledge#knowledgeIndex #contents .section #concreteRiver .text p {
	}