@charset "utf-8";
/* --------------------------------------------
 * layout.css
 * 位置設定・レイアウト用スタイルシート


 * Date: 2008/5/12   Update:2008/5/12
 * Auther: ケイゾン
 * 適応範囲: 全ページ
 * -------------------------------------------- */

/* --------------------------------------------
 * ページ基本構成
 * -------------------------------------------- */

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

img {
border: 0;
}

br.clear {
clear: both;
}


#wrapper{
margin: 0px auto;
width: 740px;
vertical-align: middle;
}

#pagetop {
width: 480px;
white-space: nowrap;
padding: 20px 0 3px 0;
text-align: right;
clear: both;
}

/* ヘッダ領域 */
#header{
padding: 3px 20px;
height:20px;
}

#setstart{
margin: 0px;
padding: 0px;
float:left;
}

h1 {
margin: 0.2em 0 0 0;
padding: 0px;
}

#assist{
margin: 0px;
padding: 0px;
float:right;
}

#color{
display:none;
margin:0.2em 0 0 0;
padding: 0px;
}

#color li{
float:left;
width:12px;
height:12px;
margin:0.2em 5px 0 0;
overflow:hidden;
text-indent:-9999px;
}

#assist p.sitemap {
margin: 0;
padding: 0;
}

#headerSub {
width: 700px;
margin: 0 20px;
padding: 10px 0;
height: 60px;
}

#subImg {
float: left;
margin: 0;
padding: 0;
}

img.logo {
margin-right: 205px;
padding: 0;
}

#headerSub p.retrieval {
float: right;
margin-top: 18px;
padding: 0;
}

#headerSub input.txt {
width: 120px;
margin:2px 2px 0 0;
}

/* メイン情報領域 */
h2 {
margin: 0 20px;
padding: 0;
}

/* ナビゲーション領域 */
.d_no {
display: none;
}

#mainMenu {
width: 700px;
height: 50px;
margin: 0 20px;
padding:0;
}

#mainMenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#mainMenu li {
float: left; /* リストを横並びに */
padding: 0;
margin: 0;
}

#mainMenu ul.submenu {
display:none;
position:absolute;
background-color:#FFFFEE;
font-size: 80%;
padding-top:2px;
z-index:100;
}

#mainMenu ul.submenu li{
float:none;
}

#mainMenu ul.submenu li a{
color:#333333;
display:block;
width: 121px;
height:auto;
padding: 4px;
background-image:none;
background-color:#EEEEEE;
border: 1px solid #ccc;
line-height: 1.4;
}

#mainMenu ul.submenu li a:hover{
color:#FFFFFF;
background-image:none;
background-color:#FF8B00;
}



/* メインコンテンツ領域 */
#maincontent {
width: 700px;
margin: 25px 20px 0 20px;
}

/* = コンテンツ部分 = */
#contents {
float: left;
width: 480px;
}

#contents ul {
margin: 0;
padding: 0;
list-style-type: none;
}

h3 {
margin: 0;
padding: 2px;
}

/* = お知らせ部分 = */
#info dl {
width: 95%;
margin:10px 0 10px 10px;
}

#info dt {
float: left;
padding-right: 5px;
}

#info dl.narrow dt {
padding-right: 5px;
}

#info img.row {
vertical-align: top;
}

#info dd {
display: block;
margin-bottom: 8px;
}

#info dl.narrow dd {
margin-left: 130px;
}

*html body #info dl dd {
margin-top: -0.2em;
text-indent: -0.2em;
}

/* = サービス部分 = */
#service {
width: 478px;
margin: 0;
padding: 3px 0;
}

#box ul {
margin: 0;
padding: 0;
}

#box li {
float: left; /* リストを横並びに */
}

#box li.left-box, 
#box li.right-box {
width: 218px;
height: 10em;
margin-left: 7px;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
display: inline;
}

/* サイドメニュー部分 */
#sidemenu {
float: right;
width: 200px;
}

#sidemenu ul#banner {
margin: 0;
padding: 0;
list-style-type: none;
}

#banner li {
margin-bottom: 20px;
text-align: center;
}

#sidelink {
margin: 0px;
padding: 0px;
}

#sidemenu ul#sidelink {
margin: 0;
padding: 15px 0;
list-style-type: none;
}

/* フッター領域 */
#footer {
margin: 20px 20px 0 20px;
padding: 0;
}

#leftArea {
float: left;
width: 325px;
}

#footnavi {
float: right;
width: 375px;
}

#localMenuL {
float: left;
width: 200px;
}

#localMenuR {
float: right;
width: 175px;
}

#localMenuL, 
#localMenuR {
margin: 0;
padding: 0;
}

ul#localMenuL, 
ul#localMenuR {
margin: 0;
padding: 10px 0 5px 0;
list-style-type: none;
}

#copy {
width: 300px;
margin: 0;
padding-left: 15px;
padding-bottom: 12px;
}


/* = ISMS_Pマーク部分 = */
#leftArea dl {
width: 95%;
margin:10px 0 0 0;
}

#leftArea dt {
width: 85px;
float: left;
padding-right: 5px;
}

#leftArea dl.qualification dt {
padding-right: 5px;
}

#leftArea dd {
display: block;
margin-bottom: 8px;
}

#leftArea dl.qualification dd {
margin-left: 0;
}

/************************* 第二階層以下 *************************/
 .column_imagesR img{
float: right;
}

/* = パンくず = */
#topicpath {
margin: 0 20px;
padding: 0;
}

p.cen {
text-align: center;
}

/* = サイドメニュー領域 = */
#menuArea {
margin: 0 0 20px 0;
padding: 0;
}

#sub,
#ranking {
margin: 0 0 5px 0;
padding: 0;
}

#columnmenu {
margin: 0;
padding: 0;
}

#writing {
margin: 0;
padding: 0;
}

#menuArea li {
list-style-type: none;
}

#sub li,
#ranking li {
list-style-type: none;
}

#columnmenu li {
margin: 15px 0;
list-style-type: none;
}

#writing li {
line-height:150%;
}

p.date {
margin: 0;
padding: 5px;
text-align: right;
}

#next_page {
margin: 0;
padding: 0;
}

#next_page li {
float: left; /* リストを横並びに */
padding-top: 5px;
}

#anoterTheme {
margin: 30px 0 0 20px;
padding: 5px;
}

#anoterTheme dt {
margin: 0 0 10px 0;
}

#anoterTheme dd {
padding: 3px;
}


/* === sitemap お役立ちリンク集 === */
#sitemap .main_ttl,
#site .main_ttl {
margin-bottom:15px;
border-bottom:4px solid #D5D5D5;
}

#site .main_ttl h4 {
margin:0;
padding: 5px 0 5px 13px;
font-weight:bold;
line-height:1.2;
background:url(../images/icn/icn_site.gif) 0 6px no-repeat;
}

#sitemap .main_ttl h4 {
margin:0;
padding: 5px 0 5px 13px;
font-weight:bold;
line-height:1.2;
background:url(../images/icn/icn_sitemap.gif) 0 6px no-repeat;
}

#sitemap .main_ttl a,
#site .main_ttl a {
}

#sitemap ul,
#site ul {
list-style:none;
margin:0 10px 20px 5px;
}

#site li {
margin-bottom:10px;
padding-left:20px;
background:url(../images/icn/icn_arrow_site.gif) 5px 2px no-repeat;
}

#sitemap li {
margin-bottom:10px;
padding-left:20px;
padding-bottom:3px;
background:url(../images/icn/icn_arrow_home.gif) 5px 2px no-repeat;
border-bottom:1px dotted #666;
}

#sitemap_inner,
#site_inner {
width:480px;
margin:15px auto;
}

#sitemap_column,
#site_column {
float:left;
width:230px;
}

#sitemap_column2,
#site_column2 {
float:right;
width:230px;
}

#sitemap .beginner img,
#site .beginner img {
margin-left:10px;
margin-bottom:3px;
vertical-align:bottom;
}

/* === ケイゾン会員規約 === */
#agreement textarea {
width:100%;
height: 30em;
line-height:120%;
}

/* === リンク メディア問い合わせ 広告掲載について プレスリリース=== */
#link h4,
#ad h4,
#press h4,
#overview h4 {
padding: 5px;
border-left: 5px solid #663300;
border-bottom: 1px solid #663300;
}

#link ul,
#press ul {
padding-left:50px;
list-style-type: square;
}

#ad ul {
padding-left:25px;
list-style-type: none;
}

#link .copy {
margin: 0 20px;
padding: 10px;
border: 1px solid #E7E5DC;
background-color: #F8F8F8;
}

#ad .getpdf,
#press .getpdf {
margin-top: 10px;
padding: 5px;
border: 1px solid #E7E5DC;
background-color: #FFFFFF;
}

#ad .getpdf img,
#press .getpdf img {
float: right;
padding-left: 5px;
}

#link p,
#ad p,
#press p {
padding-left:10px;
}

#press dd {
margin-left: 90px;
}

/* === セキュリティーポリシー === */
#security table,
#overview table {
width:100%;
}

.common-table{
background:#cccccc;
}

.common-table td{
background:white;
border-left:1px solid white;
border-top:1px solid white;
line-height:2em;
padding:3px 5px 3px;
vertical-align:top;
}

.common-table td.cen {
text-align: center;
}

.common-table th{
background:#efebde;
border-left:1px solid white;
border-top:1px solid white;
line-height:2em;
padding:3px 10px 3px 5px;
vertical-align:middle;
white-space: nowrap;
}

#security ol.roma {
list-style-type: upper-roman;
}

#security p.dic,
#privacy p.dic,
#overview p.dic {
text-align: right;
}

#privacy h4 {
text-align: center;
margin-top: 10px;
padding: 5px;
border: 1px solid #666666;
background-color: #FFFFFF;
}

#privacy .mark img {
float: left;
}

#privacy hr {
margin: 15px 0;
}

p.indent {
    margin-left: 1em;
	text-indent: -1em;
}

p.indent02 {
    margin-left: 1.5em;
	text-indent: -1.4em;
}



/* === 第3回商品先物テーブル === */
#column table {
width:100%;
}

.columnC-table{
background:#ffffff;
padding:3px;
}

.columnC-table thead th{
border-left:1px solid white;
border-top:1px solid white;
vertical-align:middle;
white-space: nowrap;
line-height:1.2em;
}

.columnC-table thead th.title {
text-align: left;
}

.columnC-table tbody th,
.columnC-table tbody td {
border-top:1px dashed #333333;
line-height:1.2em;
text-align: right;
}

.columnC-table td.cen {
text-align: center;
}

/* === 第5回 株式（中上級編） === */
p.column_comment {
padding:3px;
border:3px double #663300;
}

p.column_comment img {
vertical-align: baseline;
}


/* === トレダビショップ ブックス === */
table.tdBooks {
	width: 480px;
	margin: 0 0 45px 0;
	padding:0;
	border-collapse:collapse;
}

table.tdBooks td {
	padding:0;
}

table.tdBooks td.books {
	width: 240px;
	text-align: right;
}

/* === トレダビショップ 学習教材のご案内 === */
table.tdStudy {
	width: 480px;
	margin: 0 0 20px 0;
	padding:0;
	border-collapse:collapse;
}

table.tdStudy td {
	padding:10px;
	line-height:1.5em;
	vertical-align: top;
}

/* === トレダビショップ 学習教材のご案内 === */
div.details {
	width: 100%;
	margin: 1.2em 0 0;
	padding:0;
	height: 15px;
	text-align: right;
	background-color: #FFC175;
}

/* === トレダビショップ トレダビショップご利用必読項目 === */
div.regulations {
margin-top: 45px;
padding: 5px;
border: 1px solid #E7E5DC;
background-color: #FFFFFF;
line-height:1.5em;
}

/* === くらべて！ケイゾン === */
table.comparison {
	width: 480px;
	margin: 0 0 45px 0;
	padding:0;
	border-collapse:collapse;
}

table.comparison td {
	padding:5px 15px;
}

table.comparison td.button {
	text-align: center;
}

/* === 比較テーブル仕様 === */
h4.cap{
border-bottom:1px solid #cccccc;
color: #556CDD;
margin: 30px 0 10px 0;
padding:0;
}

h4.cap2{
border-bottom:1px solid #cccccc;
color: #F46A78;
margin: 30px 0 10px 0;
padding:0;
}

.com-table{
width:100%;
background:#cccccc;
font-size: 80%;
}

.com-table td{
background:white;
border-left:1px solid white;
border-top:1px solid white;
line-height:1.6em;
padding:1px;
vertical-align:top;
}
.com-table tbody td {
vertical-align:middle;
text-align: right;
padding-right:5px;
}

.com-table tbody td.sign {
text-align: center;
}

.com-table th{
background:#E6E9F9;
border-left:1px solid white;
border-top:1px solid white;
line-height:1.6em;
padding:1px;
vertical-align:middle;
white-space: nowrap;
color: #556CDD;
}

.com-table thead th.uniting {
color: #ffffff;
background:#556CDD;
}

.com-table thead th.uniting2 {
color: #ffffff;
background:#F46A78;
}

.com-table thead th.name {
color: #333333;
background:#F4F4E1;
}

.com-table thead th.price {
background:#FFE6E8;
color: #F46A78;
}

.com-table tbody th {
background:#F9F9EE;
}

.com-table td.text {
	text-align: left;
}