@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                   Base                          */
/*                   Container                     */
/*                   Header                        */
/*                   Navigation                    */
/*                   Footer                        */
/*                   Contents                      */
/*                   Index                         */
/*                   Esthe                         */
/*                   Whitening                     */
/*                   Laminate                      */
/*                   PMTC                          */
/*                   Denure                        */
/*                   Perio                         */
/*                   20 Whitening                  */
/*                   30 Whitening                  */
/*                   40-50 Whitening               */
/*                   Implant                       */
/*                   Dr                            */
/*                   Contact                       */
/*                   Sitemap                       */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Pink Medium    #feb0a4      */
/*        Main Color - Pink Light     #fbcfcc      */
/*        Main Color - Pink Dark      #c03952      */
/*                                                 */
/*        Sub Color - Orange          #de6933      */
/*                                                 */
/*        Balance Color - Sky Blue    #4fb4e8      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/


/*---------- Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- Container -----------*/

#wrapper {
	width: 830px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/wrapper_bg.jpg) center top repeat-y;
	color: #444;
	}

#container {
	width: 800px;
	margin: 0;
	padding: 0 15px 15px 15px;
	text-align: left;
	background: url(../images/container_bg.jpg) center bottom no-repeat;
	}

* html body #container { width: 830px; }

#main {
	background: url(../images/main_bg.jpg) top left repeat-y;
	margin: 0;
	padding: 0;
	clear: both;
	}

#content {
	width: 590px;
	float: right;
	}

.contentbody {
	margin: 7px;
	line-height: 1.7;
	font-size: 12px;
	color: #444;
	}


/*---------- Header -----------*/

#header {
	width: 800px;
	height: 72px;
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	}

#header .alpha {
	width: 580px;
	float: left;
	}
#header .beta {
	width: 156px;
	float: right;
	padding: 2px 8px 0 0;
	}
#header #h1 {
	margin: 12px 0 0 18px;
	padding: 0;
	font-size: 12px;
	line-height: 12px;
	}

#header h1.title {
	margin-left: 16px;
	padding: 0;
	height: 30px;
	text-indent: -9999px;
	}
#header h1.title a {
	display: block;
	height: 30px;
	background: url(../images/site_title.jpg) 0 0 no-repeat;
	margin-top: 5px;
	}

#header p.tel {
	margin: 0;
	padding: 3px 0 0 0;
	height: 36px;
	vertical-align: bottom;
	}

#header ul.header_navi {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 156px;
	height: 24px;
	}
#header ul.header_navi li {
	margin: 0;
	padding: 0;
	float: left;
	}
#header ul.header_navi a { display: block; }
#header ul.header_navi li a { text-indent: -9999px; }
#header ul.header_navi li a#nav01 {
	background: url(../images/header_navi.jpg) 0 0 no-repeat;
	width: 78px;
	height: 24px;
	}
#header ul.header_navi li a#nav02 {
	background: url(../images/header_navi.jpg) -78px 0 no-repeat;
	width: 78px;
	height: 24px;
	}
#header ul.header_navi li a#nav01:hover { background: url(../images/header_navi.jpg) 0 -24px no-repeat; }
#header ul.header_navi li a#nav02:hover { background: url(../images/header_navi.jpg) -78px -24px no-repeat; }


/*---------- Navigation -----------*/

#navi {
	padding: 14px 0 12px 14px;
	float: left;
	background: url(../images/navi_bg.jpg) 0 0 no-repeat;
	width: 196px;
	}
* html body #navi { width: 210px; }

#navi #h {
	text-indent: -9999px;
	background: url(../images/navi_h2.jpg) 0 0 no-repeat;
	height: 29px;
	}
	
#navi a { display: block; width: 100%; }

#navi dl { margin: 4px 0; padding: 0; }
#navi ul.menu { margin: 7px 0 4px 0; padding: 0; }

#navi dl dt,
#navi dl dd,
#navi ul.menu li {
	margin: 0;
	padding: 5px 3px 0 8px;
	width: 182px;
	height: 29px;
	}
* html body #navi dl dt,
* html body #navi dl dd,
* html body #navi ul.menu li {
	width: 193px;
	height: 34px;
	}

#navi dl dt {
	background: url(../images/navi_dt.png) 0 0 no-repeat;
	color: #c03952;
	letter-spacing: 2px;
	}
#navi ul.menu li {
	background: url(../images/navi_dt.png) 0 0 no-repeat;
	color: #c03952;
	}
#navi dl dd { background: url(../images/navi_dd.png) 0 0 no-repeat; }

#navi dl dd#nav10 { letter-spacing: -1px; }

#navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#navi ul.pickup li {
	height: 70px;
	text-indent: -9999px;
	}
#navi ul.pickup li a {
	display: block;
	height: 70px;
	}
#navi ul.pickup li#nav03 a { background: url(../images/nav03.jpg) 0 0 no-repeat; }
#navi ul.pickup li#nav04 a { background: url(../images/nav04.jpg) 0 0 no-repeat; }
#navi ul.pickup li#nav05 a { background: url(../images/nav05.jpg) 0 0 no-repeat; }

#navi ul.pickup li#nav03 a:hover { background: url(../images/nav03_o.jpg) 0 0 no-repeat; }
#navi ul.pickup li#nav04 a:hover { background: url(../images/nav04_o.jpg) 0 0 no-repeat; }
#navi ul.pickup li#nav05 a:hover { background: url(../images/nav05_o.jpg) 0 0 no-repeat; }




#navi ul.bans {
	text-align: center;
	width: 183px;
	}
#navi ul.bans li { text-indent: -9999px; }
#navi ul.bans li a { display: block; }
#navi ul.bans li#nav18 {
	width: 183px;
	height: 52px;
	margin: 0 0 13px 0;
	background: url(../images/ban_tel.jpg) 0 0 no-repeat;
	}
#navi ul.bans li#nav19 a {
	width: 182px;
	height: 52px;
	margin: 0 0 13px 0;
	background: url(../images/ban_net.jpg) 0 0 no-repeat;
	}
#navi ul.bans li#nav20 a {
	width: 136px;
	height: 77px;
	margin: 0 0 13px 23px;
	background: url(../images/ban_ydc.jpg) 0 0 no-repeat;
	}
* html body #navi ul.bans li#nav20 a { width: 159px; }
#navi ul.bans li#nav21 a {
	width: 183px;
	height: 66px;
	margin: 0 0 13px 0;
	background: url(../images/ban_shika.jpg) 0 0 no-repeat;
	}


/*---------- Footer -----------*/

#footer {
	height: 126px;
	padding-top: 22px;
	background: url(../images/footer_bg.jpg) 0 0 no-repeat;
	text-align: center;
	color: #c03952;
	clear: both;
	}
* html body #footer { height: 148px; }

#footer ul {
	list-style:none;
	margin: 14px 0 6px 0;
	padding: 0;
	line-height: 1.0;
	}
#footer ul li {
	display: inline;
	}

#footer address {
	margin: 28px 0;
	padding: 0;
	}

/*---------- Contents -----------*/

a { color: #c03952; }
a:hover, a:active { color: #ff0000; }

img.image_l {
	float: left;
	margin: 0 18px 18px 0;
	diasply: block;
	}
img.image_r {
	float: right;
	margin: 0 0 18px 18px;
	diasply: block;
	}

h1 { font-size: 12px; }

.contentbody h2 {
	text-indent: -9999px;
	height: 78px;
	}

.contentbody h3 {
	clear: both;
	text-indent: -9999px;
	height: 29px;
	margin: 24px 0 0 18px;
	}

.contentbody p,
.contentbody table {
	margin: 12px 20px;
	padding: 0;
	}

.contentbody ul {
	list-style: none;
	}
.contentbody ul li {
	background: url(../images/li_bg.jpg) 0 3px no-repeat;
	padding: 0 0 4px 23px;
	}

.center {
  text-align: center;
	}

#content .section {
  margin: 10px 0px 5px;
	}
	
strong {
  font-weight: bold;
	}
	
/*---------- Index -----------*/

#index p#title01 { background: url(../images/h2_index01.jpg) 0 0 no-repeat;
                   text-indent: -9999px;
                   height: 70px;
                   }
#index p#title02 { background: url(../images/h2_index02.jpg) 0 0 no-repeat;
                   text-indent: -9999px;
                   height: 70px;
                   }
#index p#title03 { background: url(../images/h2_index03.jpg) 0 0 no-repeat; 
                   text-indent: -9999px;
                   height: 70px;
                   }


h2#top_image {
	margin: 0 0 -3px;
	padding: 0;
	line-height: 1.0;
	}
p#top_image img {
	display: block;
	border-bottom: 1px solid #ddd;
	}

#index #pickup {
	width: 550px;
	margin-left: 18px;
	}

#index #pickup div {
	width: 265px;
	height: 138px;
	border: 1px solid #feb0a4;
	position: relative;
	margin-top: 18px;
	}
#index #pickup #pickup01,
#index #pickup #pickup03 {
	float: left;
	clear: both;
	}
#index #pickup #pickup02,
#index #pickup #pickup04 { float: right; }
#index #pickup h3#title04 {
	background: url(../images/h3_index04.jpg) 0 0 no-repeat;
	height: 32px;
	margin: 0;
	}
#index #pickup h3#title05 {
	background: url(../images/h3_index05.jpg) 0 0 no-repeat;
	height: 32px;
	margin: 0;
	}
#index #pickup h3#title06 {
	background: url(../images/h3_index06.jpg) 0 0 no-repeat;
	height: 32px;
	margin: 0;
	}
#index #pickup h3#title07 {
	background: url(../images/h3_index07.jpg) 0 0 no-repeat;
	height: 32px;
	margin: 0;
	}

#index #pickup img.img_pkp {
	border: 1px solid #ccc;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 3;
	}
#index #pickup p#p {
	width: 128px;
	line-height: 1.4;
	margin: 8px;
	}
#index #pickup p.detail {
	position: absolute;
	bottom: 0;
	right: 2px;
	width: 84px;
	margin: 0;
	padding: 0;
	z-index: 5;
	}
#index #pickup p.detail img {
	display: block;
	float: right;
	}

#index #meta {
	height: 194px;
	margin: 0;
	padding: 0;
	}

#index #meta dl {
	width: 386px;
	padding: 20px 16px 16px 150px;
	margin: 0 0 16px 16px;
	background: url(../images/meta_bg.jpg) 0 3px no-repeat;
	}
* html body#index #meta dl { width: 568px; }

#index #meta dl.vcard dt {
	clear: both;
	background: url(../images/li_bg.jpg) 0 3px no-repeat;
	padding: 0 0 4px 23px;
	width: 56px;
	float: left;
	color: #db5d23;
	}
* html body#index #meta dl.vcard dt { width: 79px; }

#index #meta dl.vcard dd {
	margin-left: 84px;
	}


/*---------- Esthe -----------*/

#esthe h2#title01 { background: url(../images/h2_esthe01.jpg) 0 0 no-repeat; }

#esthe h3#title02 { background: url(../images/h3_esthe02.jpg) 0 0 no-repeat; }
#esthe h3#title03 { background: url(../images/h3_esthe03.jpg) 0 0 no-repeat; }
#esthe h3#title04 { background: url(../images/h3_esthe04.jpg) 0 0 no-repeat; }
#esthe h3#title05 { background: url(../images/h3_esthe05.jpg) 0 0 no-repeat; }
#esthe h3#title06 { background: url(../images/h3_esthe06.jpg) 0 0 no-repeat; }

div.case {
	margin: 0 56px 24px 56px;
	background: url(../images/arrow.gif) center center no-repeat;
	}

div.case .alpha {
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
	}
div.case .beta {
	width: 200px;
	float: right;
	margin: 0;
	padding: 0;
	}
div.case h4 {
	margin: 0 0 4px 12px;
	padding: 0;
	color: #db5d23;
	font-weight: bold;
	}

div.case span.caption {
	display: block;
	text-align: center;
	}


/*---------- Whitening -----------*/

#whitening h2#title01 { background: url(../images/h2_whitening01.jpg) 0 0 no-repeat; }

#whitening h3#title02 { background: url(../images/h3_whitening02.jpg) 0 0 no-repeat; }
#whitening h3#title03 { background: url(../images/h3_whitening03.jpg) 0 0 no-repeat; }
#whitening h3#title04 { background: url(../images/h3_whitening04.jpg) 0 0 no-repeat; }
#whitening h3#title05 { background: url(../images/h3_whitening05.jpg) 0 0 no-repeat; }


/*---------- Laminate -----------*/

#laminate h2#title01 { background: url(../images/h2_laminate01.jpg) 0 0 no-repeat; }

#laminate h3#title02 { background: url(../images/h3_laminate02.jpg) 0 0 no-repeat; }
#laminate h3#title03 { background: url(../images/h3_laminate03.jpg) 0 0 no-repeat; }
#laminate h3#title04 { background: url(../images/h3_laminate04.jpg) 0 0 no-repeat; }


/*---------- PMTC -----------*/

#pmtc h2#title01 { background: url(../images/h2_pmtc01.jpg) 0 0 no-repeat; }

#pmtc h3#title02 { background: url(../images/h3_pmtc02.jpg) 0 0 no-repeat; }

#pmtc .contentbody dl {
	margin: 12px 20px;
	padding: 0;
	}
#pmtc .contentbody dl dt {
	color: #db5d23;
	font-weight: bold;
	}
#pmtc .contentbody dl dd { margin: 3px 0 12px 24px; }


/*---------- Denture -----------*/

#denture h2#title01 { background: url(../images/h2_denture01.jpg) 0 0 no-repeat; }

#denture h3#title02 { background: url(../images/h3_denture02.jpg) 0 0 no-repeat; }

#denture .contentbody dl {
	margin: 12px 20px;
	padding: 0;
	}
#denture .contentbody dl dt {
	color: #db5d23;
	font-weight: bold;
	}
#denture .contentbody dl dd { margin: 3px 0 12px 24px; }


/*---------- Perio -----------*/

#perio h2#title01 { background: url(../images/h2_perio01.jpg) 0 0 no-repeat; }

#perio h3#title02 { background: url(../images/h3_perio02.jpg) 0 0 no-repeat; }
#perio h3#title03 { background: url(../images/h3_perio03.jpg) 0 0 no-repeat; }
#perio h3#title04 { background: url(../images/h3_perio04.jpg) 0 0 no-repeat; }


/*---------- 20 Whitening -----------*/

#whitening20 h2#title01 { background: url(../images/h2_whitening20-01.jpg) 0 0 no-repeat; }

#whitening20 h3#title02 { background: url(../images/h3_whitening20-02.jpg) 0 0 no-repeat; }
#whitening20 h3#title03 { background: url(../images/h3_whitening20-03.jpg) 0 0 no-repeat; }

#whitening20 p.beta,
#whitening30 p.beta,
#whitening40 p.beta {
	float: right;
	margin: 0 20px 12px 12px;
	padding: 0;
	width: 240px;
	}


/*---------- 30 Whitening -----------*/

#whitening30 h2#title01 { background: url(../images/h2_whitening30-01.jpg) 0 0 no-repeat; }

#whitening30 h3#title02 { background: url(../images/h3_whitening30-02.jpg) 0 0 no-repeat; }
#whitening30 h3#title03 { background: url(../images/h3_whitening30-03.jpg) 0 0 no-repeat; }


/*---------- 40-50 Whitening -----------*/

#whitening40 h2#title01 { background: url(../images/h2_whitening40-01.jpg) 0 0 no-repeat; }

#whitening40 h3#title02 { background: url(../images/h3_whitening40-02.jpg) 0 0 no-repeat; }
#whitening40 h3#title03 { background: url(../images/h3_whitening40-03.jpg) 0 0 no-repeat; }


/*---------- Implant -----------*/

#implant h2#title01 { background: url(../images/h2_implant01.jpg) 0 0 no-repeat; }

#implant h3#title02 { background: url(../images/h3_implant02.jpg) 0 0 no-repeat; }
#implant h3#title03 { background: url(../images/h3_implant03.jpg) 0 0 no-repeat; }


/*---------- Dr -----------*/

#dr h2#title01 { background: url(../images/h2_dr01.jpg) 0 0 no-repeat; }

#dr h3#title02 { background: url(../images/h3_dr02.jpg) 0 0 no-repeat; }
#dr h3#title03 { background: url(../images/h3_dr03.jpg) 0 0 no-repeat; }
#dr h3#title04 { background: url(../images/h3_dr04.jpg) 0 0 no-repeat; }

#dr p.beta {
	float: right;
	margin: 0 20px 12px 12px;
	padding: 0;
	width: 200px;
	}

#dr address.adr {
	margin: 12px 36px;
	line-height: 1.7;
	}

#dr table {
	font-size: 12px;
	color: #444;
	}

#dr table.cv { margin: 12px 0 12px 20px; }
#dr table.cv th {
	vertical-align: top;
	padding: 2px 2px 2px 0;
	color: #db5d23;
	}
#dr table.cv td { padding: 2px 2px; }

#dr ul.associated { margin: 0 36px 12px 36px; }

#dr table.officehour {
	margin: 12px 36px;
	border: 1px solid #fbcfcc;
	border-collapse: collapse;
	}
#dr table.officehour th,
#dr table.officehour td {
	border-top: 1px solid #fbcfcc;
	border-left: 1px solid #fbcfcc;
	padding: 4px 12px;
	text-align: center;
	}
#dr table.officehour th {
	background: #fbcfcc;
	border-right: 1px solid #fff;
	color: #c03952;
	}

#dr table.officehour abbr { border: none; }


/*---------- Contact -----------*/

#contact h2#title01 { background: url(../images/h2_contact01.jpg) 0 0 no-repeat; }
#contact h3#title02 { background: url(../images/h3_contact02.jpg) 0 0 no-repeat; }

fieldset { border: none; }

fieldset dl {
	margin: 16px;
	padding: 0;
	}
fieldset dl dt {
	width: 145px;
	float: left;
	text-align: right;
	}
fieldset dl dd {
	margin: 0 0 6px 150px;
	}
fieldset dl span.star {
	font-weight: bold;
	color: red;
	}
fieldset div {
	clear: both;
	margin: 0 16px 24px 200px;
	}
fieldset div input#submit {
	font-weight: bold;
	margin-left: 4px;
	}

table#price {
	border: 1px solid #fbcfcc;
	border-collapse: collapse;
	margin: 12px 0 12px 48px;
	width: 450px;
	font-size: 12px;
	}
table#price th,
table#price td {
	text-align: left;
	border-top: 1px solid #fbcfcc;
	border-left: 1px solid #fbcfcc;
	padding: 2px 6px;
	}


/*---------- Sitemap -----------*/

#sitemap h2#title01 { background: url(../images/h2_sitemap01.jpg) 0 0 no-repeat; }

#sitemap h3#title02 { background: url(../images/h3_sitemap02.jpg) 0 0 no-repeat; }
#sitemap h3#title03 { background: url(../images/h3_sitemap03.jpg) 0 0 no-repeat; }
#sitemap h3#title04 { background: url(../images/h3_sitemap04.jpg) 0 0 no-repeat; }