/* ### reset all styles ### */

a img{border:0;}
caption,strong,var,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none; margin:0;padding:0;}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	margin:0;
	padding:0;
	font-size: 100%;
}

/* ### main ### */
body {
	margin: 0px;
	padding: 0px;
}

html body div#mainbox{
	float: senter;
	width: 730px;
	height: 400px;
	background-color: #ffffff;
	border: 1px;
		padding: 10px 20px;
}

td {
	font-size : 12px; 
	color: #333333;
	line-height : 160%;}

#font10 {  font-size: 10px; line-height: 12px}
#font11{  font-size: 11px; line-height: 13px}
#font12 {  font-size: 12px; line-height: 16px}
#font13{  font-size: 13px; line-height: 18px}
#font14{  font-size: 14px; line-height: 19px}
#font16{  font-size: 16px; line-height: 21px}
#font18 {  font-size: 18px; line-height: 24px}

A { 
COLOR: #191970; 
TEXT-DECORATION: underline ;
} 
A:hover { 
COLOR: #DC143C; 
TEXT-DECORATION: underline ;
} 
A:active { 
COLOR: #333333; 
TEXT-DECORATION: underline ;
} 

a img{border:0;}
caption,strong,var,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none; margin:0;padding:0;}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	margin:0;
	padding:0;
	font-size: 100%;
}

html body h1{
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}

div#box01{
	float: senter;
	width: 462px;
	height: 200px;
	background-color: #ffffff;
/*	
	border: 1px;
	
	padding: 10px 20px;
*/	
}

html body div p{
font-size : 12px, ; 
	font-weight: bold;
	color: #333333;
	line-height : 140%;
}


div table tr td div span{
font-size : 11px, ; 
line-height : 130%;
}

table#work tr td div{
font-size : 10px, ; 
color: #000000;
line-height : 120%;
}
.gray {
	color: #696969;
	font-size: 12px;
	font-weight: bold;
	line-height : 120%;
}

/* ### navi ### */
#navibar {
	height: 24px;
	width: 727px;
}

#navibar li {
	float: left;
	list-style: none;
}

#btn01 a {
	text-decoration: none;
	height: 24px;
	width: 104px;
	display: block;
	background-image: url(navi/medical.gif);
	text-indent: -9999px;
}

#btn01 a:hover {
	background-image: url(navi/medical2.gif);
}

#btn02 a {
	text-decoration: none;
	height: 24px;
	width: 104px;
	display: block;
	background-image: url(navi/info.gif);
	text-indent: -9999px;
}

#btn02 a:hover {
	background-image: url(navi/info2.gif);
}

#btn03 a {
	text-decoration: none;
	height: 24px;
	width: 104px;
	display: block;
	background-image: url(navi/work.gif);
	text-indent: -9999px;
}

#btn03 a:hover {
	background-image: url(navi/work2.gif);
}

#btn04 a {
	text-decoration: none;
	height: 24px;
	width: 104px;
	display: block;
	background-image: url(navi/music.gif);
	text-indent: -9999px;
}

#btn04 a:hover {
	background-image: url(navi/music2.gif);
}

#btn05 a {
	text-decoration: none;
	height: 24px;
	width: 104px;
	display: block;
	background-image: url(navi/profile.gif);
	text-indent: -9999px;
}

#btn05 a:hover {
	background-image: url(navi/profile2.gif);
}

#btn06 a {
	text-decoration: none;
	height: 24px;
	width: 104px;
	display: block;
	background-image: url(navi/cinema.gif);
	text-indent: -9999px;
}
#btn06 a:hover {
	background-image: url(navi/cinema2.gif);
}
#btn07 a {
	text-decoration: none;
	height: 24px;
	width: 103px;
	display: block;
	background-image: url(navi/diary.gif);
	text-indent: -9999px;
}
#btn07 a:hover {
	background-image: url(navi/diary2.gif);
}