@charset "utf-8";

/*
===== icon ==================================================================
*/

p.arrow {
padding-left: 12px;
background: url(/images/arrow_bk.gif) no-repeat left 8px;
line-height: 170%;
}

li.arrow {
padding-left: 12px;
background: url(/images/arrow_bk.gif) no-repeat left 6px;
line-height: 170%;
}

li.arrow_or {
margin-left: 1em;
padding-left: 12px;
background: url(/images/arrow_or.gif) no-repeat left 6px;
line-height: 170%;
}

/*
===== トップページ ==================================================================
*/


#newsRelease {
width: 660px;
background: url(/images/bg_column01.jpg) repeat-y center top;
}

#newsRelease dl {
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
background: url(/images/top/bg_newsrelease.jpg) no-repeat top center;
}

#newsRelease dl dt {
clear: left;
float: left;
padding-top: 8px;
padding-bottom: 8px;
}

#newsRelease dl dd {
padding-left: 150px;
background: url(/images/bg_hr.gif) repeat-x bottom left;
padding-top: 8px;
padding-bottom: 8px;
}

#newsReleaseBottom {
height: 30px;
padding-left: 30px;
padding-right: 30px;
text-align: right;
}

#newsReleaseBottom a {
font-size: 10px;
padding-left: 12px;
background: url(/images/icon_arrow_orange_01.gif) no-repeat left 2px;
}

#anchorLink {
margin-bottom: 40px;
}

.servicesBox {
position: relative;
width: 600px;
height: 320px;
background: url(/images/top/bg_services.jpg) no-repeat top center;
}

.servicesBox img.title {
position: absolute;
top: -10px;
left: -10px;
}

.servicesBox img.detailBtn {
position: absolute;
right: 20px;
bottom:
60px;
}

.servicesBox .inner {
position: absolute;
top: 40px;
left: 20px;
width: 560px;
height: 220px;
}


/*
===== 投資を学ぶ ==================================================================
*/

#stepsButton {
position: relative;
width: 590px;
height: 210px;
background: url(/images/learn/bg_stepbutton.jpg) no-repeat top right;
}

#stepsButton ul {
position: absolute;
top: 39px;
left: 50px;
}

#stepsButton ul li {
display: inline;
}

#learningContentsList {
position: relative;
width: 590px;
height: 540px;
background: url(/images/learn/bg_contentslist.jpg) no-repeat top right;
}

#learningContentsList div.lListWrapper {
position: absolute;
top: 32px;
left: 50px;
width: 500px;
height: 460px;
}

#learningContentsList dt {
clear: left;
float: left;
padding-top: 10px;
}

#learningContentsList dd {
padding-left: 210px;
padding-top: 10px;
padding-bottom: 10px;
background: url(/images/bg_hr.gif) repeat-x bottom center;
font-size: 85%;
}

#learningContentsList dd span {
display: block;
height: 40px;
}

.learnMailForm p {
font-size: 10px;
}

.learnMailForm .formBg, div.defaultInput{
width: 136px;
height: 22px;
background: transparent url(/images/column02/bg_input.jpg) no-repeat top left;
border: none;
}

.learnMailForm .registFormInput, .defaultInput input {
padding-top: 3px;
padding-left: 5px;
width: 120px;
background: transparent;
border: none;
}

.learnMailForm .btn {
width: 42px;
}

/*
===== Proxy Governance  ==================================================================
*/
.proxy_governance {
}
.proxy_governance p {
  text-align: center;
}
.proxy_governance a {
  text-decoration: none;
}

/*
===== compare ==================================================================
*/

#compare {
  padding-left: 12px;
  padding-right: 12px;
  background: url(/images/bg_column03.jpg);
}
#compare table {
}
#compare tr {
  vertical-align: middle;
  text-align:center;
}
#compare td {
  text-align:center;
  vertical-align: middle;
  border: 0;
}


/*
===== TIW ==================================================================
*/
.tiw_rssbox {
font-family: 'arial', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'Osaka', sans-serif;
border-bottom:#DDDDDD dotted 1px;
}

.tiw_rssbox p{
color:#444444;
font-size:12px;
line-height:18px;
padding:3px 0px 1px 10px;
}

.tiw_rssbox b{
color:#003466;
font-size:14px;
}

.tiw_rssbox a{
color:#003466;
text-decoration:none;
}

.tiw_rssbox a:hover{
color:#FF6600;
text-decoration:underline;
}

.tiw_rssbox img{
vertical-align:top;
}


/*
===== ランキング ==================================================================
*/

#rankingUpdateList {
width: 160px;
}


#rankingUpdateList dl dt {
font-size: 10px;
padding-top:6px;
padding-bottom: 2px;
}

#rankingUpdateList dl dd {
font-size: 10px;
padding-top:2px;
padding-bottom: 6px;
background: url(/images/bg_hr.gif) repeat-x bottom center;
}

#rankingUpdateList p {
width: 160px;
height: 24px;
text-align: right;
}

#rankingUpdateList p a {
font-size: 10px;
padding-left: 12px;
background: url(/images/icon_arrow_orange_01.gif) no-repeat left 2px;
}

#rankingBox {
height: 316px;
background: url(/images/ranking/bg_rankingbox.jpg) no-repeat left bottom;
}

#rankingBox ul {
margin-left: 40px;
}

#rankingBox ul li {
margin-bottom: 6px;
}


/*
===== 銘柄分析 ==================================================================
*/

#analysisSearch p.form {
float: left;
width: 230px;
height: 22px;
text-align: center;
vertical-align: baseline;
background: transparent url(/images/analysis/bg_form.jpg) no-repeat top left;
border: none;
}

#analysisSearch p.form input {
width: 220px;
background: transparent;
border: none;
}

#analysisSearch p.btn {
float: left;
width: 48px;
text-align: right;
}

/* screening */
.advance_box {
  width:200px;
  float:left;
  text-align: left;
}

#advance_searcharea {
  width: 600px;
  margin: auto auto;
}





/*****************************
 simulation
 ***************************/
div.sliderbg {
width:115px;
height:20px;
background-image:url(/images/yui/sliderBar.png);
}

#simulate_chart{
  width: 450px;
  float:left;
}
#simulate_par {
  margin-left: 2em;
  margin-top: 2em;
  float:left;
}
  #simulate_par fieldset{
    padding: 6px;
  }
  #simulate_par legend{
    padding: 6px;
  }
  #simulate_par h4{
    margin-top: .4em;
  }

span.slider_label, .sliderbg {
  float:left;
}

/*
===== 銘柄管理 ==================================================================
*/

.mypageNewsList ul li {
padding-top: 6px;
padding-bottom: 6px;
background: url(/images/bg_hr.gif) repeat-x bottom center;
}

.mypageNewsList p {
width: 410px;
margin-top: 6px;
text-align: right;
}

.mypageNewsList p a {
font-size: 10px;
padding-left: 12px;
background: url(/images/icon_arrow_orange_01.gif) no-repeat left 2px;
}

#mypageTable td p.mypageTableForm {
width: 60px;
height: 22px;
background: url(/images/management/bg_form.jpg) no-repeat top center;
text-align: center;
}

#mypageTable td p.mypageTableForm input {
width: 50px;
background: transparent;
border: none;
}

#mypageTable td p.mypageTableBtn {
width: 60px;
height: 22px;
text-align: center;
}

#mypageTable td p.mypageTableDeli {
width: 60px;
height: 22px;
text-align: center;
}

================================================================================
.admin_tabnav li {
  display: inline;
}

/*
===== ブログ ==================================================================
*/

.blogArchiveList01 {
width: 220px;
}

.blogArchiveList01 p.title {
position: relative;
width: 220px;
height: 38px;
background: url(/images/blog/bg_archivelist_title.jpg) no-repeat top left;
}

.blogArchiveList01 p.title span {
position: absolute;
top: 14px;
left: 30px;
font-weight: bold;
}

.blogArchiveList01 div {
padding-right:10px;
padding-left: 10px;
background: url(/images/column02/bg_listwrapper.jpg) repeat-y top center;
}

.blogArchiveList01 div dl {
padding-right:10px;
padding-left: 10px;
padding-top: 6px;
background: url(/images/column02/bg_dl.jpg) no-repeat top center;
}

.blogArchiveList01 div dl dt {
font-size: 10px;
padding-top:6px;
padding-bottom: 2px;
}

.blogArchiveList01 div dl dd {
font-size: 10px;
padding-top:2px;
padding-bottom: 6px;
background: url(/images/bg_hr.gif) repeat-x bottom center;
}

.blogArchiveList01 p {
width: 220px;
height: 24px;
background: url(/images/column02/bg_listbottom.jpg) no-repeat top center;
text-align: right;
}

.blogArchiveList01 p a {
font-size: 10px;
padding-left: 12px;
margin-right: 20px;
background: url(/images/icon_arrow_orange_01.gif) no-repeat left 2px;
}

.blogArchiveList02 {
width: 220px;
}

.blogArchiveList02 p.title {
position: relative;
width: 220px;
height: 38px;
background: url(/images/blog/bg_archivelist_title.jpg) no-repeat top left;
}

.blogArchiveList02 p.title span {
position: absolute;
top: 14px;
left: 30px;
font-weight: bold;
}

.blogArchiveList02 div {
padding-right:10px;
padding-left: 10px;
background: url(/images/column02/bg_listwrapper.jpg) repeat-y top center;
}

.blogArchiveList02 div ul {
padding-right:10px;
padding-left: 10px;
padding-top: 6px;
background: url(/images/column02/bg_dl.jpg) no-repeat top center;
}

.blogArchiveList02 div ul li {
font-size: 10px;
padding-top:4px;
padding-bottom: 4px;
}

.blogArchiveList02 p {
width: 220px;
height: 24px;
background: url(/images/column02/bg_listbottom.jpg) no-repeat top center;
text-align: right;
}

.blogArchiveList02 p a {
font-size: 10px;
padding-left: 12px;
margin-right: 20px;
background: url(/images/icon_arrow_orange_01.gif) no-repeat left 2px;
}

/* ============================================== */
#reg_navi {
  text-align: center;
}

#terms {
border: 1px inset black; 
line-height: 100%; 
font-size: x-small; 
overflow-y: scroll; 
width: 600px;
height: 20em
}
#terms p {
  margin-bottom: 1em;
}

/* ============================================== */
table.financial_data {
  margin-top: 2em;
  font-size: xx-small;
}

table.financial_data td{
  text-align: right;
}
table.financial_data thead th{
  text-align: center;
}

table.financial_data tbody th{
  width: 100px!important;
  font-weight: normal;
}