/* ---------------------------
HTML
--------------------------- */
HTML {
padding: 0px; /* 余白 */
margin: 0px; /* マージン */
}
/* ---------------------------
BODY：ボディ
--------------------------- */
BODY {
background: #ffffff; /* 背景色 */
color: #000000; /* フォントカラー */
padding: 0px; /* 余白 */
margin: 0px; /* マージン */
}
/* ---------------------------
TABLE
--------------------------- */
TABLE {
padding: 0px; /* 余白 */
margin: 0px; /* マージン */
}
/* ---------------------------
TR
--------------------------- */
TR {
padding: 1px; /* 余白 */
margin: 0px; /* マージン */
}
/* ---------------------------
TD
--------------------------- */
TD {
padding: 0px; /* 余白 */
margin: 0px; /* マージン */
}
/* ---------------------------
H1：大見出し
--------------------------- */
h1 {
color: #0B1862; /* フォントカラー */
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: small; /* フォントサイズ */
}
/* ---------------------------
FORM：フォーム
--------------------------- */
FORM {
display: inline; /* インラインボックス */
}
/* ---------------------------
TR：ヘッダー（ショップ名）
--------------------------- */
TR.header {
background: #434672; /* 背景色 */
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: xx-small; /* フォントサイズ */
color: #ffffff; /* フォントカラー */
padding-top: 8px; /* 上余白 */
padding-bottom: 5px; /* 下余白 */
}
/* ---------------------------
TD：ヘッダー（ナビゲーション）
--------------------------- */
TR.headerNavigation {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: x-small; /* フォントサイズ */
background: #000099; /* 背景色 */
background-image: url(http://www.f-gear.co.jp/new_image/line.png); /* 背景画像 */
color: #ffffff; /* フォントカラー */
font-weight : bold; /* フォント太さ */
padding-top: 8px; /* 上余白 */
padding-bottom: 5px; /* 下余白 */
}
/* ---------------------------
A：ヘッダー（ナビゲーションのリンク）
--------------------------- */
A.headerNavigation {
color: #FFFFFF; /* フォントカラー */
}
/* ---------------------------
A：ヘッダー（ナビゲーション・カーソルが上に乗ったとき）
--------------------------- */
A.headerNavigation:hover {
color: #FFFFFF; /* フォントカラー */
}
/* ---------------------------
TR：フッター
--------------------------- */
TR.footer {
background: #bbc3d3; /* 背景色 */
}
/* ---------------------------
TD：フッター
--------------------------- */
TD.footer {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: x-small; /* フォントサイズ */
background: #000099; /* 背景色 */
background-image: url(http://www.f-gear.co.jp/new_image/line.png); /* 背景画像 */
color: #ffffff; /* フォントカラー */
font-weight: bold; /* フォント太さ */
padding-top: 8px; /* 上余白 */
padding-bottom: 5px; /* 下余白 */
}
/* ---------------------------
TABLE：情報ボックス
--------------------------- */
.leftBox {
background: #000000; /* 背景色 */
background-image: url(http://www.f-gear.co.jp/new_image/grained.jpg); /* 背景画像 */
padding: 0px; /* 余白 */
margin: 0px; /* マージン */
}
.leftBox2 {
background: #000000; /* 背景色 */
background-image: url(http://www.f-gear.co.jp/images/oudanmaku.gif); /* 背景画像 */
padding: 0px; /* 余白 */
margin: 0px; /* マージン */
}
/* ---------------------------
TABLE：情報ボックス
--------------------------- */
.infoBox {
background: #ffffff; /* 背景色 */
padding: 10px; /* 余白 */
margin: 0px; /* マージン */
}
/* ---------------------------
TABLE：情報ボックス（コンテンツ）
--------------------------- */
.infoBoxContents {
background: #434672; /* 背景色 */
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: xx-small; /* フォントサイズ */
line-height: 170%; /* 行間 */
padding: 0px; /* 余白 */
margin: 0px; /* マージン */
}
/* ---------------------------
TD：情報ボックス（タイトル）
--------------------------- */
TD.infoBoxHeading {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: x-small; /* フォントサイズ */
font-weight: bold; /* フォント太さ */
background: #000099; /* 背景色 */
background-image: url(http://www.f-gear.co.jp/new_image/line.png); /* 背景画像 */
color: #ffffff; /* フォントカラー */
padding-top: 8px; /* 上余白 */
padding-bottom: 5px; /* 下余白 */
margin: 0px; /* マージン */
}
/* ---------------------------
TD,SPAN：情報ボックス（情報・メッセージ）
--------------------------- */
TD.infoBox, {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: x-small; /* フォントサイズ */
padding: 15px; /* 余白 */
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
/* ---------------------------
TR：商品一覧（タイトル）
--------------------------- */
TR.productListing-heading {
background: #5E5F9B; /* 背景色 */
}
/* ---------------------------
TD：商品一覧（タイトル）
--------------------------- */
TD.productListing-heading {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: x-small; /* フォントサイズ */
background: #5E5F9B; /* 背景色 */
color: #FFFFFF; /* フォントカラー */
font-weight: bold; /* フォント太さ */
font-variant: small-caps; /* 文字異体（全て大文字にする） */
}
/* ---------------------------
TD：商品一覧（データ）
--------------------------- */
TD.productListing-data {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: x-small; /* フォントサイズ */
color: #000000; /* フォントカラー */
}
/* ---------------------------
TD：商品一覧（商品説明 奇数行）
--------------------------- */
TD.productListing-odd_d {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: xx-small; /* フォントサイズ */
color: #4B4E83; /* フォントカラー */
}
/* ---------------------------
TD：商品一覧（商品説明 偶数行）
--------------------------- */
TD.productListing-even_d {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: xx-small; /* フォントサイズ */
color: #4B4E83; /* フォントカラー */
}
/* ---------------------------
A：ページリンク（通常）
--------------------------- */
A.pageResults {
color: #0000FF; /* フォントカラー */
}
/* ---------------------------
A：ページリンク（カーソルが上に乗ったとき）
--------------------------- */
A.pageResults:hover {
color: #0000FF; /* フォントカラー */
background: #FFFF33; /* 背景色 */
}
/* ---------------------------
TD：ページヘッダ
--------------------------- */
TD.pageHeading, DIV.pageHeading {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: small; /* フォントサイズ */
font-weight: bold; /* フォント太さ */
color: #9a9a9a; /* フォントカラー */
}
/* ---------------------------
TR：サブバー（未使用）
--------------------------- */
TR.subBar {
background: #f4f7fd; /* 背景色 */
}
/* ---------------------------
TD：サブバー（未使用）
--------------------------- */
TD.subBar {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: xx-small; /* フォントサイズ */
color: #000000; /* フォントカラー */
}
/* ---------------------------
TD：メイン
--------------------------- */
TD.main, P.main {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: x-small; /* フォントサイズ */
line-height: 1.5; /* 行の高さ */
}
h3 {
font-size: medium;
}
li {
margin-left: -15px;
line-height: 1.4em;
}