/* CSS Document */
#index #top {
	height:340px;
	margin-bottom:5px;
}
#index #top table {
	height:340px;
	width:769px;
}
#index #menucol {
	float:left;
	padding-bottom:30px;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:30px;
}
#menucol_top {
	float:left;
	padding-bottom:5px;
	margin-bottom:5px;
}
#index .menu {
	float:left;
	width:185px;
	font-size:12px;
	padding-left:6px;
}
#index .menu h2 img {
	width:185px;
}
#index .menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
#index .menu li{
	margin:0;
	padding:0;
	display:inline;
	font-weight:bold;
}
#index li a{
	display:block;
	margin:0 1px;
	padding:4px 10px;
	text-decoration:none;
	letter-spacing:0.4em;
	border-bottom:2px dotted #FF0000;
}
#index li a:hover{
	background-color:#FF9933;
	color:#FFFFFF;
}
#front_btm {
	margin-top:20px;
}
#front_btm h2{
	margin:0 0 10px;
	padding:5px 5px 5px 33px;
	background-color:#81BA35;
	border-top:3px solid #165829;
	color:#FFFFFF;
	font-size:16px;
	background-repeat:no-repeat;
	background-position:1% 50%;
}
#front_btm h2#cat{background-image:url(../img/howtokeep/images/icon_cat_03.gif)}
#front_btm h2#rabbit{background-image:url(../img/howtokeep/images/icon_rabbit_03.gif)}

#front_btm p {
	float:left;
	width:245px; font-size:12px;
	line-height:180%;
}
#front_btm p.cent {
	margin-left:10px;
	margin-right:10px;
}
#front_btm p img{
	float:left;
	width:120px;
	margin:3px 10px 5px 0;
	border:2px solid #CCCCCC;
}

/*++++++++++++++++++subpages++++++++++++++++++++++*/
#center {
	width:560px;
}

#center table {
	font-size:1em;
}
.sub h1 {
	height:89px;
}
.sub h1 img{
	border:none;
}
.sub .section {
	margin:0 10px 40px;
}
.sub #section_top {
	margin-top:30px;
}
.sub h2 {
	margin:0 0 20px;
}
.sub .section h3 {
	margin-bottom:10px;
	background-image:url(../img/howtokeep/cat/h3bg_09.gif);
	background-repeat:repeat-x;
	position:relative;
	height:25px;
}
.sub .section h3 .limg {
	position:absolute;
	left:0;
}	

.sub .section h3 .rimg {
	position:absolute;
	right:0;
	width:8px;
}	
.sub .section p {
	line-height:150%;
	margin-bottom:5px;
}
.sub .section ul {
	margin:0 0 5px 20px;
	padding:0 0 0 15px;
}
.sub .section li {
	margin:0;
	padding:3px 0;
}
.sub .section h4 {
	padding:3px;
	border-bottom:3px dotted #CC9999;
	margin-bottom:5px;
}
.sub .section h5 {
	padding:10px;
}
#btm_navi {
	color:#BBBBBB;
	font-size:12px;
	padding:5px;
	text-align:center;
}
#btm_navi a {
	color:#BBBBBB;
}

#section_sprvis {
	border:#999966 1px solid;
	margin:20px;
	padding:5px;
}

#section_sprvis h2{
	background-color:#CC9999;
	padding:5px 10px;
	color:#FFFFFF;
}
#section_sprvis h2 span{
	display:block;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	margin-top:5px;
	padding:5px 0;
}

#section_sprvis h3{
	border-bottom:1px solid #FFCC66;
	border-left:4px solid #FFCC66;
	margin:0 10px 6px;
	padding: 2px 5px;
}	
#section_sprvis p{
	margin:0 15px 15px;
}
table#porfile {
	width:310px;
	margin-left:10px;
}
table#profile td{
	vertical-align:top;
	padding:5px;
}
table#profile td.col1{
	width:19%;
}
table#profile td.col2{
	width:81%;
}
#right .menu h2{
	margin:0;
	display:inline;
}
#right .menu h2 img{
	vertical-align:bottom;
}
#right ul{
	margin:0;
	padding:0;
	list-style:none;
}
#right li{
	margin:0;
	padding:0;
	display:inline;
}
#right li a{
	display:block;
	background-color:#FFCC99;
	padding:4px 3px;
	border:1px outset #FDD0AF;
	color:#663300;
	background-image:url(../img/common/images/icon_ar_y_02.gif);
	background-repeat:no-repeat;
	background-position:2% 50%;
	padding-left:20px;
	text-decoration:none;
	letter-spacing:0.4em;
}
#right li a:hover{
	background-color:#FF872F;
	text-decoration:underline;
}
#right li a:active{
	border:1px inset #A4CBF6;
}

#sprvislink {
	border:#999966 1px solid;
	padding:2px;
	margin:10px 10px 20px;
	text-align:center;	
}
#sprvislink a {
	display:block;
	background-color:#CC9999;
	color:#FFFFFF;
	padding:10px;
	text-decoration:none;
}

#sprvislink a:hover {
	background-color:#FFCC66;
	color:#CC9999;
}

#sprvislink strong {
	display:block;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	padding:5px 0;
	margin:5px 0;
}




.tbl {
	width:470px;
}
.tbl th,
.tbl td {
	padding:3px;
	border:1px solid #FFCCCC;
}

.tbl th{
	background-color:#FFCCCC;
	font-weight:normal;
	width:50%;
}
.tbl td {
	border:1px solid #FFCCCC;
}

#illtbl {
	width:500px;
}


#illtbl th,
#illtbl td {
	border:1px solid #FFCCCC;
	padding:3px;
}

#illtbl th {
	background-color:#FFCCCC;
	width:30%;
}
#illtbl td {
	width:70%;
}
#agetbl{
	width:500px;
}
#agetbl th,
#agetbl td {
	border:1px solid #FFCCCC;
	padding:3px;
	text-align:center;
}

#agetbl th {
	width:25%;
	background-color:#FFCCCC;
	font-weight:normal;
}
#agetbl td {
	width:25%;
}

.sub .section .ind1 {	
	margin-left:10px;
}
.sub .section .ind2  {
	margin-left:20px;
}
.sub .section .ind3  {
	margin-left:30px;
}
.sub .section .ind4  {
	margin-left:35px;
}

.rightimg {float:right; margin-left:10px;}
.leftimg {float:left; margin-right:10px;}








