/* 桐盛院ホームページ スタイルシート */
/***********************************************************
***********************************************************/
body {
background-color: #996600; /* 木蘭 */
color: #000000; /* 黒 */
margin: 4px;
padding: 0px;
text-align: center;
}
/***********************************************************
***********************************************************/
/*** コンテンツのタイトル ***/
h1.pagetop {
text-align: center;
font-size: 24pt;
line-height: 32px;
margin-top: 12px;
margin-bottom: 12px;
}
h1.pagetop_small {
text-align: center;
font-size: 22pt;
line-height: 28px;
margin-top: 12px;
margin-bottom: 12px;
}
/** サブタイトル **/
h2.pagetop {
font-size: 16pt;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
}
h2.rkn_name {
font-family: "ＭＳ Ｐ明朝", 平成明朝, serif;
font-size: 18pt;
font-weight: normal;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
line-height: 28px;
}
/** 節 **/
h2.paragraph {
font-size: 14pt;
text-align: left;
margin-top: 18px;
margin-bottom: 4px;
}
/** コメント節 **/
h2.comment {
font-size: 14pt;
text-align: left;
margin-top: 0px;
margin-bottom: 4px;
}
/** 節 **/
h3.paragraph {
font-size: 12pt;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 8px;
}
h3.whatsnew {
font-size: 12pt;
font-weight: normal;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 12px;
}
h3.diary {
font-size: 12pt;
text-align: center;
}
/***********************************************************
***********************************************************/
p {
margin-top: 18px;
margin-bottom: 18px;
}
/*** コメント節 (上下空きなし) ***/
p.comment {
margin-top: 0px;
margin-bottom: 0px;
padding-left: 16px;
}
/*** 節 ***/
p.comment_bottomspace {
margin-top: 0px;
margin-bottom: 18px;
padding-left: 16px;
}
p.comment_topspace {
margin-top: 18px;
margin-bottom: 0px;
padding-left: 16px;
}
p.comment_tbspace {
margin-top: 18px;
margin-bottom: 18px;
padding-left: 16px;
}
p.whatsnew {
margin-top: 0px;
margin-bottom: 0px;
padding-left: 32px;
}
/***********************************************************
***********************************************************/
/*** ページ全体 ***/
div.page {
width: 600px;
margin: 0 auto;
text-align: center;
}
/*** 中央寄せ ***/
div.center {
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}
div.center_tbspace {
margin-top: 18px;
margin-bottom: 18px;
text-align: center;
}
div.center_tbspace_img {
margin-top: 36px;
margin-bottom: 18px;
text-align: center;
}
/*** 右寄せ ***/
div.right {
margin-top: 0px;
margin-bottom: 0px;
text-align: right;
}
/*** 右寄せ 上空き ***/
div.right_topspace {
margin-top: 18px;
margin-bottom: 0px;
text-align: right;
}
/*** 右寄せ 下空き ***/
div.right_bottomspace {
margin-top: 0px;
margin-bottom: 18px;
text-align: right;
}
/*** 右寄せ 上下空き (画像用) ***/
div.right_tbspace_img {
margin-top: 18px;
margin-bottom: 48px;
text-align: right;
}
/***********************************************************
,
***********************************************************/
ul {
margin-top: 0px;
margin-bottom: 0px;
}
ol {
margin-top: 0px;
margin-bottom: 0px;
}
li.bottomspace {
margin-top: 0px;
margin-bottom: 18px;
}
/***********************************************************
***********************************************************/
/*** デフォルト ***/
table {
table-layout: fixed;
border-collapse: collapse;
border: none;
text-align: left;
vertical-align: top;
/* font-size: 12pt; */
/* 本文のフォントは固定しないでブラウザ設定に任せる */
padding: 0px;
margin: 0px;
}
tr {
border: none;
text-align: left;
vertical-align: top;
padding: 0px;
}
td {
border: none;
text-align: left;
vertical-align: top;
padding: 0px;
}
/*** 外枠 ***/
table.outline {
width: 600px;
color: #000000; /* 文字の色:黒 */
background-color: #ffffff; /* 背景の色:白 */
background-image: url(img/back.jpg);
}
td.outline {
width: 600px;
}
td.outline_padding {
width: 600px;
padding: 8px;
line-height: 24px;
}
/*** コンテンツ本体 ***/
table.page {
width: 600px;
}
/** ヘッダ部 **/
/* 寺院名 */
td.hpname_img {
width: 396px;
}
/* 今週の羅漢さま */
td.week_rkn_img {
width: 76px;
text-align: right;
vertical-align: middle;
}
td.week_rkn_text {
width: 128px;
text-align: center;
vertical-align: middle;
font-size: 12pt;
}
/* 寺院名 テキスト */
td.hpname_text {
width: 204px;
height: 128px;
text-align: center;
vertical-align: middle;
font-size: 12pt;
}
/** コンテンツ本体 **/
/* 本文 */
td.main {
width: 374px; /* paddingの分を含めて 374px+8p+4px=386px */
padding-left: 8px;
padding-right: 4px;
line-height: 24px;
}
/* コンテンツ一覧 */
td.contents {
width: 214px; /* table.contents(212px) + 右の隙間(2px) */
text-align: left;
}
/** フッタ部 **/
/* フッタ 各コンテンツページ */
td.footer_main_left {
width: 250px;
padding-bottom: 6px;
text-align: right;
vertical-align: middle;
font-size: 16pt;
font-weight: bold;
}
td.footer_main_center {
width: 100px;
padding-bottom: 6px;
text-align: center;
vertical-align: middle;
}
td.footer_main_right {
width: 250px;
padding-bottom: 6px;
text-align: left;
vertical-align: middle;
font-size: 16pt;
font-weight: bold;
}
/*** 寺院名 テキスト ***/
table.hpname_text {
width: 204px;
font-weight: bold;
}
td.hpname_text_tojoin {
width: 204px;
text-align: center;
font-size: 12pt;
}
td.hpname_text_sango {
width: 90px; /* padding分を含めて 102px */
padding-left: 12px;
text-align: center;
font-size: 18pt;
}
td.hpname_text_jigo {
width: 90px; /* padding分を含めて 102px */
padding-right: 12px;
text-align: center;
font-size: 18pt;
}
/*** 本文中のテーブル ***/
table.main {
width: 370px;
line-height: 24px;
}
/* 仏像一覧 */
td.pagod_img {
width: 100px; /* 96 + 4(padding) */
}
td.pagod_text {
width: 274px;
}
/* 変更履歴 */
td.whatsnew_date {
width: 120px; /* paddingの分があるので、実際は120+16=136px */
padding-left: 16px;
font-size: 12pt;
}
td.whatsnew_text {
width: 238px;
}
/*** コンテンツ一覧 ***/
table.contents {
width: 204px; /* border 含めて 212px */
font-size: 12pt;
border: double 4px #996600;
}
td.content_title {
width: 200px; /* padding含めて 204px */
height: 22px;
padding-left: 4px;
line-height: 22px;
}
/*** 幅可変テーブル ***/
table.widthauto {
table-layout: auto;
width: auto;
margin-left: auto;
margin-right: auto;
}
/* 桐花霊園使用料 */
td.toka_rate {
padding-left: 4px;
text-align: center;
}
/* フッタ トップページ */
td.footer_top_left {
padding-right: 20px;
padding-bottom: 8px;
}
/***********************************************************
![]()
***********************************************************/
/*** 右寄せ ****/
img.right {
border: none;
float: right;
margin-top: 4px;
margin-bottom: 4px;
margin-left: 4px;
margin-right: 0px;
}
/*** 左寄せ ****/
img.left {
border: none;
float: left;
margin-top: 4px;
margin-bottom: 4px;
margin-left: 0px;
margin-right: 4px;
}
/***********************************************************
***********************************************************/
/*** small (デフォルト) ***/
small {
font-size: 10pt;
}
/*** タイトル名 ***/
small.pagetop {
font-size: 14pt;
}
/*** ヘッダ部 ルビ ***/
small.header_ruby {
font-size: 9pt;
}
|