/*c) 2010 hikidas
---------------------------------------------------- */

/*ベースブルー　#5473EF*/

body {
	font-family:'ヒラギノ丸ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  margin:0 auto;
  padding:0;
	background: #ffffff;
	text-align:left;
	font-size:13px;/*モダンブラウザ用*/
	line-height:140%;
	*font-size:small;
	*font:x-small;
	line-height:140%;
}

div.a_non{
text-decoration:none;
}
.ph_img{
padding:5px;
border:1px solid #eeeeee;
}
#main p{
margin:0px;
padding:0px;
}
.cap{
	font-size:86%;
}


/*************************************************************************
見だし指定
**************************************************************************/
h1{
	margin:10px 0; 
	padding:0 0 0 5px;
	border-left:5px solid #eeeeee;
	color:#666666;
	font-size:130%;
}
h2{
	margin:0; 
	padding:0 0 0 5px;
	border-left:5px solid #eeeeee;
	color:#666666;
}
h3{
	padding:5px 8px;
margin:10px 0 5px 0;
color:#000000;
border-left:5px solid #cccccc;
background-color:#eeeeee;
}
h3.alink{
	padding:5px 8px;
margin:10px 0 5px 0;
color:#000000;
border:1px solid #dddddd;
border-left:5px solid #cccccc;
background-image:url(../img_2010/common/rb_h3_alink_base_bk.jpg);
}
h4{
	padding:0px 5px;
margin:10px 0;
color:#666666;
border:2px dotted #cccccc;
border-left:5px solid #cccccc;
}

h2.sb{
	margin:0 0 10px 0; 
	padding:0 0 0 5px;
	border-left:5px solid #eeeeee;
	color:#666666;
	font-size:120%;
}

/*************************************************************************
デザイン設定
**************************************************************************/
div.container{
	width:840px;
margin:0 auto;
padding:0px;
background-color:#FFFfff;
border-top:5px solid #7F99FF;
}

/* ヘッダー */
div.head{
	margin:0;
	padding:10px 0;
}
div.head .logo{
	float:left;
	margin:0;
	padding:0;
	width:300px;
}
div.head .head_t{
	float:right;
	margin:0;
	padding:0;
	width:540px;
	text-align:right;
}
div.head .head_t ul.link_bs li{
	float:right;
	margin-left:10px;
}


/* ナビゲーション */
div.nav{
	margin:0;
	padding:0;
}

div.nav ul { margin:0; padding:0; }
div.nav ul li { display:inline; }

/* コンテンツ width780px */
div.contents{
margin:0;
padding:25px 30px 0 30px;
text-align:left;
background-image:url(../img_2010/common/rb_main_bk.jpg);
background-repeat:no-repeat;
background-color:#FFF;
}

/* コンテンツ サブナビ 180px */
div.nav_sub{
float:left;
width:180px;
padding:0;
margin:0;
text-align:left;
}
div.nav_sub ul{
margin:0px;
padding:0px;
list-style:none;
border-top:2px solid #cccccc;
background-color:#eeeeee;
}
div.nav_sub ul li{
padding:5px;
margin:0;
border-bottom:2px solid #cccccc;
font-weight:bold;
color:#999999;
}
div.nav_sub ul li a{
	color:#333333;
	text-decoration:none;
}
div.nav_sub ul li a:hover{
	color:#666666;
	text-decoration:underline;
}

/* コンテンツ サブナビ内　QA/用語辞典ナビ 160px */
div.nav_sub ul#ssub{
margin:5px 0px;
padding:0px;
list-style:none;
background-color:#ffffff;
border:none;
}
div.nav_sub ul#ssub li{
padding:10px 5px;
margin:5px 0 0 0;
background-color:#eeeeee;
border:2px solid #cccccc;
font-weight:bold;
color:#999999;
}
div.nav_sub ul#ssub li a{
	text-decoration:none;
}
div.nav_sub ul#ssub li a:hover{
	color:#666666;
	text-decoration:underline;
}
div.nav_sub ul#ssub li p{
padding:5px 0 0 0;
margin:0;
color:#666666;
font-size:87%;
}

/*施設用*/
div.nav_sub ul#ssub li#ssub_shisetsu{
	background-color:#FFFBF4;
border:2px solid #FF6E68;
border-left:5px solid #FF6E68;
}
div.nav_sub ul#ssub li#ssub_shisetsu a{
	color:#FF3300;
}
/*健康チェック用*/
div.nav_sub ul#ssub li#ssub_chk{
background-color:#FFFFFF;
border:1px solid #FFc5c2;
background-image:url(../img_2010/common/ssub_bk_chk.jpg);
padding:35px 5px 5px 5px;
}
div.nav_sub ul#ssub li#ssub_chk a{
	color:#FF6E68;
}
/*QA*/
div.nav_sub ul#ssub li#ssub_qa{
	background-color:#eeeeee;
border:2px solid #6666cc;
border-left:5px solid #6666cc;
}
div.nav_sub ul#ssub li#ssub_qa a{
	color:#6666cc;
}

/* レシピ */
#recp_frm{
	 margin:15px 10px 0 0; padding:10px 10px 0 10px; background-color: #FFFF99; border:1px dotted #ffcc00;}
	
#recp_frm .mds{
	border:1px solid #fff; background-color:#Fc0; padding-left:5px; margin:0 0 5px 0;}

#recp_frm .cmnt{
	margin:0; padding:0 0 10px 5px;}


/* コンテンツ メイン width 580 */
div.main{
float:right;
background-color:#ffffff;
margin:0;
padding:0;
width:560px;
text-align:left;
}

div.main_body{
	padding:15px 0;
	margin:0;
}
.rb_plink{
padding:5px 0px;
margin:0 0 10px 0;
border-bottom:1px solid #cccccc;
font-size:80%;
line-height:100%;
}

/* フッター */
div.foot{
	margin:30px 0 0 0;
	padding:0;
	text-align:center;
}

div.rb_cr{
	margin:10px 0;
	padding:10px 0;
	border-top:5px solid #dddddd;
	text-align:center;
}


div.left{
float:left;
}
.clr{
clear:both;
margin:0;
padding:0;
}


/*************************************************************************
トップページ
**************************************************************************/


/*メイン部*/
div.main_top{
margin:10px 0 0 0;
	padding:0;
}
div.bnr_center{
	text-align:center;
	margin:20px 0 0 0;
	padding:0;
}
	
/* 左サイドスペース */
div.top_area_l{
	float:left;
	width:520px;
	margin:0;
	padding:0;
}
div.top_area_l .qa_area {
	background-image:url(../img_2010/top/top_qa_bk.jpg);
	background-repeat:repeat-y;
	background-color:#F0F0FA;
	width:500px;
	margin:0;
	padding:0;
	border:1px solid #6666CC;
}
div.top_area_l .qa_area .qa_l{
	float:left;
	width:120px;
}
div.top_area_l .qa_area .qa_r{
	float:left;
	width:378px;
}

/* 右サイドバナースペース */
div.top_area_r{
	float:right;
	width:260px;
	margin:0;
	padding:0;
	text-align:left;
}
div.main_top img.bnr{
	margin:0;
	padding:0 0 10px 0;
}


div.news_top .news {
	width:500px;/*topに合わせて変更*/
	margin:0 auto;
	padding:0px;
}
div.news_top .news dt {
	float:left;
	clear:both;
	padding:10px 5px 0px 0px;
	margin:0;
	width:80px;
	font-size:90%;
}
div.news_top .news dd {
	float:left;
	padding:10px 5px 0px 0px;
	margin:0;
	width:410px;
}


/*************************************************************************
骨粗鬆症 / 関節痛
**************************************************************************/

/*メイン部*/
div.kansetsu .main_top, div.kotsusosho .main_top{
margin:10px 0 0 0;
	padding:0;
}

.index_rl{
	border-top:2px dotted #cccccc;
	margin:20px 0 0 0;
	padding:5px 0;
	font-weight:bold;
	color:#333333;
}
	
/* 左サイドスペース */
div.kansetsu .top_area_l, div.kotsusosho .top_area_l{
	float:left;
	width:350px;
	margin:0;
	padding:0;
}

/* 右サイドバナースペース */
div.kansetsu .top_area_r, div.kotsusosho .top_area_r{
	float:right;
	width:200px;
	margin:0;
	padding:0;
	text-align:left;
}
div.kansetsu .top_area_r img.bnr, div.kotsusosho .top_area_r img.bnr{
	margin:0;
	padding:0 0 10px 0;
}
div.kansetsu .qa_area, div.kotsusosho .qa_area {
	background-color:#F0F0FA;
	background-image:url(../img_2010/common/qa_bnr_bk.jpg);
	background-repeat:repeat-x;
	margin:0 0 10px 0;
	padding:0;
	border:1px solid #6666CC;
}
div .qa_area ul.link_bs{
	padding:2px 5px;
	margin:0;
}

div.kansetsu .news_top .news, div.kotsusosho .news_top .news {
	width:350px;/*topに合わせて変更*/
	margin:0 auto;
	padding:0px;
}
div.kansetsu .news_top .news dt, div.kotsusosho .news_top .news dt {
	float:left;
	padding:10px 5px 0px 0px;
	width:70px;
	font-size:90%;
}
div.kansetsu .news_top .news dd, div.kotsusosho .news_top .news dd {
	float:left;
	padding:10px 5px 0px 0px;
	width:260px;
}



/*************************************************************************
関節痛
**************************************************************************/

div.kansetsu .top_area_l h3{
	border:none;
	background-color:none;
	background-image:url(../img_2010/kansetsu/kansetsu_mds.jpg);
	background-repeat:no-repeat;
	color:#333333;
}
div.kansetsu .top_area_l ul.link_bs li{
padding:0px 0px 0px 15px;
margin:3px 0px 5px;
background:url(../img_2010/common/ico_kansetsu.gif) no-repeat 0px 3px;
font-weight:bold;
}
div.kansetsu .top_area_l ul.link_bs li a{
color:#FF0099;
color:#0033CC;
}


/*************************************************************************
骨粗鬆症
**************************************************************************/

div.kotsusosho .top_area_l h3{
	border:none;
	background-color:none;
	background-image:url(../img_2010/kotsu/kotsu_mds.jpg);
	background-repeat:no-repeat;
	color:#333333;
}
div.kotsusosho .top_area_l ul.link_bs li{
padding:0px 0px 0px 15px;
margin:3px 0px 5px;
background:url(../img_2010/common/ico_kotsusosho.gif) no-repeat 0px 3px;
font-weight:bold;
}
div.kotsusosho .top_area_l ul.link_bs li a{
color:#006600;
}



/*************************************************************************
メイン部
**************************************************************************/
.rb_cnr_midashi{
padding:20px 30px;
margin:0;
background-color:#FFCC66;
background-image:url(../img_2010/common/rb_cnr_mds_base_bk.jpg);
color:#FFFFFF;
font-size:140%;
font-weight:bold;
line-height:100%;
text-align:left;
}

div.cap{
	font-size:86%;
}

div.rlink{
margin:20px 0px 10px 0px;
padding:5px 0;
border-top:2px solid #cccccc;
border-bottom:1px dotted #cccccc;
color:#666666;
}



/*************************************************************************
施設
**************************************************************************/

div.shisetsu table ul{
margin:0 0 0 15px;
padding:0px;
list-style:none;
}
div.shisetsu table ul li{
padding:0px 0px 0px 10px;
background:url(../img_2010/common/ico_link_bs.gif) no-repeat 0px 3px;
margin:3px 0px 5px;
}

div.shisetsu .shisetsu_yklink{
text-align:right;
	margin:0 0 10px 0;
	padding:0;}

div.shisetsu .shisetsu_yklink ul{	
	list-style:none;
}
div.shisetsu .shisetsu_yklink ul li{
	float:right;
	margin:0 0 0 10px;
	padding:0 0 0 5px;
	border-left:3px solid #dddddd;
	font-weight:bold;
}
div.shisetsu_yklink ul li a{
	font-weight:normal;
}


/*************************************************************************
tool
**************************************************************************/
div.tool{
}
div.tool img.rcp{
	padding:10px;
	margin:0;
	background-color:#FFFFFF;
	
}

/*************************************************************************
Q&A
**************************************************************************/
div.qa{
}
div.qa .qa_dtl_ico{
width:40px;
float:left;
padding-top:10px;
vertical-align:top; 
}
div.qa .qa_dtl_q_cmnt{
width:500px;
float:left;
padding-top:10px;
vertical-align:top; 
color:#336666;
}
div.qa .qa_dtl_a_cmnt{
width:500px;
float:left;
padding-top:10px;
vertical-align:top; 
color:#990000;
}

/*************************************************************************
リリース
**************************************************************************/
div.rls .main ul{
margin:0 0 0 15px;
padding:0px;
list-style:none;
}
div.rls .main ul li{
padding:0px 0px 0px 10px;
background:url(../img_2010/common/ico_link_bs.gif) no-repeat 0px 3px;
margin:3px 0px 5px;
}


/********************************************************************
お知らせ
*********************************************************************/

div.news {
}

/*アーカイブリスト*/

div.news .nav_sub ul.reflect_archive{
padding:0px 5px;
margin:0px;
background-color:#fefefe;

}
div.news .nav_sub li.reflect_year{
padding:3px 0px;
margin:0px;
font-weight:normal;
color:#666666;
border-bottom:2px solid #dddddd;
}
div.news .nav_sub li.reflect_year ul{
padding:0px;
margin:5px 0px 0px 0px;
background-color:#fefefe;
}
div.news .nav_sub li.reflect_month{
padding:3px 0px;
margin:0px;
font-weight:normal;
border-top:1px dotted #dddddd;
}

/*指定*/
div.news dl {
	padding:0 0 15px;
	margin:0px;
}
div.news dl:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
div.news dt {
	float:left;
	clear:both;
	width:15%;
	color:#999999;
	margin:0;
	padding:0 5px 10px 0;
	font-family:verdana,arial;
	line-height:130%;
}

div.news dd {
	float:left;
	width:82%;
	margin:0;
	padding:0 0 10px 0;
	line-height:130%;
}

div.news p{
padding:5px 0px;
margin:0px;
}

/*NEWS詳細ページ*/
div.news .news_dtl dl {
	padding:0px;
	margin:0;
}
div.news .news_dtl dt {
	float:none;
	width:300px;
	font-family:verdana,arial;
	margin:0;
	padding:0 5px 0px 0;
}
div.news .news_dtl dd {
	float:none;
	margin:0;
	padding:0;
	width:100%;
	line-height:160%;
}
div.news news_dtl h3{
border-left:5px solid #cccccc;
padding:0px;
margin:0px;
background-image:none;
border:none;
}
div.news news_dtl .news_t{
	margin:0;
	padding:10px 0 0 0;
}


/*************************************************************************
/*改ページ処理*/
/**************************************************************************/

.dt_page{
margin:20px 0px 0px 0px;
padding:5px 10px;
font-family:verdana,arial;
text-align:center;
font-weight:bold;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.dt_page a{
	font-weight:normal;
}
.dt_page a.ditto_page{
padding:2px 5px;
margin:0px 5px;
border:1px solid #666666;
background-color:#999999;
color:#ffffff;
}
.dt_page a:hover .ditto_page{
background-color:#0033fF;
}
.dt a.ditto_currentpage{
font-weight:bold;
padding:0px 2px;
margin:0px 5px;
}


/*************************************************************************
その他要素
**************************************************************************/
ul.link_bs{
margin:0px;
padding:0px;
list-style:none;
}
ul.link_bs li{
padding:0px 0px 0px 10px;
background:url(../img_2010/common/ico_link_bs.gif) no-repeat 0px 3px;
margin:3px 0px 5px;
font-weight:bold;
}
ul.link_bs li a{
	font-weight:normal;
}

ul.link_grp{
margin:0px;
padding:0px;
list-style:none;
}
ul.link_grp li{
	margin:0 0 10px 0;
padding:0px 0px 0px 10px;
background:url(../img_2010/common/ico_link_bs.gif) no-repeat 0px 3px;
border-bottom:1px dotted #dddddd;
font-weight:bold;
}
ul.link_grp li p{
	font-weight:normal;
}


/*************************************************************************
floatの解消
**************************************************************************/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/********************************************************************
 共通マージンタイプ
*********************************************************************/

.mgb0{margin-bottom:0 !important;}
.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb15{margin-bottom:15px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb30{margin-bottom:30px !important;}

.mgt0{margin-top:0 !important;}
.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}

.mgl0{margin-left:0 !important;}
.mgl5{margin-left:5px !important;}
.mgl10{margin-left:10px !important;}
.mgl15{margin-left:15px !important;}
.mgl20{margin-left:20px !important;}
.mgl30{margin-left:30px !important;}

.mgr0{margin-right:0 !important;}
.mgr5{margin-right:5px !important;}
.mgr10{margin-right:10px !important;}
.mgr15{margin-right:15px !important;}
.mgr20{margin-right:20px !important;}
.mgr30{margin-right:30px !important;}

.mgn0{margin:0 !important;}

.pdt0{padding-top:0 !important;}
.pdt5{padding-top:5px !important;}
.pdt10{padding-top:10px !important;}
.pdt15{padding-top:15px !important;}
.pdt20{padding-top:20px !important;}
.pdt30{padding-top:30px !important;}

.pdb0{padding-bottom:0 !important;}
.pdb5{padding-bottom:5px !important;}
.pdb10{padding-bottom:10px !important;}
.pdb15{padding-bottom:15px !important;}
.pdb20{padding-bottom:20px !important;}
.pdb30{padding-bottom:30px !important;}

.pdl0{padding-left:0 !important;}
.pdl5{padding-left:5px !important;}
.pdl10{padding-left:10px !important;}
.pdl15{padding-left:15px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}


.pdr0{padding-right:0 !important;}
.pdr5{padding-right:5px !important;}
.pdr10{padding-right:10px !important;}
.pdr15{padding-right:15px !important;}
.pdr20{padding-right:20px !important;}
.pdr30{padding-right:30px !important;}

.pad0{padding:0 !important;}


/********************************************************************
 共通フロート、クリアタイプ
*********************************************************************/
.clearBoth{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}



<!--[if lt IE 6.0]>
<link rel="stylesheet" href="rb_common_ie.css" type="text/css" />
<![endif] -->