@charset "utf-8";

/*
	Site Name: 
	Description: base template style
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: HEADER
	2: FOOTER
	3: MENU TAB
	4: PANKUZU
	5: MAIN CONTENT


==========================================================
*/

/*
===== 1: HEADER ==========================================
*/

/* 自動株式売買ロボット・カブロボという小さい文言 */
h1#head_subtitle{
	float:left;
	width:auto;
	height:25px;
	padding:5px;
}

/* 右肩セクションのレイアウト */
div#head_navi_wrap{
	float:right;
	width:auto;
	height:35px;
}

/* 右肩セクションの角丸左側 */

td#left{
	width:10px;
	height:35px;
	background-image:url(/img/common/bg_headnavi_left.gif);
	background-repeat:repeat-x;
}

/* 右肩セクションの背景 */
td#head_navi_text{
	width:auto;
	/*height:28px;
	padding:7px 4px 0 4px;*/
	height:30px;
	padding:5px 2px 0 2px;
	background-image:url(/img/common/bg_headnavi.gif);
	background-repeat:repeat-x;
}
/* 右肩セクションの背景 ログイン */
td#head_navi_login{
	width:auto;
	height:30px;
	padding:5px 2px 0 2px;
	background-image:url(/img/common/bg_headnavi.gif);
	background-repeat:repeat-x;
}

/* 右肩セクションの角丸右側 */
td#right{
	width:10px;
	height:35px;
	background-image:url(/img/common/bg_headnavi_right.gif);
	background-repeat:repeat-x;
}

/* Kaburoboロゴ */
#blandmark_kaburobo{
	float:left;
	width:auto;
	height:auto;
}

/* ロゴの右サイド*/
#blandmark_yahoo{
	float:right;
	width:auto;
	height:auto;
}




/*
===== 2: FOOTER ==========================================
*/
/* フッターにあるリンク */
#foot_navi{
	width:auto;
	height:auto;
	margin:5px;
}

/* コピーライト*/
#copyright{
	text-align:right;
	width:auto;
	height:auto;
	margin:5px;
}

#foot_container_small{
	background-image:url(/img/common/bg_foot.gif);
	background-repeat: repeat-x;
	border-top:1px solid #c3c9d1;
	margin-top:8px;
	margin-bottom:8px;
}

/*
===== 3: MENU TAB ======================================
ここだけ子孫要素の指定が多い。他はID振ったりしてるけど。
*/

/* メニュータブのレイアウト用テーブル */
#menu_container table{
	width:780px;
	height:35px;
	margin:0;
	padding:0;
}
/* メニュータブのレイアウト用テーブルのTD */
#menu_container td{
	text-align:center;
	height:35px;
}

/* メニュータブ内のリンク領域*/
#menu_container a {
	display:block;
	width:100%;
	height:22px;
	padding:13px 0 0 0;
}

/* メニュータブ内のリンクカラー*/
.navitop_on a:link {color: #ffe400; text-decoration: none;}
.navitop_on a:active {color: #ffe400; text-decoration: none;}
.navitop_on a:visited {color: #ffe400; text-decoration: none;}
.navitop_on a:hover {color: #ffe400; text-decoration: underline;}

/* メニュータブ背景画像 ON */
#menu_container .navitop_on{
	width:126px;
	background-image:url(/img/common/bg_gnavi_on.gif);
	background-repeat:repeat-x;
}

/* メニュータブ背景画像 OFF */
#menu_container .navitop_off{
	width:126px;
	background-image:url(/img/common/bg_gnavi_off.gif);
	background-repeat:repeat-x;
}

/* メニュータブ背景画像のふち ON */
#menu_container .on{
	width:3px;
	background-image:url(/img/common/bg_gnavi_side_on.gif);
	background-repeat:repeat-x;
}

/* メニュータブ背景画像のふち OFF */
#menu_container .off{
	width:3px;
	background-image:url(/img/common/bg_gnavi_side_off.gif);
	background-repeat:repeat-x;
}

/* ------------ サブメニュー -------------*/
/* Myページタブを選択した際に表示されるサブメニュー */
#content_navi{
	width:760px;
	height:auto;
	padding:5px 10px;
	margin-bottom:5px;
	background-color:#2c4282;
	color:#6b6fca;
}
#content_navi_2{
	width:auto;
	height:auto;
	padding:2px;
	padding-left:5px;
	margin-top:-4px;
	margin-bottom:5px;
	margin-left:0px;
	background-color:#C8C8C8;
	color:#000099;
}

#content_navi a:link {color: #fff; text-decoration: none;}
#content_navi a:active {color: #fff; text-decoration: none;}
#content_navi a:visited {color: #fff; text-decoration: none;}
#content_navi a:hover {color: #fff; text-decoration: underline;}

#content_navi_2 a:link {color: #000099; text-decoration: none;}
#content_navi_2 a:active {color: #000099; text-decoration: none;}
#content_navi_2 a:visited {color: #000099; text-decoration: none;}
#content_navi_2 a:hover {color: #000099; text-decoration: underline;}

/* サブメニューの選択しているところのデザイン */
#content_navi .here{
	font-weight:bold;
	color:#ffc700;
}
/* サブメニューの選択しているところのデザイン */
#content_navi_2 .here{
	font-weight:bold;
	color:#484848;
}


/*
===== 4: PANKUZU ====================================
*/

/* パンくず表示領域のDIV*/
#topic_path{
	height:auto;
	text-align:right;
	margin-bottom:5px;
	padding-right:5px;
}

/* 今いる場所をボールドにする*/
#topic_path #here{font-weight:bold;}

/*
===== 5: MIAN CONTENT ====================================
どのページでもよく使うデザイン枠ボックスなので、base.cssに入れた。
ほんとはmodule.cssにすべき？
*/

/* ------------- お知らせ --------------------*/
/* おしらせの枠 */
.info_wrap{
	
	margin-bottom:15px;
	padding:4px;
	border:1px solid #c3c9d1;
	background-color:#fff;
}
/* おしらせのタイトル*/
.info_title{
	height:auto;
	margin-bottom:5px;
	border-bottom:1px dashed #d3dee5;
	font-size:14px;
	font-weight:bold;
}
/* お知らせの枠内画像をセンタリングする。ちょっと乱暴な指定だが。 */
.info_wrap img{
	vertical-align:middle;
	margin:0 5px 5px 0;
}

/* ------------- コンテンツ --------------------*/

/* コンテンツの飾り区切り線 */
.content_line{
	width:100%;
	height:2px;
	padding-top:4px;
	background-image:url(/img/common/bg_menuline.gif);
	background-repeat:repeat-x;
}

/* 各コンテンツの枠*/
.content_wrap{
	height:auto;
	margin-bottom:25px;
	padding:0;
}

/* コンテンツボックス内の子要素タイトル */
.content_title{
	height:auto;
	margin:0;
	padding:3px;
	background-color:#e6ecf3;
	color:#333333;
	font-size:1.1em;
}
/* コンテンツ本文 */
.content_detail{
	padding-top:10px;
}

/* コンテンツボックスのタイトル*/
.box_title{
	height:auto;
	padding:5px;
	background-color:#e6ecf3;
	/*border-bottom:3px solid #9bbde0;*/
	color:#555555;
	border-bottom:3px solid #2c4282;
	background-image:url(/img/common/bg_mainbox_right.gif);
	background-repeat:no-repeat;
	background-position:right top;
	font-weight:bold;
	font-size:1.2em;
}

.small_title{
	font-size:1.2em;
	color:#ffa500;
	font-weight:bold;
}


/* ------------- Blog RSS 引き込みの箇所 ------------*/

/* BlogのRSS引き込みの枠 */
.blog_wrap{
	/*width:588px;*/
	height:auto;
	margin-bottom:15px;
	padding:0;
	border:1px solid #c3c9d1;
}

/* BlogのRSS引き込みタイトル背景 */
.blog_title_box{
	/*width:574px;*/
	height:35px;
	padding:5px;
	margin:2px;
	background-color:#e6ecf3;
	border-bottom:1px solid #c3d6d9;
}

/* BlogのRSS引き込みタイトル文字列を左側に寄せる 太字にする */
.blog_title{
	float:left;
}
.blog_title h3{
	font-weight:bold;
}

/* Blogタイトル横のRSSアイコンを右寄せ */
.blog_title_rss {
	float:right;
	text-align:right;
	padding-top:7px;
}

/* Blog 本文 */
.blog_detail{
	/*width:578px;*/
	height:auto;
	padding:0;
	margin:5px;
	border-bottom:1px dashed #c3d6d9;
}
/* 続きを読むボタン */
.blog_detail_more{
	text-align:right;
	padding-bottom:5px;
}

/* blog_wrap最下層のBlog自体へのリンク*/
.blog_link{
	text-align:right;
	padding:0 5px 5px 5px;
}


/*--------------- 先頭へ戻る ----------------------*/
.for_the_head{
	text-align:right;
	margin:10px 0px 5px 0px;
}

/*--------------- 入力フォーム（右側インクルードメニュー無し -----------------*/

/* フォームなど、センタリング要素を囲む */
div.form_detail {
	margin: 30px;
	text-align:center;
}

div.form_detail td,th {
	padding:3px 3px 3px 5px;
}


/* Form用テーブル */
table.input_form {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

table.input_form td {
	padding-left:3px;
	padding-top:3px;
}

/* フォーム用テーブルのラベル部分 */
.input_form_label {
	padding:3px 3px 3px 3px;
	background-color:#efefef;
	text-align:right;
}

/* 新規登録確認画面におけるフォーム用テーブルのラベル部分 */
.application_check_form_label {
	width:160px;
	padding:3px 3px 3px 3px;
	background-color:#efefef;
	text-align:right;
}

/* SSLシールを囲むスタイル */
div#ssl_seal {
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	width:450px;
	border:1px solid #C3C9D1;
	height:auto;
	
}

/* SSLシールのイメージを囲むスタイル*/
div#ssl_seal_img {
	float:left;
	margin-right:15px;
}

/* SSLシール横のテキスト */
div#ssl_seal_text {
	height:55px;
	text-align:left;
}

/* ------------------ エラー文言 --------------------*/
.error_message {
	font-weight:bold;
	color:red;
}

.error_message a:link{
	color: #F00;
	text-decoration: none;
}
.error_message a:active{
	color: #F00;
	text-decoration: none;
}
.error_message a:visited{
	color: #F00;
	text-decoration: none;
}
.error_message a:hover{
	color: #33c;
	text-decoration: underline;
}

/* ------------------ 機能ボタン ----------------------*/

.button_clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;

}

a.button {
    background: transparent url('/img/common/q_bg4_r.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 26px;
    margin-right: 6px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/img/common/q_bg4_l.gif') no-repeat;
    display: block;
    line-height: 16px;
    padding: 5px 0 5px 8px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 8px; /* push text down 1px */
}



/* --------- サイトで使う基本のテーブルスタイル */

/* テーブル */
table.default{
	border:1px solid #c3c9d3;
	border-collapse:collapse;
	width:100%;
}

/* テーブルの tr共通 */
table.default tr{
	border:1px solid #c3c9d3;
	border-collapse:collapse;
}

/* テーブルの td共通 */
table.default td,th{
	border:1px solid #c3c9d3;
	white-space:normal;
}

/* テーブルのラベル部分 */
table.default td.label,th{
	text-align:center;
	background-color:#EEEEDD;
}

/* テーブルの値表示部分 */
table.default td.var{
	padding-left:5px;
	padding-right:5px;
}


/* テーブルの中のテーブルなど、線を消す場合 */
table.button {
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
}

table.button tr{
	margin:0;
	padding:2px 0;
	border:none;
	border-collapse:collapse;
}

table.button td{
	margin:0;
	padding:2px 2px;
	border:none;
	border-collapse:collapse;
}


/*------------- FAQ -------------------- */
table.faq{
	border:1px solid #c3c9d3;
	border-collapse:collapse;
	width:100%;
}

/* faqテーブルの tr共通 */
table.faq tr{
	border:1px solid #c3c9d3;
	border-collapse:collapse;
}

/* faqテーブルの td共通 */
table.faq td,th{
	border:1px solid #c3c9d3;
	white-space:normal;
}

/* faqテーブルのラベル部分 */
table.faq td.label,th.label{
	background-color:#EEEEDD;
	padding:3px;
}

/* テーブルの値表示部分 */
table.faq td.var{
	padding:3px 3px 10px 3px;
}




/*------------- ULリスト---------------- */

ul.list li{
	list-style-type:disc;
	margin-left:20px;
	padding-bottom:5px;
}

ol.list li{
	list-style-type:decimal;
	margin-left:20px;
	padding-bottom:5px;
}

/* termsなどで利用しているリスト */

ul.none {
	margin-top:10px;
	margin-bottom:15px;
}

ul.none li{
	margin:0 15px 0 35px;
	line-height:150%;
}

ul.number {
	margin-top:10px;
	margin-bottom:15px;
}

ul.number > li{
	list-style-type:decimal;
	margin:0 15px 0 35px;
	line-height:150%;
	padding-bottom:10px;
}

ul.number > li > ul > li{
	margin:0 0 5px 15px;
	padding-left:0px;
	text-indent:0em;
	line-height: 150%;
}

ul.alpha {
	margin-top:10px;
	margin-bottom:15px;
}

ul.alpha li{
	list-style-type:lower-latin;
	margin:0 15px 0 35px;
	line-height:150%;
}



dl.list dt {
	font-weight:bold;
	font-size:1.2em;
	color:orange;
}
dl.list dd {
	margin:3px 25px 3px 0px;
	padding-left:15px;
}


/* /entryのユーザ登録フォーム（確認表示） */
dl.definition_list dt{
	float: left;
	clear: both;
	margin-right: 10px;
	margin-bottom: 1px;
	padding: 5px 0 5px 10px;
	font-weight: bold;
}

dl.definition_list dd {
	float: left;
	margin-bottom: 1px;
	padding: 5px;
}



/*------------ robotmgr動作設定 ---------*/
div.robotmgr_edit_form {
	margin-top:5px;
	border:1px dashed #D3DEE5;
	padding-bottom:15px;
	padding-left:15px;
	padding-top:15px;
}

/*------------ ランキング ---------------*/

table.ranking{
	border-collapse:collapse;
	width:100%;
}

table.ranking td{
	padding:3px 10px 3px 10px;
	border:1px dashed #D3DEE5;
	
}

/*------------ ログ表示ページの朝・昼・晩別にセルの色を変える ------*/

.morning {
	background-color:#eeffee;
	padding-left:5px;
}

.afternoon {
	background-color:#ffffee;
	padding-left:5px;
}

.screening {
	background-color:#ffeeee;
	padding-left:5px;
}



/*-------------kbuniv_help --------------------*/
.blackbord{
	border:solid 1px #000000;
	background-color:#338833;
	color:white;
	padding:5px;
}


/*-------------- robotlist下部の操作パネル ----------*/
/* テーブル */
table.panel{
	border:1px solid #c3c9d3;
	border-collapse:collapse;
	width:100%;
}

/* テーブルの tr共通 */
table.panel  tr{
	border:1px solid #c3c9d3;
	border-collapse:collapse;
}

/* テーブルの td共通 */
table.panel td,th{
	white-space:normal;
}

/* テーブルのラベル部分 */
table.panel td.label{
	padding:3px 3px;
}

/* テーブルの値表示部分 */
table.panel td.var{
	text-align:left;
	padding:3px 3px;
}

/*------------------ mootools table-sort ---------------*/
 table.default th.primary {background-color:#B5D4FE;}
 table.default th.secondary {background-color:#CFE7FF;}
 


/*
===== 6: SIDE CONTENT ====================================
*/

/* サイドボックス */
.side_box{
	height:auto;
	margin-bottom:10px;
	padding:4px;
	border:1px solid #afb7bf;
	background-color:#fff;
	width:165px;
}

/* kaburobo.netへのリンクメニュー用*/
.side_box ul#kaburobonet li{
	list-style-position: outside;
	list-style:circle;
	margin:0 15px;
}

/* kaburobo.netへのリンクメニュー用。サブカテゴリ */
.side_box ul#kaburobonet li li{
	list-style-position: outside;
	list-style:disc;
	text-indent:0em;
}

/* フィスコのRSS引き込み用 */
.blog_side_box{
	height:auto;
	padding:0;
	margin:5px;
	border-bottom:1px dashed #c3d6d9;
}


/* kbstr help */

.condition{
	background-color: #f0f0d0;
	padding: 3px;
}

.action{
	background-color: #f0d0f0;
}

.after{
	background-color: #f0d0d0;
}

.strategy{
	text-align: center;
	border: solid 1px #cccccc;
}

table.strategy td, table.strategy th{
	border-bottom:solid 1px #cccccc;
}

div.sample{
	background-color:#e6ecf3;
	border: solid 1px #999999;
	padding:3px;
	padding-left:20px;
	margin-top:2px;
	margin-bottom:2px;
}

/* sitemap */
div.column_first{
	width:32%;
	float:left;
	margin-left:0pt !important;
}

div.column_center{
	width:32%;
	float:left;
	margin-left:2%;
}

div.column_last{
	width:32%;
	float:right !important;
	margin-left:0pt !important;
}

h3.subtitle{
	font-size:1.1em;
	font-weight:bold;
}

/*
body {
	background-image:url("/img/common/nenga.png");
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:left bottom
}
*/

/*
アニメーション
*/
	
#slideshow {
	    position:relative;
	    height:100px;
	}
	
	#slideshow IMG {
	    position:absolute;
	    top:0;
	    left:0;
	    z-index:8;
	    opacity:0.0;
	}
	
	#slideshow IMG.active {
	    z-index:10;
	    opacity:1.0;
	}
	
	#slideshow IMG.last-active {
	    z-index:9;
	}