@charset "utf-8";

body { background:#ffffff scroll repeat-x top url(./img/bg_body1.gif); }

/*-----------------------------------------
 ○ ボックス共通
-----------------------------------------*/
#Contents .box {
			width:100%;
			margin-bottom:20px;
			text-align:left;
			font-size:88%;
			position:relative;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
			behavior:url("http://healthkeeper-jp.com/PIE.htc");
}
/*-------------------------*/
/* Bof clearfix */
#Contents .box:after  { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
#Contents .box        { display:inline-table; }
/* Hides from Mac IE \*/
* html #Contents .box { height:1px; }
#Contents .box        { display:block; }
/* */
/* Eof clearfix */
/*-------------------------*/

/*----------------------------------------------------------------------------------
 ▼ 更新履歴やお知らせなど
----------------------------------------------------------------------------------*/
#News-area h4  {
			background-attachment:scroll;
			background-repeat:no-repeat;
			background-position:left top;
			position:relative;
			width:100%;
			height:48px;
			line-height:48px;
			text-indent:100%;
			white-space:nowrap;
			overflow: hidden;
}

#na-general h4 { background-image:url(./img/home/h3_general.gif); }
#na-member h4  { background-image:url(./img/home/h3_member.gif); }

#na-general                     { background:#b0d9ba; }
#na-member                      { background:#aae5ff; }

#na-general div, #na-member div {
/**/			background:#ffffff;
			margin:0 4px 4px 4px;
			padding:10px 0 20px 0;
			border:1px solid #c8c7cc;
			border-top:none;
			position:relative;
			-moz-border-radius:0 0 5px 5px;
			-webkit-border-radius:0 0 5px 5px;
			border-radius:0 0 5px 5px;
			behavior:url("http://healthkeeper-jp.com/PIE.htc");
}

#News-area ul         { }
#News-area ul li      {
			margin:0 40px;
			padding:5px 0;
			border-bottom:1px solid #a0a0a0;
}

/* 日付 */
#News-area ul li em   { font-style:normal; font-weight:bold; }

/* リンク ( 記事タイトル ) */
#News-area ul li a    { font-weight:normal; }

#News-area ul li span {
			background-attachment:scroll;
			background-repeat:no-repeat;
			background-position:left center;
			margin-left:15px;
			padding-left:20px;
}

#na-general li span   { background-image:url(./img/home/mark_square1.gif); }
#na-member li span    { background-image:url(./img/home/mark_square2.gif); }

/* 一覧を見る */
#News-area div p {
			width:120px;
			height:28px;
			line-height:28px;
			margin:0;
			padding:0;
			position:absolute;
			top:12px;
			right:12px;
}

#News-area div p a {
			background-image:url(./img/home/button_list_all.gif);
			background-attachment:scroll;
			background-repeat:no-repeat;
			display:block;
			width:120px;
			height:28px;
			line-height:28px;
			text-decoration:none;
			outline:none;
			text-indent:100%;
			white-space:nowrap;
			overflow: hidden;
}

#News-area div p a       { background-position:0 0; }

#News-area div p a:hover, 
#News-area div p a:focus { background-position:0 -28px; }