@charset "utf-8";

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

/*----------------------------------------------------------------------------------
 ▼ 見出し H3 ( 画像置換 )
----------------------------------------------------------------------------------*/
#Sidebar .box h3             {
		background-attachment:scroll;
		background-repeat:no-repeat;
		background-position:top left;
		width:100%;
		height:44px;
		line-height:44px;
		/margin-bottom:10px;/* IE6,7 */
		text-indent:100%;
		white-space:nowrap;
		overflow: hidden;
}

#Sidebar #member_menu_box h3 { background-image:url(./img/side/h3_usermenu.gif); }
#Sidebar #sub_menu_box h3    { background-image:url(./img/side/h3_submenu.gif); }

/*----------------------------------------------------------------------------------
 ▼ サブメニュー、会員メニュー
----------------------------------------------------------------------------------*/
/* .box 直下 div：枠色設定 */
#sub_menu_box        { background-color:#45914b; } /* サブメニュー */
#member_menu_box     { background-color:#33bbff; } /* 会員メニュー */



/* .box 直下 div：背景白色 */
#sub_menu_box div,
#member_menu_box div {
		background:#ffffff;
		margin:10px;
		padding:10px 0;
		-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");
		position:relative;
}

/*-----------------------------------------
 ○ リスト
-----------------------------------------*/
#sub_menu_box ul,
#member_menu_box ul    { margin:-5px 5px 0 5px; position:relative; }

/* li に点線画像指定 */
#sub_menu_box ul li,
#member_menu_box ul li,
#sub_menu_box ul li.page-item-18 {
		background:scroll repeat-x left bottom url(./img/border_dot.gif);
		padding:5px 0 6px 0;
}

/* li a にリストマーク画像指定 */
#sub_menu_box ul li a,
#member_menu_box ul li a,
#sub_menu_box ul li.page-item-18 span           {
		background-attachment:scroll;
		background-repeat:no-repeat;
		background-position:left center;
		display:block;
		padding:2px 0 2px 20px;
}

#sub_menu_box ul li a,
#sub_menu_box ul li.page-item-18 span              { background-image:url(./img/side/mark_arrow1.gif); }
#member_menu_box ul li a           { background-image:url(./img/side/mark_arrow2.gif); }
#member_menu_box ul li.mm-only a   { background-image:url(./img/side/mark_arrow3.gif); }

#sub_menu_box ul li.page-item-22 a,
#sub_menu_box ul li.page-item-68 a,
#sub_menu_box ul li.page-item-69 a {
		background:scroll no-repeat 20px center url(./img/side/mark_check1.gif);
		padding-left:40px;
}

/* li a に背景色指定 */
#sub_menu_box ul li a              { background-color:#d6f2ae; }
#member_menu_box ul li.mm-only a   { background-color:#ffc79c; }

#sub_menu_box ul li.page-item-18 span { display:block; background-color:#d6f2ae; }


/*----------------------------------------------------------------------------------
 ▼ ログインフォーム、ログインボタン ( 文字拡大時対応：絶対配置 )
----------------------------------------------------------------------------------*/
#member_menu_box          { }

#member_menu_box p        { margin:0; padding:0; }
#member_menu_box div form { padding:0 5px; }
#member_menu_box dl       { width:100%; }

/* dt */
#member_menu_box dl dt,
#member_menu_box dl dt label         { height:12px; line-height:12px; }

#member_menu_box dl dt               {
		background-image:url(./img/side/form_login_dt.gif);
		background-attachment:scroll;
		background-repeat:no-repeat;
		margin-bottom:3px;
}

#member_menu_box dl dt#lb-mail       { width:167px; background-position:0 0; }
#member_menu_box dl dt#lb-pass       { width:55px; background-position:-167px 0; }

#member_menu_box dl dt label         {
		display:block;
		text-indent:100%;
		white-space:nowrap;
		overflow: hidden;
}

#member_menu_box dl dt#lb-mail label { width:167px; }
#member_menu_box dl dt#lb-pass label { width:55px; }

/* dd */
#member_menu_box dl dd,
#member_menu_box dl dd input         { height:15px; line-height:15px; }

#member_menu_box dl dd               {
		float:none;
		clear:both;
		position:relative;
		margin-bottom:10px;
}

#member_menu_box dl dd input         { font-size:12px; width:195px; position:absolute; left:0; top:0; }

/* ログインボタン */
#member_menu_box p.form-button       {
		float:none;
		clear:both;
		margin:15px 0 12px 0;
		height:30px;
		line-height:30px;
		position:relative;
}

#member_menu_box p.form-button input { position:absolute; left:0; top:0; }

/*----------------------------------------------------------------------------------
 ▼ ログアウトボタン、パスワード忘れ、会員登録情報の確認・修正
----------------------------------------------------------------------------------*/
/* 共通 */
#member_menu_box p.form-forget a,
#member_menu_box p.logout-button a {
		background-attachment:scroll;
		background-repeat:no-repeat;
		background-position:0 0;
		display:block;
		width:100%;
		text-decoration:none;
		outline:none;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
}

/* ログアウトボタン */
#member_menu_box p.logout-button         { width:200px; margin:7px 5px; }

#member_menu_box p.logout-button,
#member_menu_box p.logout-button a       { height:30px; line-height:30px; }

#member_menu_box p.logout-button a       { background-image:url(./img/side/form_button_logout.gif); }

#member_menu_box p.logout-button a:hover,
#member_menu_box p.logout-button a:focus { background-position:0 -30px; }

/* パスワード忘れ */
#member_menu_box p.form-forget         {
		background:scroll repeat-x top left url(./img/border_dot.gif);
		width:100%;
		padding:7px 0 0 0;
		margin-bottom:10px;
		height:12px;
		line-height:12px;
		text-align:left;
}

#member_menu_box p.form-forget a       { width:127px; height:12px; line-height:12px; }
#member_menu_box p.form-forget a       { background-image:url(./img/side/form_login_forget.gif); }

#member_menu_box p.form-forget a:hover,
#member_menu_box p.form-forget a:focus { background-position:0 -12px; }

/* ようこそ */
#member_menu_box p,
#member_menu_box p.welcome em    { text-align:center; }

#member_menu_box p.welcome em    { display:block; font-style:normal; font-weight:bold; }

#member_menu_box p.welcome               {
		background:scroll repeat-x left bottom url(./img/border_dot.gif);
		margin:0 5px;
		padding-bottom:3px;
}

#member_menu_box p.logout-button {
			background:scroll repeat-x bottom url(./img/border_dot.gif);
			padding-bottom:11px;
}

/* 会員登録情報の確認・修正 */
#member_menu_box p.chech-edit    {
		background:scroll repeat-x left bottom url(./img/border_dot.gif);
		margin:5px 5px 10px 5px;
		padding-bottom:5px;
}

/*----------------------------------------------------------------------------------
 ▼ H4 ( 画像置換バナー )
----------------------------------------------------------------------------------*/
#Sidebar h4,
#Sidebar h4 a               {
		width:230px;
		height:43px;
		line-height:43px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
}

#Sidebar h4                 { margin-bottom:20px; }

#Sidebar h4 a               {
		background-attachment:scroll;
		background-repeat:no-repeat;
		display:block;
		text-decoration:none;
		outline:none;
}

#Sidebar h4#bn-regist a,
#Sidebar h4#bn-link a       { background-position:0 0; }

#Sidebar h4#bn-regist a     { background-image:url(./img/side/bn_regist.gif); }

#Sidebar h4#bn-link a       { background-image:url(./img/side/bn_link.gif); }

#Sidebar h4#bn-regist a:hover,
#Sidebar h4#bn-regist a:focus,
#Sidebar h4#bn-link a:hover,
#Sidebar h4#bn-link a:focus { background-position:0 -43px; }

/* お問い合わせバナー */
#Sidebar p#bn-contact   {
		margin:0 0 20px 0;
		padding:0;
		width:230px;
		height:100px;
		line-height:100px;
}

#Sidebar p#bn-contact a {
		background:scroll no-repeat left top url(./img/side/bn_contact.jpg);
		display:block;
		text-decoration:none;
		outline:none;
		width:230px;
		height:100px;
		line-height:100px;
		text-indent:100%;
		white-space:nowrap;
		overflow: hidden;
}