@charset "utf-8";

/* -----------------------------------------------------------------------------------------------------------------------モバイルレイアウト : 480 px およびそれ以下. */
#ency h2.month2{
	padding-top: 4px;
	background:url(../img/bg_ttl_month.gif) no-repeat;
	width: 180px;
	height: 40px;
	text-align: center;
}

/* タブ */
#ency .tabNav{
	margin-top: 5px;
	width: 100%;
	height: 30px;
	min-height: 1%;
}
#ency .tabNav li{
	display: inline;
}
#ency .tabNav li a{
	margin-right: 2.4%;
	width: 32%;
	height: 30px;
	display: block;
	float: left;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	font-weight: bold;
	font-size: 85%;
  /* 角丸 */
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius:  5px 5px 0 0;
	border-radius:  5px 5px 0 0;
}
#ency .tabNav li.baby a{
	background:#ecb2b2;/*IE用*/
	background:-moz-linear-gradient(left top, #ecb2b2, #da7c7c);/*Firefox用*/
	background:-webkit-gradient(linear, left top, left bottom, from(#ecb2b2), to(#da7c7c));/*Safari、Chrome用*/
}
#ency .tabNav li.todo a{
	background:#e48d4f;/*IE用*/
	background:-moz-linear-gradient(left top, #e48d4f, #cc4e18);/*Firefox用*/
	background:-webkit-gradient(linear, left top, left bottom, from(#e48d4f), to(#d36129));/*Safari、Chrome用*/
}
#ency .tabNav li.baby a.current{
	background: #ecb2b2;
}
#ency .tabNav li.todo a.current{
	background: #e48d4f;
}


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

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

/* タイムライン */
#ency #timeLine{
	padding-left: 15px;
	display: block;
	background: url(../img/bg_month_timeline.jpg) no-repeat right;
}
#ency #timeLine li{
	display: inline;
	text-indent: -9999px;
}
#ency #timeLine li a{
	width: 90px;
	height: 44px;
	display: block;
	float: left;
}
#ency #timeLine li a:hover,
#ency #timeLine li a.current{
	background: url(../../../../img/cmn_icon_star.png) no-repeat center top;
}
/* タブ */
#ency .tabNav{
	background: url(../img/bg_tab.gif) no-repeat left top;
	min-height: 1%;
}
#ency .tabNav li{
	text-indent: -9999px;
}
#ency .tabNav li a{
	margin-right: 6px;
	width: 196px;
	height: 30px;
	display: block;
}
#ency .tabNav li.baby a{
	background: none;
}
#ency .tabNav li.todo a{
	background: none;
}
#ency .tabNav li.baby a:hover,
#ency .tabNav li.baby a.current{
	background: url(../img/tab_baby_on.gif) no-repeat left top;
}
#ency .tabNav li.todo a:hover,
#ency .tabNav li.todo a.current{
	background: url(../img/tab_todo_on.gif) no-repeat left top;
}
}