/*/* リセット */

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        text-align: left;
        list-style-type: none;
}


/* ホームメニュー*/

#home-menu {
	float:left;
	width: 685px;
	padding-left:20px;
}

/* パンくずリスト */
#list{
	float:left;
	width:685px;
	font-size:70%;
}

#list a {
	color:#266406;
	text-decoration: none;	
}


#list  a:hover {
	color:#266406;
	text-decoration:underline;
}

#list p{
}

/* タイトル*/
#title{
	clear:both;
    widows:685px;
	height:166px;
	margin-bottom:30px;
}

#title h2 {
	widows:685px;
	height:166px;
	text-indent:-9999px;
	background:url(../images/implant/h2.png);
	display:block;
}


/* インプラントとは*/
#implant-contents {
	float:left;
	width: 685px;
	margin-bottom:20px;
}

#implant-contents h3 {
	width:685px;
	height:40px;
	background:url(../images/implant/h3.png);
	text-indent:-9999px;
	display:block;
}

#implant-contents p {
	float:left;	
	width:430px;
	/* 行間は25ｐｘで*/
	line-height:25px;
	margin-top:20px;
	margin-left:15px;
}

#implant-contents p.implant-img {
	float:left;	
	width:210px;
	height:373px;
	margin-bottom:20px;
	}

/* インプラントに適している条件*/	
#conditions{
	clear:both;
	float:left;	
	width:685px;
	margin-bottom:40px;
}

#conditions h4 {
	width:685px;
	height:18px;
	background:url(../images/implant/h4.png);
	text-indent:-9999px;
	display:block;
	}	

#conditions p {
	width:650px;
	margin-top:10px;
	margin-left:20px;
}

#conditions ul {
	float:left;
	width:365px;
	height:155px;
	background:url(../images/implant/implant_02.png);
	margin-top:15px;
	margin-left:20px;
	
}

#conditions li {
	float:left;
	width:345px;
	/*font-size:95%;*/
	margin-top:14px;
	margin-left:15px;
}

em {
  color:#E5AA8D;            
 }


#conditions p.implant-p {
	float:left;	
	width:238px;
	height:158px;
	margin-left:33px;
	}

/* 従来の治療法との違い*/
#former {
	clear:both;
	float:left;
	width: 685px;
	margin-bottom:40px;
}

#former h3 {
	width:685px;
	height:40px;
	background:url(../images/implant/h3_02.png);
	text-indent:-9999px;
	display:block;
}

/* 歯を1本失った場合*/
.one {
	float:left;
	width:227px;
	border-right:solid 1px #CCCCCC;
	margin-top:15px;
}

.one h5 {
	width:215px;
	height:32px;
	background:url(../images/implant/h5_01.gif);
	text-indent:-9999px;
	display:block;
	margin-left:6px;
}

.one ul.above {
	width:215px;
	height:100px;
	margin-top:10px;
	margin-left:6px;
}

.one li.above-01 {
	width:199px;
	color:#008558;
	margin-left:8px;
}

.one li.above-02 {
	width:199px;
	margin-left:8px;
	}

.one ul.below {
	width:215px;
	height:100px;
	margin-top:10px;
	margin-left:6px;
	background-color:#F9F4E6;
	border-color:#CCCCCC;
    border-style: solid;
    border-width: 1px;

}

.one li.above-03 {
	width:198px;
	color:#CC0000;
	margin-left:8px;
	padding-top:10px;
}

/* 数本失った場合*/
.several {
	float:left;
	width:228px;
	border-right:solid 1px #CCCCCC;
	margin-top:15px;
}

.several h5 {
	width:215px;
	height:32px;
	background:url(../images/implant/h5_02.gif);
	text-indent:-9999px;
	display:block;
	margin-left:6px;
}

.several ul.above {
	width:215px;
	height:100px;
	margin-top:10px;
	margin-left:6px;
}

.several li.above-01 {
	width:199px;
	color:#008558;
	margin-left:8px;
}

.several li.above-02 {
	width:199px;
	margin-left:8px;
	}

.several ul.below {
	width:215px;
	height:100px;
	margin-top:10px;
	margin-left:6px;
	background-color:#F9F4E6;
	border-color:#CCCCCC;
    border-style: solid;
    border-width: 1px;

}

.several li.above-03 {
	width:198px;
	color:#CC0000;
	margin-left:8px;
	padding-top:10px;
}

/* 歯を全て失った場合*/
.all {
	float:left;
	width:227px;
	margin-top:15px;
}

.all h5 {
	width:215px;
	height:32px;
	background:url(../images/implant/h5_03.gif);
	text-indent:-9999px;
	display:block;
	margin-left:6px;
}

.all ul.above {
	width:215px;
	height:100px;
	margin-top:10px;
	margin-left:6px;
	}

.all li.above-01 {
	width:199px;
	color:#008558;
	margin-left:8px;
}

.all li.above-02 {
	width:199px;
	margin-left:8px;
	}

.all ul.below {
	width:215px;
	height:100px;
	margin-top:10px;
	margin-left:6px;
	background-color:#F9F4E6;
	border-color:#CCCCCC;
    border-style: solid;
    border-width: 1px;

}

.all li.above-03 {
	width:198px;
	color:#CC0000;
	margin-left:8px;
	padding-top:10px;
}

/* インプラント治療の流れ*/
#flow {
	clear:both;
	float:left;
	width: 685px;
	margin-bottom:40px;
}

#flow h3 {
	width:685px;
	height:40px;
	background:url(../images/implant/h3_03.png);
	text-indent:-9999px;
	display:block;
	margin-bottom:15px;
}

#flow dl {
	width:659px;
	height: 125px;
    border: 3px; /* 枠の太さ */
    border-color: #CCCCCC; /* 枠の色 */
    border-style: double; /* 枠の種類 */
	margin-top:5px;
	margin-left:10px;
}

#flow dt{
	font-size:150%;
	color:#318A6B;
	margin-top:10px;
    margin-left:20px;
}

#flow dd p.flow-p {
	  float:left;
	  width:510px;
	  margin-top:5px;
	  margin-left:20px;
}


#flow dd p.flow-img {
	  float:left;
	  width:86px;
	  height:86px;
	  margin-top:-28px;
	  margin-left:20px;
}

#flow p.arrow {
	   width:57px;
	  height:43px;
	  margin-top:-10px;
	  margin-left:314px;
 }

/* インプラント治療例*/
#example {
	clear:both;
	float:left;
	width: 685px;
	margin-bottom:40px;
}

#example h3 {
	width:685px;
	height:40px;
	background:url(../images/implant/h3_04.png);
	text-indent:-9999px;
	display:block;
	margin-bottom:25px;
}

#example ul {
	
  }

#example li {
	float:left;
	width:240px;
	height:143px;
	margin-left:40px;	
  }
#example li.pot_02 {
	float:left;
	width:43px;
	height:57px;
	margin-top:43px;
  } 
#example p {
	float:right;
	width:280px;
	margin-top:20px;
  } 
   

/*フォーカス範囲表す点線が延びないようにする */
a:focus{
overflow:hidden;
}

/* ズレ防止 */
	
.clearfix:before, .clearfix:after { 
  content: ".";   
  display: block;   
  height: 0;   
  overflow: hidden; 
} 
  
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */ 
