/******************************************************************************/
/* COWBELL Corporation official website - 2004 edition */
/* cascading style sheet - for global setting */
/* created by Tets Morikawa, Apr.20 2004 */
/******************************************************************************/
/******************************************************************************/
/* グローバル設定 - ID */
/******************************************************************************/
/* ページ全体 */
#container {
width: 700px;
padding: 0px;
border: 0px;
margin: 0px auto;
background: #ffffff;
}
/* ヘッダ */
#header {
width: 700px;
height: 40px;
padding: 0px;
margin: 0px;
border: 0px;
}
/* ナビゲーションバー */
#navibar {
width: 700px;
height: 18px;
padding: 0px;
margin: 0px;
list-style: none;
background: #333333;
}
#navibar a:link, #navibar a:visited {
color: #cccccc;
}
#navibar a:link, #navibar a:visited {
color: #cccccc;
}
/* 検索窓 */
#searchbox {
width: 700px;
height: 24px;
padding: 0px;
margin: 0px;
}
/* パンくずリスト（上部） */
#breadcrumbs_top {
clear: right;
/* float: left;*/
width: 700px; /* for IE5.x */
height: 41px; /* for IE5.x */
margin: 0px;
padding: 20px 5px 10px 20px;
border: 0px;
color: #333333;
text-align: left;
list-style: none;
vertical-align: top;
voice-family: "\"}\"";
voice-family: inherit;
width: 675px; /* for modern */
height: 11px; /* for modern */
}
html>body #breadcrumbs_top {
width: 675px; /* for OPERA */
height: 11px; /* for OPERA */
}
/* パンくずリスト（下部） */
#breadcrumbs_bottom {
float: left;
width: 700px; /* for IE5.x */
height: 41px; /* for IE5.x */
margin: 0px;
padding: 20px 5px 10px 20px;
border: 0px;
color: #333333;
text-align: left;
list-style: none;
vertical-align: top;
voice-family: "\"}\"";
voice-family: inherit;
width: 675px; /* for modern */
height: 11px; /* for modern */
}
html>body #breadcrumbs_bottom {
width: 675px; /* for OPERA */
height: 11px; /* for OPERA */
}
/* ページ内ナビゲーション */
#pagenavi {
clear: both;
width: 700px; /* for IE5.x */
padding: 0px 5px;
margin-bottom: 10px;
vertical-align: top;
voice-family: "\"}\"";
voice-family: inherit;
width: 690px; /* for modern */
}
html>body #pagenavi {
width: 690px; /* for OPERA */
}
#pagenavi a:link, #pagenavi a:visited {
color: #999999;
}
#pagenavi p.contact a:link, #pagenavi p.contact a:visited {
color: #336699;
text-decoration: none;
}
/* リンクテキストのマウスオン */
a:hover {
text-decoration: underline;
}
/* コピーライト */
#copyright {
width:700px; /* for IE5.x */
padding:10px 5px 20px 5px;
margin-left: 0px;
vertical-align: bottom;
border-top: 1px solid #cccccc;
list-style: none;
voice-family: "\"}\"";
voice-family: inherit;
width: 690px; /* for modern */
}
html>body #copyright {
width: 690px; /* for OPERA */
}
/******************************************************************************/
/* グローバル設定 - タグ */
/******************************************************************************/
/* タグ */
body {
background: #ffffff;
margin: 0px;
padding: 0px;
text-align: center;
}
/* リンク色，訪問済みリンク */
a:link, a:visited {
color: #336699;
/* text-decoration: none; */
}
/* リンクテキストのマウスオン */
a:hover {
text-decoration: underline;
}
/* タグ */
p {
margin: 0px 0px 10px 0px;
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"Meiryo", "メイリオ",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
}
/*
タグ，タグ（ブラウザ上では imaged text として表示） :と同義 <h2>:大見出し */
h1, h2 {
font-size: 12px;
text-align: left;
margin: 0px;
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"Meiryo", "メイリオ",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
}
/* <h3>タグ，<h4>タグ <h3>:中見出し，サイト内別コンテンツに対するリンクテキスト <h4>:小見出し */
h3, h4 {
color: #666666;
font-size: 14px;
line-height: 140%;
text-align: left;
margin-left: 5px;
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"Meiryo", "メイリオ",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
}
/* <h5>タグ <h5>:<h4>に準ずる小見出しで、デフォルトテキスト色となる */
h5 {
font-size: 14px;
line-height: 140%;
text-align: left;
margin-left: 20px;
font-weight: normal;
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"Meiryo", "メイリオ",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
}
/* <dl>タグ */
dl {
margin: 5px 0px 30px 20px;
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"Meiryo", "メイリオ",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
}
/* <dd>タグ */
dd {
margin: 0px 10px 10px 10px;
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"Meiryo", "メイリオ",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
}
/* <strong>タグ */
strong {
color: #cc3300;
font-weight: normal;
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"Meiryo", "メイリオ",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
}
/******************************************************************************/
/* グローバル設定 - ボックスモデルのクラス */
/******************************************************************************/
/* ナビゲーションバー（メニュー項目） */
.menu {
float: left;
height: 11px;
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
color: #cccccc;
font-size: 11px;
text-align: left;
vertical-align: middle;
margin: 2px 15px 6px 5px;
} /* vv MacIE hack vv \*/
.menu {
margin: 4px 15px 3px 5px;
} /* ^^ MacIE hack ^^ */
/* ナビゲーションバー（サイトマップ） */
.menu_sitemap {
float: right;
width: 100px;
height: 11px;
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
color: #cccccc;
font-size: 11px;
text-align: right;
vertical-align: middle;
margin: 2px 5px 6px 15px;
} /* vv MacIE hack vv \*/
.menu_sitemap {
margin: 4px 5px 3px 15px;
} /* ^^ MacIE hack ^^ */
/* パンくずリスト */
.breadcrumbs {
float: left;
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
color: #333333;
font-size: 11px;
text-align: left;
margin-right: 5px;
}
/* ページ内ナビゲーション */
.pagenavi {
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
color: #999999;
font-size: 12px;
line-height: 100%;
text-align: right;
}
/* プライバシー */
.privacy_policy {
float: left;
width: 300px;
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
color: #999999;
font-size: 12px;
line-height: 100%;
text-align: left;
}
/* コピーライト */
.copyright {
float: right;
width: 300px;
font-family: "Ariel", "Geneva";
color: #999999;
font-size: 11px;
line-height: 100%;
text-align: right;
}
/******************************************************************************/
/* グローバル設定 - 文字クラス */
/******************************************************************************/
/* デフォルトテキスト色 */
h5, .mediumlead, .mediumtext, .smalltext, .mediumcaption, .smallcaption {
color: #000000;
}
/* 著者名シグネチャ */
.author {
color: #999999;
}
/* 左カラムリード（中サイズ） */
#columnleft .mediumlead {
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"Meiryo", "メイリオ",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
font-size: 14px;
line-height: 170%;
margin: 0px 0px 30px 5px;
}
/* 左カラム本文テキスト（中サイズ） */
#columnleft .mediumtext {
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"Meiryo", "メイリオ",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
font-size: 14px;
line-height: 150%;
margin-left: 20px;
}
/* 左カラム本文テキスト（小サイズ） */
#columnleft .smalltext {
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
font-size: 12px;
line-height: 120%;
margin-left: 20px;
}
/* 右カラム本文テキスト（中サイズ） */
#columnright .mediumtext {
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"Meiryo", "メイリオ",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
font-size: 14px;
line-height: 150%;
}
/* 右カラム本文テキスト（小サイズ） */
#columnright .smalltext {
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
font-size: 12px;
line-height: 120%;
}
/* 右カラムキャプションテキスト（中サイズ） */
#columnright .mediumcaption {
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
font-size: 14px;
line-height: 140%;
margin: 5px 0px 30px 0px;
}
/* 右カラムキャプションテキスト（小サイズ） */
#columnright .smallcaption {
font-family:
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",
"MS P Gothic", "ＭＳ Ｐゴシック",
sans-serif;
font-size: 12px;
line-height: 120%;
margin: 5px 0px 30px 0px;
}