@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

//body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; background:url(../images/bg.jpg) repeat-x 0 0;}
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif; background:url(../images/bg.jpg) repeat-x 0 0;}


/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/

img{ vertical-align:bottom;}


/*基本の設定*/
p,li,th,td,dl{ font-size:11px; line-height:1.2em;}
dt{ font-weight:bold;}
dd{ padding:0;}
strong{ font-weight:bold; color:#772F09;}

ul,li{ margin:0; padding:0; text-indent:0;}


/*リンク色*/
#main_content a:link,#main_content a:visited,#main_content2 a:link,#main_content2 a:visited{ text-decoration:underline; color:#FE5AA4;}
#main_content a:hover,#main_content2 a:hover{ color:#D80162;}

/**/

#container{ width:880px; margin:0 auto;}
#main{ background:url(../images/main_bg.jpg) repeat-y 0 0; _zoom:1;}
#main_content.index{ padding-top:32px; padding-left:36px; width:564px; background:url(../images/index_left_bg.jpg) no-repeat 0 0; background-color:transparen; float:left;}
#main_content2{ padding:37px 20px 0 20px; width:840px; background:url(../images/und_main_bg.jpg) no-repeat 0 0; background-color:transparent;}

#sub_content.index{ padding:25px 19px 0 36px; width:225px; background:url(../images/index_right_bg.jpg) no-repeat 0 0; float:right;}
.sub_nav{ border-bottom:1px dotted #CCC;}
.sub_nav li{ float:left; background:url(../images/dot003.gif) no-repeat 0 5px; padding:5px 15px 5px 15px; }

.sub_nav li a:link{}
.sub_nav li a:visited{}
.sub_nav li a:hover{ color:#999;}

.gototop{ text-align:right; margin-top:15px;}


#main_content h3,#main_content2 h3{ padding-bottom:15px;}
#main_content2 h4{ font-size:26px; height:45px; padding:17px 0 0 35px; color:#777; padding-bottom:15px; background:url(../images/ttl_bg.jpg) no-repeat 0 0;}
#main_content2 h5{ font-size:20px; font-weight:bold; color:#ECBD00; padding-bottom:10px;}

#main_content p,#main_content2 p{ padding-bottom:14px; font-size:12px; line-height:1.6em; color:#666;}
#main_content2 p{ font-size:14px !important;}
#sub_content h4{ padding-bottom:7px;}
#sub_content address{ font-size:10px; color:#666; padding-bottom:10px;}
.index_more{ width:100%; padding:10px 0 30px 0; background:url(../images/index_bar.jpg) no-repeat 0 0;}
.index_more li{ text-align:right; font-size:12px; font-weight:bold; list-style:url(../images/dot003.gif); list-style-position:inside;}
.index_more li a:link{ color:#FE5AA4; text-decoration:none;}
.index_more li a:visited{ color:#FE5AA4; text-decoration:none;}
.index_more li a:hover{ color:#FE5AA4; text-decoration:underline; background:none;}

#side_info{ padding-bottom:0; margin-bottom:20px; background:url(../images/side_bar.gif) no-repeat 50% 100%;}
#side_info dt{ padding:0 0 10px 14px; font-size:14px; color:#FE5AA4; background:url(../images/dot001.gif) no-repeat 0 2px; font-weight:normal;}
#side_info dd{ width:202px; padding:3px 0 3px 12px; font-size:12px; color:#666; background:url(../images/dot002.gif) no-repeat 5px 7px; border-bottom:1px dotted #CCC; position:relative;}
#side_info dd span{ position:absolute; right:0;}

#foot{ width:100%; background:url(../images/bottom_bg.jpg) repeat-x 0 0;}
#foot_inner{ margin:0 auto; width:880px; height:203px; background:url(../images/bottom_bg_inner.jpg) no-repeat 0 0; position:relative;}
#foot_inner dl{ background:url(../images/dot004.gif) no-repeat 20px 107px; padding:105px 0 0 30px;}
#foot_inner dt{ padding-bottom:4px; font-size:12px; color:#5B5B5B; font-weight:bold;}
#foot_inner dd{ padding:0 3px; border-right:1px solid #5B5B5B; font-size:11px; color:#5B5B5B; display:inline;}
#foot_inner dd a:link{ text-decoration:underline; color:#5B5B5B;}
#foot_inner dd a:visited{ text-decoration:underline; color:#5B5B5B;}
#foot_inner dd a:hover{ color:#FFF; text-decoration:none; background:#FE5AA4;}
#copy{ padding-top:45px; text-align:center; color:#666; font-size:10px;}
.to_top{ position:absolute; width:121px; height:17px; top:50px; right:13px;}


#content{ padding:40px 0 0 0; background:url(../images/bar_002.gif) no-repeat 50% 10px;}
#content p{ padding:0 20px 15px 20px; font-size:13px !important;}

#content ul,ul.list{ padding-bottom:15px;}
#content li,ul.list li{ padding:5px 20px 5px 15px; margin-left:20px; font-size:13px !important; background:url(../images/dot001.gif) no-repeat 0 8px; color:#666; border-bottom:1px dotted #F2F2F2;}
#content li,ul.imp li{ margin:0;}

#content h5{ padding:0 0 5px 18px;}

#main_content dl,#main_content2 dl{}
#main_content dt,#main_content2 dt{ font-size:14px; color:#FCAC18; padding-bottom:5px;}
#main_content dd,#main_content2 dd{ font-size:12px; color:#666; padding:0 0 15px 28px; line-height:1.5em;}

.impl{ padding:25px;}
.impl dt{ color:#336699 !important; border-bottom:1px solid #F2F2F2;}
.impl dd{ padding:0 0 15px 0 !important;}


/*ヘッダ*/
#header{ width:880px; height:404px; background:url(../images/index_big_bg.jpg) no-repeat 0 0; position:relative;}
#header.und{ height:70px; background:none;}
#logo{ position:absolute ; top:8px; left:2px; width:408px; height:57px; z-index:25;}
h1{ font-size:12px; color:#231815; position:absolute; z-index:50; left: 90px; top: 7px; }
#tel{ position:absolute; top:29px; left:445px; width:333xp; height:30px; }
#top_nav{ position:absolute; top:7px; left:540px; }
#top_nav li{ display:inline; padding-right:3px;}
#top_access{ width:97px; height:30px; position:absolute; top:29px; left:782px; }
#header h2{ width:446px; height:84px; position:absolute; top:96px; left:24px;}
#index_nav{ position:absolute; top:180px; left:43px;}


/*ナビゲーション*/
#navigation,#navigation2{ padding-left:13px;}
#navigation.index{ width:867px; height:97px; background:url(../images/index_navi_bg.jpg) no-repeat 0 0;}
#navigation2{ width:867px; height:97px; background:url(../images/und_navi_bg.jpg) no-repeat 0 0;}

#navigation li,#navigation2 li{ font-size:10px; color:#666; float:left;}
#navigation li a,#navigation2 li a{ text-align:center; display:block; text-decoration:none;}
.nav001 a{ padding-top:44px; margin-top:26px; width:115px; height:27px; background:url(../images/index_navi_001.jpg) no-repeat 0 0;}
.nav002 a{ padding-top:44px; margin-top:26px; width:125px; height:27px; background:url(../images/index_navi_002.jpg) no-repeat 0 0;}
.nav003 a{ padding-top:44px; margin-top:26px; width:165px; height:27px; background:url(../images/index_navi_003.jpg) no-repeat 0 0;}
.nav004 a{ padding-top:44px; margin-top:26px; width:134px; height:27px; background:url(../images/index_navi_004.jpg) no-repeat 0 0;}
.nav005 a{ padding-top:44px; margin-top:26px; width:111px; height:27px; background:url(../images/index_navi_005.jpg) no-repeat 0 0;}
#navigation2 .nav001 a{ padding-top:44px; margin-top:26px; width:115px; height:27px; background:url(../images/und_navi_001.jpg) no-repeat 0 0;}



.nav001 a:link,.nav001 a:visited{ color:#666;}
.nav002 a:link,.nav002 a:visited{ color:#666;}
.nav003 a:link,.nav003 a:visited{ color:#666;}
.nav004 a:link,.nav004 a:visited{ color:#666;}
.nav005 a:link,.nav005 a:visited{ color:#666;}

#navigation2 .nav001 a:hover,#navigation2 .nav001 a.on{ padding-top:44px; margin-top:26px; width:115px; height:27px; background:url(../images/und_navi_001_on.jpg) no-repeat 0 0;}
.nav001 a:hover{ padding-top:44px; width:115px; height:27px; background:url(../images/index_navi_001_on.jpg) no-repeat 0 0;}
.nav002 a:hover,.nav002 a.on{ padding-top:44px; width:125px; height:27px; background:url(../images/index_navi_002_on.jpg) no-repeat 0 0;}
.nav003 a:hover,.nav003 a.on{ padding-top:44px; width:165px; height:27px; background:url(../images/index_navi_003_on.jpg) no-repeat 0 0;}
.nav004 a:hover,.nav004 a.on{ padding-top:44px; width:134px; height:27px; background:url(../images/index_navi_004_on.jpg) no-repeat 0 0;}
.nav005 a:hover,.nav005 a.on{ padding-top:44px; width:111px; height:27px; background:url(../images/index_navi_005_on.jpg) no-repeat 0 0;}


.flow_table{ margin-left:30px;}
.flow_table th,.flow_table td{ vertical-align:top; padding:5px; font-size:14px; line-height:1.5em; color:#777;}
.flow_table td{ border-bottom:1px solid #F2F2F2;}
.flow_table h6{ color:#6699CC; padding:0 20px;}

#whitening_right{ padding:0 0 0 10px; width:390px; float:right; border-left:1px dotted #CCC;}

#laser_left{width:565px; }
#laser_right{ padding:0 0 0 20px; width:243px; float:right; border-left:1px dotted #CCC;}

.faq dt{ color:#F39;}


/*料金表*/
#price_box{ float:right; padding-right:20px; padding-bottom:20px;}
.price_table{ margin-left:30px;}
.price_table th,.price_table td{ border-bottom:1px dotted #CCC; padding:10px 0;}
.price_table th{ background:url(../images/dot_004.gif) no-repeat 0 13px; font-size:14px; padding:0 0 0 13px;}
.price_table td{ font-size:14px; font-weight:bold; text-align:right; color:#E70168;}
.gray{ color:#999; font-weight:normal;}

/*診療案内*/
.sinryo_table{ margin-left:30px; margin-bottom:30px;}
.sinryo_table caption{ font-size:16px; color:#FE5AA4;}
.sinryo_table th,.sinryo_table td{ border-bottom:1px dotted #CCC; padding:10px 0;}
.sinryo_table th{ vertical-align:top; background:url(../images/dot_004.gif) no-repeat 0 12px; font-size:12px; color:#666; padding:10px 0 10px 13px; font-weight:bold;}
.sinryo_table td{ font-size:12px; text-align:left; color:#666;}


/*faq*/
.faq{ padding:0 20px;}
.faq dt{ background:url(../images/faq_q.gif) no-repeat 0 5px; font-size:15px; border-bottom:1px solid #CCC; line-height:22px; margin-bottom:5px; padding:0 0 2px 23px; color:#E70168; font-weight:bold;}
.faq dd{ font-size:13px; line-height:1.5em; padding-bottom:15px; color:#777;}

/**/
.red{ color:#FE5AA4;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}