body	{
  margin : 5px 0px 10px 0px;
  padding: 0px;
  background-color: #ffffff;
  text-align : center;
}
/*	link	*/
a	{ background: transparent; text-decoration: none;	}
a:hover	{ color: #ff00ff; }
a:active { color: #ff0088 ; }
/*
   ******** 全体 *******
*/
div#all {
  background-color: #ffffff;
  width: 720px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
/*	************** 行定義 ************* */
.index_line, .data_line {
	display: inline-block; 
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: left;
/*	position: relative;
*/
}
.data_line {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #888;
}

.index_line:after, .data_line:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 
/* Hides from IE-mac \*/ 
*html .index_line, *html .data_line { 
height: 1%; 
} 
.index_line, .data_line { 
display: block; 
} 
/* END hides from IE-mac */


/*				for Header				*/
.index_head_left, .index_foot_left {
	float: left;
	width: 180px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
.index_foot_left {
	font-size: 10pt;
}
.index_head_center, .index_foot_center {
	float: left;
	width: 356px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: top;
}
h1.tittel {
	padding: 5px;
	margin: -2px;
	font-size: 24px;
	color: #fff;
}
h2.explanation {
	padding: 4px 0px 2px 0px;
	margin: 0px;
	font-size: 16px;
	font-weight: normal;
}
#dog	{	background-color: blue;	border: 8px double white;	}
#park	{	background-color: #094dff;	}
#pub	{	background-color: ##61a82d;	}
.index_head_right, .index_foot_right {
	float: right;
	width: 180px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	vertical-align: top;
}
/*			for Data Category			*/
.for_hr	{
	float: right;
	font-weight: normal;
	display: inline;
}
/* i_t < index tittle	*/
.i_t_cate	{
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-weight: bold;
}
.i_t_ken	{
	clear: both;
	display: block;
	background-image: url(../eat/top_orange.jpg);
	margin: 10px 0px 3px 0px;
	padding: 3px 0px 0px 5px;
	color: #9c900f;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	border-color: #ff900f;
}
.i_t_ken:before	{ content: "■"; }
.i_t_ken_hr	{
	display: block;
	clear: both;
	float: right;
	border-style: solid;
	border-width: 1px;
	border-color: #ff900f;
	margin: 0px;
	padding: 0px;
	width: 0px;
	line-height: 1px;
}
/*	******************	for Data Line	****************	*/
/*
*/
.i_d_name	{
	clear: both;
	display: block;
	width: 270px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	bottom: 0px;
	font-weight: bold;
}
.i_d_name_red	{
	display: inline;
	font-size: 0.8em;
	color: red;
	margin: 0px;
	padding: 0px;
}
.i_d_cate	{
	left: 270px;
	width: 130px;
	float: left;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	background-color: #eee;
/*	position: absolute;
	bottom: 0px; */
}
.i_d_address	{
	left: 400px;
	width: 170px;
	float: left;
	margin: 0px;
	padding: 4px 0px 0px 0px;
/*	position: absolute;
	bottom: 0px; */
}
.i_d_writer	{
	left: 570px;
	width: 100px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 3px 0px;
	font-size: 0.8em;
/*	position: absolute;
	bottom: 0px; */
	background-color: #eee;
}

.i_d_date	{
	left: 670px;
	width: 50px;
	float: left;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	text-align: right;
	font-size: 0.8em;
/*	position: absolute;
	bottom: 0px; */
}
