@charset "utf-8";

/*====================================================================

level2.css

======================================================================

	01.common element
	02.policy
	03.access-time
	04.facilities
	05.for perio
	06.medical laser
	07.orthodontics
	08.cosmetic dentistry
	09.implant


last update 09/01/07
produced by 0510office (http://www.0510office.co.jp/)

=====================================================================*/

/*--------------------------------------------------------------------
	01.common element
--------------------------------------------------------------------*/
/*	1-1.table
----------------------------------------------------------------*/
.box table{
	width: 545px;
	border: solid 1px #bfcec4;
	margin: 20px auto 0 auto;
}
.box th{
	width: 120px;
	border-bottom: solid 1px #bfcec4;
	border-right: solid 1px #07b298;
	background: url(../img/th.gif);
	color: #0f7f6b;
	font-weight: bold;
	text-align: center;
	padding: 8px 0;
}
.box td{
	border-bottom: solid 1px #bfcec4;
	border-right: solid 1px #bfcec4;
	text-align: left;
	padding: 8px 15px;
}
.box table.time td{
	border-bottom: solid 1px #bfcec4;
	border-right: solid 1px #bfcec4;
	text-align: center;
	padding: 8px 0;
}
.box td.head{
	border-bottom: solid 1px #bfcec4;
	background: url(../img/td.gif);
	text-align: center;
	padding: 8px 0;
}
.box td strong{
	font-weight: normal;
	color: #d50c00;
}
.btn{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
.box ul{
	width: 545px;
	margin: 15px auto 10px auto;
}
.box li{
	background: url(../img/li.gif) no-repeat left top;
	text-align: left;
	font-size: 15px;
	padding: 10px 20px 10px 60px;
	border-bottom: dotted 1px #cccccc;
}
.box li.nb{border-bottom: none;}


/*--------------------------------------------------------------------
	02.policy
--------------------------------------------------------------------*/
#policy{
	outline: none;
	width: 555px;
	height: 260px;
	background: url(../../policy/img/img01.gif) no-repeat;
	text-indent: -9999px;
	margin: 20px auto 10px auto;
}
.box #policy li{
	background: none;
	border-bottom: none;
}


/*--------------------------------------------------------------------
	03.access-time
--------------------------------------------------------------------*/
#access{
	width: 551px;
	margin: 20px auto 0 auto;
	border: solid 2px #efefef;
	text-align: left;
}
#access small{
	display: block;
	margin: 5px;
}


/*--------------------------------------------------------------------
	04.facilities
--------------------------------------------------------------------*/
.box2{
	width: 520px;
	margin-left: auto;
	margin-right: auto;
}
.box2:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.box2 div{
	width: 235px;
	text-align: center;
}
#rightpane .box2 div h4{
	margin-bottom: 20px;
}
.box2 div img{
	margin-left: auto;
	margin-right: auto;
}
.box2 div p{
	text-align: left;
	padding: 20px 0 0 5px;
}


/*--------------------------------------------------------------------
	05.for perio
--------------------------------------------------------------------*/
.box.step h4{margin-bottom: -10px;}

.box table#safety{
	width: 545px;
	border: solid 1px #bfcec4;
	margin: 25px auto 0 auto;
	text-align: center;
	font-size: 10px;
}
.box table#safety thead th,
.box table#safety thead td{
	padding: 3px 5px;
	border-bottom: solid 1px #07b298;
	border-right: solid 1px #bfcec4;
	background: url(../img/th.gif);
	color: #0f7f6b;
	line-height: 1.2;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.box table#safety th{width: 90px;}
.box table#safety td{font-size: 14px;}
.box table#safety th,
.box table#safety td{
	background: none;
	border-bottom: solid 1px #bfcec4;
	border-right: solid 1px #bfcec4;
	line-height: 1.2;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	padding: 3px 5px;
}
.box table#safety th.pp{width: 190px;}
.box table#safety th.pp,
.box table#safety td.pp{
	background: url(../../for-perio/img/bg_pp.gif);
	border-bottom: solid 1px #bfcec4;
	border-right: solid 1px #bfcec4;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 3px 5px;
}


#perio01{
	overflow: hidden;
	text-indent: -9999px;
	background: url(../../for-perio/img/img01.gif) no-repeat;
	width: 545px;
	height: 280px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
#perio02{
	overflow: hidden;
	text-indent: -9999px;
	background: url(../../for-perio/img/img02.gif) no-repeat;
	width: 545px;
	height: 200px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
#perio03{
	overflow: hidden;
	text-indent: -9999px;
	background: url(../../for-perio/img/img03.jpg) no-repeat;
	width: 545px;
	height: 500px;
	margin-top: 65px;
	margin-left: auto;
	margin-right: auto;
}
.box #perio01 li,
.box #perio02 li,
.box #perio03 li{
	background: none;
	border-bottom: none;
}


/*--------------------------------------------------------------------
	06.medical laser
--------------------------------------------------------------------*/
#rightpane .box .qbox{
	width: 545px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: solid 1px #f2f2f2;
}
#rightpane .box .abox{
	width: 545px;
	margin-left: auto;
	margin-right: auto;
}
#rightpane .box .qbox:after,
#rightpane .box .abox:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#rightpane .box .qbox h5{
	margin: 0;
	padding: 0;
	background: url(../../medical-laser/img/q.gif) no-repeat left center;
	text-align: left;
	color: #5fb7d1;
	font-size: 14px;
	padding: 10px 0 10px 50px;
}
.box .abox p{
	background: url(../../medical-laser/img/a.gif) no-repeat left top;
	text-align: left;
	padding: 10px 20px 10px 50px;
}


/*--------------------------------------------------------------------
	07.orthodontics
--------------------------------------------------------------------*/
.half{
	float: left;
	width: 320px;
}
#rightpane .box .half h4{margin-top: 0;}
.box .half table{
	float: right;
	width: 310px;
	border: solid 1px #bfcec4;
}
.box .half table th{
	width: auto;
	border-bottom: solid 1px #bfcec4;
	border-right: solid 1px #07b298;
	background: url(../img/th.gif);
	color: #0f7f6b;
	font-weight: bold;
	text-align: center;
}
.box .half table td{
	border-bottom: solid 1px #bfcec4;
	border-right: solid 1px #bfcec4;
	text-align: left;
	padding: 8px 15px;
}
.box .half table td.price{
	padding: 8px 10px;
}


/*--------------------------------------------------------------------
	08.cosmetic dentistry
--------------------------------------------------------------------*/
.bfbox{
	width: 520px;
	background: url(../../cosmetic-dentistry/img/arrow.gif) no-repeat 247px 80px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.bfbox:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.bfbox img{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

.bfbox div{width: 225px;}
.bfbox p{
	text-align: left;
	padding: 0 5px;
}


/*--------------------------------------------------------------------
	09.implant
--------------------------------------------------------------------*/
#implant{
	outline: none;
	width: 545px;
	height: 180px;
	background: url(../../implant/img/img01.gif) no-repeat;
	margin: 20px auto 0 auto;
}
.box #implant li{
	background: none;
	border-bottom: none;
	overflow: hidden;
	display: none;
}
#rightpane .box h5.implant{
	margin-top: 0;
	margin-bottom: -10px;
	padding: 20px 0 0 0;
}