@charset "UTF-8"; /* CSS Document */ /* ========================================================= トップページ用スタイル（により指定） ========================================================= */ /* mainvisual --------------------------------------------------------- */ div#mainvisual { padding: 0 0 30px; } /* main , primary , secondary (common.cssを上書き) --------------------------------------------------------- */ body.home div#main { padding: 0 0 40px; background: none; } body.home div#main div#primary { margin: 0; padding: 0; float: left; width: 580px; } body.home div#main div#secondary { margin: 0 0 0 30px; padding: 0; float: left; width: 330px; background: none; position: relative; } /* 境内のみどころ --------------------------------------------------------- */ #spot { margin: 0; padding: 0 0 15px; width: 580px; } /* coda-slider */ #spot #slider { margin: 0; position: relative; width: 580px; } #spot #slider h2 { margin: 0 -460px 0 0; padding: 0; float: left; width: 120px; height: 20px; } #spot #slider .scrollBox { margin: -1px 0 0; padding: 24px; border: 1px solid #CCC2A5; position: relative; z-index: 0; width: 530px; height: 180px; background: #DED5C1 url(../../images/bg_scrollbox.gif) no-repeat center center; } #spot #slider .scroll { position: relative; clear: left; width: 530px; height: 180px; overflow: auto; background: #FFFFFF; overflow-x: hidden; } #spot #slider .scrollContainer div.panel { padding: 0; width: 530px; height: 180px; } /* スライダー内ナビ */ #spot #slider ul.navigation { margin: 0 0 -1px 299px; padding: 0; position: relative; z-index: 1; width: 281px; list-style: none; } #spot #slider ul.navigation li { margin: 0; padding: 0; float: left; width: 70px; list-style: none; } #spot #slider ul.navigation a { margin: 0; padding: 0; display: block; height: 34px; text-indent: -9999px; } #spot #slider ul.navigation li.panel01 a { width: 70px; background: url(../../images/bg_slidernav.gif) no-repeat 0px 0px; } #spot #slider ul.navigation li.panel02 a { width: 70px; background: url(../../images/bg_slidernav.gif) no-repeat -70px 0px; } #spot #slider ul.navigation li.panel03 a { width: 70px; background: url(../../images/bg_slidernav.gif) no-repeat -140px 0px; } #spot #slider ul.navigation li.panel04 a { width: 71px; background: url(../../images/bg_slidernav.gif) no-repeat -210px 0px; } #spot #slider ul.navigation li.panel01 a:hover, #spot #slider ul.navigation li.panel01 a.selected { background: url(../../images/bg_slidernav.gif) no-repeat 0px -34px; } #spot #slider ul.navigation li.panel02 a:hover, #spot #slider ul.navigation li.panel02 a.selected { background: url(../../images/bg_slidernav.gif) no-repeat -70px -34px; } #spot #slider ul.navigation li.panel03 a:hover, #spot #slider ul.navigation li.panel03 a.selected { background: url(../../images/bg_slidernav.gif) no-repeat -140px -34px; } #spot #slider ul.navigation li.panel04 a:hover, #spot #slider ul.navigation li.panel04 a.selected { background: url(../../images/bg_slidernav.gif) no-repeat -210px -34px; } #spot #slider ul.navigation a:focus { outline: none; } /* スクロールボタン */ #spot #slider .scrollButtons { position: absolute; top: 106px; cursor: pointer; } #spot #slider .scrollButtons.left { left: 3px; } #spot #slider .scrollButtons.right { right: 3px; } #spot #slider .hide { display: none; } /* スライダー内コンテンツ */ #spot #slider .scrollContainer div.panel p.photo { margin: 0; padding: 0; float: left; width: 255px; } #spot #slider .scrollContainer div.panel div.info { margin: 0; padding: 10px 0 10px 20px; float: left; width: 240px; } #spot #slider .scrollContainer div.panel div.info h3 { margin: 0; padding: 0 0 15px; } #spot #slider .scrollContainer div.panel div.info p { margin: 0; padding: 0 0 7px 0; line-height: 1.6; color: #333; font-size: 93%; } /* 詳しく見る */ #spot #slider .scrollContainer div.panel div.info p.detail { text-align: left; } #spot #slider .scrollContainer div.panel div.info p.detail a { padding-left: 10px; background: url(../../images/arrow_spot.gif) no-repeat left center; color: #666; } #spot #slider .scrollContainer div.panel div.info p.detail a:hover { } /* コンテンツリンク --------------------------------------------------------- */ #contentLink { margin: 0; padding: 0; clear: both; width: 580px; } #contentLink ul { margin: 0 0 0 -20px; padding: 0; width: 600px;/* ネガティブマージン用に20px大きく */ list-style: none; zoom: 1; } #contentLink ul li { margin: 0; padding: 0 0 8px 20px; float: left; width: 280px; list-style: none; } #contentLink ul li.double_item { margin-top: 10px; clear: both; } #contentLink ul li img { vertical-align: bottom; } /* 中尊寺からのお知らせ --------------------------------------------------------- */ div#topics { margin: 0; padding: 0 0 20px; position: relative; } body.home div#main div#secondary div#topics h2 {/* common.cssを上書き */ margin: 0; padding: 0 0 15px; border-bottom: none; line-height: normal; } div#topics dl { margin: 0; padding: 0; line-height: 1.4; background: url(../../images/bg_topicsborder.gif) repeat-x left top; font-size: 93%; height: 220px; overflow: auto; } *+html div#topics dl { height: auto; overflow: auto; } div#topics dl dt { margin: 0; padding: 1em 0 1em 20px; width: 8em; color: #535353; background: url(../../images/arrow_topics.gif) no-repeat 10px 1.5em; font-weight: normal; } div#topics dl dd { margin: -3.4em 0 0; padding: 1em 0 1em 10em; background: url(../../images/bg_topicsborder.gif) repeat-x left bottom; } div#topics dl dd a { position: relative; z-index: 2; } div#topics p.topicsIndex { position: absolute; top: 10px; right: 0px; width: 170px; font-size: 93%; text-align: right; } div#topics p.topicsIndex a { padding-left: 10px; background: url(../../images/arrow_spot.gif) no-repeat left center; color: #666; } /* バナーエリア --------------------------------------------------------- */ div#banner { margin: 0; padding: 0 0 10px; position: relative; } div#banner p { margin: 0; padding: 0 0 12px; } div#banner p.download { margin: 0; padding: 0; } div#banner p img { vertical-align: bottom; } /* youtubeバナーエリア --------------------------------------------------------- */ div#youtube { margin: 0 0 20px; padding: 0 0 10px; border: 2px solid #CCCCCC; position: relative; width: 326px; background: #FFFFFF; } div#banner p { margin: 0; padding: 0 0 12px; } div#youtube p.title { margin: 10px 0 0 0; text-align:center; } div#youtube p.movie { margin: 10px 0 0 0; text-align:center; } div#youtube p.caption { margin: 5px 0 10px 0; color: #333; font-size: 93%; text-align:center; } /* 震災バナー --------------------------------------------------------- */ div.shinsaiBanner { margin: 0; padding: 0 0 20px; position: relative; } div.shinsaiBanner img { margin: 0; padding: 0; } /* テキストリンク --------------------------------------------------------- */ div#secondary ul.link { border-top: solid 1px #DBDBDB; margin: 0 0 0 5px; padding: 10px 0 0; } div#secondary ul.link li { margin: 0.5em 0 0; padding: 0 0 0.5em; list-style: none; font-size: 93% } div#secondary ul.link li a { background: url(../../images/arrow_sitemap.gif) no-repeat left center; padding-left: 10px; }