@charset "UTF-8";
/* ========東京都港区六本木皮膚科形成外科アレルギー科さとうクリニックホームページ======== */
/* ========BASIC======== */

body {
  margin:0;
  padding:0;
  letter-spacing:1px;
  background:#EFEFEA;
  font-family:Verdana, Helvetica, sans-serif,MS Gosic;
  color:#333333;
}
br {
  letter-spacing:normal;
}
a {
  color:#ff6699;
  text-decoration:none;
}
a:hover {
  color:#3333ff;
  border-bottom:1px solid #3333ff;
}
img {
  border:0;
  margin:5px;
  vertical-align:middle;
 }
h1,h2,h3,h4,h5,h6 {
  margin:2px; 
  }
li{
	list-style:none;
   }

.block{
	background-color:#ffffff;
	margin-left:3px;
	margin-right:3px;
	border:2px solid #ff6699;
        padding:3px;
	text-align:center;
	}  



/* ========TEMPLATE LAYOUT======== */
div#topic {
  width:778px;
  margin:0 auto;
  padding:4px 0px 0px 0px;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  background:#fff;
  font-size:0.8em;
  }
div#headline {
  width:774px;
  height:120px;
  margin:-7px 0px 0px 2px; 
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  background-image:url(../img1/topmedicen07.jpg);
  background-repeat:no-repeat;
  text-align:left;
 }
div#menu {
  width : 774px;
  margin:1px 3px;
  background:#ffffff; 
   }
div#menu p{	
	color:#ff6600;
	font-size:0.7em; 
	}

div#infomation {
  width : 584px;
  margin:0 3px;
  background:#ffffff;  
}
 div#contents {
  clear:both;
  width:774px;
  margin:0 2px;
  padding:2px 0;
}
/* 回り込み解除 */
div#contents:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}	
.img:after {
 content:"";
 clear:both;
 height:0;
 display:block;
 visibility:hidden;
}

div#main {
  float:left;
  width:76%;
  padding:5px 10px; 
  border-top:1px solid #cccccc;
}
div#sub {
  float:right;
  width : 18%;
  padding-right:10px;
  font-size:1.1em;
 }
div#footer {
  clear:both;
  width:774px;
  margin:0 2px;
}

div#float clear{
  clear: both;
  }
div#first{
	margin:7px;
	line-height:8px;
	text-align:left;
	font-size:0.8em;
	}   

div#main2 {
  width:750px;
  padding:5px 10px; 
 }

/* ========HEADLINE CUSTOMIZE======== */
div#headline h1 {
  margin:0;
  padding:7px 10px;
  font-size:1.3em;
  line-height:18px;
  color:#000000;
}

div#headline h2 {
  margin:5px;
  padding:8px;
  font-size:1.8em;
  color:#000000;
  line-height:10px;
}

div#headline h2 a {
  color:#000000;

 }
div#headline h3 {
  margin:0px ;
  padding:2px 10px;
  font-size:1.0em;
  color:#000000;
}

div#headline h4{
  margin:0px ;
  padding:10px;
  font-size:0.9em;
  width:auto;
  color:#808080;  
}

/* ========LINEUP　CUSTOMIZE (Only toppage)======== */	
div#lineup{
	width: 100%;
	height:auto;
	margin:15px 5px;      
       
	}   
div#lineup img {
  margin:1px;
  padding:1px;
  float:left;
  border-bottom:solid 2px #ffc0cb;
  border-top:solid 2px #ffc0cb;
 }


 /* ========MAIN  CUSTOMIZE======== */
div#main a {
  color:#0066cc;
} 
div#main a:hover {
 color:#3333ff; 
  border-bottom:1px solid #3333ff;
 }
.mainwo1{
  margin:8px 3px 10px 3px;
  padding:2px 2px 2px 5px;
  font-size:1.1em;
  font-weight:bolder;
  background-image:url(../img1/banner/fcb20-40.gif);
  background-position-x;
  }
.mainwo2 {
  margin:5px 0 10px 0;
  padding-left:25px;
  font-size:1.0em;
  line-height:20px;
  font-weight:bolder;  
  }  
div#main p{
  margin:7px 10px;
  font-size:1.0em;
  line-height:1.3;
}

div#main Ul{
	list-style posisiton:outsidce ;
        
}



div#main li{
	padding:0;
        
}



/* ========MAIN table CUSTOMIZE======== */

div#main table{ 
  border-style:solid;
  cellpadding:0;
  align:center;  
}

div#main th{

 border-width:1px;
 border-style:solid;
 width:11%;
 text-align:center;
 border-color:#bdb76b; 
}

div#main tr{
 border-width:1px;
 border-style:solid;
 text-align:center;
 font-size:0.9em; 
}

div#main td{

 border-width:1px;
 border-style:solid;
 width:11%;
 border-color:#bdb76b;
 text-align:center; 
}


div#main table{ 
  border-style:solid;
  cellpadding:0;
  align:center;  
}

---------------------------

div#main2 th{

 border-width:1px;
 border-style:solid;
 width:8%;
 text-align:center;
 border-color:#bdb76b; 
}

div#main2 tr{
 border-width:1px;
 border-style:solid;
 text-align:center;
 font-size:0.9em; 
}

div#main2 td{

 border-width:1px;
 border-style:solid;
 width:8%;
 border-color:#bdb76b;
 text-align:center; 
}







/* ========MAIN contents customaize======== */
div#d_name1{
  margin:8px 3px 10px 3px;
  padding:2px 2px 2px 5px;
  font-size:1.1em;
  font-weight:bolder;
  background-image:url(../img1/banner/fcb20-40.gif);
  background-position-x;
  }
div#d_name2{
  margin:8px 3px 10px 3px;
  padding:2px 2px 2px 5px;
  font-size:1.1em;
  font-weight:bolder;
  background-image:url(../img1/banner/fcb20-40.gif);
  background-position-x;
  }  
div#d_name3{
  margin:8px 3px 10px 3px;
  padding:2px 2px 2px 5px;
  font-size:1.1em;
  font-weight:bolder;
  background-image:url(../img1/banner/fcb20-40.gif);
  background-position-x;
  }
div#d_name4{
  margin:8px 3px 10px 3px;
  padding:2px 2px 2px 5px;
  font-size:1.1em;
  font-weight:bolder;
  background-image:url(../img1/banner/fcb20-40.gif);
  background-position-x;
  }
div#d_name5{
  margin:8px 3px 10px 3px;
  padding:2px 2px 2px 5px;
  font-size:1.1em;
  font-weight:bolder;
  background-image:url(../img1/banner/fcb20-40.gif);
  background-position-x;
  }
div#d_name6{
  margin:8px 3px 10px 3px;
  padding:2px 2px 2px 5px;
  font-size:1.1em;
  font-weight:bolder;
  background-image:url(../img1/banner/fcb20-40.gif);
  background-position-x;
  }    
div#d_name7{
  margin:8px 3px 10px 3px;
  padding:2px 2px 2px 5px;
  font-size:1.1em;
  font-weight:bolder;
  background-image:url(../img1/banner/fcb20-40.gif);
  background-position-x;
  }    
 div#d_name8{
  margin:8px 3px 10px 3px;
  padding:2px 2px 2px 5px;
  font-size:1.1em;
  font-weight:bolder;
  background-image:url(../img1/banner/fcb20-40.gif);
  background-position-x;
  }
 div#d_name9{
  margin:8px 3px 10px 3px;
  padding:2px 2px 2px 5px;
  font-size:1.1em;
  font-weight:bolder;
  background-image:url(../img1/banner/fcb20-40.gif);
  background-position-x;
  }
div#d_name10{
  margin:8px 3px 10px 3px;
  padding:2px 2px 2px 5px;
  font-size:1.1em;
  font-weight:bolder;
  background-image:url(../img1/banner/fcb20-40.gif);
  background-position-x;
  }
     
div#image1 { 	
 width:100px;
 height:110px;
 float:right;
 border:0;
 margin:5px;
 padding:5px 20px 20px 10px;
 }
div#image2 {
 width:130px;
 height:120px;
 float:left;
 border:0;
 margin:5px;
 padding:10px 40px 10px 10px;
 }
div#image22 {
 width:130px;
 height:120px;
 float:left;
 border:0;
 margin:5px;
 padding:10px 40px 10px 10px;
 }
div#image3 {
 width:130px;
 height:150px;
 float:left;
 border:0;
 margin:5px;
 padding:10px 40px 30px 10px;
 }
div#image4 {
 width:290px;
 height:290px;
 float:right;
 border:0;
 margin:5px;
 padding:3px 40px 30px 3px;
 }
  /* ========photo box======== */
.container{
	width:100%;	
	margin:0px auto;
	}
.photobox{
	width:25%;
        height120px;
        float:left;
	margin:3px;
	}
.photobox2{
	width:25%; 
    float:left;
	margin:5px;
	}	
 .photobox3{
	width:35%; 
    float:left;
	margin:5px;
	}
  /* ========SUB sub CUSTOMIZE======== */
div#sub .section {
  margin-bottom:10px;
  padding:10px;
  background:#ffffff; 
  border:1px solid #cccccc; 
}
div#sub h5 {
  padding-bottom:5px;
  text-align:center;
  font-size:1em;
  font-weight:bold;
  color:#808080;
  border-bottom:1px solid #93847B;
}
div#sub ul {
  margin:0;
  padding:5px 0 0 10px;
}
div#sub li {
  margin:0;
  font-size:0.7em;
  line-height:2; 
  list-style:none;
}
  div#sub li a{
  display: block;
  margin-right:1px;
  padding : 5px 10px 5px 10px;
  text-align:center;
  color:#ffffff;
  background:#66ccff;
  border-bottom:1px solid #ffffff;
  text-decoration:none;
}
div#sub li a:hover{
  color:#ffffff;
  background:#00bfff;
  text-decoration:none;
}
div#sub img{
        width:110px;
	height:30px;  
	 float:left;
  }	
div#sub img2{
        width:50px;
	height:50px;  
	 float:left;
  }	
/* ========MOBILE LINK======== */
div#mobile{
	width:auto;
	height:auto;
	margin:30px 5px; 
	border:1px solid #cccccc; 
}
div#mobile p{
	text-align:center;
}
div#mobile li{
	margin:0px 50px
}	
/* ========FOOTER CUSTOMIZE======== */
div#totop{
  position:relative;
  height:30px;
}
div#totop p{
  position:absolute;
  top:0;
  right:7px;
  margin:0;
  padding-left:8px;
  font-size:0.7em;
  background:#fff url(../img1/bg_totop.gif) 0 50% no-repeat;
}
address{
  padding:5px 0;
  text-align:center;
  font-size:0.68em;
  color:#333;
  border-top:1px solid #ccc;
    line-height:0.3;
}
address p{
  padding:0 10px;
 
}


/* ========MAIN BOX(Only toppage)======= */
 div#mainbox1{
 	width:48%;
	height:auto;
	float:left;
 	margin:7px 3px;
	border:1px solid #cccccc;
 }
 
 div#mainbox2{
 	width:48%;
	height:auto;
	float:right;
	margin:7px 3px;
	border:1px solid #cccccc;
 }



 
 
 /* ========MAIN BOX3(Only pricepage)======= */

 div#mainbox3{
 	width:auto;
	height:auto;
	margin:10px 10px;
	padding:0;
	border:1px solid #cccccc;
	font-size:1.0em;
        line-height:1.0;
}
/* ========MAIN2 CUSTOMIZE(Only sitemappage)======== */
div#main2 a {
  color:#0066cc;
  border-bottom:1px solid#1e90ff;
}
div#main2 a:hover {
 color:#3333ff; 
  border-bottom:1px solid #3333ff;
 }
div#main2 p{
  margin:5px 3px;
  font-size:0.9em;
  line-height:1.5;
}
div#main2 li{
	padding:0;
}  
/* ========Sitebox,mainbox4-5(Only sitemappage)======= */	
 
   div#mainbox4{
 	width:37%;
	height:auto;
	margin:10px 2px;
	padding:10px;
	border:1px solid #cccccc;
	float:left;
	}
			
 div#mainbox5{
 	width:55%;
	height:auto;
	margin:10px 2px;
	padding:10px;
	border:1px solid #cccccc;
	float:right;
	}

/* ========Keiko pen bright up line======= */	
	
span.wideyellow {
       background-color: #ffff55;
       font-weight: bold;
           }
 span.widepink { 
       background-color: #ff69b4;
       padding: 0.1em 0.1px;
       font-weight: bold;
       color: #ffffff;
       font-size:1.2em;
       }


/* ========font  design======= */		   
span.fontbb {
       font-weight: bold;
	   font-size:1.1em;
           }
span.fonts {
       font-size:0.7em;
           }		   	   
span.font9 {
       font-size:0.9em;
	   }

span.red01{
      color:#ff0000;
}

span.orange01{
      color:#ffa500;
}

span.yellow01{
      color:#ffff00;
}

span.gold01{
      color:#ffd700;
}

span.green01{
      color:#008000;
}

span.blue01{
      color:#0000ff;
}

span.purple01{
      color:#800080;
}

span.hotpink01{
      color:#ff69b4;
}

span.lightcoral01{
      color:#f08080;
}

span.teal01{
       color:#008080;
}

span.lightblue01{
      color:#add8b6;
}

span.cyan01{
      color:#00ffff;
}

span.midiumgreen01{
      color:#3cb371;
}


span.darkorchid01{
      color:#9932cc;
}

span.fuchsia01{
       color:#ff00ff;
}



			
/* ========font LT line(取り消し線）======= */				
				  		   
.LT {text-decoration:line-through;
　　}