@charset "utf-8";

/* -----------------------------------------------------------
	Site Name: Tateno dental clinic
	Author: Yamazen Communications co.,ltd.
	Comment: info.html style
	Since2010
----------------------------------------------------------- */
	
/*Index
	1.common and structure
	2.lazer
	3.smile
	4.tooth
	5.implant
	
----------------------------------------------------------- */

/* 1.common and structure
---------------------------------------------------------------------------------------*/
/* width */
div#contents ul#lnavi{width:740px;}
div#contents div#lazer,
div#contents div#smile,
div#contents div#whitening,
div#contents div#tooth,
div#contents div#implant,
div#contents div h4,
div#contents div h5{width:740px;}
div#contents div#lazer div.third{width:530px;}
div#contents div#smile ol{width:505px;}
div#contents div#implant div.doctor,
div#contents div#implant div.doctor h4,
div#contents div#implant div.doctor p{width:330px;}



/*lnavi*/
div#contents ul#lnavi{
	height:75px;
	margin:0 auto;
	padding:0 0 15px;
	border-bottom:1px #ccc dotted;
}

div#contents ul#lnavi li{
	float:left;
	height:75px;
	margin:0;
	padding:0;
}

div#contents ul#lnavi li a{
	display:block;
	height:75px;
	margin:0;
	padding:0;
	text-indent:-999999px;
}

div#contents ul#lnavi li.lazer     a{width:120px;background:url(../img/info/lnavi.gif) no-repeat left 10px;}
div#contents ul#lnavi li.smile     a{width:128px;background:url(../img/info/lnavi.gif) no-repeat -120px 10px;}
div#contents ul#lnavi li.whitening a{width:154px;background:url(../img/info/lnavi.gif) no-repeat -248px 10px;}
div#contents ul#lnavi li.tooth     a{width:176px;background:url(../img/info/lnavi.gif) no-repeat -402px 10px;}
div#contents ul#lnavi li.implant   a{width:162px;background:url(../img/info/lnavi.gif) no-repeat -578px 10px;}


div#contents ul#lnavi li.lazer     a:hover{width:120px;background:url(../img/info/lnavi.gif) no-repeat left -75px;}
div#contents ul#lnavi li.smile     a:hover{width:128px;background:url(../img/info/lnavi.gif) no-repeat -120px -75px;}
div#contents ul#lnavi li.whitening a:hover{width:154px;background:url(../img/info/lnavi.gif) no-repeat -248px -75px;}
div#contents ul#lnavi li.tooth     a:hover{width:176px;background:url(../img/info/lnavi.gif) no-repeat -402px -75px;}
div#contents ul#lnavi li.implant   a:hover{width:162px;background:url(../img/info/lnavi.gif) no-repeat -578px -75px;}




/*content*/
div#contents div{
	margin:40px auto;
}

div#contents div div{
	margin:0 auto;
}

div#contents div h3{
	height:50px;
	margin:0 auto 10px;
	text-indent:-999999px;
}

div#contents div#lazer     h3{background:url(../img/info/st1lazer.gif)     no-repeat left top;}
div#contents div#smile     h3{background:url(../img/info/st2smile.gif)     no-repeat left top;}
div#contents div#whitening h3{background:url(../img/info/st3whitening.gif) no-repeat left top;}
div#contents div#tooth     h3{background:url(../img/info/st4tooth.gif)     no-repeat left top;}
div#contents div#implant   h3{background:url(../img/info/st5implant.gif)   no-repeat left top;}

div#contents div h4,
div#contents div h5{
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
	color:#78aa00;
}

div#contents div p{
	margin-bottom:30px;
}

div#contents div span{
	float:right;
	margin-left:15px;
	font-size:12px;
}

div#contents div span img{
	display:block;
	margin:5px 0;
}






/* 2.lazer
---------------------------------------------------------------------------------------*/
div#contents div#lazer div.third{
	float:left;
}



/* 3.smile
---------------------------------------------------------------------------------------*/
div#contents div#smile ol{
	margin:0 auto 25px;
	padding:5px 10px 5px 35px;
	border:1px #cccccc solid;
	background-color:#f5f5f5;
}
div#contents div#smile li{
	list-style-type: decimal;
	list-style:decimal;
}




/* 4.tooth
---------------------------------------------------------------------------------------*/
div#contents div#tooth p.pic{
	padding-bottom:230px;
	background:url(../img/info/tooth1.jpg) no-repeat center bottom;
}




/* 5.implant
---------------------------------------------------------------------------------------*/
div#contents div#implant div.doctor{
	display:inline-block;
	*display:inline;
	margin-right:40px;
	padding:0;
	vertical-align:top;
	zoom:1:
}

div#contents div#implant div.gap{
	margin-right:0;
}


div#contents div#implant div.doctor p{
	display:inline-block;
	*display:inline;
	margin:5px 0 0 0;
	padding:10px;
	vertical-align:top;
	border:1px #cccccc solid;
	zoom:1;
}

div#contents div#implant div.doctor p img,
div#contents div#implant div.doctor p p{
	display:block;
	margin-bottom:5px;
}