@charset "utf-8";
@import url("/eng/css/layout.css");

#contentBody img { vertical-align:top; }
#contentBody a:link,
#contentBody a:visited { color::inherit; }
#contentBody a:active,
#contentBody a:focus,
#contentBody a:hover { text-decoration:underline; }

/* visual area */
#visual { position:relative; height:311px; }
#visual div.link { float:left; position:relative; width:278px; overflow:visible; height:311px; font-size:0; background:url('/eng/images/index/bgVisual.png') no-repeat 0 0; z-index:40; }
#visual div.link h2 { margin:42px 0 17px 28px; }
#visual div.link ul { margin-left:15px; z-index:40; }
#visual div.link a img { width:100%; height:26px; vertical-align:top; }
#visual button { display:none; }
#visual div.target { float:right; width:696px; height:311px; margin-left:-9px; overflow:hidden; z-index:20; }
#visual div.target ul { width:3480px; }
#visual div.target ul li { float:left; position:relative; width:696px; height:311px; }
#visual div.target ul li#target01 { background:url('/eng/images/index/bgTarget01.jpg') no-repeat 0 0; }
#visual div.target ul li#target02 { background:url('/eng/images/index/bgTarget02.jpg') no-repeat 0 0; }
#visual div.target ul li#target03 { background:url('/eng/images/index/bgTarget03.jpg') no-repeat 0 0; }
#visual div.target ul li#target04 { background:url('/eng/images/index/bgTarget04.jpg') no-repeat 0 0; }
#visual div.target ul li#target05 { background:url('/eng/images/index/bgTarget05.jpg') no-repeat 0 0; }
#visual div.target ul li div { position:absolute; laft:0; top:224px;; width:100%; height:87px; color:#fff; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity:.7; }
#visual div.target h3 { margin:18px 0 7px 25px; font-size:1.4em; font-weight:bold; color:#fff; }
#visual div.target p { float:left; display:inline; margin-left:25px; color:#999; line-height:1.4; }
#visual div.target a { float:right; display:inline; margin-right:20px; }

/* set content area */
#contentBody { width:945px; overflow:hidden; }
#contentLeft { float:left; width:630px; padding-top:53px; overflow:hidden; }
#contentRight { float:right; position:relative; width:305px; background-color:#fff; overflow:hidden; }
#contentRight div.content { width:682px; height:800px; margin-left:14px; padding:53px 0 0 30px; border-left:1px solid #bcbcbc; overflow:hidden; }

/* content left */
div.tabBox01 { position:relative; width:627px; height:235px; margin-bottom:45px; background:url('/eng/images/index/bgDot01.gif') repeat-x 0 27px; }
div.tabBox01 h3 { position:absolute; top:0; }
div.tabBox01 h3.tab01 { width:129px; left:0; }
div.tabBox01 h3.tab02 { width:103px; left:133px; }
div.tabBox01 h3.tab03 { width:101px; left:240px; }
div.tabBox01 h3 a { display:block; height:23px; margin-top:3px; border:1px solid #aaabab; border-bottom:0; line-height:23px; text-align:center; }
div.tabBox01 h3 a img { padding-top:6px; }
div.tabBox01 h3 a.on { height:24px; margin-top:0; border:3px solid #2b3783; border-bottom:1px solid #fff; }
div.tabBox01 h3 a.on img { padding-top:8px; }
div.tabBox01 h4 { height:11px; margin-bottom:14px; }
div.tabBox01 a.more { position:absolute; top:3px; right:0; }
#tab01, #tab02, #tab03 { clear:both; padding-top:55px; overflow:hidden; }
#tab02, #tab03 { display:none; }
#tab01 div.news { float:left; position:relative; width:285px; margin-right:35px; padding-left:13px; }
#tab01 div.news p,
#tab01 div.review p { width:100%; padding-bottom:10px; color:#333; line-height:1.3; overflow:hidden; }
#tab01 div.news p img,
#tab01 div.review p img{ float:left; width:102px; height:64px; margin-right:15px; }
#tab01 div.news p a,
#tab01 div.review p a { color:#333; }
#tab01 div.news li { padding:4px 0 4px 16px; border-top:1px dashed #e5e5e5; color:#888; background:url('/eng/images/index/bulArrow01.gif') no-repeat 0 8px; line-height:1.4; }
#tab01 div.news li a { color:#888; }
#tab01 div.review { float:left; position:relative; width:285px; }
#tab01 div.review a.linkBox { display:inline-block; width:245px; height:31px; margin-top:7px; padding-left:39px; color:#666; background:url('/eng/images/index/bgLinkBox01.gif') no-repeat 0 0; line-height:31px; }
#tab01 div.review a.linkBox.link02 { background-position:0 -30px; } 
#tab02 p { float:left; width:375px; margin-right:25px; color:#666; line-height:1.3; overflow:hidden; }
#tab02 p img { float:left; width:157px; height:138px; margin-right:15px; }
#tab02 ul { float:left; color:#5d68af; line-height:1.45; }
#tab02 ul li { padding-left:7px; background:url('/eng/images/index/bulDot01.gif') no-repeat 0 50%;},
#tab02 ul a:link,
#tab02 ul a:visited { color:#5d68af; text-decoration:underline; }
#tab03 a.more { top:58px; right:9px; }
#tab03 h4 { margin-bottom:26px !important; }
#tab03 p.patient { float:left; margin-right:32px; padding-top:11px; }
#tab03 p.text { float:left; width:375px; color:#666; line-height:1.2; }
#tab03 p.text span { display:block; margin-top:10px; padding-top:5px; border-top:1px dotted #e5e5e5; }
#tab03 p.text span span { float:left; width:323px; margin:0; padding:0; border:0; font-size:.9em; color:#888; }
#tab03 p.text em { float:left; width:48px; margin-right:4px; font-style:normal; font-weight:bold; color:#656da3; background:url('/eng/images/index/bulArrow02.gif') no-repeat 100% 5px; }
#tab03 p.text strong { color:#aa0000; }

div.focus { width:648px; margin-bottom:45px; }
div.focus h3 { margin-bottom:28px; }
div.focus ul { padding-left:3px; }
div.focus li { float:left; width:200px; height:151px; margin-right:12px; color:#333; background:url('/eng/images/index/bgFocus.gif') repeat-x 0 100%; text-align:center; }
div.focus li img { width:180px; height:97px; margin-bottom:13px; }
div.focus li a { display:inline-block; width:150px; color:#333; line-height:1.2; }

div.story { width:624px; padding-left:3px; }
div.story h3 { margin-bottom:16px; }
div.story p { float:left; width:293px; margin-right:29px; font-size:.9em; color:#888; line-height:1.2; }
div.story p img { width:294px; height:142px; margin-bottom:5px; }
div.story p a {display:block; padding-left:5px; color:#888; }
div.story p strong { display:block; margin-bottom:4px; font-size:1.1em; color:#333;  font-weight:normal;}
div.story p span { color:#2b3783; margin-right:7px; }
div.story ul { float:left; width:302px; }
div.story li { width:100%; margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #e5e5e5; color:#666; overflow:hidden; line-height:1.2; }
div.story li.last { margin:0; padding:0; border:0; }
div.story li a { color:#666; }
div.story li img { float:left; width:72px; height:40px; margin-right:18px; }
div.story li strong { display:block; color:#333; font-weight:normal; }

div.care { margin-bottom:25px; }
div.care h3 { margin-bottom:15px; }
div.care ul { height:66px; padding:14px 0 0 96px; background:url('/eng/images/index/bgCare.gif') no-repeat 0 0; }
div.care li { height:15px; margin-bottom:3px; overlfow:hidden; }

div.ihs { width:680px; margin-bottom:19px; padding-bottom:19px; border-bottom:1px dashed #e5e5e5; overflow:hidden; }
div.ihs h3 { margin-bottom:1px; }
div.ihs p { float:left; width:178px; margin-right:85px; padding:15px 80px 0 0; font-size:0.9em; color:#666; background:url('/eng/images/index/bgIHS.gif') no-repeat 100% 0; line-height:1.3; }
div.ihs p a { color:#888; }
div.ihs ul { width:250px; }
div.ihs li { float:left; height:14px; margin-right:18px; padding-left:16px; background:url('/eng/images/index/bulArrow01.gif') no-repeat 0 4px; }
div.ihs li.last { height:26px; margin-top:15px; padding:0; background:none; }
div.ihs li a:link,
div.ihs li a:visited { color:#5d68af; text-decoration:underline; line-height:14px; }


div.procedures { margin-bottom:30px; } 
div.procedures h3 { margin-bottom:17px; } 
div.procedures div.tabBox02 { position:relative; height:331px; background:url('/eng/images/index/bgProcedure.gif') no-repeat 0 0; overflow:hidden; } 
div.procedures div.tabBox02 h4 { position:absolute; } 
div.procedures div.tabBox02 h4.tab01 { top:25px; left:104px; } 
div.procedures div.tabBox02 h4.tab02 { top:79px; left:212px; } 
div.procedures div.tabBox02 h4.tab03 { top:160px; left:104px; } 
div.procedures div.tabBox02 h4.tab04 { top:79px; left:14px; } 
div.procedures div.tabBox02 div.displayOff { display:none; position:absolute; width:260px; height:129px; top:200px; left:0; background:url('/eng/images/index/bgProcedureCont.gif') no-repeat 0 0; } 
div.procedures div.tabBox02 div.displayOff.on { display:block; }
div.procedures div.tabBox02 div.displayOff h5 { padding:22px 0 11px 18px; }
div.procedures div.tabBox02 div.displayOff ul.list01 li { margin:0 0 2px 18px; padding-left:10px; color:#333; background:url('/eng/images/index/bulDot01.gif') no-repeat 0 50%; line-height:1.3; }
div.procedures div.tabBox02 div.displayOff p.text01 { width:auto; height:auto; margin:0 0 2px 18px; padding:0; color:#333; line-height:1.3; }
div.procedures div.tabBox02 div.displayOff ul.list02 { width:235px; padding-left:18px; }
div.procedures div.tabBox02 div.displayOff ul.list02 li { float:left; padding-left:8px; font-size:.9em; color:#888; background:url('/eng/images/index/bulDash01.gif') no-repeat 0 6px; line-height:1.3; }
div.procedures div.tabBox02 div.displayOff ul.list02 li.odd { width:125px; }
div.procedures div.tabBox02 div.displayOff p.text02 { width:230px; height:auto; margin:0 0 4px 18px; padding:0 0 2px; border-bottom:1px dashed #e5e5e5; color:#333; line-height:1.3; }
div.procedures div.tabBox02 div.displayOff a.more { position:absolute; top:25px; right:15px; }

div.procedures div.tabBox02 div.displayOn { display:none; position:absolute; top:0; left:303px; }
div.procedures div.tabBox02 div.displayOn.on { display:block; }
div.procedures div.tabBox02 div.displayOn h5 { padding:2px 0 4px 7px; }
div.procedures div.tabBox02 div.displayOn p { padding:2px 0 0 7px; }
div.procedures div.tabBox02 div.displayOn ul { padding-top:9px; font-size:.96em; }
div.procedures div.tabBox02 div.displayOn ul.list01 { width:378px; }
div.procedures div.tabBox02 div.displayOn ul.list01 li,
div.procedures div.tabBox02 div.displayOn ul.list02 li { float:left; width:181px; margin-right:8px; overflow:hidden; }
div.procedures div.tabBox02 div.displayOn ul.list01 ul { padding-top:8px; height:62px; }
div.procedures div.tabBox02 div.displayOn ul.list02 ul { padding-top:8px; height:142px; }
div.procedures div.tabBox02 div.displayOn ul ul li { float:none !important; width:auto !important; margin:0 0 0 6px; padding-left:6px; color:#888; background:url('/eng/images/index/bulArrow03.gif') no-repeat 0 5px; line-height:1.3; }
div.procedures div.tabBox02 div.displayOn ul ul ul { _height:auto !important; padding:3px 0 5px !important; }
div.procedures div.tabBox02 div.displayOn ul ul ul li { _width:auto !important; margin:0; background:url('/eng/images/index/bulDash01.gif') no-repeat 0 6px; }

div.procedures p.headText { position:absolute; top:54px; left:72px; } 

p.promotion { padding-bottom:45px; }

div.find { display:none; margin-bottom:30px; }
div.find h3 { margin-bottom:13px; }
div.find form { height:31px; padding-top:8px; background-color:#efefef; text-align:center; }
div.find form * { vertical-align:middle; background-color:#fcfcfc; }
div.find form a img { *margin-top:1px; _margin-top:2px; }
div.find input.input { width:350px; height:20px; padding:0 5px; border:1px solid #bbb; line-height:20px; }
div.find form select { width:200px; height:22px; border:1px solid #bbb;}

div.faq { display:none; width:680px; margin-bottom:18px; padding-bottom:10px; border-bottom:1px dashed #e5e5e5; }
div.faq h3 { margin-bottom:10px; }
div.faq ul { color:#888; line-height:1.3; }
div.faq li { float:left; width:322px; padding-left:18px; background:url('/eng/images/index/bulArrow01.gif') no-repeat 0 3px; }
div.faq li a { color:#888; }

div.promotion { display:none; width:683px; height:170px; padding-bottom:32px; overlfow:hidden; }
div.promotion div { float:left; width:326px; height:170px; background:url('/eng/images/index/bgPromotion.gif') no-repeat 0 0; }
div.promotion p { float:left; width:357px; } 
div.promotion h3 { margin:30px 0 25px 20px; }
div.promotion ul { margin-left:20px; }
div.promotion li { float:left; margin-right:10px; padding-left:8px; color:#fff; background:url('/eng/images/index/bulDot02.gif') no-repeat 0 50%; line-height:1.1; }
div.promotion li a { color:#fff; }
div.promotion dl { margin:25px 0 0 20px; }
div.promotion dt { float:left; padding-top:4px; }
div.promotion dd { padding-left:70px; color:#9e9e9e; line-height:1.4; }
div.promotion dd a { color:#fff; color:#9e9e9e; }

#contentRight.on div.find,
#contentRight.on div.faq,
#contentRight.on div.promotion { display:block; }

#contentRight.on div.care,
#contentRight.on p.promotion,
#contentRight.on div.displayOff { display:none; }
#contentRight.on div.tabBox02 { height:203px; }

#contentRight button.fold { position:absolute; top:118px;; left:0; width:14px; height:74px; }
#contentRight button.fold span { position:absolute; top:0; left:0; width:100%; height:100%; background:url('/eng/images/index/btnContentFold.gif') no-repeat 0 0; }
#contentRight button.fold.on span { background-position:-14px 0; }