@charset "UTF-8";

/*
キユーピーキッズ
Copyright (c) Kewpie Corporation All rights reserved.

	[Base]
		0. Resetting default margin and padding
		1. HTML, Body, Anchor
		2. Heading, Paragraph
		3. List
		4. Table
		5. Form
		6. Other
		7. For IE6/7

	[Layout]
		0. Container
		1. Header
		2. Content
		3. Footer

	[Module]
		1. Common Module
		90. Other
		99. Clearfix
*/

/* //////////////////////////////////////////////////
[Base]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, th, td, form, fieldset, legend, object {
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background: #fff;
	color: #523000;
	font-family: sans-serif;
	font-size: 13px;
	line-height: 1.5;
	*font-size: 82%; /* for ie6/7 */
	*font-family: "ＭＳ Ｐゴシック", sans-serif; /* for ie6/7 */
}

/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/

a:link {
	color: #ff8400;
	text-decoration: underline;
}
a:visited {
	color: #ff8400;
	text-decoration: underline;
}
a:hover,
a:active  {
	color: #ff8400;
	text-decoration: none;
}

/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1.2;
}
/* p {} */

/* --------------------------------------------------
	3. List
-------------------------------------------------- */
li { list-style: none; }

/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}
caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset { border: none; }

input, textarea, select, label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}
label { cursor: pointer; }

textarea { overflow: auto; }

/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img {
	border: none;
	vertical-align: bottom;
}
object {
	vertical-align: middle;
	outline: none;
}
em, strong {
	font-weight: bold;
	font-style: normal;
}
abbr, acronym {
	border: none;
	font-variant: normal;
}
q:before, q:after { content: ''; }

address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
code, pre { font-family: monospace; }

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

hr { display: none; }

/* ------------------------------------------------------------
	7. For IE6/7
------------------------------------------------------------ */

/* --- for ie7: page zoom bug fix --- */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }

/* //////////////////////////////////////////////////
[Layout]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	@: container
-------------------------------------------------- */
#container {
	background: #fffae4 url(/images/common/header/bg_header_repeat.png) repeat-x center top;
}

/* --------------------------------------------------
	1. Header
-------------------------------------------------- */
#header {
	width: 1000px;
	height: 165px;
	margin: 0 auto 10px;
	background: url(/images/common/header/bg_header.png) no-repeat center top;
}

/* siteName
----------------------------------- */
.siteName {
	float: left;
	padding: 24px 0 0 63px;
}

/* navGlobal
----------------------------------- */
.navGlobal {
	float: right;
	padding: 24px 100px 0 0;
}
.navGlobal li {
	float: left;
}

/* topicPath
----------------------------------- */
.topicPath {
	width: 810px;
	margin: 0 auto 10px;
	padding-left: 20px;
	background: url(/images/common/ico_star.png) no-repeat 0 0.2em;
	font-size: 93%;
}
.topicPath span {
	margin: 0 0.5em;
}
.topicPath em {
	font-weight: normal;
}

/* --------------------------------------------------
	@: content
-------------------------------------------------- */
#content {
	width: 1000px;
	margin: 0 auto;
}

/* --------------------------------------------------
	@: footer
-------------------------------------------------- */
#footer {
	clear: both;
	width: 100%;
	background: url(/images/common/footer/bg_footer.png) repeat-x 0 0;
}

/* footerImg
----------------------------------- */
.footerImg {
	width: 1000px;
	margin: 0 auto;
	height: 150px;
}
.footerImg .goPageTop {
	padding: 20px 120px 0 0;
	text-align: right;
}

/* navKids
----------------------------------- */
.navKids {
	width: 100%;
	padding: 9px 0;
	background: #361f0b;
	color: #fff;
}
.navKids .inner {
	width: 845px;
	margin: 0 auto;
}
.navKids a {
	color: #fff !important;
}
.navKids .utility {
	float: left;
	width: 400px;
}
.navKids .utility li {
	display: inline;
	margin-right: 15px;
}
.navKids .utility img {
	vertical-align: middle;
}
.navKids .educator {
	float: right;
	width: 445px;
	padding-top: 5px;
}
.navKids .educator dt {
	margin-bottom: 5px;
}
.navKids .educator dd {
	padding-left: 10px;
	font-size: 93%;
	line-height: 1.3;
}

/* navCorporate
----------------------------------- */
.navCorporate {
	padding: 7px 0 20px;
	background: #fff;
}
.navCorporate .inner {
	width: 845px;
	margin: 0 auto;
}
.navCorporate .utility {
	float: left;
	width: 570px;
	margin-top: 15px;
	padding-left: 10px;
	font-size: 93%;
}
.navCorporate .utility li {
	display: inline;
	margin-right: 10px;
}
.navCorporate .utility li a {
	padding-left: 17px;
	background: url(/images/common/ico_arrow.png) no-repeat left center;
}
.navCorporate .corporate {
	float: right;
	width: 247px;
	text-align:right;
}

/* //////////////////////////////////////////////////
[Module]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	1. Common Module
-------------------------------------------------- */

/* msgPlugin
----------------------------------- */
.msgPlugin {
	position: absolute;
	text-align: center;
}
.msgPlugin dt {
	margin-bottom: 0.5em;
	font-weight: bold;
}
.msgPlugin dd {
	margin-bottom: 1em;
	font-size: 93%;
}

/* List
----------------------------------- */

/* listSimple */
ul.listSimple li {
	padding-left: 1em;
	background: url(/images/common/ico_bullet.png) no-repeat 5px 0.6em;
}

/* listNote (with 'kome' mark) */
.listNote li {
	padding-left: 1em;
	text-indent: -1em;
}

/* listOrdered */
.listOrdered {
	padding-left: 2em;
}
.listOrdered li {
	list-style: decimal;
}

/* listLink */
.listLink li {
	padding-left: 17px;
	text-indent: -17px;
}
.listLink li a {
	padding-left: 17px;
	background: url(/images/common/ico_arrow.png) no-repeat;
}

/* listMarked */
.listMarked th,
.listMarked td {
	padding: 0.25em;
}
.listMarked th {
	white-space: nowrap;
}

/* listDefinition */
.listDefinition {
	margin: 1em 0;
}
.listDefinition dt {
	font-weight: bold;
}
.listDefinition dd {
	margin-bottom: 0.5em;
}

/* Image Nav
----------------------------------- */

/* listActionBtn */
.listActionBtnL li,
.listActionBtnC li,
.listActionBtnR li {
	margin-bottom: 10px;
}
.listActionBtnL { text-align: left; }
.listActionBtnC { text-align: center; }
.listActionBtnR { text-align: right; }

/* listActionBtnLine */
.listActionBtnLineL { text-align: left; }
.listActionBtnLineC { text-align: center; }
.listActionBtnLineR { text-align: right; }

.listActionBtnLineL li,
.listActionBtnLineC li,
.listActionBtnLineR li {
	display: inline;
	vertical-align: middle;
}
.listActionBtnLineL li img,
.listActionBtnLineC li img,
.listActionBtnLineR li img {
	vertical-align: middle;
}
.listActionBtnLineL li { margin-right: 30px; }
.listActionBtnLineC li { margin: 0 15px; }
.listActionBtnLineR li { margin-left: 30px; }

/* pager
----------------------------------- */
.pager {
	margin-bottom: 15px;
	text-align: right;
	color: #9a318d;
}
.pager li {
	display: inline;
}
.pager li img {
	vertical-align: middle;
}
.pager li.page {
	margin: 0 20px;
}

/* navCategory
----------------------------------- */
.navCategory {
	margin-left: -1em;
	font-size: 93%;
}
.navCategory li {
	display: inline;
	padding: 0 1em;
}
.navCategory li.category {
	border-left: 1px solid #361f0b;
}
.navCategory li img {
	vertical-align: middle;
}

/* lightbox
----------------------------------- */
#glayLayer {
	display: none;
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}
#overLayer {
	display: none;
	position: fixed;
	_position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	top: 50%;
	left: 50%;
	width: 570px;
}
.lbContent {
	padding: 20px 35px;
	background: #fff;
	*zoom: 1;
}
.lbHeader {
	overflow: hidden;
	height: 10px;
	background: url(/images/common/lightbox/lb_bg_content_top.png) no-repeat;
}
.lbFooter {
	overflow: hidden;
	height: 10px;
	background: url(/images/common/lightbox/lb_bg_content_btm.png) no-repeat;
}
.lbClose {
	position: absolute;
	top: -53px;
	right: -38px;
	cursor: pointer;
}
.lightbox {
	cursor: pointer;
}
.lbBody {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------
	90. Other
-------------------------------------------------- */
.btn,
a .imgpngWrapSpan {
	cursor: pointer;
}

/* for Voice Browser */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* Noscript Message */
.msgNoscript {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	padding: 5px 0;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	background: #fcc;
	color: #f00;
	line-height: 1.2;
	text-align: center;
	opacity: 0.7;
}

/* --------------------------------------------------
	99. Clearfix
-------------------------------------------------- */
.group { *zoom: 1; } /* for ie6/7 */
.group:after { content: ""; display: block; clear: both; height: 0; }