/* Unchanged */
@charset "utf-8";

/* ====== base ====== */
#main h2{color:#eb2f4e;}

/* safari only */
html*#main h2{color:#eb2f4e;}


/* ====== side navigation ====== */
#sidebar .navi .title { background-image: url(/imgs/cardomec/navi_title.gif); }
#sidebar .navi ul li.navi01 a { background-image: url(/imgs/cardomec/navi01.gif); }
#sidebar .navi ul li.navi02 a { background-image: url(/imgs/cardomec/navi02.gif); }
#sidebar .navi ul li.navi02a a { background-image: url(/imgs/cardomec/navi02a.gif); }
#sidebar .navi ul li.navi02b a { background-image: url(/imgs/cardomec/navi02b.gif); }
#sidebar .navi ul li.navi02c a { background-image: url(/imgs/cardomec/navi02c.gif); height: 37px; }
/*#sidebar .navi ul li.navi02d a { background-image: url(/imgs/cardomec/navi02d.gif); }
#sidebar .navi ul li.navi02e a { background-image: url(/imgs/cardomec/navi02e.gif); }
#sidebar .navi ul li.navi02f a { background-image: url(/imgs/cardomec/navi02f.gif); }
#sidebar .navi ul li.navi02g a { background-image: url(/imgs/cardomec/navi02g.gif); }*/
#sidebar .navi ul li.navi03 a { background-image: url(/imgs/cardomec/navi03.gif); }
#sidebar .navi ul li.navi04 a { background-image: url(/imgs/cardomec/navi04.gif); }
/*#sidebar .navi ul li.navi04a a { background-image: url(/imgs/cardomec/navi04a.gif); }
#sidebar .navi ul li.navi04b a { background-image: url(/imgs/cardomec/navi04b.gif); }
#sidebar .navi ul li.navi04c a { background-image: url(/imgs/cardomec/navi04c.gif); height: 37px; }
#sidebar .navi ul li.navi04d a { background-image: url(/imgs/cardomec/navi04d.gif); }*/
#sidebar .navi ul li.navi05 a { background-image: url(/imgs/cardomec/navi05.gif); }


/* ====== main ====== */
#main div { background: url(/imgs/article_line.gif) repeat-x left bottom; clear: both; margin-top: 27px; padding-bottom: 24px; position: relative; }
#main div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main div div { background-image: none; clear: none; margin-top: 0; padding-bottom: 0; position: static; }
#main div div:after { content: ""; }
#main div h2, #main div h3, #main div .text { float: left; width: 340px; }
#main div h3, #main div p { margin-bottom: 0.5em; }
#main div h2 { width: 320px; }
#main div h2#notice { width: 500px; }
#main div p.caution { color: #eb2f4e; font-size: 117%; font-weight: bold; line-height: 1.5; margin-top: 1em; }
#main div .wide { float: none; width: auto; }
#main div p.caption { font-weight: bold; }
#main div p.link a, #main div p strong { padding: 4px; }
#main div ul.caution { margin-top: 1em; }
#main div ul.caution li { padding-left: 1em; text-indent: -1em; }
#main div .photo { background-image: url(/imgs/pic_bg.gif); clear: none; float: right; margin-top: 0; padding-bottom: 17px; width: 226px; }
#main div .photo span { background: url(/imgs/pic_bg.gif); display: block; padding: 20px 15px 0 20px; text-align: center; }
#main hr { clear: both; display: block; margin: 20px; visibility: hidden; }
#main .article01 .photo { background-image: url(/imgs/pic_bg_1st.gif); }
#main .article01 .photo span { background-image: url(/imgs/pic_bg_1st.gif); }
#main .article01 #escape { background-image: url(/imgs/pic_bg.gif); }
#main .article01 #escape span { background-image: url(/imgs/pic_bg.gif); }
#main .article01, #main .article05, #main .article09 { background: url(/imgs/article_line_right.gif) repeat-x right bottom; }
#main .article03, #main .article07, #main .article11 { background-image: url(/imgs/article_line_left.gif); }

.center { clear: both; float: none; text-align: center; width: 100%; }
.center img { margin: 5px; vertical-align: middle; }


/* page navigation */
#main .pnavi { background: url(/imgs/pnavi_bg.gif) no-repeat 225px 2px; height: 37px; text-align: center; }
#main .pnavi li { display: inline; line-height: 1; }
#main .pnavi li.next a { background: url(/imgs/pnavi_bg_dot.gif) no-repeat 0 2px; padding-left: 1px; }
#main .pnavi li.next a img { background: url(/imgs/pnavi_bg_dot.gif) no-repeat 0 2px; padding-left: 1px; }

#main .pnaviSingle {height: 37px; text-align: center; width:421px; margin-right:150px; }
#main .pnaviSingle li { display: inline; }
#main .pnaviSingle li.prevTop {margin-top:10px; float:left; width:150px; text-align:left;}
#main .pnaviSingle li.prevTop a{ width:135px; text-align:left; background:url(/imgs/icon_btn03.gif) 0 0 no-repeat; padding-left:15px;}

#main .pnavinext li { margin: 0 120px; text-align: right; }
#main .pnaviprev li { margin: 0 120px; }


/* ====== section: topindex ====== */
body#crd #main div { background:none; margin-top: 0px; padding-bottom: 0px; position: relative; }
body#crd #main #mainvisual { margin:0; padding:0; }
body#crd #main .lead { margin:18px 0 10px; padding:0; }
/*body#crd #main .lead .txt { float:left; width: 340px; }*/
body#crd #main .lead .txt h2 { background-image: url(/imgs/icon_flower.gif); float:none; }
body#crd #main .lead .txt p { margin: 0 0 12px; padding:0; }
body#crd #main .lead .img { float:right; }

body#crd #main ul { list-style:none }
body#crd #main ul li { width:570px; height: 73px; overflow: hidden; }
body#crd #main ul li a { background:url(/imgs/cardomec/crd_btns.gif); display: block; height: 100%; text-indent: -9999px; width:100%; }
body#crd #main ul li.btn01 a { background-position: 0 0; }
body#crd #main ul li.btn01 a:hover, body#crd #main ul li.btn01 a:focus { background-position: 570px 0; }
body#crd #main ul li.btn02 a { background-position: 0 219px; }
body#crd #main ul li.btn02 a:hover, body#crd #main ul li.btn02 a:focus { background-position: 570px 219px; }
body#crd #main ul li.btn03 a { background-position: 0 146px; }
body#crd #main ul li.btn03 a:hover, body#crd #main ul li.btn03 a:focus { background-position: 570px 146px; }
body#crd #main ul li.btn04 a { background-position: 0 73px; }
body#crd #main ul li.btn04 a:hover, body#crd #main ul li.btn04 a:focus { background-position: 570px 73px; }

/* ====== section: filariasis ====== */
/* topindex */
body#filariasis #main h2 { float: none; }
body#filariasis #main h2#cardomec-filariasis-filariasis_title01 { background: url(/imgs/icon_mosq.gif) no-repeat 15px 0; margin-top: 15px; padding-right: 15px; padding-left: 50px; width: auto; }
body#filariasis #main #mainvisual { margin:10px 0 0 0; min-height: 96px; padding:0; background: url(/imgs/cardomec/filariasis/filariasis_mainvisual.jpg) no-repeat right top;}
body#filariasis #main #mainvisual p { font-size: 117%; padding:0 100px 0 15px;}
body#filariasis #main .btnarea { margin:20px 0 0 0; padding:0 15px; background:none; }
body#filariasis #main .btnarea ul { list-style:none }
body#filariasis #main .btnarea ul li { height: 48px; margin-bottom:10px; overflow: hidden; width:540px; }
body#filariasis #main .btnarea ul li a { background:url(/imgs/cardomec/filariasis/filariasis_btns.gif); display: block; height: 100%; text-indent: -9999px; width:100%; }
body#filariasis #main .btnarea ul li.btn01 a { background-position: 0 0; }
body#filariasis #main .btnarea ul li.btn01 a:hover, body#filariasis #main .btnarea ul li.btn01 a:focus { background-position: 540px 0; }
body#filariasis #main .btnarea ul li.btn02 a { background-position: 0 96px; }
body#filariasis #main .btnarea ul li.btn02 a:hover, body#filariasis #main .btnarea ul li.btn02 a:focus { background-position: 540px 96px; }
body#filariasis #main .btnarea ul li.btn03 a { background-position: 0 48px; }
body#filariasis #main .btnarea ul li.btn03 a:hover, body#filariasis #main .btnarea ul li.btn03 a:focus { background-position: 540px 48px; }

body#filariasis .nomargin img { margin: 0; }
body#filariasis .intro { float: none; margin-bottom: 2em; width: auto; }

/* buttons */
body#filariasis #main .btns { height: 60px; position: relative; }
body#filariasis #main .btns li { position: absolute; }
body#filariasis #main .btns li.prev01 { left: 120px; top: 0; }
body#filariasis #main .btns li.check { right: 0; top: 10px; }

/* table */
body#filariasis #main table { padding: 10px 0; }
body#filariasis #main th { font-size: 117%; padding-bottom: 5px; width: 5.5em; }
body#filariasis #main td { padding: 0 0 5px 18px; vertical-align: middle; }
body#filariasis #main td.arrow { line-height: 15px; }


/* ====== section: check ====== */
/* topindex */
body#check #main .lead { margin:0; padding:20px 0; background:none; }
body#check #main .lead p { margin-bottom:15px; }
body#check #main .lead h2 { float:none; background-image: url(/imgs/icon_flower.gif); width: auto; }
body#check #main .mainvisual { margin:0; padding: 0; background:none; text-align:center; }

body#check #main .btnarea { margin:30px 0 0 0; padding:0 45px; background:none; }
body#check #main .btnarea .left { float:left; }
body#check #main .btnarea .right { float:right; }


/* ====== section: product ====== */
/* topindex */
body#product #main .caption { color: #eb2f4e; font-size: 117%; }


body#product #main h2 { float: none; text-align: left; }
body#product #main .box01-top { width:571px; margin:10px 0 0 0; padding:0; }
body#product #main .box01 { width:571px; background:url(/imgs/cardomec/product/product_box01_bg.gif) no-repeat bottom; margin: 0; padding:0 0 15px 0; text-align:center; }
body#product #main .box01 h2 { background-image: url(/imgs/cardomec/product/product_sec01_tit.jpg); height: 75px; margin:0 auto; padding: 0; text-indent: -9999px; width:521px; }
body#product #main .box01 .tit { background: url(/imgs/cardomec/product/product_sec01_txt.jpg); height: 75px; text-indent: -9999px; width:521px; margin:0 auto; }
/*body#product #main .box01 .tit { background: url(/imgs/cardomec/product/product_sec01_txt.jpg); height: 95px; text-indent: -9999px; width:521px; margin:0 auto; }*/
body#product #main .box01 .txt { width:521px; margin:0 auto; text-align:left; min-height:50px; }
body#product #main .box01 .btn { width:135px; margin:5px auto; text-align:left; }

body#product #main .box02-top { width:571px; margin:10px 0 0 0; padding:0; }
body#product #main .box02 { width:571px; background:url(/imgs/cardomec/product/product_box02_bg.gif) no-repeat bottom; margin: 0; padding:0 0 15px 0; text-align:center; }
body#product #main .box02 .area { width:521px; margin:0 auto; }
body#product #main .box02 .area .left { float:left; width:240px; }
body#product #main .box02 .area .right { float:right; width:240px; }

body#product #main .box02 h2 { float: none; height: 60px; margin:0 auto; padding: 0; text-indent: -9999px; width:240px; }
body#product #main .box02 .left h2 { background-image: url(/imgs/cardomec/product/product_sec02_tit.gif); }
body#product #main .box02 .right h2 { background-image: url(/imgs/cardomec/product/product_sec03_tit.gif); }
body#product #main .box02 .txt { width:240px; min-height:70px; margin:10px auto 0 auto; text-align:left; }
body#product #main .box02 .txt img { float:right; padding:0 0 10px 10px; }
body#product #main .box02 .btn { width:135px; margin:5px auto; text-align:left; }

body#product #main .annotation{font-size:90%; clear:both; text-align:center; display:block; padding:0px 5px;}

/* link to pagetop */
body#product #main .totop { clear: both; padding: 10px 0 0; text-align: right; }
body#product #main .totop a { background: url(/imgs/icon_btn02.gif) repeat-x; padding: 0 0 3px 18px; }
body#product #main .totop a:hover, body#product #main .totop a:focus { background-position: 600px 0; }

/* link to popup */
body#product #main #topopup { clear: both; padding: 20px 0 0; text-align: center; }
body#product #main #topopup a { background: url(/imgs/icon_btn01.gif) repeat-x; padding: 0 18px 3px; }
body#product #main #topopup a:hover, body#product #main #topopup a:focus { background-position: 600px 0; }

/* link to the anchors
body#product #main .btns { text-align: center; padding-top: 5px; width: 571px; }
body#product #main .btns li { display: inline; } */

/* link to the anchors  */
body#product #main .btns { text-align: center; padding-top: 15px; width: 571px; }
body#product #main .btns li { display: inline; font-size:130%; line-height:130%; padding:0px 5px;}
body#product #main .btns li a{ text-decoration:underline;}
body#product #main .btns li a.active{ text-decoration:underline;}


/* ====== section: faq ====== */
body#faq .caption { font-size: 117%; margin-top: 10px; }

body#faq .article01 ul { list-style: circle; padding-left: 3em; }
body#faq .article01 li { padding: 5px 0; }
body#faq .question p, body#faq .answer p { padding-left: 1.5em; text-indent: -1.5em; }
body#faq .question p { color: #eb2f4e; }
body#faq .answer p.caution { padding-left: 2.5em; text-indent: -1.5em; }
body#faq .question span, body#faq .answer span { font-weight: bold; margin-right: 0.5em; }
body#faq .answer span { color: #00a8a7; }

body#faq .center img { margin: 15px 0; }

/* link to pagetop */
body#faq .totop { clear: both; padding: 10px 0 0; text-align: right; }
body#faq .totop a { background: url(/imgs/icon_btn02.gif) repeat-x; padding: 0 0 3px 18px; }
body#faq .totop a:hover, body#faq .totop a:focus { background-position: 600px 0; }

.center{text-align:center;}
.center img{margin: 5px; vertical-align: middle;}