body {
	margin: 0 auto;
	padding: 0;
	min-width: 830px;
	min-height: 600px;
	height: 100%; 
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	font-size: 14px;
	color: #434443;
	text-align:center;
	background: #FFFFFF;
	line-height: 1.6;
}
li {list-style-type: none;}
img {border: 0;vertical-align: top;}
a, a:link {
  color: #449;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: #959;
  background-color: transparent;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #47f;
  background-color: transparent;
  text-decoration: none;
}
div, p, li, ul, span, h1, h2, h3, h4, h5{margin: 0;padding: 0;}
/*��������������������������������  header ��������������������������������*/
#base {	
	margin: 0 auto;
	position: relative;
	width: 830px;
}
#header-top {
	margin: 0 auto;
	position : absolute;
	top: 30px;
 	left: 0px;
	z-index: 1;
	width: 830px;
	height: 85px;
	background: url("../images/template/head.gif") no-repeat top center;
}
#logo { 
	position : absolute;
	top: -71px;
	left: 40px;
	width: 208px;
	height: 72px;
	background: url("../images/template/pat-logo.png") no-repeat top center;
}
#inu { 
	position : absolute;
	top: -80px;
	right: 20px;
	width: 132px;
	height: 150px;
	background: url("../images/template/pat-inu4.png") no-repeat top center;
}
#freedial { 
	position : absolute;
	top: -30px;
	right: 300px;
	width: 280px;
	height: 30px;
	background: url("../images/template/freedial.png") no-repeat top center;
}
#toppage {
	position : absolute;
	z-index: 4;
	top: 85px;
 	left: 0px;
	width: 830px;
	height: 33px;
	background: url("../images/template/index-top.gif") no-repeat top center;
}
/*��������������������������������  wrapper ��������������������������������*/
#wrapper {
  	position : relative;
	z-index: 4;
	top:148px;
  	margin: 0 auto;
	padding : 0;
  	width: 100%;
	text-align:left;
	background: url(../images/template/index-mid.gif) repeat-y top center;
}
/*����������������������������  side menu ��������������������������������*/
#side-menu {
	width: 214px;
	float: left;
}
#rm ul {
	margin:0px 0px 0px 18px ;
	padding:0px 0px 0px 17px ;
}
#rm li {
	line-height:26px;
}
#rm img {margin:0px 0px 0px 35px ;}
#rm li a {
	color: #389;
	height:27px;
	display:block;
	background: url(../images/template/sw1.gif) no-repeat left top;
}
#rm li a:hover {
	color: #69f;
	background: url(../images/template/sw1_.gif) no-repeat left top;
}
#rm li span{padding-left: 5px;}
#area {
	margin:3px 0px 0px 34px ;
	padding:38px 0px 0px 10px ;
	width:170px;
	height:76px;
	text-align:center;
	background: url(../images/template/area.gif) no-repeat left top;
}
#area li {
	font-size:12px;
	width:42px;
	float:left;
	text-align:center;
}
#side-menu p {
	margin:0px 0px 0px 17px ;
	padding:3px 0px 0px 17px ;}

#blog ul {
	margin:0px 0px 0px 15px ;
	padding:0px 0px 0px 17px ;
}
#blog li {
	font-size:10px;
}
	
/*������������������������������  content ����������������������������������*/

#content {
	margin: 2px 0px 0px 7px;
	width: 548px;
	float: left;
	font-size:13px;
}
#content a:hover{text-decoration:underline;color: #862;}
/*----------LEFT----------*/
#left {
	width: 323px;
	float: left;
}
#ue ,#sita{
	margin: 0 0 0 12px;
	width:305px;
	background: url(../images/template/index-content_left.gif) repeat-y left top;
}
#ue ul { 
	padding-left:2px;
	height:210px;/*---��������������-------------------*/
}
#ue li{ 
	padding:2px 3px;
	float: left;
}
#ue li span {line-height:37px;padding-left:46px;font-size:12px;}
#ue li .left-space55 {padding-left:55px;}
#ue li .left-space7 {padding-left:7px;}
#ue li .left-space40 {padding-left:39px;}
#ue li a {display:block;width:145px;height:37px;}
#ue li a:hover{text-decoration:none;}
#li-a01 a{ background : url(../images/top/bt-a1.gif ) no-repeat left top;}
#li-a02 a{ background : url(../images/top/bt-a6.gif ) no-repeat left top;}
#li-a03 a{ background : url(../images/top/bt-a2.gif ) no-repeat left top;}
#li-a04 a{ background : url(../images/top/bt-a7.gif ) no-repeat left top;}
#li-a05 a{ background : url(../images/top/bt-a4.gif ) no-repeat left top;}
#li-a06 a{ background : url(../images/top/bt-a8.gif ) no-repeat left top;}
#li-a07 a{ background : url(../images/top/bt-a3.gif ) no-repeat left top;}
#li-a08 a{ background : url(../images/top/bt-a9.gif ) no-repeat left top;}
#li-a09 a{ background : url(../images/top/bt-a5.gif ) no-repeat left top;}
#li-a10 a{ background : url(../images/top/bt-a10.gif ) no-repeat left top;}

#li-a01 a:hover{background : url(../images/top/bt-b1.gif ) no-repeat left top;}
#li-a02 a:hover{background : url(../images/top/bt-b6.gif ) no-repeat left top;}
#li-a03 a:hover{background : url(../images/top/bt-b2.gif ) no-repeat left top;}
#li-a04 a:hover{background : url(../images/top/bt-b7.gif ) no-repeat left top;}
#li-a05 a:hover{background : url(../images/top/bt-b4.gif ) no-repeat left top;}
#li-a06 a:hover{background : url(../images/top/bt-b8.gif ) no-repeat left top;}
#li-a07 a:hover{background : url(../images/top/bt-b3.gif ) no-repeat left top;}
#li-a08 a:hover{background : url(../images/top/bt-b9.gif ) no-repeat left top;}
#li-a09 a:hover{background : url(../images/top/bt-b5.gif ) no-repeat left top;}
#li-a10 a:hover{background : url(../images/top/bt-b10.gif ) no-repeat left top;}

#sita #sitabox{
	padding:5px;
	height:526px;/*---��������������-------------------*/
/*	background: url(../images/template/forexample.jpg) no-repeat 0px 50%; */
}

#sita li span {font-weight: bold;color:#448;margin-right:10px;}
#sita p{line-heght:16px;margin-bottom:10px;}
#sita p img{margin-top:3px;}

#sita li p {
	position : relative;
	z-index: 20;
	top : -20px;
	left : 40px;
	font-weight: bold;
	color:#448;
	margin : 0px 0px -12px 10px;
}
.spy li{margin-top:5px;margin-left:0px; height:75px;width:200px;}
.spy li img{float:left;margin-right:2px;}



/*----------RIGHT----------*/
#right{
	width: 224px;
	float: left;
}
#right #osirase{
	margin : 0px 0px 0px 6px;
	width:202px;
	height:780px;/*----��������������------------------*/
	background: url(../images/template/index-content_right.gif) repeat-y left top;
}
#right h3 {
	font-size:13px;
	text-align:center;
	background-color:#8accbf;
	border:solid 1px #77aa44;
}
#right .news{
	padding :0px 4px 4px 4px;
	width:193px;
}


#GW{padding:5px;margin:5px 2px 5px 2px;border:dashed #c66;font-weight:bold;color:#922;}



/*��������������������������������  footer ��������������������������������*/
#footer {
	margin: 0 auto;
	width: 830px;
	height: 91px;
	clear: both;
	background: url(../images/template/index-bottom2.gif) no-repeat top center;
}
#sitemap{margin-left : 35px;}
#sitemap a {	
	display:block;
	width : 176px;
	height : 54px;
	background: url("../images/template/sitemap-icon.gif") no-repeat 0px 4px;
}
#sitemap a:hover{
	background: url("../images/template/sitemap-icon_.gif") no-repeat 0px 4px;
}

/**************************** menu navi ***********************************/
#menu {
	position : absolute;
	z-index: 2;
	top:86px;
	left: 0px;
	width: 830px;
	height: 32px;
	font-size:10.5pt;
	line-height:normal;
	background:url("../images/template/menu.gif") no-repeat left top;
	}
#menu ul {
	margin:0;
	padding:2px 0px 0 18px;
	}
#menu li {
	display: block;
	float: left;
	}
#menu li.end {background-image: none;}

#menu a {
	float:left;
	display:block;
	padding:5px 17px 6px 17px;
	color:#555;
	font-weight: bold; 
	}

#menu a:hover {
	color:#467F8D;
	background:url("../images/template/over-menu.gif") no-repeat right -2px;}

#menu #forcus {background: url("../images/template/visit-right.gif") no-repeat 100% 0px;}
#menu #forcus a{
	margin:0px 0 2px 0px ;
	color:#efefef;
	background: url("../images/template/visit-left.gif") no-repeat 0% 0px;
}
/*--------------------------------------------------------------*/
.l {float: left;}

#toppage span{
	font-size:13px;
	color:#999;
	width:800px;
	position : absolute;
  	top: 1025px;
	left: 130px;}
#pr {
	font-size:12px;
	color:#999;
	width:800px;
	position : absolute;
  	top: 1060px;
	right:30px;
	left:20px;
}
#cr {
	font-size:12px;
	color:#999;
	width:800px;
	position : absolute;
  	top: 1170px;
	left: 20px;
}
#header-top h1 {
	font-size:13px;
	color:#999;
	width:800px;
	position : absolute;
  	top: 1110px;
	right: 150px;
}