@charset "utf-8";

/* ------------------------- TOC 
set up
display
background
width
adjust common
individual adjust
popup
 ------------------------- */


/* ============================== set up */
.contents_wrapper a, .contents_wrapper img, .contents_wrapper abbr, .contents_wrapper acronym, .contents_wrapper fieldset { border: 0; }
.contents_wrapper #content #main { font-size: 1.2em; }

/* ============================== css hack */
/* floating box clear */
.contents_wrapper .clr:after, .contents_wrapper .mc:after, .contents_wrapper .ms:after, .contents_wrapper .multi_section:after, .contents_wrapper .multi_column:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.contents_wrapper .clr, .contents_wrapper .mc, .contents_wrapper .ms, .contents_wrapper .multi_section, .contents_wrapper .multi_column { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .contents_wrapper .clr, * html .contents_wrapper .mc, * html .contents_wrapper .ms, * html .contents_wrapper .multi_section, * html .contents_wrapper .multi_column { height: 1%; }
.contents_wrapper .clr, .contents_wrapper .mc, .contents_wrapper .ms, .contents_wrapper .multi_section, .contents_wrapper .multi_column { display: block; }
/* End Hide from mac IE5 */



/* ============================== display */
#sub_contents,
.sec_link_internal,
.pagination,
.bt_print,
.page_top { display: none; }

#header,
#footer,
#nav,
#nav_bottom,
hr { display: none; }



/* ============================== background */



/* ============================== width */
#contents,
#main_contents { width: auto; }



/* ============================== adjust common */

.contents_wrapper { line-height: 1.5; }
.contents_wrapper ul { margin-left: 0; }
.contents_wrapper li { list-style: none; margin: 0; }
.note { font-size: 84%; }
.sec img.img_left,
.sec img.img_right { display: block; margin: 10px 0; }
.contents_wrapper .data_table { margin-top: 1em; }
.data_table caption { margin-bottom: 3px; line-height: 1.5; font-size: 84%; }
.data_table th,
.data_table td { padding: 5px; border: 1px solid #000; line-height: 1.34; font-weight: normal; }
.data_table tbody th { font-weight: bold; }


/* ============================== individual adjust */


/* ============================== health_index */
#health_index .sec_top ul { margin: 13px 0 0; }

/* ============================== health_osteoporosis_calcium */
#health_osteoporosis_calcium .sec h3 { margin-top: 20px; margin-bottom: 0; }
#health_osteoporosis_calcium .food_list { }
#health_osteoporosis_calcium .food_list table { width: 500px; margin-top: 10px; }
/*#health_osteoporosis_calcium .food_list td { width: 240px; }*/
#health_osteoporosis_calcium .food_list td { width: 240px; border: solid 1px #666666; }
#health_osteoporosis_calcium .food_list .food_list_inner { text-align: center; }
#health_osteoporosis_calcium .food_list td.no_data { border: none; }
#health_osteoporosis_calcium .food_list th { width: 10px; }
#health_osteoporosis_calcium .food_list td p { margin-top: 5px; }
#health_osteoporosis_calcium .food_list td dl { margin-top: 10px; margin-bottom: 5px; }
#health_osteoporosis_calcium .food_list td dt { font-size: 117%; font-weight: bold; }
#health_osteoporosis_calcium .food_list td dd { margin-top: 2px; margin-left: 0; }
#health_osteoporosis_calcium .food_list td dd em { color: #ff0000; font-style: normal; font-size: 125%; font-weight: bold; }
#health_osteoporosis_calcium .food_list td dd span { font-size: 75%; }

/* ============================== health_osteoporosis_cooking_detail */
#health_osteoporosis_cooking_detail {  }
#health_osteoporosis_cooking_detail h1,
#health_osteoporosis_cooking_detail h2,
#health_osteoporosis_cooking_detail h3,
#health_osteoporosis_cooking_detail p { margin: 0; }
#health_osteoporosis_cooking_detail .lc { float: left; }
#health_osteoporosis_cooking_detail .rc { float: right; }
#health_osteoporosis_cooking_detail #main_contents { width: 500px; }
#health_osteoporosis_cooking_detail .heading_lv1,
#health_osteoporosis_cooking_detail .heading_lv1 p { margin-top: 0; }
/* ----- sec_recipe ----- */
#health_osteoporosis_cooking_detail .sec_recipe { margin-top: 10px; background: url(../osteoporosis/cooking/detail/images/bg_sec_recipe.gif) no-repeat 0 100%; padding-bottom: 20px; }
/* ----- sec_recipe(sec_recipe_title) ----- */
#health_osteoporosis_cooking_detail .sec_recipe_title_group { background: url(../osteoporosis/cooking/images/bg_sec_recipe_title.gif) no-repeat 0 0px; padding: 20px 20px 0; zoom: 1; }
#health_osteoporosis_cooking_detail .sec_recipe_title {  }
#health_osteoporosis_cooking_detail .sec_recipe_title h1 { font-size: 192%; font-weight: bold; color: #5A3C28; overflow: hidden; zoom: 1; line-height: 1.3; }
#health_osteoporosis_cooking_detail .sec_recipe_title p { font-size: 192%; font-weight: bold; color: #5A3C28; margin: 0 10px 0 0; line-height: 1.3; }
#health_osteoporosis_cooking_detail h1 em { overflow: hidden; zoom: 1; display: block; font-style: normal; }
#health_osteoporosis_cooking_detail h1 span { display: block; margin-left: 10px; }
#health_osteoporosis_cooking_detail .sec_recipe_contents { background: url(../osteoporosis/cooking/detail/images/bg_sec_recipe_contents.gif) repeat-y 0 0; padding: 0 20px; }
#health_osteoporosis_cooking_detail .sec_recipe_photo { margin-top: 0; }
#health_osteoporosis_cooking_detail .sec_recipe_photo img { margin: 20px 10px 0 0; padding: 4px; border: 1px solid #828282; background-color: #fff; }
#health_osteoporosis_cooking_detail .sec_recipe_catch { overflow: hidden; zoom: 1; }
#health_osteoporosis_cooking_detail .recipe_catch { color: #FF6000; font-size: 117%; font-weight: bold; margin-top: 20px; }
#health_osteoporosis_cooking_detail .calcium { margin-top: 14px; line-height: 1.5em; }
#health_osteoporosis_cooking_detail .calcium strong { font-weight: bold; color: #5A3C28; padding-bottom: 3px; display: block; }
#health_osteoporosis_cooking_detail .calcium span { font-size: 117%; }
#health_osteoporosis_cooking_detail .calcium em { color: #FF0000; font-size: 150%; font-style: normal; }
#health_osteoporosis_cooking_detail .sec_recipe_catch table {  }
#health_osteoporosis_cooking_detail .sec_recipe_catch table th { padding-right: 12px; font-weight: normal; }
#health_osteoporosis_cooking_detail .sec_recipe_catch table th,
#health_osteoporosis_cooking_detail .sec_recipe_catch table td { padding-top: 6px; }
#health_osteoporosis_cooking_detail .indication { margin-top: 14px; }
/* ----- sec_recipe(sec_recipe_detail) ----- */
#health_osteoporosis_cooking_detail .sec_recipe_detail { margin-top: 20px; }
#health_osteoporosis_cooking_detail .recipe_name { padding-top: 20px; font-weight: bold; color: #5A3C28; }
#health_osteoporosis_cooking_detail .sec_recipe_detail_title { padding-top: 20px; }
#health_osteoporosis_cooking_detail .sec_recipe_detail_title h2 { width: 150px; font-size: 117%; font-weight: bold; color: #A07864; }
#health_osteoporosis_cooking_detail .sec_recipe_detail_title h2 span { display: none; }
#health_osteoporosis_cooking_detail .sec_recipe_detail_title p { width: 300px; text-align: right; margin-top: 0; }
#health_osteoporosis_cooking_detail .sec_recipe_detail_title p em { font-weight: bold; font-style: normal; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler { margin-top: 4px; padding-top: 2px; padding-bottom: 2px; line-height: 1.84; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler table { width: 460px; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler th { width: 250px; padding-right: 40px; vertical-align: baseline; text-align:left; font-weight: normal; background: url(../osteoporosis/cooking/detail/images/bg_recipe_table.gif) repeat-x 0 0.6em; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler td { width: 85px; vertical-align: baseline; font-weight: normal; padding-left: 5px; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler th span { background-color: #FEFDEB; padding-right: 5px; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler td span { background-color: #FEFDEB; padding-left: 5px; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler img { vertical-align: -0.3em; margin: 0 10px 0 5px; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler th { padding-right: 40px; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler td { }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler td.icon { width: 75px; background: none; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler dl { width: 460px; background-image: url(../osteoporosis/cooking/detail/images/bg_ruler_dl.gif); background-repeat: no-repeat; background-position: 35px 100%; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler dt { width: 40px; float: left; background-image: url(../osteoporosis/cooking/detail/images/bg_ruler_dt.gif); background-repeat: no-repeat; background-position: 35px 0; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler dd { width: 417px; overflow: hidden; zoom: 1; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler dd table { width: 417px; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler dd th { width: 209px; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler dd th span { padding-left: 3px; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler dl.bundle { background-position: 0 100%; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler dl.bundle dt { width: 5px; float: left; background-position: 0 0; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler dl.bundle dd { width: 452px; margin-left: 0; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler dl.bundle dd table { width: 452px; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler dl.bundle dd th { width: 244px; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler ol { margin-top: 0; margin-bottom: 0; margin-left: 0; padding-left: 0; }
#health_osteoporosis_cooking_detail .sec_recipe_detail .ruler ol li { margin-left: 1.15em; text-indent: -1.15em; }
#health_osteoporosis_cooking_detail .sec_recipe_img_plus { margin-top: 15px; display: inline; }
#health_osteoporosis_cooking_detail .sec_recipe_img_plus .lc,
#health_osteoporosis_cooking_detail .sec_recipe_img_plus .rc { float: none; }
#health_osteoporosis_cooking_detail .sec_recipe_img_plus img { padding-top: 15px; }
#health_osteoporosis_cooking_detail .sec_recipe_plus { }
#health_osteoporosis_cooking_detail .sec_recipe_plus h3 { text-indent: 0; padding-top: 20px; }
#health_osteoporosis_cooking_detail .sec_recipe_plus ul { margin: 0; line-height: 1.5; padding: 10px 20px 0 15px; }
#health_osteoporosis_cooking_detail .sec_recipe_plus li { list-style: disc; margin-left: 1.5em; }
/* ----- sec_recipe(sec_recipe_detail) ----- */
#sec_recipe_list ul { display: none; }
#sec_recipe_list h2 { color: #FAA55A; }
#sec_recipe_list table { width: 100%; }
#sec_recipe_list table th,
#sec_recipe_list table td { padding: 5px; line-height: 1.5; border: 1px solid #A07864; }
#sec_recipe_list table thead th { font-size: 84%; color: #A07864; font-weight: normal; text-align: center; padding: 0 5px; white-space: nowrap; }
#sec_recipe_list table th.th_name { width: 100%; }

/* ============================== popup */
.contents_wrapper .popup #contents { font-size: 12px; }