「common.css」の編集履歴(バックアップ)一覧はこちら
「common.css」(2006/12/06 (水) 17:03:04) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
** common.css
一般的なサイトデザインで共通して使用可能なクラス設定など
/* フロート画像(右) */
img.flright {
display: block;
line-height: normal;
float: right;
margin: 0 0 5px 10px;
}
/* フロート画像(左) */
img.flleft {
display: block;
line-height: normal;
float: left;
margin: 0 10px 5px 0;
}
/* フロートクリア */
.clear {
clear: both;
font-size: 1px;
height: 1px;
}
/* よく使う文字色 */
.fc_FCC { color: #FCC; }
.fc_F99 { color: #F99; }
.fc_F66 { color: #F66; }
.fc_F33 { color: #F33; }
.fc_F00 { color: #F00; }
.fc_96F { color: #96F; }
.fc_F60 { color: #F60; }
.fc_3C9 { color: #3C9; }
.fc_C00 { color: #C00; }
.fc_00C { color: #00C; }
/* 文字サイズ */
.fsxxlarge { font-size: 160%;
}
.fsxlarge { font-size: 140%;
}
.fslarge { font-size: 120%;
}
.fssmall { font-size: 84%;
}
/* 行間 */
.txtheight { line-height: 1.6;
}
/* テキストコンテンツエリアの行間 */
.txtcont p, .txtcont li, .txtcont dl { line-height: 1.6;
}
/* 文字種 */
.ffmono { font-family: "MS ゴシック", "Osaka-等幅", mono;
}
/* 水平線 */
.solidline {
font-size: 1px;
line-height: 1px;
height: 1px;
border-bottom: solid 1px #C9C9C9;
}
.dashedline {
font-size: 1px;
line-height: 1px;
height: 1px;
border-bottom: dashed 1px #C9C9C9;
}
.dottedline {
font-size: 1px;
line-height: 1px;
height: 1px;
border-bottom: dotted 1px #C9C9C9;
}
/* テーブル */
.tbl_clear {
background: none;
padding: 0;
border-style: none;
}
.tbl_type01 {
margin:3px 0;
width:100%;
border-top:solid 1px #C9C9C9;
border-left:solid 1px #C9C9C9;
}
.tbl_type01 th, .tbl_type01 td {
padding: 3px 3px 3px 6px;
line-height: 1.6;
border-right:solid 1px #C9C9C9;
border-bottom:solid 1px #C9C9C9;
text-align: left;
vertical-align: top;
}
.tbl_type01 th {
font-weight:normal;
background-color: #FBF3E2;
}
.tbl_type01 td table {
margin:0px;
border-top: none;
border-left: none;
}
.tbl_type01 td table td {
padding:0px;
border-right: none;
border-bottom: none;
}
/* 各種リスト */
ul.txtlistnone {
list-style-type: none;
line-height: 1.6;
}
ul.txtlistnone ul {
list-style-type: none;
margin-left: 2em;
margin-bottom: .6em;
}
ul.jisage1 {
list-style-type: none;
line-height: 1.6;
}
ul.jisage1 li {
padding-left: 1.1em;
text-indent:-1em;
}
dl.dllistnone {
line-height: 1.6;
}
dl.dllistnone dd { margin-left: 2em;
margin-bottom: .6em;
}
ul.normalul {
margin-left: 2.2em;
line-height: 1.6;
}
ul.normalul ul {
margin-left: 2.2em;
line-height: 1.6;
}
ol.normalol {
margin-left: 2.8em;
line-height: 1.6;
}
ol.normalol ol {
margin-left: 2.8em;
list-style-type: decimal-leading-zero;
}
/* マージン */
.mgb05 { margin-bottom: 0.5em; }
.mgb10 { margin-bottom: 1em; }
.mgb15 { margin-bottom: 1.5em; }
.mgb20 { margin-bottom: 2em; }
.mgb30 { margin-bottom: 3em; }
.mlb05 { margin-left: 0.5em; }
.mlb10 { margin-left: 1em; }
.mlb15 { margin-left: 1.5em; }
.mlb20 { margin-left: 2em; }
.mlb30 { margin-left: 3em; }
.mtb05 { margin-top: 0.5em; }
.mtb10 { margin-top: 1em; }
.mtb15 { margin-top: 1.5em; }
.mtb20 { margin-top: 2em; }
.mtb30 { margin-top: 3em; }
** common.css
一般的なサイトデザインで共通して使用可能なクラス設定など
/* フロート画像(右) */
img.flright {
display: block;
line-height: normal;
float: right;
margin: 0 0 5px 10px;
}
/* フロート画像(左) */
img.flleft {
display: block;
line-height: normal;
float: left;
margin: 0 10px 5px 0;
}
/* フロートクリア */
.clear {
clear: both;
font-size: 1px;
height: 1px;
}
/* よく使う文字色 */
.fc_FCC { color: #FCC; }
.fc_F99 { color: #F99; }
.fc_F66 { color: #F66; }
.fc_F33 { color: #F33; }
.fc_F00 { color: #F00; }
.fc_96F { color: #96F; }
.fc_F60 { color: #F60; }
.fc_3C9 { color: #3C9; }
.fc_C00 { color: #C00; }
.fc_00C { color: #00C; }
/* 文字サイズ */
.fsxxlarge { font-size: 160%; }
.fsxlarge { font-size: 140%; }
.fslarge { font-size: 120%; }
.fssmall { font-size: 84%; }
/* 行間 */
.txtheight { line-height: 1.6; }
/* テキストコンテンツエリアの行間 */
.txtcont p,
.txtcont li,
.txtcont dl { line-height: 1.6; }
/* 文字種 */
.ffmono {
font-family: "MS ゴシック", "Osaka-等幅", mono;
}
/* 水平線 */
.solidline {
font-size: 1px;
line-height: 1px;
height: 1px;
border-bottom: solid 1px #C9C9C9;
}
.dashedline {
font-size: 1px;
line-height: 1px;
height: 1px;
border-bottom: dashed 1px #C9C9C9;
}
.dottedline {
font-size: 1px;
line-height: 1px;
height: 1px;
border-bottom: dotted 1px #C9C9C9;
}
/* テーブル */
.tbl_clear {
background: none;
padding: 0;
border-style: none;
}
.tbl_type01 {
margin:3px 0;
width:100%;
border-top:solid 1px #C9C9C9;
border-left:solid 1px #C9C9C9;
}
.tbl_type01 th, .tbl_type01 td {
padding: 3px 3px 3px 6px;
line-height: 1.6;
border-right:solid 1px #C9C9C9;
border-bottom:solid 1px #C9C9C9;
text-align: left;
vertical-align: top;
}
.tbl_type01 th {
font-weight:normal;
background-color: #FBF3E2;
}
.tbl_type01 td table {
margin:0px;
border-top: none;
border-left: none;
}
.tbl_type01 td table td {
padding:0px;
border-right: none;
border-bottom: none;
}
/* 各種リスト */
ul.txtlistnone {
list-style-type: none;
line-height: 1.6;
}
ul.txtlistnone ul {
list-style-type: none;
margin-left: 2em;
margin-bottom: .6em;
}
ul.jisage1 {
list-style-type: none;
line-height: 1.6;
}
ul.jisage1 li {
padding-left: 1.1em;
text-indent:-1em;
}
dl.dllistnone {
line-height: 1.6;
}
dl.dllistnone dd { margin-left: 2em;
margin-bottom: .6em;
}
ul.normalul {
margin-left: 2.2em;
line-height: 1.6;
}
ul.normalul ul {
margin-left: 2.2em;
line-height: 1.6;
}
ol.normalol {
margin-left: 2.8em;
line-height: 1.6;
}
ol.normalol ol {
margin-left: 2.8em;
list-style-type: decimal-leading-zero;
}
/* マージン */
.mgb05 { margin-bottom: 0.5em; }
.mgb10 { margin-bottom: 1em; }
.mgb15 { margin-bottom: 1.5em; }
.mgb20 { margin-bottom: 2em; }
.mgb30 { margin-bottom: 3em; }
.mlb05 { margin-left: 0.5em; }
.mlb10 { margin-left: 1em; }
.mlb15 { margin-left: 1.5em; }
.mlb20 { margin-left: 2em; }
.mlb30 { margin-left: 3em; }
.mtb05 { margin-top: 0.5em; }
.mtb10 { margin-top: 1em; }
.mtb15 { margin-top: 1.5em; }
.mtb20 { margin-top: 2em; }
.mtb30 { margin-top: 3em; }
表示オプション
横に並べて表示:
変化行の前後のみ表示: