/* CSS Document : "びわ湖大津よりどり観光ガイド＜音声で紹介する戦国の大津歴史舞台＞" */

/*  all
*/


/* ----------------------- Browser Default Initialization */
* { margin:0px; padding:0px;}
html { overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal;}
caption, th { text-align: left;}
q:before ,q:after { content: '';}
object, embed { vertical-align: top;}
hr, legend { display: none;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
img, abbr, acronym, fieldset { border: 0;}
li { list-style-type: none;}
span { visibility: hidden;}

#sengokuwrap {
	text-align: left;
	color: #333333;
	font-size: 12px;
}

#sengokuwrap a:link { color: #003366; text-decoration: none;}
#sengokuwrap a:visited { color: #003366; text-decoration: none;}
#sengokuwrap a:hover { color: #003366; text-decoration: underline;}
#sengokuwrap a:active { color: #003366; text-decoration: underline;}


/* index ================================================ */
#title {
	position: relative;
	margin-top: 25px;
	margin-left: 43px;
	margin-bottom: 50px;
}
#title dfn {
}
#title ul {
	position: absolute;
	top: 260px;
	right: 45px;
}
#title ul li {
	float: left;
	margin-left: 22px;
}

#area01,
#area02,
#area03,
#area04,
#area05 {
	float: left;
	width: 802px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 57px;
	margin-bottom: 50px;
	display: inline;
}
#area01 dfn,
#area02 dfn,
#area03 dfn,
#area04 dfn,
#area05 dfn {
	float: left;
	display: block;
	margin-top: 12px;
	margin-left: 12px;
	display: inline;
}


#area01 {
	height: 352px;
	background-image: url(img/index/bg01.jpg);
}
#area02 {
	height: 152px;
	background-image: url(img/index/bg02.jpg);
}
#area03 {
	height: 252px;
	background-image: url(img/index/bg03.jpg);
}
#area04 {
	height: 247px;
	background-image: url(img/index/bg04.jpg);
}
#area05 {
	height: 152px;
	background-image: url(img/index/bg05.jpg);
	margin-bottom: 90px;
}

.thumBox {
	width: 635px;
	float: left;
	margin-top: 20px;
	margin-left: 18px;
}
.thumBox dl {
	float: left;
	width: 102px;
	text-align: center;
	margin-right: 29px;
}
.thumBox dl.end {
	margin-right: 0px;
}
.thumBox dl dt {
	margin-bottom: 2px;
}
.thumBox dl dd {
	height: 36px;
}

#player {
	clear: both;
	margin-left: 258px;
	padding-bottom: 50px;
}
#player dfn {
	float: left;
	display: block;
	margin-left: 5px;
}
#player p {
	float: left;
	line-height: 140%;
	margin-left: 12px;
}

/* area ================================================ */
#areaNavi {
	float: left;
	width: 802px;
	height: 152px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 56px;
	margin-bottom: 8px;
	_margin-bottom: -42px;
	display: inline;
}
#sakamoto #areaNavi {
	background-image: url(img/area/bg_navi01.jpg);
}
#hieizan #areaNavi {
	background-image: url(img/area/bg_navi02.jpg);
}
#hamaotsu #areaNavi {
	background-image: url(img/area/bg_navi03.jpg);
}
#zeze #areaNavi {
	background-image: url(img/area/bg_navi04.jpg);
}
#seta #areaNavi {
	background-image: url(img/area/bg_navi05.jpg);
}
#areaNavi dfn {
	float: left;
	display: block;
	margin-top: 12px;
	margin-left: 14px;
	display: inline;
}
#areaNavi ul {
	float: left;
	height: 140px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	line-height: 160%;
	padding-top: 15px;
	margin-top: 6px;
}
#sakamoto #areaNavi ul {
	background-image: url(img/area/sepline01.jpg);
}
#hieizan #areaNavi ul {
	background-image: url(img/area/sepline02.jpg);
}
#hamaotsu #areaNavi ul {
	background-image: url(img/area/sepline03.jpg);
}
#zeze #areaNavi ul {
	background-image: url(img/area/sepline04.jpg);
}
#seta #areaNavi ul {
	background-image: url(img/area/sepline05.jpg);
}
#areaNavi ul.list1 {
	background-image: none!important;
	margin-left: 43px;
	margin-right: 20px;
}
#hamaotsu #areaNavi ul.list1 {
	margin-left: 30px;
	margin-right: 20px;
}
#zeze #areaNavi ul.list1 {
	margin-left: 43px;
	margin-right: 70px;
}
#seta #areaNavi ul.list1 {
	margin-left: 43px;
	margin-right: 120px;
}
#areaNavi ul.list2 {
	padding-left: 17px;
	margin-right: 120px;
}
#hamaotsu #areaNavi ul.list2 {
	margin-right: 25px;
}
#zeze #areaNavi ul.list2 {
	margin-right: 100px;
}
#areaNavi ul.list3 {
	padding-left: 17px;
}
#areaNavi ul li {
}

#sakamoto #player,
#hieizan #player,
#hamaotsu #player,
#zeze #player,
#seta #player {
	clear: both;
	margin-left: 258px;
	padding-bottom: 80px;
}
#sakamoto #player dfn,
#hieizan #player dfn,
#hamaotsu #player dfn,
#zeze #player dfn,
#seta #player dfn {
	float: left;
	display: block;
	margin-left: 5px;
}
#sakamoto #player p,
#hieizan #player p,
#hamaotsu #player p,
#zeze #player p,
#seta #player p {
	float: left;
	line-height: 140%;
	margin-left: 12px;
}

.place {
	clear: both;
	width: 800px;
	margin-left: 65px;
}
.place .detailLeft {
	float: left;
}
.place dfn {
	width: 240px;
	display: block;
	margin-bottom: 12px;
}
.place dfn.map {
	margin-bottom: 5px;
}

.place .detailRight {
	float: left;
	width: 545px;
	margin-left: 6px;
}
.place .detailRight h1 {
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 4px;
	padding-left: 12px;
	margin-bottom: 8px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* For Safari,Chrome */
.place .detailRight h1 {
	padding-bottom: 7px;
	line-height: 100%;
}
}
#sakamoto .place .detailRight h1 {
	background-image: url(img/area/bg_h101.jpg);
}
#hieizan .place .detailRight h1 {
	background-image: url(img/area/bg_h102.jpg);
}
#hamaotsu .place .detailRight h1 {
	background-image: url(img/area/bg_h103.jpg);
}
#zeze .place .detailRight h1 {
	background-image: url(img/area/bg_h104.jpg);
}
#seta .place .detailRight h1 {
	background-image: url(img/area/bg_h105.jpg);
}

.place .detailRight p {
	line-height: 200%;
	padding-left: 10px;
	margin-bottom: 8px;
}
.place .detailRight dl {
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 8px;
	margin-bottom: 16px;
}
#sakamoto .place .detailRight dl {
	background-image: url(img/area/line01.jpg);
}
#hieizan .place .detailRight dl {
	background-image: url(img/area/line02.jpg);
}
#hamaotsu .place .detailRight dl {
	background-image: url(img/area/line03.jpg);
}
#zeze .place .detailRight dl {
	background-image: url(img/area/line04.jpg);
}
#seta .place .detailRight dl {
	background-image: url(img/area/line05.jpg);
}

.place .detailRight dl dt {
	float: left;
	width: 75px;
	_width: 80px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-bottom: 4px;
}
#sakamoto .place .detailRight dl dt {
	background-color: #F7E8D9;
}
#hieizan .place .detailRight dl dt {
	background-color: #EBEBCC;
}
#hamaotsu .place .detailRight dl dt {
	background-color: #CCE0EB;
}
#zeze .place .detailRight dl dt {
	background-color: #F5EBCC;
}
#seta .place .detailRight dl dt {
	background-color: #F2EDE5;
}

.place .detailRight dl dd {
	padding-left: 85px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-bottom: 4px;
}
.place .detailRight dfn {
	display: block;
}

#sengokuwrap dfn.pageTop {
	clear: both;
	display: block;
	font-size: 10px;
	text-align: right;
	margin-right: 54px;
	padding-top: 25px;
	margin-bottom: 30px;
}

.return {
	margin-top: 50px;
}