@charset "UTF-8";
/* CSS Document */

/* ************************************************ */
/*     妊婦ママ＆産後ママも安心肩こりケア           */
/* ************************************************ */

/*
	#page common
=================== */

#mama *{ box-sizing: border-box; }

#mama #main{
	width: 900px;
	margin: 20px auto;
	border: 1px solid #b5b5b5;
	background: url(../img/mama_bg.png) center top;
}
#mama #main_in{
	border: 2px solid white;
}

#mama .to_top{
	overflow: visible;
	position: relative;
	height: 11px;
	margin-top: -11px;
	z-index: 1000;
}
#mama .to_top a{
	position: absolute;
	right: 20px;
	bottom: -11px;
}

#mama .back_to_index{
	text-align: center;
	padding: 34px 0 38px 0;
}

/*
	.source
=================== */

#mama .source{
	position: relative;
	height: 580px;
	overflow: hidden;
	background: url(../img/mama_source.png) center top no-repeat;
}

#mama .source h3,
#mama .source h4{
	text-indent: -9999em;
	overflow: hidden;
	height: 0;
}

#mama .source .text1,
#mama .source .text2{
	position: absolute;
	width: 340px;
	top: 377px;
	font-size: 14px;
	line-height: 20px;
	color: #737373;
}
#mama .source .text1{ left: 56px; }
#mama .source .text2{ left: 499px; }


/*
	.point
=================== */

#mama .point{
	position: relative;
	height: 610px;
	overflow: hidden;
	background: url(../img/mama_point.png) center top no-repeat;
}
#mama .point h3,
#mama .point h4{
	text-indent: -9999em;
	overflow: hidden;
	height: 0;
}
#mama .point .text1,
#mama .point .text2,
#mama .point .text3,
#mama .point .text4{
	position: absolute;
	width: 176px;
	top: 418px;
	font-size: 14px;
	line-height: 20px;
	color: #737373;
}
#mama .point .text1{ left: 61px; }
#mama .point .text2{ left: 258px; }
#mama .point .text3{ left: 456px; }
#mama .point .text4{ left: 653px; }


/*
	.care
=================== */

#mama .care{
	position: relative;
	height: 950px;
	overflow: hidden;
	background: url(../img/mama_care.png) center top no-repeat;
}
#mama .care h3,
#mama .care h4,
#mama .care h5{
	text-indent: -9999em;
	overflow: hidden;
	height: 0;
}
#mama .care .text{
	position: absolute;
	width: 462px;
	left: 59px;
	top: 190px;
	font-size: 14px;
	line-height: 20px;
	color: #737373;
}

#mama .care .items{
	position: relative;
	height: 500px;
	margin-top: 450px;
	overflow: hidden;
	background: url(../img/mama_care_items.png) center top no-repeat;
}

#mama .care .item1,
#mama .care .item2{
	position: absolute;
	width: 187px;
	height: 330px;
	top: 94px;
}
#mama .care .item1{ left: 249px; }
#mama .care .item2{ left: 467px; }


/*
	.profile
=================== */
#mama .profile{
	position: relative;
	height: 459px;
	overflow: hidden;
	background: url(../img/mama_teacher_profile.png) center top no-repeat;
}

#mama .profile .photo{
	position: absolute;
	width: 106px;
	height: 126px;
	left: 713px;
	top: 53px;
}
#mama .profile h3{
	text-indent: -9999em;
	overflow: hidden;
	height: 0;
}
#mama .profile h4,
#mama .profile h5,
#mama .profile .record,
#mama .profile dl,
#mama .profile .text1,
#mama .profile .text2,
#mama .profile .book{
	position: absolute;
	font-size: 12px;
	line-height: 16px;
	color: #737373;
	letter-spacing: -0.5px;
}
#mama .profile h4{
	left: 95px;
	top: 79px;
}
#mama .profile .record{
	left: 99px;
	top: 114px;
}
#mama .profile h5{
	line-height: 1 !important;
	padding: 4px 6px 3px 6px;
	border: 1px solid #737373;
}
#mama .profile h5.history{
	left: 97px;
	top: 155px;
}
#mama .profile dl{
	width: 190px;
	left: 97px;
	top: 189px;
}
#mama .profile dl dt{
	float: left;
}
#mama .profile dl dd{
	padding-left: 52px;
	border-bottom: 1px solid #ff5c2d;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#mama .profile dl dd.last{
	border: none;
}
#mama .profile h5.activity{
	left: 306px;
	top: 155px;
}
#mama .profile .text1{
	width: 510px;
	left: 306px;
	top: 188px;
}

#mama .profile h5.other{
	left: 306px;
	top: 267px;
}
#mama .profile .text2{
	width: 380px;
	left: 306px;
	top: 299px;
}
#mama .profile .book{
	left: 701px;
	top: 271px;
}


/*
	.forTop
=================== */
.forTop {
	margin: 0 auto 32px;
	width: 1040px;
	text-align: right;
}