@charset "utf-8";

/* ------------------------- TOC 
setup
parts
table
nav
#wrapper
#header
#contents
#contents_main
#footer
print
 ------------------------- */

/* ============================== setup */
body { color: #333; background-color: #fff; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic" "MS Pゴシック", sans-serif; }
/*table { border-collapse: collapse; border-spacing: 0; }*/

a { color: #007ed9; text-decoration: none; }
a:link { color: #007ed9; text-decoration: none; }
a:visited { color: #7a7acc; text-decoration: none; }
a:hover, a:active { color: #00a1f2; text-decoration: underline; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

/* ============================== parts */
em { font-style: normal; }
.codicil {}
.page_top { text-align: right; }
.page_top a { background: url(/common/img/bullet_top.gif) no-repeat 0 0.23em; padding-left: 11px; }
.beside_tit {}
/*bullet_link*/
.bullet_link { padding-left: 14px; background: url(/common/img/bullet_blue.gif) no-repeat 0 0.2em; }

/* ============================== table */
table.beside_tit {}

/* ============================== nav */
.nav_function {}
.nav_function li { display: inline; padding: 0 14px; border-right: solid 1px #333; }
.nav_function li.nav_first { padding-left: 0; }
.nav_function li.nav_last { border-right: none; padding-right: 0; }


/* ============================== wrapper */
#wrapper { width: 100%; background: url(/common/img/bg_header.gif) repeat-x 0 0; }

/* ============================== header */
#header { width: 100%; padding: 16px 0 3px; background: url(/common/img/bg_header_sh.gif) repeat-x left bottom; }
#header_inner { width: 920px; margin: 0 auto; padding-bottom: 13px; }
#header_inner img { float: left; }
#header_inner .lc { width: 345px; }
#header_inner .lc #company { float: right; width: 171px; height: 22px; background: url(/common/img/tl_logo_company.gif) no-repeat left bottom; }
#header_inner .lc #logo_medical a { display: block; width: 236px; height: 26px; margin-top: 8px; background: url(/common/img/tl_logo_medical.gif) no-repeat 0 0; }
#header_inner .rc { width: 570px; text-align: right; }

#header_inner #i_search { margin-top: 20px; }
#header_inner #i_search input { vertical-align: middle; }
#header_inner #i_search input.tbox_search { width: 250px; }
#header_inner #i_search input.bt_search { margin-left: 10px; width: 50px; height: 25px; }
#header_inner #i_search input.js_exmple { color: #999; }

/* ============================== contents */
#contents { padding: 14px 0; background: url(/common/img/bg_contents.gif) repeat 0 0; }
#contents_inner { width: 928px; margin: 0 auto; background: url(/common/img/bg_contents_inner.gif) repeat-y 0 0; }
#contents_inner #directory_link { padding: 0 23px 20px; background: url(/common/img/bg_directory_link.gif) repeat-y 0 0; }
/*contents_main*/
#contents #contents_main { float: right; width: 655px; padding-right: 23px; }
/*contents_sub*/
#contents #contents_sub { float: left; width: 191px; padding-left: 23px; }
#contents #contents_top,
#contents #contents_bottom { width: 928px; margin: 0 auto; padding: 0; }

/* ============================== contents_main */
/*h2*/
h2 { margin-top: 20px; color: #333; font-size: 150%; font-weight: bold; padding-left: 10px; }
/*page_top*/
#contents_main .page_top { margin-top: 10px; }
/*sec_search*/
#contents_main .sec_search { width: 653px; background-color: #f2f9ff; border: #7aa6cc solid 1px; margin-top: 15px; }
#contents_main .sec_search th { background-color: #f2f9ff; width: 92px; height: 23px; vertical-align: middle; border: none; padding: 0 10px 0 0; }
#contents_main .sec_search td { padding: 5px 10px; vertical-align: middle; border: none; }
#contents_main .sec_search td input { vertical-align: middle; width: 250px; padding: 3px; }
#contents_main .sec_search td input.bt_search { margin-left: 5px; width: 50px; padding: 0; }
/*sec_search_button*/
#contents_main .sec_search_button { margin-top: 20px; padding-bottom: 4px; background: url(/common/img/bg_sec_search_button.gif) repeat-x 0 0; }
#contents_main .sec_search_button li { display: inline; margin-left: 10px; }
#contents_main .sec_search_button li#search_a_list { margin-left: 14px; }
/*sec_codicil*/
#contents_main .sec_codicil { width: 636px; margin: 10px auto 0; line-height: 1.5; }
#contents_main .sec_codicil img { vertical-align: middle; padding: 0 8px; }
/*sec_search_list_function*/
#contents_main .sec_search_list_function { margin-top: 20px; }
#contents_main .sec_search_list_function .search_list { }
#contents_main .sec_search_list_function .search_list li { display: inline; margin-left: 5px; }
#contents_main .sec_search_list_function .search_list li.list_first { margin-left: 0; }
#contents_main .sec_search_list_function { margin-top: 20px; }
#contents_main .sec_search_list_function .search_result { float: left; }
#contents_main .sec_search_list_function .search_result dt { display: inline; font-size: 117%; font-weight: bold; }
#contents_main .sec_search_list_function .search_result dd { display: inline; }
#contents_main .sec_search_list_function .search_result dd em { font-size: 150%; font-weight: bold; color: #ff6600; padding-right: 6px; }
#contents_main .sec_search_list_function .pagination { float: right; }
#contents_main .sec_search_list_function .pagination li { display: inline; margin-right: 6px; }
#contents_main .sec_search_list_function .pagination li em { font-size: 150%; }
#contents_main .sec_search_list_function .pagination li.prev { padding-right: 6px; border-right: #666 solid 1px; }
#contents_main .sec_search_list_function .pagination li.next { margin-right: 0; padding-left: 6px; border-left: #666 solid 1px; }
#contents_main .sec_search_match { border-bottom: #005bac solid 1px; padding-bottom: 4px; }
/*sec_product_data*/
#contents_main .product_data ul { margin-top: 13px; }
#contents_main .product_data ul li { float: left; width: 80px; margin-right: 10px; }
#contents_main .product_data ul li dl dd { font-size: 84%; padding-top: 1px; text-align: center; }
/*sec_news*/
table.sec_news { border: none; width: 100%; }
table.sec_news th { width: 100px; border: none; background: url(/common/img/bg_sec_news.gif) repeat-x 0 0; vertical-align: middle; padding: 8px 0 3px 3px; }
table.sec_news td { border: none; background: url(/common/img/bg_sec_news.gif) repeat-x 0 0; vertical-align: middle; padding: 8px 3px 3px 10px; }
table.sec_news td.date { width: 4.5em; padding: 8px 12px 3px 10px; }
table.sec_news td.cell_hd { background: none; padding: 0; font-size: 1px; height: 5px; }
table.sec_news td a { text-decoration: none; }
table.sec_news td a .icon_blank { margin-left: 3px; vertical-align: middle; }
table.sec_news th.ov,
table.sec_news td.ov { cursor: pointer; background: url(/common/img/bg_sec_news_ov.gif) repeat-x 0 0; text-decoration: none; }
/*sec_beside_tit*/
#contents_main .sec_beside_tit dl { float: right; margin-top: -29px; }
#contents_main .sec_beside_tit dl dt,
#contents_main .sec_beside_tit dl dd { float: left; }
#contents_main .sec_beside_tit dl dt { margin-right: 10px; }
#contents_main .sec_beside_tit dl dd select { vertical-align: middle; }
#contents_main .sec_beside_tit #search_archive dt { background: url(/common/img/tl_archive.gif) no-repeat 0 4px; width: 117px; height: 19px;  }
#contents_main .sec_beside_tit #search_product dt { background: url(/common/img/tl_product_search.gif) no-repeat 0 4px; width: 101px; height: 19px; }




/* ============================== contents_sub */
#contents #contents_sub h2 { background: url(/common/img/tl_product.gif) no-repeat 0 0; width: 73px; height: 18px; margin-top: 0; }
#contents #contents_sub ul#nav_product li a,
#contents #contents_sub p a { display: block; width: 191px; height: 30px; margin-top: 5px; }
#contents #contents_sub ul#nav_product li a:hover,
#contents #contents_sub ul#nav_product li a:active,
#contents #contents_sub p a:hover,
#contents #contents_sub p a:active { text-decoration: none; background-position: 0 -30px; }
/*nav_product*/
#contents #contents_sub ul#nav_product { margin-top: 5px; padding-bottom: 20px; background: url(/common/img/line_dot.gif) repeat-x left bottom; }
/*nav_product_name*/
#contents #contents_sub ul#nav_product .nav_product_name a { background: url(/common/img/bt_nav_product.gif) no-repeat 0 0; }
/*nav_product_ingredient*/
#contents #contents_sub ul#nav_product .nav_product_ingredient a { background: url(/common/img/bt_nav_product.gif) no-repeat -191px 0; }
#contents #contents_sub ul#nav_product .nav_product_ingredient a:hover,
#contents #contents_sub ul#nav_product .nav_product_ingredient a:active { background-position: -191px -30px; }
/*nav_product_category*/
#contents #contents_sub ul#nav_product .nav_product_category a { background: url(/common/img/bt_nav_product.gif) no-repeat -382px 0; }
#contents #contents_sub ul#nav_product .nav_product_category a:hover,
#contents #contents_sub ul#nav_product .nav_product_category a:active { background-position: -382px -30px; }
/*nav_product_keyword*/
#contents #contents_sub ul#nav_product .nav_product_keyword a { background: url(/common/img/bt_nav_product.gif) no-repeat -573px 0; }
#contents #contents_sub ul#nav_product .nav_product_keyword a:hover,
#contents #contents_sub ul#nav_product .nav_product_keyword a:active { background-position: -573px -30px; }
/*nav_product_detail*/
#contents #contents_sub ul#nav_product_detail { padding:5px 0 20px 10px; background: url(/common/img/line_dot.gif) repeat-x left bottom; }
#contents #contents_sub ul#nav_product_detail li { margin-top: 15px; font-size: 117%; }
#contents #contents_sub ul#nav_product_detail li a { padding-left: 14px; background: url(/common/img/bullet_blue.gif) no-repeat 0 0.2em; }
/*nav_news*/
#contents #contents_sub .nav_news a { background: url(/common/img/bt_nav_news.gif) no-repeat 0 0; margin-top: 20px; }
/*nav_seminar*/
#contents #contents_sub .nav_seminar a { background: url(/common/img/bt_nav_seminar.gif) no-repeat 0 0; }
/*nav_banner*/
#contents #contents_sub .nav_banner { margin-top: 38px; }
#contents #contents_sub .nav_banner a { display: inline; }

/* ============================== footer */
#footer { width: 100%; padding-bottom: 20px; background: url(/common/img/bg_footer_sh.gif) repeat-x left top; }
#footer #footer_inner { width: 920px; margin: 0 auto; padding-top: 20px; }
#footer #footer_inner .nav_function { float: left; width: 690px; }
#footer #footer_inner .page_top { float: right; width: 225px; }
#footer #footer_inner .page_top a { background: url(/common/img/bullet_top.gif) no-repeat 0 0.25em; padding-left: 11px; }
#footer #copyright { width: 920px; margin: 8px auto 0; color: #999; }

/* ============================== sec_logo_print */
p.sec_logo_print { display: none; }


/* ============================== js_off*/
.js_off input.bt_search { vertical-align: middle; margin-left: 5px; }
.js_on_display_none { display: none; }