@charset "utf-8";
/* --------------------------------------------
 * theme.css
 * デザイン要素指定用スタイルシート


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

body {
}

#wrapper{
background-color: #fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

.d_no {
	display: none;
}

hr.footerbar {
height: 1px;
border: 0px;
color: #CCCCCC; /* 線の色(IE用) */
background-color: #CCCCCC; /* 線の色(NN用) */
}

/* ヘッダ領域 */

#color li a{
display:block;
background:url(../images/top/bg_color.gif) no-repeat 0 0;
}

#assist p.sitemap a{
border-left:1px solid #ccc;
padding-left:5px;
line-height:1em;
}

#color li#color2 a{background-position:-17px 0;}
#color li#color3 a{background-position:-34px 0;}
#color li#color4 a{background-position:-51px 0;}
#color li#color5 a{background-position:-68px 0;}
#color li#color1 a:hover{background-position:0 -17px;}
#color li#color2 a:hover{background-position:-17px -17px;}
#color li#color3 a:hover{background-position:-34px -17px;}
#color li#color4 a:hover{background-position:-51px -17px;}
#color li#color5 a:hover{background-position:-68px -17px;}

#headerSub p.retrieval {
border-left:1px solid #ccc;
padding-left:15px;
line-height:1em;
}

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

#mainMenu {
background: #EEEEEE url(../images/backBlank.jpg) no-repeat;
}

#mainMenu img {
border:none;
padding:0; margin:0;
}

#mainMenu li a {
width: 131px;
height: 50px;
display:block;
text-decoration:none;
margin:0;
padding:0;
}

/* = HOME = */
#mainMenu li.home {	margin-right: 11px; }
#mainMenu li.home a:hover{
	background:url(../images/menu/home_on.jpg) no-repeat;
}

/* =トレダビ= */
#mainMenu li.trDerby {	margin-right: 11px; }
#mainMenu li.trDerby a:hover{
	background:url(../images/menu/trDerby_on.jpg) no-repeat;
}

/* =ランキング= */
#mainMenu li.lank {	margin-right: 11px; }
#mainMenu li.lank a:hover {
	background:url(../images/menu/lank_on.jpg) no-repeat;
}

/* =マイケイゾン= */
#mainMenu li.myKzone { margin-right: 12px; }
#mainMenu li.myKzone a:hover {
	background:url(../images/menu/myKzone_on.jpg) no-repeat;
}

/* =トレダビショップ= */
#mainMenu li.tdShop { margin-right: 12px; }
#mainMenu li.tdShop a:hover {
	background:url(../images/menu/tdShop_on.jpg) no-repeat;
}

/* =おしえて！ケイゾン= */
#mainMenu li.teaches { margin-right:0px; }
#mainMenu li.teaches a:hover {
	background:url(../images/menu/teaches_on.jpg) no-repeat;
}

#mainMenu li a:hover img{
position:relative!important;
visibility:hidden!important;
z-index: -1!important;
}

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

/* = お知らせ部分 = */
#info dl {
border-bottom:1px dotted #ccc;
line-height: 180%;
}

/* = サービス部分 = */
#service {
line-height:150%;
}

#box li.left-box,
#box li.right-box {
border-right:1px solid #999999;
border-bottom:1px solid #999999;
background-color: #fff;
}

#box li {
background: #fff url(../images/top/box_back.gif) repeat-x;
}


/* サイドメニュー領域 */
#sidemenu ul#sidelink {
}

#sidelink li {
margin: 10px;
padding-left: 15px;
background: url(../images/top/sidelink.gif) no-repeat 1px;
}

/* フッタ領域 */
#footnavi {
line-height:150%;
background-color: #eee;
}

#leftArea {
line-height:1.5em;
}

#localMenuL li, 
#localMenuR li {
margin: 0 0 0 15px;
padding-left: 10px;
background: url(../images/top/locallink.gif) no-repeat 1px;
}

/************************* 第二階層以下 *************************/

h3#subtitle {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px dashed #CCCCCC;
background-color: #FFFFFF;
background-image: none;
}

#title,
#about_title,
#useful_title,
#shop_title {
width: 200px;
height: 30px;
}

#menuArea li {
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

#sub li,
#ranking li {
border-right: none;
border-left: none;
margin: 0 15px;
padding: 0;
}

#writing li.row a {
margin: 2px 0 5px 5px;
padding: 3px 0 0 10px;
text-decoration:none;
border-bottom: none;
background: #ffffff url(../images/writtingArrow.gif) no-repeat 0 4px;
}

#writing li.row a:hover {
margin: 2px 0 5px 5px;
padding: 3px 0 0 10px;
text-decoration: underline!important;
}

#menuArea li a.selected01 {
padding: 5px 10px 5px 15px;
display:block;
background-color: #F9F9F9;
text-decoration:none;
border-bottom: 1px solid #dddddd;
color: #FF9D26;
}

#sub li a.selected02,
#ranking li a.selected02 {
display:block;
text-decoration:none;
border-bottom: 1px dashed #dddddd;
background: #ffffff url(../images/menuArrow.gif) no-repeat 0 5px;
color: #FF9D26;
}

#writing li.row a.selected03 {
margin: 2px 0 5px 5px;
padding: 3px 0 0 10px;
text-decoration:none;
border-bottom: none;
background: #ffffff url(../images/writtingArrow.gif) no-repeat 0 4px;
color: #FF9D26;
}


#next_page {
width: 480px;
height: 25px;
}

#next_page li {
width: 160px;
}

#next_page li.rtn { text-align: left; }
#next_page li.mid { text-align: center; color: #666666;}
#next_page li.nxt { text-align: right; }

#anoterTheme {
border-left: 5px solid #eeeeee;
}

#anoterTheme dt {
color:#663300;
}

.column_images img, 
.column_imagesR img{
padding:5px;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
border-top:1px solid #E5E5E5;
border-left:1px solid #E5E5E5;
background-color:#FFFFFF;
}

#privacy hr {
height: 1px;
border: 0px;
color: #CCCCCC; /* 線の色(IE用) */
background-color: #CCCCCC; /* 線の色(NN用) */
}

#mainMenu li a.service {
width: 140px;
height: 45px;
display:block;
text-decoration:none;
margin:0;
padding:0;
}

/* = コラムトップ = */
#columnmenu li a {
width: 480px;
height: 150px;
display:block;
text-decoration:none;
margin:0;
padding:0;
}

/* = サーファー大吾郎 = */
#columnmenu li.column01 a:hover{
background:url(../images/column/column01_on.jpg) no-repeat;
}

/* = 梅次郎 = */
#columnmenu li.column02 a:hover{
background:url(../images/column/column02_on.jpg) no-repeat;
}

/* = 親ばかでゴメンナサイ = */
#columnmenu li.column03 a:hover{
background:url(../images/column/column03_on.jpg) no-repeat;
}

/* = まめや = */
#columnmenu li.column04 a:hover {
background:url(../images/column/column04_on.jpg) no-repeat;
}

/* = ダイドコロ = */
#columnmenu li.column05 a:hover {
background:url(../images/column/column05_on.jpg) no-repeat;
}

#columnmenu li a:hover img{
position:relative!important;
visibility:hidden!important;
z-index: -1!important;
}

/* === 第5回商品先物引用スタイル === */

div#contents blockquote p {
background:transparent url(../images/column/commodities_futures/quote_end.gif) no-repeat scroll right bottom;
margin: 0px;
padding: 10px 30px;
color: #666666;
line-height: 150%;
}

div#contents blockquote {
background:#F5F5F5 url(../images/column/commodities_futures/quote_start.gif) no-repeat scroll left top;
border: 1px solid #F5F5F5;
margin: 5px 0px 0px 0px;
padding: 0px;
width: 480px;
}

#contents hr {
height: 1px;
border: 0px;
color: #CCCCCC; /* 色(IE用) */
background-color: #CCCCCC; /* 色(NN用) */
}

#contents hr.thin {
height: 1px;
border: 0px;
color: #EEEEEE; /* 色(IE用) */
background-color: #EEEEEE; /* 色(NN用) */
}