@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

body{
	background:url(../img/bg_body.jpg) repeat-x;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	color:#666666;
	}
	
img{
	border:none;
	}
	
a{
	outline:none;
	}
	
a:link{
	color:#009933;
	}
	
a:visited{
	color:#000099;
	}
	
li{
	list-style:none;
	}
	

#header{
	width:1000px;
	height:210px;
	margin:0 auto;
	text-align:left;
}


h1{
	width:660px;
	height:32px;
	float:left;
	font-size:80%;
	line-height:2;
	color:#333;
	margin:0 0 0 0;
}

h2{
	width:595px;
	height:126px;
	float:left;
	margin:0 5px 6px 0;
}

#contact{
	width:332px;
	float:right;
	margin:0 0 0 0;
	padding:10px 0 0 0;
}

ul#gnav{
	width:1000px;
	height:43px;
	margin:0 0 0 0;
	clear:both;
}

ul#gnav li{
	width:167px;
	height:43px;
	float:left;
	list-style:none;
	margin:0 0 0 0;
}

ul#gnav li#last_gn{
	width:165px;
}

ul#gnav li a{
	width:167px;
	height:43px;
	display:block;
	text-indent:-9999px;
}

ul#gnav li#last_gn a{
	width:165px;
}

ul#gnav li a:hover,
ul#gnav li a:active{
	background-position:0 -46px;
}

#gn00{background:url(../img/gn00.jpg);}
#gn01{background:url(../img/gn01.jpg);}
#gn02{background:url(../img/gn02.jpg);}
#gn03{background:url(../img/gn03.jpg);}
#gn04{background:url(../img/gn04.jpg);}
#gn05{background:url(../img/gn05.jpg);}


#top #gn00{background-position:0 -46px;}
#doctor #gn01{background-position:0 -46px;}
#treatment #gn02{background-position:0 -46px;}
#first #gn03{background-position:0 -46px;}
#clinic #gn04{background-position:0 -46px;}
#access #gn05{background-position:0 -46px;}

#main{
	height:200px;
	margin:20px 0 0 0;
}

#container{
	width:1000px;
	min-height:500px;
	margin:24px auto 0;
	padding:0 0 10px 0;
	text-align:left;
}

#leftblock{
	width:250px;
	margin:0 0 0 0;
	float:left;
}

p#title_snav{
	width:250px;
	height:30px;
	margin:0 0 10px 0;
}

ul#snav{
	width:250px;
}

ul#snav li{
	width:250px;
	height:44px;
	margin:0 0 5px 0;
	list-style:none;
	text-indent:-9999px;
}

ul#snav li a{
	width:250px;
	height:44px;
	display:block;
	text-indent:-9999px;
}

ul#snav li a:hover,
ul#snav li a:active{
	background-position:-250px 0;
}

#sn01{background:url(../img/sn01.gif);}
#sn02{background:url(../img/sn02.gif);}
#sn03{background:url(../img/sn03.gif);}
#sn04{background:url(../img/sn04.gif);}
#sn05{background:url(../img/sn05.gif);}
#sn06{background:url(../img/sn06.gif);}
#sn07{background:url(../img/sn07.gif);}
#sn08{background:url(../img/sn08.gif);}

#glaucoma #sn01{background-position:-250px 0;}
#armd #sn02{background-position:-250px 0;}
#retinalVein #sn03{background-position:-250px 0;}
#retinopathy #sn04{background-position:-250px 0;}
#floaters #sn05{background-position:-250px 0;}
#cataract #sn06{background-position:-250px 0;}
#allergy #sn07{background-position:-250px 0;}
#dryEye #sn08{background-position:-250px 0;}


p#kogure{
	width:250px;
	height:250px;
	margin:20px 0 0 0;
}

p#kanja{
	width:250px;
	height:80px;
	margin:10px 0 0 0;
}

p#recruit{
	width:250px;
	height:150px;
	margin:10px 0 0 0;
}

p#mobile{
	width:250px;
	height:80px;
	margin:10px 0 0 0;
}

p#tokyo-womens-universiry{
	width:250px;
	height:67px;
	margin:10px 0 0 0;	
}

#rightblock{
	width:720px;
	float:right;
	margin:0 0 20px 0;
}






/**********************************/


/******************************************/



#footer{
	margin:0 0 0 0 ;
	clear:both;
	height:165px;
	background:url(../img/bg_footer.jpg) repeat-x;
}

#footerwrap{
	width:1000px;
	margin:0 auto;
}

#pagetoparea{
	width:1000px;
	height:50px;
	clear:both;
	margin:0 auto;
}

p.pagetop{
	width:120px;
	height:50px;
	margin:0 0 0 880px;
}

p#name_footer{
	width:301px;
	padding:0 0 15px 0;
	float:left;
}

#footerlink{
	width:690px;
	height:68px;
	float:right;
	padding:0 0 0 0;
}

#footerlink ul {
	text-align:right;
	padding:0 0 0 0;
	height:28px;
}
	
#footerlink ul li{
	line-height:2;
	font-size:75%;
	display:inline;
	list-style:none;
	margin:0 0 0 0;
	color:#377436;
}

#footerlink ul li a{
	color:#377436;
}


#footercopy{
	width:1000px;
	height:25px;
	clear:both;
}

p#copy{
	text-align:center;
	font-size:85%;
	line-height:2;
	color:#fff;
}

p#copy a:link{
	color:#fff;
	}

p#copy a:visited{
	color:#F2F2F2;
	}









.red { color:red; }
.mb1em { margin-bottom: 1em; }




.all_clear { clear:both; height:0; }	


/*------------------------------------*/
.clearfix:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	}

.clearfix{
	display:inline-block;/* MAC IE用　*/
	min-height:1%;/* IE 7用 */
	}

/*--MAC IEは非適用→ \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/*--ここまでMAC IEは非適用 */
/*------------------------------------*/