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

/*=======================TOC=======================*/
/*                                                 */
/*                   Base                          */
/*                   Container                     */
/*                   Header                        */
/*                   Navigation                    */
/*                   Footer                        */
/*                   Contents                      */
/*                   Index                         */
/*                   Clinic                        */
/*                   Treatment                     */
/*                   Whitening                     */
/*                   Implant                       */
/*                   Halitosis                     */
/*                   Aesthe                        */
/*                   D2d                           */
/*                   Cooperation                   */
/*                   Recruit                       */
/*                   Sitemap                       */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Light Magenta  #feccff      */
/*        Main Color - Purple         #9c0066      */
/*        Main Color - Light Pink     #ffd6fe      */
/*                                                 */
/*        Sub Color - Grey            #636862      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



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

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



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

body { background: url(../images/body_bg.gif) repeat; }

#wrapper {
	background: url(../images/wrapper_bg.jpg) repeat;
	width: 802px;
	margin: 0 auto;
	text-align: left;
	}

#main {
	margin: 0;
	border-top: 1px solid #cdcfce;
	border-right: 1px solid #cdcfce;
	border-left: 1px solid #cdcfce;
	height: 100%;
	background: #fff url(../images/main_bg.jpg) repeat-y;
	}

#content {
	width: 631px;
	float: right;
	font-size: 93%;
	line-height: 1.6;
	color: #666;
	background: #fff;
	padding: 1em 0;
	border-top: 1px solid #333;
	}


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

#header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	height: 49px;
	margin: 0;
	padding: 0;
	}

h1 {
	text-indent: -9999px;
	width: 590px;
	height: 49px;
	line-height: 1.0;
	float: left;
	}
h1 a {
	display: block;
	width: 590px;
	height: 49px;
	background: url(../images/h1.jpg) 0 0 no-repeat;
	}

#header_nav,
#header_nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#header_nav {
	width: 145px;
	float: right;
	margin: 28px 6px 0 0;
	}
#header_nav li {
	text-indent: -9999px;
	float: left;
	}
#header_nav a {
	display: block;
	height: 21px;
	}
#header_nav #nav01 { width: 63px; }
#header_nav #nav02 { width: 82px; }

#nav01 a { background: url(../images/header_nav.jpg) 0 0 no-repeat; }
#nav02 a { background: url(../images/header_nav.jpg) -63px 0 no-repeat; }


#header p.tel {
	margin: 0;
	padding: 0;
	height: 49px;
	float: right;
	}

#header_info {
	text-align: right;
	margin-right: 6px;
	font-size: 85%;
	color: #666;
	}
#header_info img { vertical-align: middle; }


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

#nav {
	width: 169px;
	float: left;
	}

#nav h2,
#nav ul,
#nav li {
	margin: 0;
	padding: 0;

	list-style: none;
	}

#nav h2 {
	text-indent: -9999px;
	height: 28px;
	background: url(../images/nav.jpg) 0 0 no-repeat;
	}

#nav li { text-indent: -9999px; }
#nav li a {
	display: block;
	height: 25px;
	}
#nav03 a { background: url(../images/nav.jpg) 0 -28px no-repeat; }
#nav04 a { background: url(../images/nav.jpg) 0 -53px no-repeat; }
#nav05 a { background: url(../images/nav.jpg) 0 -78px no-repeat; }
#nav06 a { background: url(../images/nav.jpg) 0 -103px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -128px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) 0 -153px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) 0 -178px no-repeat; }
#nav10 a { background: url(../images/nav.jpg) 0 -203px no-repeat; }
#nav11 a { background: url(../images/nav.jpg) 0 -228px no-repeat; }

#nav03 a:hover { background: url(../images/nav.jpg) -169px -28px no-repeat; }
#nav04 a:hover { background: url(../images/nav.jpg) -169px -53px no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -169px -78px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -169px -103px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -169px -128px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -169px -153px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -169px -178px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -169px -203px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -169px -228px no-repeat; }

#nav p{
      text-align:center;
	  }

li#nav_t, li#nav_t a {
	margin: 5px 0 0 5px;
	height: 50px;
	text-indent: 0;
	font-size: 95%;
	color: #666;
	text-decoration: none;
	text-align: left;
	outline: 0;
}

	li#nav_t a:hover {
		color:#924d88;
		text-decoration: underline;
	}

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

#footer {
	clear: both;
	padding: 24px 0 2px 0;
	margin: 0;
	background: url(../images/footer_bg.jpg) top no-repeat;
	font-size: 85%;
	text-align: center;
	}
*:first-child+html #footer { font-size: 9px; }
* html body #footer { font-size: 9px; }

#footer a { text-decoration: none; }

#footer ul { 
	list-style: none;
	margin: 0 1em 2px 1em;
	padding: 0;
	clear: both;
	}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#footer address {
	margin: 8px 1em;
	color: #7c337c;
	}


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


#main p#top_img {
	margin: 0;
	padding: 0;
	}

#main p#top_img img { display: block; }

.section { padding: .5em 20px; }
.section2 { padding: .5em 80px; }

p.center { text-align: center; }

#content h2 {
	height: 45px;
	text-indent: -9999px;
	margin: 0 15px;
	}
#content h3 {
	clear: both;
	height: 34px;
	text-indent: -9999px;
	}
#content h4 {
	clear: both;
	height: 25px;
	text-indent: -9999px;
	}

#content h5 {
	font-size: 108%;
	font-weight: bold;
	margin: 1em 1em .3em .3em;
	padding-bottom: 2px;
	border-bottom: 1px solid #ffd6fe;
	}

#content ul li {
	list-style: none;
	background: url(../images/li.png) 0 2px no-repeat;
	padding-left: 1.4em;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }
a { color: #f667f5; }
a:hover { color: #feccff; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}

.image_l  {
	float: left;
	margin: 0 12px 12px 0;
	}

.image_r {
	float: right;
	margin: 0 0 12px 12px;
	}
	
.fL {
	float: left;
	width: 240px;
	margin-right: 20px;
}

.sbox {
	clear: left;
	margin-bottom: 20px;
}

#content ul.totop li {
	list-style: none;
	background: url(../images/to_top.png) 0 2px no-repeat;
	font-size: 85%;
	padding-left: 15px;
	width: 10em;
	float: right;
	clear: both;
	}

.case {
	background: url(../images/arrow_h.png) center center no-repeat;
	margin: 0 15px;
	}

.border {
	border:#aaa solid 1px;
	}

.inq-bnr a { 
display:block;
background:url(../images/inq-bnr.jpg) 0 0 no-repeat;
height:80px;
width:580px;
text-indent:-9999px;
outline:none;
}
.inq-bnr a:hover { background-position:bottom; }

/*---------- Index -----------*/

#index h2#title01 {
	text-indent: -9999px;
	background: url(../images/h2_index01.png) 0 0 no-repeat;
	height: 32px;
	}
#index h3#title02 {
	text-indent: -9999px;
	background: url(../images/h3_index02.jpg) 0 0 no-repeat;
	height: 22px;
	}
#index h3#title03 {
	text-indent: -9999px;
	background: url(../images/h3_index03.jpg) 0 0 no-repeat;
	height: 22px;
	}
#index h3#title04 {
	text-indent: -9999px;
	background: url(../images/h3_index04.jpg) 0 0 no-repeat;
	height: 22px;
	}

#index #main { background: #fff url(../images/nav_bg.jpg) left bottom; }

#index #content { padding: 0; }
#index #content img { display: block; }

#index #footer {
	padding: 6px 0 2px 0;
	background-image: none;
	}

#index #index_content {
	border-bottom: 1px solid #cdcfce;
	border-right: 1px solid #cdcfce;
	border-left: 1px solid #cdcfce;
	padding: 20px;
	background: #fff;
	color: #666;
	font-size: 85%;
	}

#index #index_content #tiny{
	overflow-y: scroll;
	overflow-x: hidden;
	height: 50px;
}

#index #index_content #tiny th, #index #index_content #tiny td{
  border-left: none;
	border-right: none;
	font-size: 12px;
	color: #FF0000;
}

#index #index_content .alpha {
	width: 180px;
	float: left;
	}
#index #index_content .beta {
	width: 390px;
	float: left;
	}
#index #index_content .gamma {
	width: 190px;
	float: left;
	}

#index #index_content .beta p {
	padding: 1em;
	margin: 1em;
	background: #fff3ff;
	}
#index #index_content ul#pckp { margin: 16px 0 16px 0; }
#index #index_content ul#pckp li {
	width: 190px;
	float: left;
	margin: 0;
	list-style: none;
	}

#index #index_content dl.officehour { margin-left: 0; }
#index #index_content dl.officehour dt {
	width: 7em;
	float: left;
	}
#index #index_content dl.officehour dd { margin-left: 7em; }



#index #wrapper #index_content #year_info {
	padding-left: 162px;
	margin-top: -20px;
}

*:first-child+html #index #wrapper #index_content #year_info {
	margin-top: -10px;
}
		
* html #index #wrapper #index_content #year_info {
	margin-top: -10px;
}

	#index #wrapper #index_content #year_info dt {
		color: #f00;
	}

/*---------- Clinic -----------*/

#clinic h2#title01 { background: url(../images/h2_clinic01.png) 0 0 no-repeat; }
#clinic h3#title02 { background: url(../images/h3_clinic02.png) 0 0 no-repeat; }
#clinic h3#title03 { background: url(../images/h3_clinic03.png) 0 0 no-repeat; }
#clinic h3#title04 { background: url(../images/h3_clinic04.png) 0 0 no-repeat; }
#clinic h4#title05 { background: url(../images/h4_clinic05.png) 0 0 no-repeat; }
#clinic h4#title06 { background: url(../images/h4_clinic06.png) 0 0 no-repeat; }
#clinic h4#title07 { background: url(../images/h4_clinic07.png) 0 0 no-repeat; }
#clinic h4#title08 { background: url(../images/h4_clinic08.png) 0 0 no-repeat; }
#clinic h4#title09 { background: url(../images/h4_clinic09.png) 0 0 no-repeat; }
#clinic h4#title10 { background: url(../images/h4_clinic10.png) 0 0 no-repeat; }
#clinic h4#title11 { background: url(../images/h4_clinic11.png) 0 0 no-repeat; }
#clinic h4#title12 { background: url(../images/h4_clinic12.png) 0 0 no-repeat; }
#clinic h4#title13 { background: url(../images/h4_clinic13.png) 0 0 no-repeat; }
#clinic h4#title14 { background: url(../images/h4_clinic14.png) 0 0 no-repeat; }
#clinic h4#title15 { background: url(../images/h4_clinic15.png) 0 0 no-repeat; }
#clinic h4#title16 { background: url(../images/h4_clinic16.png) 0 0 no-repeat; }

#clinic #staff01 .alpha,
#clinic #staff02 .alpha,
#clinic #staff03 .alpha {
	width: 200px;
	float: left;
	}
#clinic #staff01 .beta,
#clinic #staff02 .beta,
#clinic #staff03 .beta {
	width: 340px;
	float: right;
	}

#clinic dl.cv dt {
	width: 5em;
	float: left;
	}
#clinic dl.cv dd { margin-left: 5em; }

#room .alpha {
	width: 250px;
	float: left;
	}
#room .beta {
	width: 290px;
	float: right;
	}

#clinic #clinic_info .alpha {
	width: 280px;
	float: left;
	}
#clinic #clinic_info .beta {
	width: 260px;
	float: right;
	}

#clinic dl.officehour { margin-left: 0; }
#clinic dl.officehour dt {
	width: 7em;
	float: left;
	}
#clinic dl.officehour dd { margin-left: 7em; }


/*---------- Treatment -----------*/

#treatment h2#title01 { background: url(../images/h2_treatment01.png) 0 0 no-repeat; }
#treatment h3#title02 { background: url(../images/h3_treatment02.png) 0 0 no-repeat; }
#treatment h4#title03 { background: url(../images/h4_treatment03.png) 0 0 no-repeat; }
#treatment h4#title04 { background: url(../images/h4_treatment04.png) 0 0 no-repeat; }
#treatment h4#title05 { background: url(../images/h4_treatment05.png) 0 0 no-repeat; }
#treatment h4#title06 { background: url(../images/h4_treatment06.png) 0 0 no-repeat; }
#treatment h4#title07 { background: url(../images/h4_treatment07.png) 0 0 no-repeat; }
#treatment h4#title08 { background: url(../images/h4_treatment08.png) 0 0 no-repeat; }
#treatment h4#title09 { background: url(../images/h4_treatment09.png) 0 0 no-repeat; }


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

#whitening h2#title01 { background: url(../images/h2_whitening01.png) 0 0 no-repeat; }
#whitening h3#title02 { background: url(../images/h3_whitening02.png) 0 0 no-repeat; }
#whitening h3#title03 { background: url(../images/h3_whitening03.png) 0 0 no-repeat; }
#whitening h3#title04 { background: url(../images/h3_whitening04.png) 0 0 no-repeat; }
#whitening h3#title05 { background: url(../images/h3_whitening05.png) 0 0 no-repeat; }
#whitening h4#title06 { background: url(../images/h4_whitening06.png) 0 0 no-repeat; }
#whitening h4#title07 { background: url(../images/h4_whitening07.png) 0 0 no-repeat; }

/*---------- Implant -----------*/
#implant h2#title01 { background: url(../images/h2_implant01.png) 0 0 no-repeat; }
#implant h3#title02 { background: url(../images/h3_implant02.png) 0 0 no-repeat; }
#implant h3#title03 { background: url(../images/h3_implant03.png) 0 0 no-repeat; }
#implant h3#title04 { background: url(../images/h3_implant04.png) 0 0 no-repeat; }
#implant h3#title05 { background: url(../images/h3_implant05.png) 0 0 no-repeat; }
#implant h3#title06 { background: url(../images/h3_implant06.png) 0 0 no-repeat; }
#implant h4#title07 { background: url(../images/h4_implant07.png) 0 0 no-repeat; }
#implant h4#title08 { background: url(../images/h4_implant08.png) 0 0 no-repeat; }
#implant h3#title09 { background: url(../images/h3_implant07.png) 0 0 no-repeat; }

/*---------- Halitosis -----------*/
#halitosis h2#title01 { background: url(../images/h2_halitosis01.png) 0 0 no-repeat; }
#halitosis h3#title02 { background: url(../images/h3_halitosis02.png) 0 0 no-repeat; }
#halitosis h3#title03 { background: url(../images/h3_halitosis03.png) 0 0 no-repeat; }
#halitosis h4#title04 { background: url(../images/h4_halitosis04.png) 0 0 no-repeat; }
#halitosis h4#title05 { background: url(../images/h4_halitosis05.png) 0 0 no-repeat; }

#halitosis 

#halitosis dl.cost { margin-left: 0; }
#halitosis dl.cost dt {
	width: 7em;
	float: left;
	padding-left: 18px;
	background: url(../images/li.png) 0 2px no-repeat;
	}
#clinic dl.cost dd { margin-left: 7em; }

/*---------- Aesthe -----------*/
#aesthe h2#title01 { background: url(../images/h2_aesthe01.png) 0 0 no-repeat; }
#aesthe h3#title02 { background: url(../images/h3_aesthe02.png) 0 0 no-repeat; }
#aesthe h3#title03 { background: url(../images/h3_aesthe03.png) 0 0 no-repeat; }
#aesthe h3#title04 { background: url(../images/h3_aesthe04.png) 0 0 no-repeat; }

/*---------- D2d -----------*/
#d2d h2#title01 { background: url(../images/h2_d2d01.png) 0 0 no-repeat; }
#d2d h3#title02 { background: url(../images/h3_d2d02.png) 0 0 no-repeat; }
#d2d h4#title03 { background: url(../images/h4_d2d03.png) 0 0 no-repeat; }
#d2d h4#title04 { background: url(../images/h4_d2d04.jpg) 0 0 no-repeat; }
#d2d h3#title05 { background: url(../images/h3_d2d05.png) 0 0 no-repeat; }
#d2d h4#title06 { background: url(../images/h4_d2d06.jpg) 0 0 no-repeat; clear: both; }

/*---------- Cooperation -----------*/
#cooperation h2#title01 { background: url(../images/h2_cooperation01.png) 0 0 no-repeat; }
#cooperation h3#title02 { background: url(../images/h3_cooperation02.png) 0 0 no-repeat; }
#cooperation h3#title03 { background: url(../images/h3_cooperation03.png) 0 0 no-repeat; }
#cooperation h3#title04 { background: url(../images/h3_cooperation04.png) 0 0 no-repeat; }
#cooperation h4#title04 { background: url(../images/h4_cooperation04.png) 0 0 no-repeat; }

#recomend dd {
	padding-left: 18px;
	background: url(../images/li.png) 0 2px no-repeat;
}

/*---------- Recruit -----------*/
#recruit h2#title01 { background: url(../images/h2_recruit01.png) 0 0 no-repeat; }


#recruit table caption {
	display:none;
}

#recruit table.company {
	width:558px;
	border:solid 1px #842e77;
	background:#fed7ff;
	margin:0 10px 10px 10px;
	border-collapse:collapse;
	text-align:left;
	vertical-align:top;
    font-size:12px;
}

#recruit table.company tr th {
	border-collapse:collapse;
	vertical-align:top;
	width:189px;
	border:solid 1px #842e77;
	color:#924d88;
	background:#fed7ff;
	font-weight:normal;
	padding:5px;
	text-align:center;
}

#recruit table.company tr td {
	padding:5px;
	border:solid 1px #842e77;
	background:#ffffff;
}

#recruit table.company th  {
	background:#fed7ff;
}


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

#sitemap dl{
margin:0 10px;
}

#sitemap dt {
border-bottom:#FFCCFF solid 1px;
border-left:#FFCCFF solid 5px;
line-height:20px;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
text-indent:8px;
}

#sitemap dd {
text-indent: 20px;
margin-bottom:15px;
border-bottom:#FFCCFF dotted 1px;
line-height:20px;
font-size:12px;
}

#sitemap dt a:link,#sitemap dt a:visited{
color:#666666;
text-decoration:none;
}
#sitemap dt a:active,#sitemap dt a:hover{
color: #FC97FF;
text-decoration:none;
}