body { background:#fff; text-align:center; }
body,h1,h2,h3,h4,p,ul,li,form { margin:0; padding:0; }
body,th,td { font-size:13px; color:#333; line-height:1.4; }
ul li { list-style:none; }
img { border:0; }
a { color:#369; }
a:hover { color:#69c; }



/*///////common///////*/

#top { background:url("../images/bg_top.gif") repeat-x center 0; }
#top #logo { background:url("../images/logo.gif") no-repeat; width:900px; margin:0 auto; position:relative; height:77px; }
#top #logo h1 { display:block; position:absolute; width:480px; left:120px; bottom:25px; font-size:12px; color:#666; text-align:left; text-decoration:none; font-weight:normal; }
#top #logo p { background:url("../images/contact_01.gif") no-repeat; position:absolute; width:245px; right:0; top:8px; padding:42px 0 0 0; }
#top #logo p a { display:block; }
#top #logo p a:hover { border-bottom:1px solid #999; }
#top #nav { width:900px; margin:0 auto; }
#top li { float:left; width:150px; }
#top li a { display:block; padding-bottom:4px; }
#top li a:hover { background:#351bb6; }
#top li.this a { background:#351bb6; }
#top #topbanner { clear:both; }
#top #topbanner p { background-repeat:no-repeat; background-position:center center; height:150px; text-align: right; }
#main { background:url("../images/bg_main.gif") no-repeat; width:900px; margin:20px auto 0 auto; padding:5px 0 0 0; text-align:left; }
#subnav { float:left; width:220px; padding:5px 0 30px 0; }
#subnav li { border:1px solid #ccc; border-bottom-color:#999; border-top:0; margin:0 9px; }
#subnav li.product { background:#ddd; padding:20px; border:1px solid #ccc; }
#subnav li a { display:block; }
#footer { background:#fff; clear:both; width:900px; margin:0 auto; border-top:20px solid #fff; text-align:center; }
#footer ul { padding:10px 0; border-top:1px solid #ccc; }
#footer li { display:inline; border-right:1px solid #999; padding:0 12px; }
#footer li.first { border-left:1px solid #999; }
#footer li a { font-size:12px; color:#333; text-decoration:none; }
#footer li a:hover { color:#666; }
#footer address { background:url("../images/bg_footer.gif") no-repeat center 0; font-style:normal; font-size:11px; color:#999; padding:10px 0; }
#contents { padding:0 0 30px 250px; }
#contents h2 { background:url("../images/bg_h2.gif") repeat-x 0 bottom; border:1px solid #ccc; font-size:15px; margin:12px 0; padding:5px 10px; }
#contents h2 span { padding:0 5px 0 0; color:#9cf; }
#contents h3 { border-left:3px solid #9cf; font-size:14px; margin:7px 0; padding:0 10px; }
#contents p { padding:0 0 15px 0; }
#contents p.date { text-align:right; color:#666; }
#contents p.name { text-align:right; }
#contents p.link { text-align:right; color:#999; }
#contents p.link a { background:url("../images/arrow.gif") no-repeat right center; padding:2px 25px 2px 0; }
#contents ol li { padding:0 0 10px 0; }
#contents table.line { border:1px solid #ccc; width:640px; margin:12px 0; }
#contents table.line th { background:#eee; border:1px solid #ccc; padding:7px 15px; vertical-align:top; text-align:right; }
#contents table.line td { border:1px solid #ccc; padding:7px 15px; vertical-align:top; }
#contents form th { background:#eee; border:1px solid #ccc; padding:10px 15px; vertical-align:top; text-align:right; }
#contents form td { border:1px solid #ccc; padding:10px 15px; vertical-align:top; }
#contents form p.btn { padding-top:20px; }
#contents form span { color:#f00; padding:0 0 0 5px; }



/*///////top banner img///////*/

body#index #topbanner { background:url("../images/bg_topbanner.jpg"); position:relative; }
body#index #topbanner p { background-image:url("../images/topbanner.jpg"); width:940px; height:260px; margin:0 auto; }
body#index #topbanner p a { display:block; height:260px; margin:0 20px 0 350px; text-decoration:none; }
body#product #topbanner { background:url("../images/bg_topbanner.jpg"); }
body#product #topbanner p { background-image:url("../product/images/topbanner.jpg"); }
body#reuse #topbanner { background:url("../images/bg_topbanner.jpg"); }
body#reuse #topbanner p { background-image:url("../reuse/images/bg_topbanner.jpg"); }
body.company #topbanner { background:#eef1f6 url("../company/images/bg_topbanner.jpg") no-repeat center 0; }
body#company #topbanner p { background-image:url("../company/images/topbanner_01.gif"); }
body#content #topbanner p { background-image:url("../company/images/topbanner_02.gif"); }
body#aisatu #topbanner p { background-image:url("../company/images/topbanner_03.gif"); }
body#recruit #topbanner p { background-image:url("../company/images/topbanner_04.gif"); }
body#access #topbanner p { background-image:url("../company/images/topbanner_05.gif"); }
body#contact #topbanner p { background-image:url("../company/images/topbanner_06.gif"); }
body#link #topbanner p { background-image:url("../company/images/topbanner_07.gif"); }
body#privacy #topbanner p { background-image:url("../company/images/topbanner_08.gif"); }
body#notice #topbanner p { background-image:url("../company/images/topbanner_09.gif");  }
body.medical #topbanner { background:#eef1f6 url("../product/medical/images/bg_topbanner.jpg") no-repeat center 0; }
body#medical #topbanner p { background-image:url("../product/medical/images/topbanner_01.gif"); }
body#medical-function #topbanner p { background-image:url("../product/medical/images/topbanner_02.gif"); }
body#medical-introduction #topbanner p { background-image:url("../product/medical/images/topbanner_03.gif"); }
body#medical-demo #topbanner p { background-image:url("../product/medical/images/topbanner_04.gif"); }
body.dental #topbanner { background:#eef1f6 url("../product/dental/images/bg_topbanner.jpg") no-repeat center 0; }
body#dental #topbanner p { background-image:url("../product/dental/images/topbanner_01.gif"); }
body#dental-function #topbanner p { background-image:url("../product/dental/images/topbanner_02.gif"); }
body#dental-introduction #topbanner p { background-image:url("../product/dental/images/topbanner_03.gif"); }
body#dental-demo #topbanner p { background-image:url("../product/dental/images/topbanner_04.gif"); }


/*///////individual///////*/

body#index #main { background:none; }
body#index #banner { width:270px; float:right; padding:0 0 30px 0; }
body#index #banner img { margin:0 0 5px 0; }
body#index #banner div { padding:20px 0 0 0; }
body#index #banner div p.phoenix { padding:10px 0 0 0; text-align:center; }
body#index #contents { width:600px; float:left; padding:0 0 30px 0; }
body#index h2#medical { background:none; float:left; width:295px; margin:0; padding:0 0 20px 0; border:0; }
body#index h2#dental { background:none; float:right; width:295px; margin:0; padding:0 0 20px 0; border:0; }
body#index h2.reuse { clear:both; }
body#index h2.reuse span { color:#99f; }
body#index h2.topics span { color:#ca3; }
body#index table.topics { width:600px; }
body#index table.topics th { background:url("../images/arrow_topics.gif") no-repeat 10px 8px; color:#666; font-weight:normal; border-bottom:1px dotted #ccc; vertical-align:top; padding:5px 20px 5px 30px; }
body#index table.topics td { border-bottom:1px dotted #ccc; vertical-align:top; padding:5px 0; }

body#product #main { background:none; }
body#product #contents { padding-left:0; }
body#product h2 { margin-top:0; }
body#product p img { float:left; margin:0 10px 0 0; }
body#product #medical { float:left; width:435px; margin:0; padding:0 0 20px 0; border:0; }
body#product #dental { float:right; width:435px; margin:0; padding:0 0 20px 0; border:0; }
body.function #contents p.function { line-height:2; }
body.function #contents p.function span { background:#9cf; border:1px solid #69c; padding:3px; }
body.function #contents p.lead { border-bottom:6px solid #666; }
body.demo #contents div.lead { background:url("../product/images/demo.gif") no-repeat right bottom; }
body.demo #contents div.lead h2 { background:none; margin:0; padding:12px 0 20px 0; border:0; }
body.demo #contents div.lead p { padding:0 120px 0 0; }
body.introduction #contents p.arrow { text-align:center; color:#ccc; font-size:20px; margin:0; padding:0; }
body.introduction #contents div { border:3px solid #999; padding:0 12px; }
body.introduction #contents div.n1 { border-color:#cc9; }
body.introduction #contents div.n2 { border-color:#c99; }
body.introduction #contents div.n3 { border-color:#c9c; }
body.introduction #contents div.n4 { border-color:#99c; }
body.introduction #contents div.n5 { border-color:#9cc; }
body.introduction #contents div.n6 { border-color:#9c9; }
body.introduction #contents div.n1 h2 span { color:#cc9; }
body.introduction #contents div.n2 h2 span { color:#c99; }
body.introduction #contents div.n3 h2 span { color:#c9c; }
body.introduction #contents div.n4 h2 span { color:#99c; }
body.introduction #contents div.n5 h2 span { color:#9cc; }
body.introduction #contents div.n6 h2 span { color:#9c9; }
body.introduction #contents div.n7 h2 span { color:#999; }
body.introduction #contents p.n1 { color:#cc9; }
body.introduction #contents p.n2 { color:#c99; }
body.introduction #contents p.n3 { color:#c9c; }
body.introduction #contents p.n4 { color:#99c; }
body.introduction #contents p.n5 { color:#9cc; }
body.introduction #contents p.n6 { color:#9c9; }
body.introduction #contents p.n7 { color:#999; }

body#reuse #example { background:url("../reuse/images/example.gif") no-repeat right center; padding:0 265px 20px 10px; }
body#reuse #example li { background:#eee; border:5px solid #ccc; color:#666; margin:0 0 7px 0; padding:10px; }

body#recruit #contents ul.nav li { display:inline; padding:0 20px; border-left:1px solid #ccc; }
body#recruit #contents table.line { margin:0 0 20px 0; }

body#link #contents ul li { border-bottom:1px dotted #ccc; padding:10px 0; color:#ccc; }
body#link #contents ul li a { background:url("../images/arrow.gif") no-repeat 0 center; padding:2px 0 2px 25px; }