@charset "UTF-8";

/* CSS Document */

/* =========================================================
 中尊寺の紹介
========================================================= */

/* インデックスページ
--------------------------------------------------------- */
div#main div#primary div#content.index {/* common.cssを上書き */
	margin: 16px 0 0 20px;
	padding: 15px 0 0;
	width: 700px;
	background: none;
}

div#main div#primary div#content.index h3 {
	margin: 0;
	padding: 0 0 15px;
}

div#content.index ul {
	margin: 0 0 0 -20px;
	padding: 0 0 20px;
	width: 720px;
	list-style: none;
}

div#content.index ul li {
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	float: left;
	width: 340px;
	list-style: none;
}

div#content.index ul li img {
	vertical-align: bottom;
}

/* マップ拡大
--------------------------------------------------------- */
body.guide p.maplarge {
	text-align: center;
}


/* コンテンツ共通
--------------------------------------------------------- */

/* 中尊寺の紹介TOPに戻る */
div#content p.toIndex {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 140px;
}

div#content p.toIndex a {
	margin: 0;
	padding: 0;
	display: block;
	width: 140px;
	height: 50px;
	overflow: hidden;
	background: url(../../guide/images/bg_backtoindex.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}

div#content p.toIndex a:hover {
	background: url(../../guide/images/bg_backtoindex.gif) no-repeat 0px -50px;
}

/* 中尊寺について
--------------------------------------------------------- */
div#primary.about div#content div.contentBody {
	margin: 0;
	padding: 0;
	float: left;
	width: 380px;
}

div#primary.about div#content div.contentSub {
	margin: 0;
	padding: 0 0 0 30px;
	float: left;
	width: 250px;
}

/* 本文 */
div#primary.about div#content div.contentBody p {
	margin: 0 0 1.5em;
	padding: 0;
	line-height: 1.8;
	color: #333;
	font-size: 92%;
}

/* 写真・キャプション */
div#primary.about div#content dl.image,
div#primary.about div#content dl.image dt,
div#primary.about div#content dl.image dd {
	margin: 0;
	padding: 0;
}

div#primary.about div#content dl.image dt {
	margin: 0 0 4px;
	padding: 0;
}

div#primary.about div#content dl.image dd {
	margin: 0 0 25px;
	padding: 0;
	color: #666;
	font-size: 85%;
	text-align: right;
}

/* 引用 */
div#primary.about div.quote {
	margin: 0 0 1.5em 2em;
	padding: 0;
}

div#primary.about div#content div.contentBody div.quote p {
	margin: 0;
	padding: 0;
	color: #666;
}
div#primary.about div#content div.contentBody div.quote p.quoteName {
	text-align: right;
}


/* 境内散策
--------------------------------------------------------- */
div#primary.precincts div#content div.contentBody {
	margin: 0;
	padding: 0;
	width: 660px;
}

div#primary.precincts div#content div.contentBody h4 {
	margin: 0 0 20px;
	padding: 0;
	clear: both;
}

div#primary.precincts div#content div.contentBody p.map {
	margin: 0 0 40px;
	padding: 0;
	clear: both;
}

div#primary.precincts div#content div.contentBody ul.spotIndex {
	margin: 0 0 0 -21px;
	padding: 0;
	width: 681px;
	list-style: none;
}

div#primary.precincts div#content div.contentBody ul.spotIndex li {
	margin: 0;
	padding: 0 0 24px 21px;
	float: left;
	width: 206px;
	list-style: none;
}

div#primary.precincts div#content div.contentBody ul.spotIndex li a {
	display: block;
	color: #333;
	text-decoration: none;
}

div#primary.precincts div#content div.contentBody ul.spotIndex li a:hover {
	color: #94280A;
	text-decoration: underline;
}

div#primary.precincts div#content div.contentBody ul.spotIndex li a span.textLink {
	margin: 0;
	padding: 10px 0 0 10px;
	display: block;
	background: url(../../images/arrow_spotindex.gif) no-repeat left 1.3em;
}


/* 境内散策詳細
--------------------------------------------------------- */

div#primary.precincts div#content div.spotContent {
	margin: 0;
	padding: 15px 0;
	background: url(../../guide/images/bg_spotcontent.gif) repeat-x left top;
	font-size: 93%;
	line-height: 1.8;
	color: #333;
}
div#primary.precincts div#content div.spotContent h4 {
	margin: 0;
	padding: 15px 0 30px;
}

div#primary.precincts div#content div.spotContent p.photo01 {
	margin: 0;
	padding: 0 0 20px 0;
}

div#primary.precincts div#content div.spotContent p.photo02 {
	margin: 0;
	padding: 0 0 15px 20px;
	float: right;
	clear: right;
}

/* 詳細ナビ*/
div#primary.precincts div#content ul.spotNav {
	margin: 0;
	padding: 10px 0 0 0;
	clear: both;
	list-style: none;
	font-size: 93%;
	text-decoration: none;
	background: url(../../guide/images/bg_spotcontent.gif) repeat-x left top;
}

div#primary.precincts div#content ul.spotNav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#primary.precincts div#content ul.spotNav li.prev {
	float: left;
}

div#primary.precincts div#content ul.spotNav li.prev a {
	padding: 0 0 0 10px;
	float: left;
	background: url(../../images/arrow_prev.gif) no-repeat left center;
}

div#primary.precincts div#content ul.spotNav li.next {
	float: right;
}

div#primary.precincts div#content ul.spotNav li.next a {
	padding: 0 10px 0 0;
	float: right;
	background: url(../../images/arrow_next.gif) no-repeat right center;
}


/* 文化財の紹介
--------------------------------------------------------- */
div#primary.culturalassets div#content {
	margin: 0;
	padding: 0;
}

div#primary.culturalassets div#content div.section {
	margin: 0 0 28px 0;
	padding: 28px 0 0 0;
	clear: both;
	background: url(../../guide/images/bg_spotcontent.gif) repeat-x left top;
}

div#primary.culturalassets div#content div.section p.bunkaImage {
	margin: 0;
	padding: 0;
	float: left;
	width: 250px;
}

div#primary.culturalassets div#content div.section.topPhoto p.bunkaImage {/* 写真上バージョン*/
	margin: 0 0 15px;
	padding: 0;
	float: none;
	width: 660px;
}

div#primary.culturalassets div#content div.section div.bunkaInfo {
	margin: 0;
	padding: 0;
	float: right;
	width: 382px;
}

div#primary.culturalassets div#content div.section.topPhoto div.bunkaInfo {/* 写真上バージョン*/
	float: none;
	width: 660px;
}

div#primary.culturalassets div#content div.section div.bunkaInfo h4 {
	margin: 0;
	padding: 10px 0 5px;
	font-size: 122%;
}

div#primary.culturalassets div#content div.section div.bunkaInfo p.bunkaYear {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 93%;
}

div#primary.culturalassets div#content div.section div.bunkaInfo p.bunkaEn {
	margin: 0;
	padding: 0 0 28px;
	line-height: 1.4;
	color: #666;
	font-size: 85%;
}

div#primary.culturalassets div#content div.section div.bunkaInfo p {
	line-height: 1.8;
	color: #333;
	font-size: 93%;
}


/* 中尊寺の歴史
--------------------------------------------------------- */
div#primary.history div#content div.historyIndex div.section {
	margin: 0 0 25px 0;
	padding: 0;
	border: 1px solid #CCC;
	clear: both;
}

div#primary.history div#content div.historyIndex div.section p.historyImage {
	margin: -1px 0 -1px -1px;
	padding: 0;
	float: left;
	width: 140px;
}

div#primary.history div#content div.historyIndex div.section div.info {
	margin: -1px -1px 0 0;
	padding: 0 0 0.5em;
	float: right;
	width: 520px;
}

div#primary.history div#content div.historyIndex div.section div.info p {
	margin: 0;
	padding: 12px 10px 0 20px;
	line-height: 1.5;
	color: #333;
	font-size: 85%;
}

div#primary.history div#content div.historyIndex div.section div.info p.textLink {
	margin: 0 0 0 20px;
	padding: 5px 0 0 10px;
	background: url(../../images/arrow_spotindex.gif) no-repeat left 1.0em;
}


/* 中尊寺の歴史詳細
--------------------------------------------------------- */
div#primary.history div#content div.historyContent {
	margin: 0;
	padding: 0;
	line-height: 1.8;
	color: #333;
	font-size: 93%;
}

div#primary.history div#content div.historyContent ul#historyNav {
	margin: 0 0 0 -10px;
	padding: 0;
	list-style: none;
	color: #93270A;
}

div#primary.history div#content div.historyContent ul#historyNav li {
	margin: 0;
	padding: 2px 7px 2px 7px;
	border-right: 1px solid #999;
	display: inline;
	list-style: none;
}

div#primary.history div#content div.historyContent ul#historyNav li#last {
	border: none;
}

div#primary.history div#content div.historyContent ul#historyNav li a {
	color: #000;
}

div#primary.history div#content div.historyContent ul#historyNav li a:hover {
	color: #93270A;
	text-decoration: none;
}

div#primary.history div#content div.historyContent h4 {
	margin: 0;
	padding: 10px 0 20px;
}

div#primary.history div#content div.historyContent p.photo01 {
	margin: 0;
	padding: 0 0 20px 0;
}

div#primary.history div#content div.historyContent p.photo02 {
	margin: 0;
	padding: 0 0 15px 20px;
	float: right;
	clear: right;
}

div#primary.history div#content div.historyContent p.haiku {
	margin: 0;
	padding: 1em 0 2em 0.5em;
}

div#primary.history div#content div.historyContent table.chronology {
	border-bottom: 1px solid #CCC;
}

div#primary.history div#content div.historyContent table.chronology th,td {
	padding: 8px 12px;
	border: 0;
}

div#primary.history div#content div.historyContent table.chronology .year {
	border-top: 1px solid #BBB;
	background: #E6E3D1;
}

div#primary.history div#content div.historyContent table.chronology .data {
	border-top: 1px solid #CCC;
	background: #F7F7F1;
}



/* 年中行事
--------------------------------------------------------- */
div#primary.event div#content {
	margin: 0;
	padding: 0;
}

div#primary.event div#content p.guide {
	color: #666;
	font-size: 93%;
	margin: 0 0 10px;
	padding: 0;
}

div#primary.event div#content table.eventList {
	margin: 0 0 20px;
	padding: 0;
	width: 660px;
}
div#primary.event div#content table.eventList th,
div#primary.event div#content table.eventList td {
	padding: 13px;
	border: 1px solid #BEBEBE;
	background: #FFF;
}

div#primary.event div#content table.eventList th {
	padding: 6px;
	color: #000;
	background: #E6E3D1;
}

div#primary.event div#content table.eventList tr.odd td {
	background: #F7F7F1;
}

div#primary.event div#content table.eventList tr.even td {
	background: #F2F2EC;
}


div#primary.event div#content table.eventList td.date,
div#primary.event div#content table.eventList td.eventName {
	border-right: 1px dotted #999;
	white-space: nowrap;
}
div#primary.event div#content table.eventList td.eventName {
	border-left: 1px dotted #999;
	white-space: nowrap;
}

div#primary.event div#content table.eventList td.eventName a {
	font-weight: bold;
}

div#primary.event div#content table.eventList td.summary {
	border-left: 1px dotted #999;
	line-height: 1.5;
	color: #4B4B4B;
	font-size: 93%;
}


/* 年中行事詳細
--------------------------------------------------------- */

div#primary.event div#content div.eventContent {
	margin: 0 0 15px;
	padding: 15px 0;
	line-height: 1.8;
	color: #333;
	background: url(../../guide/images/bg_spotcontent.gif) repeat-x left top;
	font-size: 93%;
	border-bottom: 1px solid #CCC;
}

div#primary.event div#content div.eventContent h4 {
	margin: 0;
	padding: 0;
	font-size: 182%;
	line-height: 1.2;
	color: #94280A;
}

div#primary.event div#content div.eventContent p.date {
	margin: 0;
	padding: 0 0 10px;
	font-size: 100%;
	color: #94280A;
}


div#primary.event div#content div.eventContent p.photo01 {
	margin: 0;
	padding: 0 0 20px 0;
}

div#primary.event div#content div.eventContent p.photo02{
	margin: 0;
	padding: 0 15px 15px 0px;
	float: left;
}

/* 一覧に戻る*/

div#primary.event div#content p.toEventIndex{
	margin: 0 auto;
	padding: 3px 0 1px;
	text-align: center;
	width: 10em;
	border-right: 1px solid #B2B2B2;
	border-left: 1px solid #B2B2B2;
	clear: both;
}

