@charset "Shift_JIS";

@import url("/contents/common/css/common.css");
@import url("/contents/common/css/header.css");
@import url("/contents/common/css/sidenavi.css");
@import url("/contents/common/css/footer.css");
@import url("/contents/common/css/class.css");


/* Header Diff */
#header .navigation ul { border-bottom: solid 5px #663399; height: 27px; }
div.dummy{ height:500px; }



/*--------------------
	common
--------------------*/
@media print {

	#header,
	#topicpath,
	#contents_header,
	#page_navigation,
	#term_navigation,
	#hansoku_container,
	#womenspark2_l,
	#footer,
	#footernote,
	#side_navigation {
		display: none;
	}

	#main_article,
	#stock_block,
	#recipe_block {
		display: block !important;
	}

	#recipe_list li {
		display: inline-block;
	}

	.separate {
		margin: 10px 0 !important;
	}

}

body #contents {
	line-height: 1.5;
}
strong { font-weight: bold !important; }
noscript p {
	padding: 20px;
	font-size: 18px;
	text-align: center;
	border-top: 5px solid #1f94db;
	border-bottom: 5px solid #1f94db;
}
noscript#top p {
	border-top: none;
}

.font10 { font-size: 12px; }
.font11 { font-size: 12px; }
.font12 { font-size: 13px; }
.font13 { font-size: 15px; line-height: 1.7; }
.font14 { font-size: 16px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font19 { font-size: 19px; }
.font20 { font-size: 20px; line-height: 1.3; }
.ac { text-align: center ;}
.fl {	float: left; }
.fr {	float: right; }
.mb05 { margin-bottom: 5px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pl50 { padding-left: 50px; }
.w440 { width: 440px; }
.w470 { width: 470px; }
.clearfix {	zoom: 1; }
.clearfix:after {
	display: block;
	content: "";
	clear: both;
}
a.icon_link {
	padding-left: 14px;
	background: url(../img/icon_link.gif) no-repeat 0 3px;
}

#topicpath {
	margin-bottom: 30px;
}
.page_title {
	color: #f257ac;
	font-size: 23px;
	font-weight: bold;
	border-bottom: 3px solid #f257ac;
}
/*
.article_title {
	margin-bottom: 30px;
}
.section_title {
	margin-bottom: 20px;
}
*/
.section {
	margin-bottom: 50px;
}
.sectionInner {
	padding: 0 20px;
}
.sectionInnerTitle {
	color: #f257ac;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 12px;
	background: url(../img/bg-h3.gif) repeat-x left bottom;
	margin-bottom: 25px;
}
.sectionInner .relative {
	position: relative;
	width: 650px;
}
.sectionInner .relative .mamaImg {
	position: absolute;
	top: -53px;
	right: 58px;
}
.cautionAreaWrapper {
	background: url(../img/border-01.gif) repeat-x left top;
	padding-top: 31px;
}
.cautionArea {
	background: url(../img/bg-caution-main.gif) repeat-y left top;
	zoom: 1;
}
.cautionArea:after {
	display: block;
	content: "";
	clear: both;
}
.cautionAreaInner01 {
	background: url(../img/bg-caution-top.gif) no-repeat left top;
}
.cautionAreaInner02 {
	background: url(../img/bg-caution-bottom.gif) no-repeat left bottom;
	padding: 20px 20px 15px;
}
.cautionAreaInner02 p.font14 {
	color: #ff8315;
	font-weight: bold;
	background: url(../img/icon-caution.gif) no-repeat left center;
	padding-left: 30px;
	margin-bottom: 13px;
}
.cautionAreaInner02 li {
	color: #80410a;
}
.star {
	color: #ffd400;
}
.starComment {
	color: #50bfbf;
	font-weight: bold;
}

/* checkListArea */
.checkListArea {
	background: #faf5e5;
}
.checkListArea .cla_left_top {
	background: url(../img/angle05-left-top.png) no-repeat left top;
}
.checkListArea .cla_right_top {
	background: url(../img/angle05-right-top.png) no-repeat right top;
}
.checkListArea .cla_right_bottom {
	background: url(../img/angle05-right-bottom.png) no-repeat right bottom;
}
.checkListArea .cla_left_bottom {
	background: url(../img/angle05-left-bottom.png) no-repeat left bottom;
	padding: 20px;
}
.checkListArea ul {
	padding-left: 20px;
}
.checkListArea ul.horizontalList {
	zoom: 1;
}
.checkListArea ul.horizontalList:after {
	display: block;
	content: "";
	clear: both;
}
.checkListArea ul li {
	background: url(../img/icon-list.gif) no-repeat left 5px;
	padding-left: 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}
.checkListArea ul.horizontalList li {
	float: left;
	padding-right: 25px;
}
.checkListArea ul.horizontalList li.nowrap {
	white-space: nowrap;
}
.postureCheckTable {
	border: 1px dotted #f257ac;
	background: #ffffff;
}
.postureCheckTable img {
	vertical-align: top;
}
.postureCheckTable td.text {
	border-left: 1px dotted #f257ac;
	padding-left: 10px;
	background: url(../img/blt-02.gif) no-repeat 130px center;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
.postureCheckTable td.text a {
	display: block;
}

/* movieList */
.movieList li img {
	vertical-align: top;
}
.movieList li .text {
	background: url(../img/bg-pinkline.gif) repeat left top;
}
.movieList li .text a {
	display: block;
	text-decoration: none;
	cursor: pointer;
}
.movieList li.yellow .text a {
	background: url(../img/bg-yellowline.gif) repeat left top;
}
.movieList li.green .text a {
	background: url(../img/bg-greenline.gif) repeat left top;
}
.movieList li .text a:hover {
	background: none;
}
.movieList li .text a .textInner01 {
	background: url(../img/angle-right-bottom.png) no-repeat right bottom;
	height: 168px;
}
.movieList li .text a .textInner02 {
	background: url(../img/angle-right-top.png) no-repeat right top;
	padding: 25px 20px 0;
}
.movieList li .text a h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 15px;
}
.movieList li.yellow .text a h3 {
	color: #f257ac;
}
.movieList li.green .text a h3 {
	color: #ffe814;
}
.movieList li .text a p {
	color: #333333;
	font-size: 14px;
}
.movieList li .text a:hover h3,
.movieList li .text a:hover p {
	color: #ffffff;
}
.movieList li .text a p.btDetail {
	background: url(../img/bt-detail.png) no-repeat left top;
	width: 132px;
	height: 33px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 228px;
}
.movieList li .text a:hover p.btDetail {
	background-position: left bottom;
}

/* backToExerciseList */
.backToExerciseList {
	background: url(../img/bg-grayline.gif) repeat left top;
}
.backToExerciseList .btel_right_bottom {
	background: url(../img/angle05-right-bottom.png) no-repeat right bottom;
}
.backToExerciseList .btel_left_bottom {
	background: url(../img/angle05-left-bottom.png) no-repeat left bottom;
	padding: 15px 0 12px;
}
.backToExerciseList .btel_left_bottom a {
	display: block;
	width: 280px;
	height: 43px;
	margin: 0 auto;
	color: #666666;
	font-weight: bold;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	background: url(../img/bt-back.png) no-repeat left top;
}
.backToExerciseList .btel_left_bottom a:hover {
	color: #f257ac;
}

/* postureCheckArea */
.postureCheckArea {
	padding: 0 10px;
}
.postureCheckArea h4 {
	border-left: 5px solid #f257ac;
	background: #fde6f3;
	font-size: 11px;
	font-weight: bold;
	color: #f257ac;
	padding: 5px 11px 3px;
	margin-bottom: 10px;
}
.postureCheckArea a {
	padding-left: 25px;
	font-size: 14px;
	font-weight: bold;
	background: url(../img/blt-02.gif) no-repeat 10px center;
}

/* stepUpArea */
.stepUpArea {
	background: #ffe814;
}
.stepUpArea .sua_left_top {	background: url(../img/angle-left-top.png) no-repeat left top; }
.stepUpArea .sua_right_top {	background: url(../img/angle-right-top.png) no-repeat right top; }
.stepUpArea .sua_right_bottom {	background: url(../img/angle-right-bottom.png) no-repeat right bottom; }
.stepUpArea .sua_left_bottom {	background: url(../img/angle-left-bottom.png) no-repeat left bottom; padding: 20px; }
.stepUpArea li { background: #ffffff; }
.stepUpArea li .bgStepTop { background: url(../img/bg-step-top.gif) no-repeat left top; }
.stepUpArea li .bgStepBottom {
	background: url(../img/bg-step-bottom.gif) no-repeat left bottom;
	padding: 25px 20px;
	font-weight: bold;
}
.stepUpArea li .bgStepBottom .font14 { color: #999999; }
.stepUpArea li .bgStepBottom .font20 { color: #50bfbf; }

/* contents_header */
#contents_header {
	margin-bottom: 20px;
}


/* page_navigation */
#page_navigation {
	padding-bottom: 10px;
	background: #faf5e5;
}
#page_navigation ul {
	zoom: 1;
}
#page_navigation ul:after {
	display: block;
	content: "";
	clear: both;
}
#page_navigation ul li {
	display: block;
	width: 115px;
	height: 46px;
	float: left;
}
#page_navigation ul li a {
	display: block;
	width: 115px;
	height: 46px;
	text-indent: -9999px;
}
#page_navigation ul li.index,
#page_navigation ul li.index a { width: 116px; }
#page_navigation ul li.crawler,
#page_navigation ul li.crawler a { width: 114px; }

/* 上側 */
#page_navigation ul li.index a {
	background: url(../img/snav-index_t.gif) no-repeat 0 0;
}
#page_navigation ul li.base a {
	background: url(../img/snav-base_t.gif) no-repeat 0 0;
}
#page_navigation ul li.newborn a {
	background: url(../img/snav-newborn_t.gif) no-repeat 0 0;
}
#page_navigation ul li.sittingup a {
	background: url(../img/snav-sittingup_t.gif) no-repeat 0 0;
}
#page_navigation ul li.crawler a {
	background: url(../img/snav-crawler_t.gif) no-repeat 0 0;
}
#page_navigation ul li.toddler a {
	background: url(../img/snav-toddler_t.gif) no-repeat 0 0;
}
#page_navigation ul li.on a,
#page_navigation ul li a:hover {
	background-position: 0 100%;
}

/* 下側 */
#page_navigation.bottom {
	padding: 10px 0 0;
}
#page_navigation.bottom ul li.index a {
	background: url(../img/snav-index_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.base a {
	background: url(../img/snav-base_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.newborn a {
	background: url(../img/snav-newborn_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.sittingup a {
	background: url(../img/snav-sittingup_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.crawler a {
	background: url(../img/snav-crawler_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.toddler a {
	background: url(../img/snav-toddler_b.gif) no-repeat 0 0;
}
#page_navigation.bottom ul li.on a,
#page_navigation.bottom ul li a:hover {
	background-position: 0 100%;
}



/*--------------------
	index
--------------------*/
/* contents_menu */
#contents_menu {
	zoom: 1;
}
#contents_menu:after {
	display: block;
	content: "";
	clear: both;
}
#contents_menu .left_menu {
	width: 340px;
	float: left;
}
#contents_menu .right_menu {
	width: 340px;
	float: right;
}
#contents_menu .menu_title {
	margin-bottom: 5px;
	color: #ed5699;
	font-size: 14px;
	overflow: visible;
}
#contents_menu .menu_title a {
	display: block;
	padding-top: 2px;
	padding-left: 25px;
	height: 20px;
	color: #ed5699;
	text-decoration: none;
	background: url(/contents/common/img/title_pink03.gif) no-repeat 0 0;
}
#contents_menu .cell {
	margin-bottom: 10px;
}
#contents_menu .cell .inner {
	padding: 10px;
	border-top: 3px solid #ee86b4;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
#contents_menu .cell .inner dl {
	zoom: 1;
}
#contents_menu .cell .inner dl:after {
	display: block;
	content: "";
	clear: both;
}
#contents_menu .cell .inner dt {
	width: 50px;
	float: left;
}
#contents_menu .cell .inner dd {
	width: 260px;
	float: right;
}
ul.icon_link li {
	padding-left: 14px;
	background: url(../img/icon_link.gif) no-repeat 0 6px;
}

/*--------------------
	intro
--------------------*/
#intro .col2 {
	zoom: 1;
}
#intro .col2:after {
	display: block;
	content: "";
	clear: both;
}
#intro .col2 .text {
	width: 370px;
}

#intro .teacherLink li {
	background: url(../img/blt-01.gif) no-repeat left center;
	padding-left: 15px;
	margin-bottom: 10px;
}

/* termNav */
#termNav {
	zoom: 1;
}
#termNav:after {
	display: block;
	content: "";
	clear: both;
}
#termNav li {
	display: block;
	height: 280px;
	float: left;
}
#termNav li a {
	display: block;
	height: 280px;
	text-indent: -9999px;
}
#termNav li.newborn {
	background: url(../intro/img/bt-newborn_ov.gif) no-repeat 0 0;
	width: 162px;
}
#termNav li.newborn a {
	background: url(../intro/img/bt-newborn.gif) no-repeat 0 0;
	width: 162px;
}
#termNav li.sittingup {
	background: url(../intro/img/bt-sittingup_ov.gif) no-repeat 0 0;
	width: 163px;
}
#termNav li.sittingup a {
	background: url(../intro/img/bt-sittingup.gif) no-repeat 0 0;
	width: 163px;
}
#termNav li.crawler {
	background: url(../intro/img/bt-crawler_ov.gif) no-repeat 0 0;
	width: 162px;
}
#termNav li.crawler a {
	background: url(../intro/img/bt-crawler.gif) no-repeat 0 0;
	width: 162px;
}
#termNav li.toddler {
	background: url(../intro/img/bt-toddler_ov.gif) no-repeat 0 0;
	width: 163px;
}
#termNav li.toddler a {
	background: url(../intro/img/bt-toddler.gif) no-repeat 0 0;
	width: 163px;
}
#termNav li a:hover {
	background: none;
}
#intro .col2 .text h4 {
	color: #50bfbf;
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
}
#intro .teacherBox {
	background: #f8f8f8;
	border: 1px solid #cccccc;
	border-top: none;
	padding: 10px 19px 15px;
	zoom: 1;
}
#intro .teacherBox:after {
	display: block;
	content: "";
	clear: both;
}
#intro .teacherBox .pic {
	float: left;
	width: 60px;
}
#intro .teacherBox .profile {
	float: right;
	width: 260px;
}
#intro .teacherBox .profile h5 {
	font-weight: bold;
}

/*--------------------
	babyplay_base
--------------------*/
/* extraCommentArea */
#babyplay_base .extraCommentArea {
	background: url(../img/base/bg-extracomment.gif) repeat left top;
}
#babyplay_base .extraCommentArea .eca_left_top {
	background: url(../img/angle-left-top.png) no-repeat left top;
}
#babyplay_base .extraCommentArea .eca_right_top {
	background: url(../img/angle-right-top.png) no-repeat right top;
}
#babyplay_base .extraCommentArea .eca_right_bottom {
	background: url(../img/angle-right-bottom.png) no-repeat right bottom;
}
#babyplay_base .extraCommentArea .eca_left_bottom {
	background: url(../img/angle-left-bottom.png) no-repeat left bottom;
	padding: 20px;
}
/* sbWide */
#babyplay_base .sbWideTop {
	background: url(../img/base/bg-sb-wide-top.gif) no-repeat left top;
	padding-top: 24px;
}
#babyplay_base .sbWideBottom {
	background: url(../img/base/bg-sb-wide-bottom.gif) no-repeat left bottom;
	padding-bottom: 10px;
}
/* sbNarrow */
#babyplay_base .sbNarrowTop {
	background: url(../img/base/bg-sb-narrow-top.gif) no-repeat left top;
	padding-top: 24px;
}
#babyplay_base .sbNarrowBottom {
	background: url(../img/base/bg-sb-narrow-bottom.gif) no-repeat left bottom;
	padding-bottom: 10px;
}
#babyplay_base .sbMain {
	background: #ffffff;
	padding: 8px 20px;
	color: #6f9f08;
	font-size: 14px;
	font-weight: bold;
}

/*--------------------
	newborn
--------------------*/
#newborn .babyImg {
	position: absolute;
	top: -68px;
	right: 35px;
}
/*--------------------
	sittingup
--------------------*/
#sittingup .babyImg {
	position: absolute;
	top: -76px;
	right: 35px;
}
/*--------------------
	crawler
--------------------*/
#crawler .babyImg {
	position: absolute;
	top: -48px;
	right: -8px;
}
/*--------------------
	toddler
--------------------*/
#toddler .babyImg {
	position: absolute;
	top: -79px;
	right: 35px;
}

/* add 20160324 移行時追記 */
#contents{
	font-size: 12px;
	width: auto;
	border:none;
	padding-top: 0;
}