#container{ position:relative; width:603px; height:100%; margin:auto; background:url(../image/img_container_back_01.gif) repeat-y; border-bottom:solid 2px #ee009d; border-top:solid 2px #ee009d; } #main img.mark{ margin-left:20px; margin-bottom:20px;} /* list-style-position:inside　リストマーカーが文章内に挿入する */ #main ul{ margin-left:20px; margin-right:15px;} #main span li{ line-height:1.5em; list-style-image:url(../image/img_list_medical.gif); list-style-position:inside;} #main span li.sqr{list-style-image:url(../image/img_list_sqr.gif);} *html #main span li{ list-style-image:url(../image/img_list_medical_ie.gif);} *:first-child+html #main span li{ list-style-image:url(../image/img_list_medical_ie.gif);} *html #main span li.sqr{list-style-image:url(../image/img_list_sqr_ie.gif);} *:first-child+html #main span li.sqr{list-style-image:url(../image/img_list_sqr_ie.gif);} /*------------------------------------------------ SUB ------------------------------------------------*/ #sub ul li a#sub_navi01{ background:url(../image/img_sub_tiryou_01.gif) no-repeat left top;} #sub ul li a#sub_navi02{ background:url(../image/img_sub_tiryou_02.gif) no-repeat left top;} #sub ul li a#sub_navi03{ background:url(../image/img_sub_tiryou_03.gif) no-repeat left top;} #sub ul li a#sub_navi04{ background:url(../image/img_sub_tiryou_04.gif) no-repeat left top;} #sub ul li a#sub_navi05{ background:url(../image/img_sub_tiryou_05.gif) no-repeat left top;} #sub ul li a#sub_navi06{ background:url(../image/img_sub_tiryou_06.gif) no-repeat left top;} #sub ul li a#sub_navi07{ background:url(../image/img_sub_tiryou_07.gif) no-repeat left top;} #sub ul li a#sub_navi08{ background:url(../image/img_sub_tiryou_08.gif) no-repeat left top;} #sub ul li a#sub_navi09{ background:url(../image/img_sub_tiryou_09.gif) no-repeat left top;} #sub ul li a#sub_navi10{ background:url(../image/img_sub_tiryou_10.gif) no-repeat left top;} #sub ul li a#sub_navi11{ background:url(../image/img_sub_tiryou_11.gif) no-repeat left top;} #sub ul li a#sub_navi12{ background:url(../image/img_sub_tiryou_12.gif) no-repeat left top;} #sub ul li a#sub_navi13{ background:url(../image/img_sub_tiryou_13.gif) no-repeat left top; margin-left:3px;} #sub ul li a:hover{} #sub ul li a:hover#sub_navi01, #sub ul li a:hover#sub_navi02, #sub ul li a:hover#sub_navi03, #sub ul li a:hover#sub_navi04, #sub ul li a:hover#sub_navi05, #sub ul li a:hover#sub_navi06, #sub ul li a:hover#sub_navi07, #sub ul li a:hover#sub_navi08, #sub ul li a:hover#sub_navi09, #sub ul li a:hover#sub_navi10, #sub ul li a:hover#sub_navi11, #sub ul li a:hover#sub_navi12, #sub ul li a:hover#sub_navi13{ background-position: top right;} #sub ul li.active{ display:block; overflow:hidden; text-indent:-9999px;} #sub ul li.active#sub_navi01{ background:url(../image/img_sub_tiryou_01.gif) no-repeat top right;} #sub ul li.active#sub_navi02{ background:url(../image/img_sub_tiryou_02.gif) no-repeat top right;} #sub ul li.active#sub_navi03{ background:url(../image/img_sub_tiryou_03.gif) no-repeat top right;} #sub ul li.active#sub_navi04{ background:url(../image/img_sub_tiryou_04.gif) no-repeat top right;} #sub ul li.active#sub_navi05{ background:url(../image/img_sub_tiryou_05.gif) no-repeat top right;} #sub ul li.active#sub_navi06{ background:url(../image/img_sub_tiryou_06.gif) no-repeat top right;} #sub ul li.active#sub_navi07{ background:url(../image/img_sub_tiryou_07.gif) no-repeat top right;} #sub ul li.active#sub_navi08{ background:url(../image/img_sub_tiryou_08.gif) no-repeat top right;} #sub ul li.active#sub_navi09{ background:url(../image/img_sub_tiryou_09.gif) no-repeat top right;} #sub ul li.active#sub_navi10{ background:url(../image/img_sub_tiryou_10.gif) no-repeat top right;} #sub ul li.active#sub_navi11{ background:url(../image/img_sub_tiryou_11.gif) no-repeat top right;} #sub ul li.active#sub_navi12{ background:url(../image/img_sub_tiryou_12.gif) no-repeat top right;} #sub ul li.active#sub_navi13{ background:url(../image/img_sub_tiryou_13.gif) no-repeat top right; margin-left:3px; border-bottom:#e2e2e2 solid 1px;} /*------------------------------------------------ TITLE ------------------------------------------------*/ #contents img.implant{ margin-top:30px; margin-left:30px; margin-bottom:45px;} #contents img.painless{ margin-top:23px; margin-left:43px; margin-bottom:45px;} #contents img.perio{ margin-top:29px; margin-left:38px; margin-bottom:45px;} #contents img.decayed{ margin-top:23px; margin-left:50px; margin-bottom:39px;} #contents img.jaw{ margin-top:29px; margin-left:51px; margin-bottom:45px;} #contents img.artificial{ margin-top:28px; margin-left:44px; margin-bottom:45px;} #contents img.wisdom{ margin-top:28px; margin-left:34px; margin-bottom:45px;} #contents img.extract{ margin-top:28px; margin-left:35px; margin-bottom:45px;} #contents img.kids{ margin-top:29px; margin-left:28px; margin-bottom:45px;} #contents img.mother{ margin-top:29px; margin-left:30px; margin-bottom:45px;} #contents img.allergy{ margin-top:30px; margin-left:45px; margin-bottom:46px;} #contents img.canker{ margin-top:30px; margin-left:43px; margin-bottom:46px;} #contents img.bridge{ margin-top:30px; margin-left:30px; margin-bottom:47px;} /*------------------------------------------------ MAIN ------------------------------------------------*/ #main div p{ margin-left:20px; margin-right:15px; line-height:1.5em;} #main div div{ height:100%; overflow:hidden;}/*float reset plopaty*/ #main div div img{ float:right; margin:0px 18px; display:inline;} #main div div img.margin_none{ float:none; margin:0px 0px 0px 15px;} #main div div p{ margin:0px 20px 0px 20px;} #main div div span p{ margin-bottom:0px;} #main div h3,#main div div h4{ background:#ffcccc; color:#ee009d; padding:2px 0px 2px 20px; margin-bottom:20px; font-weight:bold; letter-spacing:0.2px; } #main div h5{ background:#888888; color:#ffffff; display:inline; margin:0 0 8px 20px; padding:2px 5px 2px 5px; font-size:80%; font-weight:bold; letter-spacing:0.2px; } #main div h3{width:393px;} #main div div h4{width:186px;} /*見出し背景　濃いピンク用*/ #main div span h3{ border:none; color:#fff; background:#ee009d;} /*p タグの背景として、熊のマークを表示*/ #main span p.kuma_icon{padding:20px 0 0 50px; background:url(../../medical/09-kids/image/kuma_icon.gif) no-repeat top left; height:100%;} /* main contents page-link---------------------------------------------*/ #main ul#page_btn li a:hover,#main ul#page_btn_end li a:hover{ background:#FF0099} #main ul#page_btn li.active,#main ul#page_btn_end li.active{ background:#FF0099;} /*----------------------------------------------------------------------*/ #main div a.link_basic{ color:#999; font-size:75%; float:right; margin-right:20px; margin-top:-30px;} #main div a:hover.link_basic{ color:#333;} strong, strong a{color:#11c8df;} /*PAINLESS contetns*/ #main div div.painless{ margin-left:20px;} #main div div.painless img{ margin:0px 20px 3px 0px; float:left;} #main div div.painless ul{ margin:0px} #main div div.painless li{ display:inline; float:left; margin:0px 20px 0px 0px; width:111px;} #main div div img.painless{ float:none; margin-bottom:2px; margin-left:20px;} /*---------------------------------------------------------*/ /*PERIO contetns*/ #main div div.perio{ padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #e7e7e7;} #main div div.perio img{ float:right; margin-right:20px; display:inline;} #main div div img.perio{ float:left; margin:15px 0px 10px 20px; display:inline;} #main div div span div.perio{ position:relative;} #main div div span div.perio p{ width:auto;} #perio-before{ position:absolute; top:0px; left:-15px;} #perio-after{ position:absolute; top:158px; left:-15px;} #perio_img_02_04{ position:absolute; right:215px; bottom:190px;} /*------------------------------------------------------------*/ .gray_border{ padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #e7e7e7;} /*DECAYED contents-------------------------------------------------------------*/ #main div.decayed div span img{ margin-right:0px;} #main div.decayed div img.decayed_l{ float:left; margin:0px 10px 0px 0px; padding-bottom:10px;} #main div.decayed div img.decayed_r{ float:right; margin-left:0px; margin-right:0px;} #main div div p.decayed{ width:170px; padding-bottom:10px; margin-right:0px;} #main div ul.decayed li{ background:url(../../medical/04-decayed/image/img_list_decayed.gif) 0px 2px no-repeat; margin-top:3px; padding-left:15px;} #main div.decayed div ul { float:left; margin:0px; width:180px;} #main div.decayed div.drpshadow div ul { float:left; margin:0px 0px 0px 10px; width:180px; display:inline;} #main div.decayed div.drpshadow div ul li{ list-style-position:outside;} #main div.decayed div ul span li{ list-style-image:none; color:#ef009e; list-style-position:outside; line-height:1.6em;} #main div.decayed div.drpshadow div ul li img { float:none; margin:0px 0px -5px 8px;} #main div.decayed div.dropshadow img#d_top{ margin:0px; float:left;} #main div.dropshadow ul.decayed li{ background:url(../../medical/04-decayed/image/img_list_decayed.gif) 0px 2px no-repeat; margin-top:3px; padding-left:15px;} #main div.decayed div.gray_border { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e7e7e7;} #main div.decayed span div.gray_border { padding:20px 0px 0px 0px; margin:40px 0px 0px 0px; border-top:1px solid #e7e7e7; border-bottom:none;} #main div.decayed span div.gray_border img.decayed_l{ margin-left:20px; padding-bottom:0px; float:none;} #main div.decayed div p.link_basic{ color:#999; padding-top:10px; font-size:75%;} #decayed_img_01_07{ padding-top:20px;} /*--------------------------------------------------------------------------------*/ /*JAW contents-------------------------------------------------------------*/ #main div ul.jaw { margin-bottom:25px;} #main div ul.jaw li{ background:url(../../medical/04-decayed/image/img_list_decayed.gif) 0px 2px no-repeat; margin-top:3px; padding-left:15px;} #main div span.jaw p, #main div div.jaw{ padding-bottom:40px; margin-bottom:50px; border-bottom:#e7e7e7 solid 1px;} #main div div.jaw img{ padding-top:10px;} #main div span img.jaw{ margin-left:115px; margin-bottom:20px;} /*--------------------------------------------------------------------------------*/ /*ARTIFICIAL contents-------------------------------------------------------------*/ #main div.artificial { text-align:center;} #main div.artificial p { text-align:left;} #main div.artificial .gray_border { padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #e7e7e7;} #main div div.artificial { text-align:left;} #main div div.artificial img.mark { float:none; margin-bottom:10px; margin-left:20px;} #main div div.artificial ul li.sqr{ list-style-image:none; background:url(../../medical/04-decayed/image/img_list_decayed.gif) 0px 2px no-repeat; padding-left:15px;} #artificial_img_02_06{ margin:65px 0px 20px 20px;} /*--------------------------------------------------------------------------------*/ /*WISDOM contents-------------------------------------------------------------*/ #main div.wisdom div img{ float:none; margin-left:20px; margin-bottom:15px;} /*--------------------------------------------------------------------------------*/ /*EXTRACT contents-------------------------------------------------------------*/ #main div p.extract { position: absolute; top:15px; left:45px;} #main div ul.extract { margin-bottom:75px;} #main div.dropshadow ul.extract { margin-bottom:25px;} #main div.dropshadow ul.extract li{ background:url(../../medical/04-decayed/image/img_list_decayed.gif) 0px 2px no-repeat; margin-top:3px; padding-left:15px;} *html #main div p.extract { left:35px;} /*--------------------------------------------------------------------------------*/ /*MOTHER contents-----------------------------------------------------------------*/ #main div div img#mother_img-photo_02_01{ margin-top:10px;} #main div div.mother p { margin:0px 18px 0px 70px; padding:0px;} #main div div.mother img { float:left; margin-top:4px; margin-right:0px;} #main div div.mother p img { float:none; margin-left:0px;} #main div div.mother a { color:#999; font-size:75%; float:right; margin:10px 18px 0px 0px;} #main div div.mother a:hover { color:#333;} #main div img.mother_img_02_04 { margin-left:140px; padding:3px 0px; } #main div div.mother { position:relative;} #main div div.mother span img { position:absolute; top:-3px; right:22px;} /*--------------------------------------------------------------------------------*/ /*ALLERGY contents-----------------------------------------------------------------*/ #main div div.allergy { padding-bottom:40px; text-align:center; display:inherit; width:100%;} #main div div.allergy img { float:none;} #main div div.allergy p { width:177px; margin: 0px 0px 0px 20px; float:left; display:inline;} *html #main div div.allergy p{ margin-left:9px;} #main div ul.allergy { margin-bottom:25px;} #main div ul.allergy li { list-style-image:none; background:url(../../medical/04-decayed/image/img_list_decayed.gif) 0px 2px no-repeat; padding-left:15px;} /*--------------------------------------------------------------------------------*/ /*BRIDGE contents-----------------------------------------------------------------*/ #main div div.bridge { padding-bottom:25px; margin-bottom:35px; border-bottom:1px solid #e7e7e7;} #main div.bridge div span p{ width:170px; float:left; margin-right:15px; display:inline;} #main div.bridge div img{ float:none; margin:0px;} #main div div.relative span.bridge p{ position:absolute; top:0px; right:0px; border:#ee009d solid 1px; color:#ee009d; padding:0 3px; line-height:1.4em;} #main div.bridge div.gray_border{ margin-bottom:55px; padding-bottom:50px;} #main div.bridge span.gray_border div{ margin-bottom:35px; padding-bottom:25px;} /*--------------------------------------------------------------------------------*/ /*CANKER contents-----------------------------------------------------------------*/ #main div ul.canker{ margin-bottom:25px;} #main div ul.canker li{ background:url(../../medical/04-decayed/image/img_list_decayed.gif) 0px 2px no-repeat; margin-top:3px; padding-left:15px;} /*--------------------------------------------------------------------------------*/ /*------------------------------------------------ INPLANT contetnts ------------------------------------------------*/ #main div.relative img#inplant_img_01-03{ float:left;} /* --- page-04 --- */ #main div div h4.imp04 { width:208px; } div#main.imp04 div img { float:right; margin-left:0px; } div#main.imp04 div div p{ margin-right:0px; width:208px;} /* --- page-05 --- */ div#main div div.img_imp05 img{ margin-right:0px;} #main div div#upcon { margin:0 0 20px 20px; } #upcon div.w128 { margin:0 8px 0 0; width:133px; float:left; } #upcon div.w128 p { margin:0; padding:0; width:111px; float:left; } #upcon div.w128 img { margin:0 0 10px 0; padding:0; width:128px; float:left; } #upcon div.w110 { margin:0; padding:0; width:110px; float:left; } #upcon div.w110 p { margin:0; padding:0; width:110px; float:left; } #upcon div.w110 img { margin:0 0 10px 0; padding:0 0 0 0; width:110px; } /*#main div div#midcon { margin:0 0 0 20px; }*/ #main div div#midcon { margin:0 0 30px 20px; } #midcon div.w192 { margin:0 8px 0 0; padding:0; width:209px; float:left; } /*#midcon div.w192 p { margin:0 0 20px 15px; padding:0; width:152px; float:left; }*/ /*#midcon div.w192 p.w110 { width:110px; }*/ #midcon div.w192 p { margin:0 0 20px 0; padding:0; width:152px; float:left; } #midcon div.w192 p.w110 { width:110px; margin-left:18px;} #midcon div.w192 p.w152 { width:152px; margin-left:18px;} /*#midcon div.w192 p img { margin:0 0 10px -15px; padding:0; width:192px; float:left; }*/ #midcon div.w192 img { margin:0 0 10px 0; padding:0; width:192px; float:left; } #midcon div.w163 { margin:0; padding:0; width:163px; float:left; } #midcon div.w163 p { margin:0 0 20px 0; padding:0; width:163px; float:left; } #midcon div.w163 p img { margin:0 0 10px 0; padding:0; width:163px; } #main div div#btmcon { margin:0 0 0 0; text-align:center; } #main div div#btmcon img { margin:5px 0 0 80px; float:left; } .img_imp05 {margin-bottom:10px} /*追加*/ #midcon div.w192 p { display:inline;} #midcon div.w192 p img { display:inline;} #main div div#btmcon img{ display:inline;} /* --- page-06 --- */ #main div div h4.imp04 { width:208px; } #main div div.w180 { float:left; margin:0 0 0 20px; display:inline;} #main div div.w180 p { margin:0; padding:0 16px 0 0; width:180px; float:left; } #main div div.w180 p img { margin:0; padding:0 0 10px 0; width:180px; float:left; } div#main.implant a img{ cursor:pointer;} /* --- ie6 対策--- */ *html #main div div.w180 { float:left; padding:0 0 0 20px; margin:0px; } *html #main div div.w180 p { margin:0; padding:0 16px 0 0; width:180px; } *html #main div div.w180 p img { margin:0; padding:0 0px 10px 0; width:180px; } #main div div.clear { border-bottom:1px solid #e6e6e6; } #main div div.clear p { margin:30px 0 40px 20px; width:196px } #main div div.clear img { margin:15px 20px 40px 0; } #main div div#btmcon06 { margin:50px 20px 0 20px; } #main div div#btmcon06 p { margin:0 0 5px 0; } #main div div#btmcon06 img { margin:60px 0 0 0; } #main div div#btmcon06 p img { margin:0; } /*KIDS contetns---------------------------------------------*/ /* --- kids 01 用 --- */ div#main div div.two_side { margin-bottom:20px;} div#main div div.two_side p { margin:0 0 0 20px; width:178px; float:left; } div#main div div.two_side p.clear { margin:0 0 0 20px; width:376px; float:left; } div#main div div.two_side img { margin:10px 0 0 20px; width:178px; float:left; } div#main.kids_01 div.relative 　{} div#main.kids_01 div.relative p 　{ width:320px;} div#main.kids_01 div.gray_border { border-top:1px solid #e7e7e7; border-bottom:none; padding:50px 0 0 0; margin-top:50px;} div#main.kids_01 div.margin_top50 img { margin:10px 0px 50px 20px; float:none; } div#main div img#btmimg { margin: 10px 0 10px 20px; float:left; } div#main div#btm { border:none; } /* --- kids 02 用 --- */ div#main.kids div p { height:100%; overflow:hidden; } div#main.kids div p img { float:right; margin:0 0 0 20px; padding:0; } div#main.kids div p img.extract { float:none; margin:0px;} div#main.kids div p.padding_bottom20 { padding-bottom:20px; } /*---The IE Double Float-Margin Bag---*/ div#main div div.two_side p, div#main div div.two_side p.clear, div#main div img#btmimg, div#main div div.two_side img{ display:inline} /*------------------------------------------------------------*/