﻿/*史跡・文化財散歩のcss*/

/*============================= <!-- コンテンツエリア解説テーブル --> ========================*/
#explain {
	border: 1px;
	width: 600;
	margin-bottom: 1em;
}

/*コンテンツエリア写真部分用セル
	---写真幅は300pxに設定のこと*/
#picarea {
	width: 300px;
	float: left;
}
#picarea img {
	clear: left;
}
#picarea .note {
	text-align: center;
	clear: left;
}

/*コンテンツエリア史跡データ部分用セル*/
#dataarea ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	color: #000000;
}
#dataarea li {
	color: #000000;
}
#dataarea li.lv2 {
	text-indent: 4em;
}
.strict {
	clear: left;
	padding: 10px;
}
/*コンテンツエリア個別写真用　画像は幅220pxにすること*/
.subpic {
	text-align: center;
	width: 220px;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
.picnote {
	font-size: 10pt;
	text-align: left;
	text-indent: 1em;
	letter-spacing: -1px;
}

/*================================================ <!-- 前・次へのボタン --> =============================================*/
#guide {
	margin-bottom: 2.5em;
	padding: 0px;
	background-repeat: repeat-x;
	clear: left;
}
#guide ul {
	list-style-type: none;
	margin: 0px 0px 0px 170px;
}
#guide ul li {
	float: left;
	width: 113px;
	height: 30px;
	margin-right: 5px;
}
#guide ul li a {
	display: block;
	width: 113px;
	height: 25px;
	text-indent: -9999em;
}
#guide ul li.to_back a {
	background-image: url('../img/back.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
#guide ul li.to_next a {
	background-image: url('../img/next.gif');
	background-repeat: no-repeat;
	background-position: left top;
} 
#guide ul li a:hover {
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: left bottom;
}
