body {
	background-color:#FAFAFA;
	margin-top:0px;
	text-align:center;
	line-height:20px;
}


/*------ 共通定義 ---------*/
*{
	margin:0px;
	padding:0px;
}

img{
	border:0px #FFFFFF solid;
}

a:link { color: #666666; }
a:visited { color: #666666; }
a:hover { color: #FF8C00; }
a:active { color: red; }

.orange{
	color:#FF6600;
}

.clears{
	clear:both;
	visibility: hidden;
	height: 0px;
	margin: 0px;
	padding: 0px;
	*position: absolute;
}


/*------- 外枠定義 ----------*/
#outer{
	text-align: left;
	width:930px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	padding:0px 0px 0px 15px;
	background-color:#ffffff;
}
* html #outer{
	width:911px;
}

/*------- ヘッダーエリア ----------*/
#head{
	margin:0px 0px 0px 10px;
	width:910px;
	height:128px;
	border:0px gray solid;
	background:url(../images/bg_header.jpg) left bottom no-repeat;
	position:relative;
}

	#head h2{
		font-size:11px;
		font-weight:normal;
		height:auto;
		position:absolute;
		left:600px;
		top:0px;
		color:#999999;
	}
	
	#head #touroku{
		background:url(../images/bg_header_touroku.jpg) no-repeat;
		position:absolute;
		left:600px;
		top:17px;
		width:303px;
		height:47px;
		color:#ffffff;
		font-size:12px;
	}
		#head #touroku #t_dog{
			position:absolute;
			left:50px;
			top:20px;
		}
		#head #touroku #t_cat{
			position:absolute;
			left:190px;
			top:20px;
		}
	
	
	#head #gnavi{
		width:850px;
		height:50px;
		position:absolute;
		top:65px;
		left:125px;
		
	}
		#head #gnavi a{
			display:block;
			height:53px;
			
		}
		#head #gnavi li{
			float:left;
			text-indent:-9999px;
			list-style-type:none;
		}
		#head #gnavi li a{ background:url(../images/gnavi.jpg) no-repeat;}
		
		#head #gnavi li#home a{ background-position:0px 0px;width:106px;}
		#head #gnavi li#home a:hover{ background-position:0px -61px;}
		
		#head #gnavi li#about a{ background-position:-106px 0px;width:177px;}
		#head #gnavi li#about a:hover{ background-position:-106px -61px;}
		
		#head #gnavi li#dog a{ background-position:-283px 0px;width:162px;}
		#head #gnavi li#dog a:hover{ background-position:-283px -61px;}
		
		#head #gnavi li#cat a{ background-position:-445px 0px;width:168px;}
		#head #gnavi li#cat a:hover{ background-position:-445px -61px;}
		
		#head #gnavi li#breeder a{ background-position:-613px 0px;width:162px;}
		#head #gnavi li#breeder a:hover{ background-position:-613px -61px;}
		



/*------- メインエリア ----------*/

#main{
	width:925px;
	height:auto;
	margin:10px 8px 0px 0px;
	border:0px red solid;
}


	#sidebar_left{
		width:170px;
		height:auto;
		float:left;
		margin:0px 0px 0px 10px;
		border:0px blue solid;
	}
		#sidebar_left .menu{
			line-height:0px;
			font-size:0px;
			margin:0px 0px 3px 0px;
		}
			#sidebar_left .menu img{
				margin:-1px 0px 0px 0px;
			}
		#sidebar_left #side_link{
			border:1px #FEDDAB solid;
			background-color:#FFF9EE;
			width:165px;
			height:auto;
			padding:5px;
			font-size:12px;
			color:#E38E0F;
			line-height:16px;
		}
		#sidebar_left #side_link textarea{
			font-size:10px;
			width:155px;
			height:80px;
			border:0px #ffffff solid;
			padding:3px;
		}
		
		#sidebar_left  #site_menu{
			width:170px;
			height:auto;
			background-color:#F6F6F6;
			margin:5px 0px 20px 0px;
		}
		#sidebar_left  #site_menu ul{
			list-style-position: inside;
			font-size:12px;
			font-weight:bold;
			list-style-image:url(../images/icon_list_sitemenu.gif);
			margin:0px 0px 0px 3px;
		}
		#sidebar_left .menu #site_menu li{
			margin:0px 0px 4px 0px;
		}
	
	#content{
		width:540px;
		height:auto;
		float:left;
		margin:10px 10px 0px 10px;
		border:0px green solid;
	}
	
	#error{
		font-size:13px;
		color:red;
		font-weight:bold;
		margin:20px 0px 0px 80px;
	}
	
	#content_wide{
		width:720px;
		height:auto;
		float:left;
		margin:10px 0px 0px 10px;
		border:0px green solid;
	}
	
	#content #to_top{
		margin:30px 0px 0px 0px;
		width:530px;
		text-align:right;
		font-size:12px;
	}
	
	#page_link{
		width:530px;
		text-align:center;
		margin:20px 0 20px 0;
		height:auto;
	}
	
	#massage{
		font-size:12px;
		margin:30px 0px 0px 30px;
	}
	
	#sidebar_right{
		width:150px;
		height:auto;
		float:left;
		margin:10px 0px 0px 0px;
		line-height:0px;
		border:0px red solid;
		font-size:0px;
	}
		#sidebar_right .box_news{
			border:1px #CCCCCC solid;
			width:168px;
			height:auto;
			line-height:18px;
			font-size:12px;
		}
		* html #sidebar_right .box_news{
			width:170px;
		}
		
		#sidebar_right .box_contents{
			width:150px;
			height:auto;
			border-bottom:1px #cccccc dashed;
			margin:5px 0px 3px 3px;
		}
		
		#sidebar_right .box_check{
			border:1px #CCCCCC solid;
			width:168px;
			height:auto;
			line-height:18px;
			font-size:12px;
		}
		* html #sidebar_right .box_check{
			width:170px;
		}
			#sidebar_right .box_check img{
				float:left;
				margin:5px 3px 5px 3px;
			}
			#sidebar_right .box_check p{
				float:left;
				margin-top:15px;
				width:60px;
			}
		


/*------- フッターエリア ----------*/

#footer{
	width:945px;
	height:70px;
	font-size:80%;
	text-align:center;
	color:#000000;
	margin:70px 0px 0px -15px;
	background-color:#9B9B9B;
}
	#footer #link{
		color:#ffffff;
		padding:10px 0px 0px 0px;
	}

	#footer #link a{
		color:#ffffff;
	}
	#footer #link a:hover{
		color:#FF6633;
	}
	#footer #copy{
		height:40px;
		color:#ffffff;
	}
		* html #footer #copy{
			height:60px;
		}


#footer #copy a:link { color: #FFFFFF; }
#footer #copy a:visited { color: #FFFFFF; }
#footer #copy a:hover { color: #FF8C00; }
#footer #copy a:active { color: red; }

