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

/* h1 */
h1.topmainimg{
	clear:both;
	width:100%;
	height:276px;
	background:url(../../img/mainimg.jpg) center top no-repeat;
	text-indent:-9999px;
	margin-top:15px;
}

/* menu buttons */
.topmenu{
	font-size:0.8em;
	width:750px;
	height:142px;
	margin:15px 15px 5px 15px;
	background:url(../../img/btn_bg.gif) no-repeat;
	padding:6px 0 0 5px;
}
.topmenu li{
	float:left;
	margin-bottom:5px;
}
.topmenu li h2 a{
	display:block;
	width:246px;
	height:33px;
	text-indent:-9999px;
}
.topmenu li.center h2 a{
	background:url(../../img/btn_top.jpg) 0 0 no-repeat;
	margin-right:1px;
}
.topmenu li.center h2 a:hover{
	background-position:0px -33px;
}
.topmenu li.knee h2 a{
	background:url(../../img/btn_top.jpg) -247px 0 no-repeat;
	margin-right:1px;
}
.topmenu li.knee h2 a:hover{
	background-position:-247px -33px;
}
.topmenu li.hip h2 a{
	background:url(../../img/btn_top.jpg) -494px 0 no-repeat;
}
.topmenu li.hip h2 a:hover{
	background-position:-494px -33px;
}
.topmenu li ul{
	margin:7px 0 0 15px;width:230px;
}
.topmenu li ul li{
	float:none;line-height:160%;
}
.topmenu li ul li a{
	padding-left:18px;
}
.topmenu li.center ul li a{
	background:url(../img/ic_arrow_box_blue.gif) left center no-repeat;
}
.topmenu li.knee ul li a{
	background:url(../img/ic_arrow_box_green.gif) left center no-repeat;
}
.topmenu li.hip ul li a{
	background:url(../img/ic_arrow_box_purple.gif) left center no-repeat;
}
.topmenu li ul li a:hover{
	background:url(../img/ic_arrow_box_red.gif) left center no-repeat;
}
.topmenu li.center ul li.exlink a{
	background:url(../img/ic_arrow_ex_blue.gif) left center no-repeat;
}
.topmenu li.center ul li.exlink a:hover{
	background:url(../img/ic_arrow_ex_red.gif) left center no-repeat;
}



/* whatsnew */
#whatsnew{
	font-size:0.8em;
	width:370px;
	padding:25px 0 0 0;
	background:url(../../img/ttl_whatsnew.gif) no-repeat 15px top;
	float:left;
	
}
dl.news{
	float:left;
	margin-left:15px;
	line-height:150%;
}
dl.news dt{
	font-weight:bold;
	padding:5px 0 0 5px;
}
dl.news dd{
	padding:0 0 5px 5px;
	background:url(../img/line_dot.gif) repeat-x left bottom;
}

/* banner_area */
#banner_area {
	float:right;
	width:370px;
	padding-right:20px;
	_padding-right:18px;
}
#profile  {
	width:370px;
	border:1px solid #CCCCCC;
	height:118px;
	margin-top:6px;
}
#profile a{
	background:url(../../img/btn_profile.gif) no-repeat;
	display:block;
	border-bottom:1px solid #CCCCCC;
	text-indent:-9999px;
	height:30px;
}
#profile a:hover{
	background-position:0 -30px;
}
#profile img{
	margin-right:12px;
	float:left;
}
#profile p{
	font-size:0.8em;
	padding:12px;
	line-height:180%;
}
#banner_area #bnr_clinic {	
	width:370px;
	border:1px solid #CCCCCC;
	margin-top:10px;
}