@charset "utf-8";

/* ------------------------- TOC 
setup
contents
main_contents
sub_contents
nav_sub
pagination
page_top
 ------------------------- */

/* ============================== setup */
.contents_wrapper { color: #000; background-color: #fff; text-align: left; }
.contents_wrapper table { border-collapse: collapse; border-spacing: 0; }

.contents_wrapper a img,
.contents_wrapper a:link img,
.contents_wrapper a:visited img,
.contents_wrapper a:hover img,
.contents_wrapper a:active img { border: none; text-decoration: none; }

.contents_wrapper sup { vertical-align: top; margin: 0 3px; color: #666; }
.contents_wrapper #content #main { font-size: 1.2em; }

/* ============================== contents */
.contents_wrapper #contents { margin: 0 40px; background: url(../same_img/bg_contents.gif) repeat-y 200px 0; }
#sub_contents { float: left; width: 189px; padding-bottom: 120px; }
#main_contents { float: right; width: 500px; padding-bottom: 20px; }



/* ============================== main_contents */
/* sec */
.contents_wrapper .sec { background: url(../same_img/bg_sec.gif) repeat-x 0 100%; padding-bottom: 20px; }

.contents_wrapper p { line-height: 1.5; margin-top: 4px; }
/* sec_link_internal */
.contents_wrapper .sec_link_internal { margin-top: 11px; line-height: 1.7; color: #3232FF; }
.contents_wrapper .sec_link_internal a:visited { color: #3232FF; }
/* floating img */
.contents_wrapper img.img_left { float: left; margin-right: 10px; }
.contents_wrapper img.img_right { float: right; margin-left: 10px; }
/* heading */
.contents_wrapper .heading_lv1 { margin-top: 20px; }
.contents_wrapper .heading_lv2 { margin-top: 24px; }
.contents_wrapper .heading_lv3 { padding-top: 17px; line-height: 1.3; font-weight: bold; font-size: 167%; }
.contents_wrapper .heading_lv3 h2,
.contents_wrapper .heading_lv3 h3 { font-weight: bold; }
.contents_wrapper .osteoporosis .heading_lv3 { color: #37379B; }
.contents_wrapper .kidney .heading_lv3 { color: #CC0066; }
.contents_wrapper .pollen .heading_lv3 { color: #326400; }
.contents_wrapper .child .heading_lv3 { color: #CD6900; }
.contents_wrapper .prostate .heading_lv3{ color: #4EACCB; }
.contents_wrapper .prostate .heading_lv3 span{ font-size:12px; }
.contents_wrapper .heading_lv4 { padding-top: 13px; line-height: 1.3; font-weight: bold; font-size: 134%; }
.contents_wrapper .heading_lv4 h3,
.contents_wrapper .heading_lv4 h4{ font-weight: bold; }
/* paragraph */
.contents_wrapper .lead { margin-top: 24px; line-height: 1.5; }
.contents_wrapper .lead em { font-size: 150%; font-weight: bold; font-style: normal; }
.contents_wrapper p.has_img { margin-top: 8px; }
.contents_wrapper .img_caption { display: block; margin-bottom: 3px; }
.contents_wrapper .source { margin-top: 19px; }
.contents_wrapper .lead_below_h2 { margin-top: 12px; line-height: 1.5; }
.contents_wrapper .note { font-size: 84%; margin-top: 3px; }
.contents_wrapper .annotation { margin-top: 3px; }
.contents_wrapper .align_l { text-align: left; }
.contents_wrapper .align_r { text-align: right; }
.contents_wrapper .align_c { text-align: center; }
.contents_wrapper .answer { font-weight: bold; font-size: 167%; color: #0F19CD; }
/* dl */
.contents_wrapper .supervising { margin-top: 27px; line-height: 1.5; }
.contents_wrapper .supervising dt { float: left; width: 50px; }
.contents_wrapper .supervising dd { float: right; width: 440px; }
/* bullet */
.contents_wrapper ul.bullet_blank,
.contents_wrapper .bullet_link { margin-top: 8px; line-height: 1.5; }
.contents_wrapper ul.bullet_blank li { background-repeat: no-repeat; background-position: 0 0.35em; padding-left: 16px; }
.contents_wrapper .bullet_link li { background: url(../same_img/bullet_link.gif) no-repeat 0 0.45em; padding-left: 11px; }
.contents_wrapper .osteoporosis ul.bullet_blank li { background-image: url(../osteoporosis/images/bullet_blank.gif); }
.contents_wrapper .kidney ul.bullet_blank li { background-image: url(../kidney/images/bullet_blank.gif); }
.contents_wrapper .pollen ul.bullet_blank li { background-image: url(../pollen/images/bullet_blank.gif); }
.contents_wrapper .child ul.bullet_blank li { background-image: url(../child/images/bullet_blank.gif); }

/* table */
.contents_wrapper .data_table { margin-top: 15px; }
.data_table caption { margin-bottom: 3px; line-height: 1.5; }
.data_table th,
.data_table td { padding: 5px; border: 1px solid #000; line-height: 1.34; font-weight: normal; }
.data_table thead th { background-color: #3399CC; color: #fff; }
.data_table thead td { background-color: #CCFFFF; }
.data_table tbody th { font-weight: bold; }
.data_table .no_data { background-color: #FFFFFF; }
/* abbr */
.contents_wrapper abbr { font-weight: bold; }
.abbr_init { font-weight: bold; text-decoration: underline; }
/* sec_recipe_list */
#sec_recipe_list { background: url(../osteoporosis/cooking/detail/images/bg_sec_recipe.gif) no-repeat 0 100%; padding: 0 0 16px; }
#sec_recipe_list .sec_recipe_list_contents { background: url(../osteoporosis/cooking/detail/images/bg_sec_recipe_contents.gif) repeat-y 0 0; padding: 0 11px; }
#sec_recipe_list h2 { display: none; }
/* sec_recipe_list(ul) */
#sec_recipe_list ul { margin-top: 16px; background: url(../osteoporosis/cooking/images/bg_sec_recipe_title.gif) no-repeat 0 29px; padding: 0 0 15px 20px; }
#sec_recipe_list li { float: left; padding: 0; margin: 0; }
#sec_recipe_list li a { display: block; height: 30px; float: none; padding: 0; }
/* sec_recipe_list(table) */
#sec_recipe_list table { border-bottom: 1px solid #A07864; width: 100%; }
#sec_recipe_list table th,
#sec_recipe_list table td { padding: 5px; line-height: 1.5; }
#sec_recipe_list table thead th { border-left: 1px dotted #A07864; border-bottom: 1px solid #A07864; 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%; }
#sec_recipe_list table th.th_genre {  }
#sec_recipe_list table th.th_category {  }
#sec_recipe_list table th.th_calcium {  }
#sec_recipe_list table th.th_calorie {  }
#sec_recipe_list table th.th_number { border-right: 1px dotted #A07864; }
#sec_recipe_list table tbody { background-color: #fff; }
#sec_recipe_list table tbody th { border-left: 1px solid #A07864; border-right: 1px solid #A07864; font-weight: normal; }
#sec_recipe_list table tbody th a { color: #5A3C28; }
#sec_recipe_list table tbody td { border-right: 1px solid #A07864; text-align: center; }
#sec_recipe_list table tbody td img { display: block; }
#sec_recipe_list table tbody tr.even th,
#sec_recipe_list table tbody tr.even td { background-color: #F0F0E6; }



/* ============================== sub_contents */
/* nav_sub */
.contents_wrapper .nav_sub dt { margin-bottom: 20px; }
.contents_wrapper .nav_sub dd { margin-top: 5px; }
.contents_wrapper .nav_sub dd#nav_sub_category_top { margin-top: 28px; }
.contents_wrapper .nav_sub ul { margin-left: 20px; }
.contents_wrapper .nav_sub li { margin-top: 3px; }
.contents_wrapper .nav_sub img { vertical-align: middle; }



/* ============================== pagination */
.contents_wrapper .pagination { margin: 20px 20px 0; padding: 14px 10px; background-color: #E6E6E6; }
.pagination .prev,
.pagination .next { width: 350px; }
.pagination .next { text-align: right; }
.pagination .prev a { padding-left: 18px; }
.pagination .next a { padding-right: 18px; }
.osteoporosis .pagination .prev a { background: url(../osteoporosis/images/bullet_prev.gif) no-repeat 0 0; }
.osteoporosis .pagination .next a { background: url(../osteoporosis/images/bullet_next.gif) no-repeat 100% 0; }
.kidney .pagination .prev a { background: url(../kidney/images/bullet_prev.gif) no-repeat 0 0; }
.kidney .pagination .next a { background: url(../kidney/images/bullet_next.gif) no-repeat 100% 0; }
.pollen .pagination .prev a { background: url(../pollen/images/bullet_prev.gif) no-repeat 0 0; }
.pollen .pagination .next a { background: url(../pollen/images/bullet_next.gif) no-repeat 100% 0; }
.child .pagination .prev a { background: url(../child/images/bullet_prev.gif) no-repeat 0 0; }
.child .pagination .next a { background: url(../child/images/bullet_next.gif) no-repeat 100% 0; }
.prostate .pagination .prev a { background: url(../prostate/images/bullet_prev.gif) no-repeat 0 0; }
.prostate .pagination .next a { background: url(../prostate/images/bullet_next.gif) no-repeat 100% 0; }



/* ============================== page_top */
.contents_wrapper .page_top { margin: 20px 20px 0; text-align: right; }
.contents_wrapper .page_top a { padding-left: 14px; }
.contents_wrapper .page_top a:visited { color: #3232FF; }
.contents_wrapper .osteoporosis .page_top a { background: url(../osteoporosis/images/bullet_pagetop.gif) no-repeat 0 0; }
.contents_wrapper .kidney .page_top a { background: url(../kidney/images/bullet_pagetop.gif) no-repeat 0 0; }
.contents_wrapper .pollen .page_top a { background: url(../pollen/images/bullet_pagetop.gif) no-repeat 0 0; }
.contents_wrapper .child .page_top a { background: url(../child/images/bullet_pagetop.gif) no-repeat 0 0; }
.contents_wrapper .prostate .page_top a { background: url(../prostate/images/bullet_pagetop.gif) no-repeat 0 0; }

.contents_wrapper #main_contents .page_top { margin: 20px 0 0; }

/* ============================== popup */
.contents_wrapper .popup { width: 610px; margin: 0 auto; }
.contents_wrapper .popup #contents { background: none; margin: 20px 0 0; font-size: 12px; }
.contents_wrapper .popup h2 { margin-top: 16px; color: #FF6000; font-weight: bold; font-size: 117%; }
.contents_wrapper .popup .sec_inner { overflow: hidden; zoom: 1; }
.contents_wrapper .popup .bt_close { text-align: center; margin-top: 10px; }


/* 100117 */
p.mt10{ margin-top:10px !important; }
.contents_wrapper .newb_box{ border:1px solid #ccc; }
.contents_wrapper .noneb { background:none; }
.newb_box_padd{ padding:0px 10px 10px 10px; }
span.copy_red{ color:#ff0000; }

.noneb ol{ margin:10px 0 0 0px; width:240px; }
.noneb ol li{ list-style:decimal; margin:0px 0 10px 30px;  }

.btm_bor{ border-bottom:1px dotted #ccc; padding-bottom:10px; }