@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: #005fd4; text-decoration: none; }
a:link { color: #005fd4; text-decoration: none; }
a:visited { color: #7a7acc; text-decoration: none; }
a:hover, a:active { color: #0080ff; 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; }
.beside_tit {}


/* ============================== 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; }
#header_inner .lc #company a { display: block; width: 171px; height: 22px; background: url(/common/img/tl_logo_company.gif) no-repeat left bottom; }
#header_inner .lc #logo_recomodulin { width: 280px; height: 23px; margin-top: 8px; }
#header_inner .lc #logo_recomodulin a { display: block; width: 280px; height: 23px; background: url(/common/img/tl_logo_recomodulin.gif) no-repeat 0 0; }
#header_inner .lc #logo_recomodulin a:hover,
#header_inner .lc #logo_recomodulin a:active { text-decoration: none; }
#header_inner .rc { width: 570px; text-align: right; }
/*search*/
#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 .js_exmple { color: #000000; }
#header_inner #i_search input.example { color: #999999; }


/* ============================== 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_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*/
#contents #contents_main h2 { width: 636px; background: url(/common/img/bg_tl_h2.gif) no-repeat left bottom; margin: 30px auto 0; padding: 0 0 5px 10px; border-bottom: solid #803d13 1px; font-size: 167%; font-weight: bold; color: #4d240b; }
/*h3*/
#contents #contents_main h3 { width: 636px; margin: 20px auto 0; padding: 10px 10px 9px; font-size: 134%; font-weight: bold; border-bottom: solid #ccbfb7 1px; color: #4d240b; background-color: #ffefe5; }
/*contents_element*/
#contents #contents_main ol,
#contents #contents_main ul,
#contents #contents_main p,
#contents #contents_main table { width: 616px; margin: 0 auto; }
#contents #contents_main p,
#contents #contents_main .sec_data_table { margin-top: 15px; line-height: 1.5; }
#contents #contents_main .centering { text-align: center; }
#contents #contents_main .rightside { text-align: right; }
/*contents_element ul*/
#contents #contents_main ul { padding-top: 5px; }
#contents #contents_main ul li { margin-top: 15px; padding-left: 14px; background: url(/common/img/bullet_blue.gif) no-repeat 0 0.2em; }
#contents #contents_main .sec_movie ul { width: auto; padding-top: 0; }
#contents #contents_main .sec_movie ul li { background: none; margin: 0; padding: 0;  }
#contents #contents_main .sec_movie ul li img { vertical-align: bottom; }
/*contents_element table*/
#contents #contents_main table { border-top: solid 1px #666666; border-left: solid 1px #666; }
#contents #contents_main table th { padding: 10px; border-bottom: solid 1px #666; white-space: nowrap; border-right: solid 1px #666; background-color: #c8c8c8; font-weight: bold; }
#contents #contents_main table td { padding: 10px; border-bottom: solid 1px #666; border-right: solid 1px #666; }
#contents #contents_main table tr.cell_tl td { background-color: #e6e6e6; }
/*contents_element bullet*/
#contents #contents_main .bullet_note_link { margin-top: 10px; }
#contents #contents_main .bullet_note_link a { padding-left: 14px; background: url(/common/img/bullet_blue.gif) no-repeat 0 0.2em; }
/*contents_element eyc*/
#contents #contents_main .sec_img { margin: 15px auto 0; }
#contents #contents_main p.sec_refer { margin-top: 10px; }
#contents #contents_main .sec_caption { color: #666; font-size: 84%; }
#contents #contents_main .sec_rt { width: 636px; text-align: right; }
/*contents_element movie*/
#contents #contents_main .sec_movie { width: 400px; margin: 20px auto 0;}
#contents #contents_main .sec_movie ul {display: none}
/*contents_element caption*/
#contents #contents_main .sec_caption {}
#contents #contents_main .sec_caption dl { margin-top:20px; }
#contents #contents_main .sec_caption dl dt { float: left; width: 7%; line-height: 1.5; }
#contents #contents_main .sec_caption dl dd { float: right; width: 93%; line-height: 1.5; }
#contents #contents_main .sec_caption dl dd span { }
#contents #contents_main .sec_caption dl dd em { padding: 0 1em; font-size: 117%; }


/* ============================== contents_sub */
#contents #contents_sub dl dd a,
#contents #contents_sub p a { display: block; width: 191px; height: 29px; margin-top: 5px; }
#contents #contents_sub dl dd a:hover,
#contents #contents_sub dl dd a:active,
#contents #contents_sub p a:hover,
#contents #contents_sub p a:active { text-decoration: none; background-position: 0 -29px; }
#contents #contents_sub dl dt { margin-top: 16px; height: 17px; }

/*index*/
#contents #contents_sub .nav_index a { background: url(/common/img/bt_index.gif) no-repeat 0 0; margin-top: 0; }
/*investigation*/
#contents #contents_sub #nav_investigation dt { background: url(/common/img/tl_investigation.gif) no-repeat 0 0; }
#contents #contents_sub .nav_investigation_execution a { background: url(/common/img/bt_investigation.gif) no-repeat 0 0; height: 49px; }
#contents #contents_sub .nav_investigation_execution a:hover,
#contents #contents_sub .nav_investigation_execution a:active { background-position: 0 -49px; }
#contents #contents_sub .nav_investigation_progress a { background: url(/common/img/bt_investigation.gif) no-repeat -191px 0; }
#contents #contents_sub .nav_investigation_progress a:hover,
#contents #contents_sub .nav_investigation_progress a:active { background-position: -191px -49px; }
#contents #contents_sub .nav_investigation_total a { background: url(/common/img/bt_investigation.gif) no-repeat -382px 0; }
#contents #contents_sub .nav_investigation_total a:hover,
#contents #contents_sub .nav_investigation_total a:active { background-position: -382px -49px; }
/*sideeffect*/
#contents #contents_sub #nav_sideeffect dt { background: url(/common/img/tl_sideeffect.gif) no-repeat 0 0; }
#contents #contents_sub .nav_sideeffect_marketing a { background: url(/common/img/bt_sideeffect.gif) no-repeat 0 0; }
#contents #contents_sub .nav_sideeffect_marketing a:hover,
#contents #contents_sub .nav_sideeffect_marketing a:active { background-position: 0 -29px; }
#contents #contents_sub .nav_sideeffect_approval a { background: url(/common/img/bt_sideeffect.gif) no-repeat -191px 0; }
#contents #contents_sub .nav_sideeffect_approval a:hover,
#contents #contents_sub .nav_sideeffect_approval a:active { background-position: -191px -29px; }
/*propriety*/
#contents #contents_sub #nav_propriety dt { background: url(/common/img/tl_propriety.gif) no-repeat 0 0; }
#contents #contents_sub .nav_propriety_explanation a { background: url(/common/img/bt_propriety.gif) no-repeat 0 0; height: 49px; }
#contents #contents_sub .nav_propriety_explanation a:hover,
#contents #contents_sub .nav_propriety_explanation a:active { background-position: 0 -49px; }
#contents #contents_sub .nav_propriety_material a { background: url(/common/img/bt_propriety.gif) no-repeat -191px 0; }
#contents #contents_sub .nav_propriety_material a:hover,
#contents #contents_sub .nav_propriety_material a:active { background-position: -191px -49px; }
/*dic*/
#contents #contents_sub #nav_dic dt { background: url(/common/img/tl_dic.gif) no-repeat 0 0; }
#contents #contents_sub .nav_dic_disease a { background: url(/common/img/bt_dic.gif) no-repeat 0 0; }
#contents #contents_sub .nav_dic_cascade a { background: url(/common/img/bt_dic.gif) no-repeat -191px 0; }
#contents #contents_sub .nav_dic_cascade a:hover,
#contents #contents_sub .nav_dic_cascade a:active { background-position: -191px -29px; }
#contents #contents_sub .nav_dic_diagnosis a { background: url(/common/img/bt_dic.gif) no-repeat -382px 0; }
#contents #contents_sub .nav_dic_diagnosis a:hover,
#contents #contents_sub .nav_dic_diagnosis a:active { background-position: -382px -29px; }
/*recomodulin*/
#contents #contents_sub #nav_recomodulin dt { background: url(/common/img/tl_recomodulin.gif) no-repeat 0 0; }
#contents #contents_sub .nav_recomodulin_mechanism a { background: url(/common/img/bt_recomodulin.gif) no-repeat 0 0; }
#contents #contents_sub .nav_recomodulin_result a { background: url(/common/img/bt_recomodulin.gif) no-repeat -191px 0; }
#contents #contents_sub .nav_recomodulin_result a:hover,
#contents #contents_sub .nav_recomodulin_result a:active { background-position: -191px -29px; }
#contents #contents_sub .nav_recomodulin_conversion a { background: url(/common/img/bt_recomodulin.gif) no-repeat -382px 0; }
#contents #contents_sub .nav_recomodulin_conversion a:hover,
#contents #contents_sub .nav_recomodulin_conversion a:active { background-position: -382px -29px; }
#contents #contents_sub .nav_recomodulin_product a { background: url(/common/img/bt_recomodulin.gif) no-repeat -573px 0; }
#contents #contents_sub .nav_recomodulin_product a:hover,
#contents #contents_sub .nav_recomodulin_product a:active { background-position: -573px -29px; }
#contents #contents_sub .nav_recomodulin_press a { background: url(/common/img/bt_recomodulin.gif) no-repeat -764px 0; }
#contents #contents_sub .nav_recomodulin_press a:hover,
#contents #contents_sub .nav_recomodulin_press a:active { background-position: -764px -29px; }

/*movie*/
#contents #contents_sub #nav_movie dt { background: url(/common/img/tl_movie.gif) no-repeat 0 0; }
#contents #contents_sub .nav_movie a { margin-top: 5px; width: 191px; height: 49px; }
#contents #contents_sub .nav_movie_recomo_dic a { background: url(/common/img/bt_movie_recomo_dic.gif) no-repeat 0 0; }
#contents #contents_sub .nav_movie_thrombo_infl a { background: url(/common/img/bt_movie_thrombo_infl.gif) no-repeat 0 0; }
#contents #contents_sub .nav_movie_recomo_dic a:hover,
#contents #contents_sub .nav_movie_recomo_dic a:active,
#contents #contents_sub .nav_movie_thrombo_infl a:hover,
#contents #contents_sub .nav_movie_thrombo_infl a:active { background-position: 0 -49px; }

/* ============================== 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; }


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