/****************************************************************************
 * タグのデフォルト
 */
body {
margin:0px;
padding:0px;
font-family: "ＭＳ ゴシック", "Osaka－等幅", monospace;
font-size:100.0%;
text-align:center;
}

img { border-width: 0px; }

form { margin: 0px; padding: 0px; }

/*
a:link  { color: #0000cc; text-decoration: underline; }
a:visited { color: #660066; text-decoration: underline; }
a:hover  { color: #0099FF; text-decoration: underline; }
*/

/****************************************************************************
 * ページ全体のコンテンツ領域
 * 802px
 */

/* ヘッダー領域 */
div#idPageBaseH {
width:802px;
margin:0px auto 0px auto;
padding:0px;
text-align:left;
/*border-left:solid 1px #ffcf00; */
/*border-right:solid 1px #ffcf00; */
/*border-bottom:solid 1px #ffcf00; */
}

/* メニュー領域 */
div#idPageMenu {
width:802px;
margin:0px auto 0px auto;
text-align:left;
}

/* コンテンツ領域 */
div#idPageBase {
clear:both;
width:802px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
background:url(/images/bg_base.gif) repeat-y;
text-align:left;
border-top:solid 1px #cccccc;
}

/****************************************************************************
 * ヘッダー
 */

/* ヘッダーの最初の行 (H1) */
#idHeader1 {
width:802px;
height:27px;
margin:0px 0px;
padding:0px;
background:url("/images/logo_top_bg.gif") repeat-x;
}

/* H1 */
#idHeader1 h1 {
float:left;
margin:0px 8px 0px 0px;
padding:5px 0px 4px 1em;
font-size:9pt;
line-height:1em;
color:#ffffff;
}

/* H1がないとき */
#idHeader1 #idHTitle {
margin:0px 8px 0px 0px;
padding:5px 0px 4px 1em;
font-size:9pt;
line-height:1em;
color:#ffffff;
}

/* ページの概要 */
#idHeader1 p {
margin:0px;
padding:5px 0px 6px 0px;
font-size:9pt;
line-height:1em;
color:#ffffff;
}

/* ヘッダーのロゴ、PR画像 */
#idHeader2 {
clear:both;
width:800px;
height:88px;
margin:0px 1px;
padding:0px;
/*
background:url("/images/logo_bg2.gif") repeat-x;
*/
}

/* ロゴ画像 */
#idHeader2 p#idHLogo {
float:left;
margin:0px;
padding:0px;
}

/* PR画像 */
#idHeader2 p#idHPr {
margin:0px;
padding:8px 0px;
text-align:center;
}

/****************************************************************************
 * ヘッダー画像の下に配置する画像メニュー (投資日記ステーション)
 */
div#idTopMenu {
width:800px;
margin:0px 1px;
padding:0px;
text-align:center;

/* ★★ メニューの背景色 ★★ */
/*background:#FFCF00; */
background:#FFF8DC;

/* ★★ 下枠の色 ★★ */
border-bottom:1px solid #FFCF00;
}

div#idTopMenu table {
margin:0px;
padding:0px;
}

div#idTopMenu table td {
padding:2px 1px;
}

/****************************************************************************
 * ヘッダー画像の下に配置する画像メニュー その2
 */
div#idMenu2 {
width:800px;
height:20px;
margin:2px 1px 0px 1px;
padding:1px 0px 0px 0px;
text-align:left;
}

div#idMenu2 table {
margin:2px 2px 0px 2px;
padding:0px;
}

div#idMenu2 table td {
padding:0px 1px 0px 1px;
width:80px;
text-align:center;
}

/* 広めの幅 */
div#idMenu2 table td.W100 {
width:100px;
}

div#idMenu2 table td div {
padding-top:2px;
font-size:9pt;
height:15px;
}

div#idMenu2 a:link{ color: #4c4c4c; text-decoration: none; }
div#idMenu2 a:visited{ color: #4c4c4c; text-decoration: none; }
div#idMenu2 a:hover{ color: #0000cc; text-decoration: underline; }

div.Tab1  { background: url(/images/tab_orange.gif) repeat-x; }
div.Tab2  { background: url(/images/tab_royalblue.gif) repeat-x; }
div.Tab3  { background: url(/images/tab_palevioletred.gif) repeat-x; }
div.Tab4  { background: url(/images/tab_darkseagreen.gif) repeat-x; }
div.Tab5  { background: url(/images/tab_peru.gif) repeat-x; }
div.Tab6  { background: url(/images/tab_red.gif) repeat; }
div.Tab7  { background: url(/images/tab_forestgreen.gif) repeat-x; }
div.Tab8  { background: url(/images/tab_wheat.gif) repeat-x; }
div.Tab9  { background: url(/images/tab_maroon.gif) repeat-x; }

/****************************************************************************
 * コンテンツ領域
 */

/* 左、中央枠を合わせたコンテンツ領域 */
div#idBase2 {
float:left;
width:800px;
margin:0px 0px 0px 1px;
padding:0px;
/*font-size:0.75em; */

}

/* 左枠のコンテンツ */
div#idBaseLeft {
/*border:solid blue 1px; */
/*width:180px; */

float:left;
width:219px;
margin:0px 0px 1.0em 0px;
padding:0px;
}

/* 中央に配置するメインコンテンツ */
div#idBaseCenter {
float:right;
width:580px;
margin:0px;
padding:0px;
}

/* パンくずリスト */
#idTopicPath {
margin:1em 10px 1.25em 12px;
padding:0px;
font-size:83.3%;
}

/* パンくずの現在のページ */
#idTopicPath span {
color:#228B22;
}

/* コンテンツ最下行のリンク */
p#contents_c_footer {
margin:10px;
padding:0px;
text-align:right;
font-size:83.3%;
}

/****************************************************************************
 * 商品紹介
 */

/* 商品紹介 */
div.ItemInfoBox {
margin:10px 10px 15px 10px;
padding:0px;
width:560px;
background:#fffff0;
border-bottom:solid 1px #deb887;
}

/* DIVのデフォルト */
.ItemInfoBox div {
margin:0px;
padding:0px;
}

/* 商品の講師、ジャンル */
.ItemInfoBox .ItemGenre {
clear:both;
padding:0.25em 1em;
height:1.25em;
/*background:#ffcc66; */
background:url(/images/h28gray2.gif) repeat-x;
/*color:#B63803; */
color:#333333;
font-size:83.6%;
font-weight:normal;
border-top:solid 1px #e3e3e3;
border-bottom:solid 1px #c0c0c0;
}

/* 商品のタイトル TABLE */
table.ItemTitleT {
width:100%;
border-bottom:solid 1px #deb887;
}

/* タイトル列 */
.ItemTitleT td.CTitle {
padding:0px 0.5em 0px 1em;
width:400px;
background:#faf0e6;
font-size:91.6%;
font-weight:bold;
}

/* アーカイブエントリーの場合は商品のタイトルに H1を置く */
.ItemTitleT td.CTitle h1 {
margin:0px;
padding:0px;
font-size:100%;
color:#800000;
font-weight:bold;
line-height:130%;
background-color:#ffff99;
}

/* 詳細情報のリンク、値段 */
.ItemTitleT td.CPrice {
padding:4px 0px 4px 0px;
width:158px;
background:#faf0e6;
font-size:75%;
text-align:center;
}

/* 商品紹介 TABLE */
table.ItemInfoT {
clear:both;
/*width:558px; */
height:90px;
border-left:solid 1px #faf0e6;
border-right:solid 1px #faf0e6;
}

/* TDのデフォルト */
table.ItemInfoT td {
text-align:center;
vertical-align:middle;
font-size:83.3%;
}

/* 商品画像 */
table.ItemInfoT td.ItemInfoCPict {
width:90px;
height:80px;
}

/* 商品概要 */
table.ItemInfoT td.ItemInfoC2 {
width:310px;
height:80px;
padding:0.25em 0.5em;
line-height:1.3em;
text-align:left;
font-size:91.6%;
color:#404040;
border-left:solid 1px #faf0e6;
border-bottom:solid 1px #deb887;
}

/* カートボタン */
table.ItemInfoT td.ItemInfoC3 {
width:158px;
height:80px;
line-height:0.5em;
text-align:center;
border-bottom:solid 1px #deb887;
}

/* サンプル視聴ボタン */
table.ItemInfoT td.ItemInfoC4 {
height:40px;
color:#cc0000;
font-size:75%;
border-left:solid 1px #faf0e6;
}

table.ItemInfoT td.ItemInfoC5 {
font-size:75%;
}

/****************************************************************************
 * 検索結果の表示
 */
div#idSearchBox {
margin:10px;
padding:0px;
}

div#idSearchBox #idSearchMesg1 {
margin:1em 0px 1.5em 0px;
color:#8b4513;
font-weight:bold;
}


/****************************************************************************
 * 左側
 */
#idBaseLeft dl {
margin:0px;
padding:0px;
}

/* メニューのタイトル項目 */
#idBaseLeft dt {
margin:0px;
padding:9px 3px 7px 5px;
line-height:1em;

/* ★★メニュータイトルの背景画像★★ */
/*background:url(/images/bg_dt-orange2.gif) repeat-x; */
background:url(/images/h28orange.gif) repeat-x;

/* ★★メニュータイトルの表示色★★ */
color:#800000;

font-size:83.3%;
}

/* メニューの項目 */
#idBaseLeft dd {
margin:0px;
padding-left:4px;
}

/* 教材検索 */
dd.InqProd {
padding-top:4px;
}

/* 教材検索説明1 */
div.InqProdNote1 {
margin:0px 0px 4px 4px;
font-size:83%;
}

.InqProdNote1 span {
color:#0b3c75;
font-weight:bold;
}

/* 教材検索説明2 */
div.InqProdNote2 {
margin:4px 0px 6px 4px;
font-size:66.6%;
color:#008000;
}

/* メルマガ */
div.TMailMag {
margin-bottom:2px;
font-size:75%;
}

/* カテゴリー一覧 */
dd.CategoryList {
font-size:83.3%;
}

dd.CategoryList ul {
margin:0px;
padding:0px 0px 0px 0px;
}

/* LI のデフォルト */
dd.CategoryList li {
margin:0px;
padding:0px 0px 0px 0em;
line-height:1.5em;
list-style-type:none;
}

/* UL/LI 子有り */
dd.CategoryList ul li.topLevel {
margin-top:0.5em;
border-top:solid 1px #d9d0c7;
}

li.topLevel span {
color:#c4b4a3;
}


/* UL/LI/UL/LI */
dd.CategoryList ul li ul li{
padding:0px 0px 0px 1em;
}

/****************************************************************************
 * フッター
 */
div#idFooter {
clear:both;
width:800px;
margin:0px;
padding:5px 1px 40px 1px;
background-color:#FFFFFF;
font-size:75%;

/* ★★カラー変更箇所★★ 青：#99CCCC　黄：#FFCC99　緑：#99CC99　赤：#CC9999　黒：#999999　*/
border-top:3px solid #CC9999;
}

/* フッターのリンク */
#idFooter #idFooterLink {
float:left;
margin:5px;
padding:0px;
}

#idFooter #idCopyright {
float:right;
margin:0px 5px 0px 0px;
padding:0px;
}