@charset "utf-8";

/* ＠百科  */
#ency #borderBox {
	background: #f8f7f4;
}

/* ＠百科top  */
.encyList h2{
	padding: 19px 0;
  /* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#ency .innerBox{
	padding-top: 19px;
}

/* -----------------------------------------------------------------------------------------------------------------------モバイルレイアウト : 480 px およびそれ以下. */

/*--------------------------------------------------------------------------------------------------------------------- ＠百科top  */
.encyList{
	padding: 10px 3%;
	background: #fff;
	border: 1px solid #f2eeee;
}
/* top妊娠百科 */
#ninshin h2{
	background: #ffcc00;
}
#ninshin .fltL{
	padding-right: 15px;
	background: url(../data/ency/img/bg_ttl_ninshin.gif) no-repeat right 59px;
}
/* タイムライン */
#ency #ninMonth{
	width: 80%;
}
#ency #ninMonth li{
	padding: 0 10px 0 8px;
	display: inline;
	background: url(../img/cmn_arrow_green.png) no-repeat left;
	white-space: nowrap;
}
/* top出産百科 */
#shussan{
	margin-top: 10px;
}
#shussan .fltL{
	padding-right: 15px;
	background: url(../data/ency/img/bg_ttl_shussan.gif) no-repeat right 59px;
}
#shussan h2{
	background: #ffae00;
}
/* タイムライン */
#ency #shuMonth{
	padding-top: 10px;
	width: 80%;
}
#ency  #shuMonth li{
	margin-top: 10px;
}
#ency  #shuMonth li:first-child{
	margin-top: 0;
}
/* top育児百科 */
#ikuji{
	margin-top: 10px;
	margin-bottom: 1.5em;
}
#ikuji h2{
	background: #ff9000;
}
#ikuji .fltL{
	padding-right: 15px;
	background: url(../data/ency/img/bg_ttl_ikuji.gif) no-repeat right 59px;
}
/* タイムライン */
#ency #ikuMonth{
	width: 80%;
}
#ency #ikuMonth li{
	padding: 0 10px 0 8px;
	display: inline;
	background: url(../img/cmn_arrow_green.png) no-repeat left;
	white-space: nowrap;
}
#ency #ikuMonth1{
	margin-top: 30px;
}
#ency #ikuMonth2{
	margin-top: 30px;
}
#ency #ikuMonth h3{
	margin-bottom: 3px;
	padding-left: 10px;
	background: #666666;
	color: #fff;
  /* 角丸 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* ------------------------------------------------------------------------------------------------------------------------------＠百科個別  */
#ency h2.month{
	padding-top: 4px;
	background:url(../data/ency/img/bg_ttl_month.gif) no-repeat;
	width: 133px;
	height: 40px;
	text-align: center;
}
#ency #timeLine{
	display: none;
}
#ency .point{
	margin-top: 1em;
	padding-bottom: 3px;
	color: #2e8a8a;
	font-size: 108%;
	font-weight: bold;
	background: url(../data/ency/img/bg_ttl_line_green.gif) no-repeat left bottom;
}

/* コンテンツ */
#ency .mainContents {
	margin: 10px 3%;
}
#ency #mamaCon{
	border-top: 5px solid #f19394;
}
#ency #babyCon{
	border-top: 5px solid #ecb2b2;
}
#ency #osewaCon{
	border-top: 5px solid #e48d4f;
}
#ency .imgBoxR {
	padding: 0 3% 10px;
	background-color: #fff;
}
#ency .imgBoxR h3 {
	margin-top: 2em;
	margin-bottom: 0.5em;
	padding-left: 18px;
	background: url(../data/ency/img/bg_ttl_icon_pink.gif) no-repeat left;
	color: #c36464;
	font-weight: bold;
}
#ency .imgBoxR h4 {
	padding-bottom: 5px;
	font-weight: bold;
}
#ency .imgBoxR .fltImg img {
	margin-bottom: 10px;
}
#ency .imgBoxR .boxHalf{
	margin: 0 auto 1em;
	padding: 5px;
	border: 1px solid #e6e6e6;
	width: 250px;
}
#ency .boxHalf h4{
	border-bottom: 1px dashed #e6e6e6;
	color: #2e8a8a;
	text-align: center;
}
#ency  .boxHalf ul,
#ency  .boxHalf table {
	margin-top: 5px;
	width: 100%;
}
#ency  .boxHalf li {
	margin-left: 20px;
	list-style:url(../img/cmn_icon_harts.png);
}
/* タイトル */
#ency_hgroup{
	padding: 5px 3% 1px ;
	background: url(../data/ency/img/bg_ency_ttl.gif) repeat;
}
/* イラストBOX */
#ency .imgBoxR .fltBox {
	margin-left: 2%;
	float: right;
	width: 45%;
	text-align: center;
}
#ency .imgBoxR .fltBox .photo {
	margin: 0 auto;
	width: 80%;
}
#ency .imgBoxR .fltBox img {
	margin-bottom: 5px;
}
/* 前／次ボタン */
#ency .footNav{
	margin-top: 2em;
	clear: both;
}
#ency .footNav .btnBack,
#ency .footNav .btnBack2{
	float: left;
	text-align: center;
}
#ency .footNav .btnBack a,
#ency .footNav .btnBack2 a{
	padding: 3px 0 3px 27px;
	background: url(../data/ency/img/bg_btn_back.gif) no-repeat left #ffcc00;
	display: block;
	width: 60px;
  /* 角丸 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#ency .footNav .btnBack2 a{ /* 2歳 */
	padding: 3px 8px 3px 35px;
	width: 80px;
}
#ency .footNav .btnNext,
#ency .footNav .btnNext2{
	float: right;
	text-align: center;
}
#ency .footNav .btnNext a,
#ency .footNav .btnNext2 a{
	padding: 3px 27px 3px 0;
	background: url(../data/ency/img/bg_btn_next.gif) no-repeat right #ffcc00;
	display: block;
	width: 60px;
  /* 角丸 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	behavior: url(/pie/PIE.htc);/*for IE*/
}
#ency .footNav .btnNext2 a{ /* 2歳 */
	padding: 3px 35px 3px 8px;
	width: 80px;
}
#ency .footNav a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
/* 月齢プルダウン */
#monthPulldown{
	margin-top: 2em;
	text-align: center;
}
/* テキストリンク */
.txt_linkArea {
	margin-right: 20px;
	padding-left: 15px;
	display: block;
	background-image: url(../img/cmn_arrow_orange.png);
	background-repeat: no-repeat;
	background-position: left 3px;
}

/* -------------------------------------------デスクトップレイアウト : 481 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media print , screen and (min-width: 481px) {

/* ＠百科top  */
.encyList{
	padding: 20px;
}
#ency .point{
	margin-top: 2em;
	font-size: 130%;
}

/* top妊娠百科 */
/* タイムライン */
#ency #ninMonth{
	padding-top: 20px;
	width: 507px;
	background: url(../data/ency/img/bg_nin_month.gif) no-repeat right top;
}
#ency #ninMonth h3{
	float: left;
	width: 124px;
	height: 21px;
}
#ency #ninMonth ul{
	background: url(../data/ency/img/bg_nin_timeline.jpg) no-repeat left top;
	float: right;
	width: 383px;
}
#ency #ninMonth li{
	padding: 0;
	display: inline;
	text-indent: -9999px;
	background: none;
}
#ency #ninMonth li a{
	width: 37px;
	height: 21px;
	display: block;
	float: left;
}
#ency #ninMonth li a:hover{
	background: url(../data/ency/img/bg_nin_timeline_on.png) no-repeat left top;
}
/* top出産百科 */
/* タイムライン */
#ency #shuMonth{
	padding-top: 20px;
	width: 507px;
}
#ency  #shuMonth li{
	margin-top: 19px;
}
#ency  #shuMonth li:first-child{
	margin-top: 0;
}
/* top育児百科 */
#ikuji h2{
	padding-bottom: 330px;
}
/* タイムライン */
#ency #ikuMonth{
	width: 507px;
}
#ency #ikuMonth0{
	padding-top: 52px;
	background: url(../data/ency/img/bg_iku_month0.gif) no-repeat right top;
}
#ency #ikuMonth1{
	padding-top: 52px;
	background: url(../data/ency/img/bg_iku_month1.gif) no-repeat right top;
}
#ency #ikuMonth2{
	padding-top: 52px;
	background: url(../data/ency/img/bg_iku_month2.gif) no-repeat right top;
}
#ency #ikuMonth2{
	padding-top: 52px;
	background: url(../data/ency/img/bg_iku_month2.gif) no-repeat right top;
}
#ency #ikuMonth h4{
	float: left;
	width: 111px;
	height: 21px;
}
#ency #ikuMonth ul{
	background: url(../data/ency/img/bg_iku_timeline.jpg) no-repeat left top;
	float: right;
	width: 396px;
}
#ency #ikuMonth li{
	padding: 0;
	display: inline;
	text-indent: -9999px;
	background: none;
}
#ency #ikuMonth li a{
	width: 33px;
	height: 21px;
	display: block;
	float: left;
}
#ency #ikuMonth li a:hover{
	background: url(../data/ency/img/bg_iku_timeline_on.png) no-repeat top;
}

#ency #ikuMonth #ikuMonth2 ul{
	background: url(../data/ency/img/bg_iku2_timeline.jpg) no-repeat top;
}
#ency #ikuMonth #ikuMonth2 li a{
	margin: 0 33px;
	width: 33px;
	height: 21px;
	display: block;
	float: left;
}
#ency #ikuMonth #ikuMonth2 li a:hover{
	background: url(../data/ency/img/bg_iku2_timeline_on.png) no-repeat top;
}

/*------------------------------------------------------------------------------------------------------------------------------＠百科個別  */
/* コンテンツ */
#ency .mainContents {
	margin: 20px 19px;
}
#ency .imgBoxR {
	padding: 0 25px 30px;
}
/* タイトル */
#ency_hgroup{
	padding: 9px 20px 1px ;
}
/* イラストBOX */
#ency .imgBoxR .fltBox {
	margin-left: 10px;
	width: 200px;
}
#ency .imgBoxR .fltBox .photo {
	width: 100%;
}
/* 前／次ボタン */
#ency .footNav .btnBack a{
	width: 100px;
}
#ency .footNav .btnNext a{
	width: 100px;
}
/* 前／次ボタン 2歳 */
#ency .footNav .btnBack2 a{
	width: 140px;
}
#ency .footNav .btnNext2 a{
	width: 140px;
}

}