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

body {
  margin:0;
  padding:0;
  letter-spacing:1px;
  background:#EFEFEA;
  font-family:Verdana, Helvetica, sans-serif,MS Gosic;
  
}
br {
  letter-spacing:normal;
}
a {
  color:#ff6699;
  text-decoration:none;
}
a:hover {
  color:#3333ff;
  border-bottom:1px solid #3333ff;
}
img {
  border:0;
  margin:7px;
  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/toppinkg15.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:0.9em;
  color:#000000;
}

div#headline h4{
  margin:0px ;
  padding:10px;
  font-size:1.0em;
  width:auto;
  color:#808080;  
}
/* ========MAIN sub 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/Ugreen01.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 7px;
  font-size:1.0em;
  line-height:1.6;
}
div#main li{
	padding:0;
} 
div#image10 { 	
 width:150px;
 height:100px; 
 float:right;
 border:0;
 margin:10px;
 padding:5px 20px 40px 10px;
 }
 /* ========photo box======== */
.container{
	width:100%;	
	margin:0px auto;
	}
.photobox{
	width:120px; 
    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:30px;
	height:30px;
  float:left;
  }	
div#sub img{
	width:110px;
	height:30px;
  float:left;
  }	
/* ========MOBILE LINK======== */
div#mobile{
	width:auto;
	height:inherit;
	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;
}

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

/* ========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 size design======= */		   
span.fontbb {
       font-weight: bold;
	   font-size:1.1em;
           }
span.fonts {
       font-size:0.7em;
           }