@charset "Shift_JIS";

/*
===== kids.css ======================================

/kids/~ Setting
	-index.html
	-00_00.html~

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

/* index.html
-------------------------------------------------- */
/* kids menu */
.kidsMenu {
	list-style: none;
	text-align: center;
}
	.kidsMenu li {
		display: inline;
		zoom: 1;
	}

/* 00_00.html
-------------------------------------------------- */
.frameBox,
.frameDetail {
	width: 739px;
	margin-bottom: 2em;
	padding: 20px 0;
	background-color: #FFDF9F;
}
	.frameInner {
		margin: 0 20px;
		padding-bottom: 1em;
		background-color: #FFFFFF;
	}

/* 00_01.html */
.frameBox h1 {
	margin: 0 0 2em 50px;
}

.frameBox .subtitle {
	font-size: 120%;
	font-weight: bold;
	color: #1E4E1B;
	line-height: 1.4em;
	padding: 0.3em 0.5em 0.5em 0.5em;
}

.readText {
	margin: 1em 55px 1em 55px;
	color: #000000;
	font-size: 140%;
}

/* 00_02.html */
/* header area */
.frameDetail .headerTitle {
	position: relative;
	width: 699px;
	height: 180px;
}
.frameDetail .subtitle {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.5em;
	font-size: 90%;
	font-weight: bold;
	color: #1E4E1B;
	line-height: 1.4em;
}
.frameDetail .mainTitle {
	position: absolute;
	top: 32px;
	left: 30px;
	width: 320px;
}
.frameDetail h1 {
	position: absolute;
	top: 85px;
	left: 30px;
}
	.frameDetail .headerImg {
		position: absolute;
		top: 32px;
		right: 20px;
		width: 280px;
	}

/* callout */
.callout {
	width: 699px;
	margin-bottom: 10px;
}
.calloutInner {
	display: inline;
}
.callout .imgLeft {
	float: left;
	width: 140px;
	height: 100px;
}
.callout .imgRight {
	float: right;
	width: 140px;
	height: 100px;
}
.callout .text1,
.callout .text2,
.callout .text3,
.callout .text4,
.callout .text5,
.callout .text6{
	color: #000000;
	font-size: 140%;
	line-height: 140%;
}
	.callout .text1 {
		padding: 38px 40px 37px 10px;
	}
	.callout .text2 {
		padding: 26px 40px 26px 10px;
	}
	.callout .text3 {
		padding: 16px 40px 15px 10px;
	}
	.callout .text4 {
		padding: 22px 10px 21px 40px;
	}
	.callout .text5 {
		padding: 16px 10px 15px 40px;
	}
	.callout .text6 {
		padding: 38px 10px 37px 40px;
	}

.callout .callout1,
.callout .callout2,
.callout .callout3 {
	float: right;
	width: 238px;
}
	.callout .callout1 {
		background: url(../kids/images/callout1_top.gif) no-repeat left top;
	}
	.callout .callout2 {
		background: url(../kids/images/callout2_top.gif) no-repeat left top;
	}
	.callout .callout3 {
		background: url(../kids/images/callout3_top.gif) no-repeat left top;
	}
	.callout .callout1 p {
		background: url(../kids/images/callout1_bottom.gif) no-repeat left bottom;
	}
	.callout .callout2 p {
		background: url(../kids/images/callout2_bottom.gif) no-repeat left bottom;
	}
	.callout .callout3 p {
		background: url(../kids/images/callout3_bottom.gif) no-repeat left bottom;
	}

.callout .callout4 {
		float: left;
		width: 400px;
}
	.callout .callout4 {
		background: url(../kids/images/callout4_top.gif) no-repeat left top;
	}
	.callout .callout4 p {
		background: url(../kids/images/callout4_bottom.gif) no-repeat left bottom;
	}

.column {
	margin: 2em 20px 0 20px;
	padding: 1em;
	background-color: #F4F4F4;
	color: #000000;
	font-size: 120%;
	line-height: 120%;
}
 .column h3 {
	 margin-bottom: 0.5em;
	 font-weight: bold;
 }

.footLink {
	margin: 2em 20px 5px 20px;
	padding-top: 20px;
	border-top: 1px solid #CCCCCC;
	color: #000000;
	font-size: 120%;
	line-height: 120%;
}
.footLink .iconArrowGreen {
	margin-left: 8em;
}