@charset "UTF-8";

@import "../css/general.css";

/*コンテンツ==============================*/

/* 見出し */
#right_col h2{
	margin-bottom: 60px;
}

#right_col h3{
	margin-bottom: 15px;
	padding: 6px 0 3px 30px;
	border-bottom: solid 1px #CCCCCC;
	background-image: url(../img/treatment/icon.png);
	background-position: center left;
	background-repeat: no-repeat;
}

#right_col div.example h4{
	color: #555555;
	letter-spacing: 0.2em;
	font-size: 110%;
	margin: 2em 0 15px 30px;
}


/*診療のご案内==============================*/

#right_col div.subject{
	position: relative;
	margin: 30px 10px 0 10px;
	padding: 8px 20px 5px 20px;
	border: solid 1px #CCCCCC;
}

#right_col div.subject p{
	margin: 0 0 1em 30px;
}

/*==============================*/

#right_col div.subject dl.list{
	margin: 0 0 1em 30px;
}

#right_col div.subject dl.list dt{
	margin-top: 20px;
	color: #679528;
	font-weight: bold;
	font-size: 110%;
}

#right_col div.subject dl.list dd{
	display: list-item;
	list-style: disc outside;
	margin: 0 0 0 30px;
}

/*==============================*/

#right_col div.subject img.right{
	float: right;
	margin: 0 0 10px 10px;
}

#right_col div.subject p.center_mag{
	text-align: center;
	margin-top: 1em;
}

/*==============================*/

#right_col div.subject dl.exp{
	margin: 0 40px 0 50px;
	float: left;
}

#right_col div.subject dl.exp dd{
	text-align: center;
	font-size: 85%;
}

/*==============================*/

#right_col div.item{
	margin-top: 30px;
}

#right_col div.item h4{
	margin: 0 0 10px 30px;
	padding-left: 7px;
	color: #615136;
	font-size: 120%;
	border-left: solid 5px #8CB636;	
}

#right_col div.item ol{
	margin: 0 0 15px 65px;
	font-weight: bold;
	color: #6A963F;
}

#right_col div.item p.image{
	position: relative;
}

#right_col div.item p.image img.right{
	position: absolute;
	top: 0;
	right: 20px;
}


/*---------------------*/

#right_col div.item dl.zirconia{
	margin: 25px 0 20px 40px;
}

#right_col div.item dl.zirconia dt{
	width: 230px;
	margin-bottom: 15px;
	float: left;
}

#right_col div.item dl.zirconia dd{
	font-size: 75%;
	line-height: 1.2em;
	text-align: center;
	clear: both;
}


/*==============================*/

#right_col div.subject img.corner{
	position: absolute;
	top: -1px;
	right: -1px;
}


