@charset "utf-8";

/* Link */

a:link {
	color: #3366CC;
	text-decoration: none;
}

a:visited {
	color: #9966CC;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
	text-decoration: none;
}

body {
	background-color: White;
}

#container {
	min-height: 500px;
	width: 980px;
	margin: 0 auto;
}

/* header */

#header{
	height: 75px;
	margin-top: 0;
	margin-bottom: 0;
	width: 980px;
}
	
#header #logo{
	float: left;
}

#key-visual h1{
	width: 668px;
	height: 46px;
	margin: 0;
	padding: 0;

}

.kv-kabu_top        { background-image: url(../img/key_visual/kv_kabu_top.gif);      }
.kv-kabu_start      { background-image: url(../img/key_visual/kv_start.gif);         }
.kv-kabu_tech       { background-image: url(../img/key_visual/kv_kabu_tech.gif);     }
.kv-kabu_news       { background-image: url(../img/key_visual/kv_kabu_news.gif);     }
.kv-kabu_glossary   { background-image: url(../img/key_visual/kv_kabu_glossary.gif); }
.kv-kabu_books      { background-image: url(../img/key_visual/kv_kabu_books.gif);    }
.kv-kabu_contactus  { background-image: url(../img/key_visual/kv_kabu_contactus.gif);}
.kv-sitemap         { background-image: url(../img/key_visual/kv_sitemap.gif);       }
.kv-sitenews        { background-image: url(../img/key_visual/kv_sitenews.gif);      }
.kv-kabu_faq        { background-image: url(../img/key_visual/kv_faq.gif);           }


/* navigation */

div#navstyle {
	height: 5px;
}

#nav {
	position: absolute;
	width: 980px;
	height: 28px;
	padding: 0;
	margin: 0;
	background-image: url(../img/nav.gif);
}

#nav li {
	display: inline;
}

#sub ul#lnav li ul li a {
	text-indent: 6px;
	font-weight: bold;
}

#nav li a {
	float: left;
	display: block;
	width: 163px;
	height: 28px;
	text-decoration: none;
	text-indent: -163px;
	overflow: hidden;
}

#nav li#nav1                      a { background: url(../img/nav.gif)    0px 0; }
#nav li#nav2                      a { background: url(../img/nav.gif) -163px 0; }
#nav li#nav3                      a { background: url(../img/nav.gif) -326px 0; }
#nav li#nav4                      a { background: url(../img/nav.gif) -490px 0; }
#nav li#nav5                      a { background: url(../img/nav.gif) -653px 0; }
#nav li#nav6                      a { background: url(../img/nav.gif) -816px 0; }

#nav li#nav1               a:hover { background: url(../img/nav.gif)    0px -28px; }
#nav li#nav2               a:hover { background: url(../img/nav.gif) -163px -28px; }
#nav li#nav3               a:hover { background: url(../img/nav.gif) -326px -28px; }
#nav li#nav4               a:hover { background: url(../img/nav.gif) -490px -28px; }
#nav li#nav5               a:hover { background: url(../img/nav.gif) -653px -28px; }
#nav li#nav6               a:hover { background: url(../img/nav.gif) -816px -28px; }

.pagenav1       #nav li#nav1          a { background: url(../img/nav.gif)    0px -28px; }
.pagenav2       #nav li#nav2          a { background: url(../img/nav.gif) -163px -28px; }
.pagenav3       #nav li#nav3          a { background: url(../img/nav.gif) -326px -28px; }
.pagenav4       #nav li#nav4          a { background: url(../img/nav.gif) -490px -28px; }
.pagenav5       #nav li#nav5          a { background: url(../img/nav.gif) -653px -28px; }
.pagenav6       #nav li#nav6          a { background: url(../img/nav.gif) -816px -28px; }

/* main */

#main {
	float: right;
	width: 668px;
	padding: 0;
	margin: 28px 0 0 0;
	font-size: 12px;
}

#main a,
#main a:visited {
	text-decoration: none;
	color: #003d3e;
}

#main h3 {
	margin-bottom: 10px;
	font-weight: bold;
}

#main p {
	margin-bottom: 1em;
	line-height: 1.75em;
	color: #505050;
	padding: 4px 16px;
}

#main p strong {
	font-size: 13px;
	color: #fa6251;
	font-weight: bold;
}

#main p img.alignright {
	margin: 10px 0 10px 10px;
	padding: 0;
}

#main p img.alignleft {
	margin: 10px 10px 10px 0;
	padding: 0;
}

#main div#topicpath a {
	color: #515d68;
	text-decoration: underline;
}

#main #topicpath {
	padding: 0;
	font-size: 11px;
	color: #555555;
	width: 668px;
	height: 14px;
	line-height: 14px;
	vertical-align: top;
	text-align: right;
}

#main .section h2 {
	background-image: url(../img/content_top.gif);
	background-repeat: no-repeat;
	width: 618px;
	height: 53px;
	padding: 0 0 0 50px;
	margin-top: 5px;
	font-size: 14px;
	vertical-align: bottom;
	line-height: 36px;
	color: #383838;
}

#main .section p {
	margin: 0;
	font-size: 13px;
	background-image: url(../img/content.gif);
	background-repeat: y-repeat;
	width: 628px;
	padding: 0 20px 0 20px;
	line-height: 24px;
}

#main .section p.bottom {
	margin: 0;
	background-image: url(../img/content_bottom.gif);
	background-repeat: no-repeat;
	width: 668px;
	height: 27px;
	padding: 0;
}

#main .section h3 {
	margin: 0;
	background-image: url(../img/content.gif);
	background-repeat: y-repeat;
	width: 628px;
	padding: 10px 20px 0 20px;
	line-height: 26px;
	color: #ff2f2f;
	font-size: 13px;
}

#main .section table {
	margin: 0;
	background-image: url(../img/content.gif);
	background-repeat: y-repeat;
	width: 668px;
	line-height: 20px;
}

#main tr {
	border-style: none;
}

#main th {
	padding-left: 35px;
	text-align: left;
	font-weight: normal;
	color: #333333;
	line-height: 20px;
	width: 33%;
	vertical-align: top;
	padding-top: 3px;
	font-size: 12px;
}

#main td {
	/*background: transparent url(../img/line_left.gif) repeat-y scroll left center;*/
	border-left: 1px solid #FFFFFF;
	padding: 3px 20px 3px 5px;
	color: #333333;
	vertical-align: top;
	line-height: 20px;
	font-size: 12px;
}

#main .section h4.h4-image {
	background-image: url(../img/h4.gif);
	background-repeat: no-repeat;
	width: 638px;
	height: 39px;
	padding: 0 0 0 50px;
	font-size: 14px;
	line-height: 39px;
	color: #00494a;
	margin: 0 0 10px 0;
}

#main .section div.kabu_seiseki {
	margin: 0;
	background-image: url(../img/kabu_seiseki.gif);
	background-repeat: no-repeat;
	width: 665px;
	height: 175px;
	padding: 0;
}

#main .section div.kabu_rule_seiseki {
	margin: 0;
	width: 315px;
	height: 132px;
	padding-top: 50px;
	float: right;
}

#main .section div.kabu_rule_kai {
	margin: 0;
	width: 350px;
	height: 52px;
	padding-top: 40px;
	float: left;
	font-size: 11px;
	line-height: 16px;
}

#main .section div.kabu_rule_tejimai {
	margin: 0;
	width: 350px;
	height: 52px;
	padding-top: 40px;
	float: left;
	font-size: 11px;
	line-height: 16px;
}

#main .section p.kabu_rule-account-top {
	background-image: url(../img/blue_content_top.gif);
	background-repeat: no-repeat;
	width: 638px;
	height: 12px;
	padding: 0 0 0 30px;
	font-size: 12px;
	vertical-align: bottom;
	line-height: 46px;
	color: #3f2f09;
}

#main .section p.kabu_rule-account {
	margin: 0;
	font-size: 13px;
	background-image: url(../img/blue_content.gif);
	background-repeat: y-repeat;
	width: 628px;
	padding: 0 20px 0 20px;
	line-height: 24px;
}

#main .section p.kabu_rule-account-bottom {
	margin: 0;
	background-image: url(../img/blue_content_bottom.gif);
	background-repeat: no-repeat;
	width: 668px;
	height: 32px;
	padding: 0;
}

#main .section div.download {
	margin: 0;
	font-size: 12px;
	background-image: url(../img/blue_content.gif);
	background-repeat: y-repeat;
	width: 645px;
	padding: 0 10px;
	line-height: 20px;
}

#main .section div.download_btn {
	width: 409px;
	height: 39px;
	background-image: url(../img/download_btn.gif);
	float: left;
	margin: 0;
	padding: 0;
}

#main .section div.download_btn a {
	width: 409px;
	height: 39px;
	display: block;
}

#main .section div.download_btn a:hover {
	background-image: url(../img/download_btn_mo.gif);
}

#main .section div.free-download_btn {
	width: 223px;
	height: 39px;
	background-image: url(../img/free-download_btn.gif);
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}

#main .section div.free-download_btn a {
	width: 223px;
	height: 39px;
	display: block;
}

#main .section div.free-download_btn a:hover {
	background-image: url(../img/free-download_btn_mo.gif);
}

#main .section ul.content-bg {
	margin: 0;
	background-image: url(../img/content.gif);
	background-repeat: y-repeat;
	width: 613px;
	padding: 0 20px 0 35px;
	line-height: 20px;
}

#main .section ul li {
	padding-left: 25px;
	background-image: url(../img/marker-circle-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	color: #444;
	margin-left: 30px;
}

#main .section ul.tech_link {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	background-image: url(../img/content.gif);
	background-repeat: y-repeat;
	width: 628px;
	padding: 0 20px 0 20px;
	line-height: 26px;
}

#main .section ul.performance {
	padding-right: 20px;
	padding-left: 0;
}

#main .section ul.performance li {
	margin-left: 8px;
}

#main .section ul.performance li b {
	font-size: 1.2em;
	color: #ff2f2f;
}

#main .section a.glossary_list {
	font-size: 14px;
}

/* pagenav */

div.pagenav li {
	list-style-type: none;
	display: inline;
	line-height: 40px;
}

div.pagenav li a {
	padding: 3px 8px;
	margin: 6px 2px 6px 0;
	border: 1px solid #bdbdbd;
	background-color: #e6effc;
}

div.pagenav li a:hover {
	background-color: #ffaaaa;
}

div.pagenav li.visiting {
	background-color: #ffaaaa;
	padding: 3px 8px;
	margin: 6px 2px 6px 0;
	border: 1px solid #bdbdbd;
}

/* sub */

#sub {
	float: right;
	width: 312px;
	padding: 27px 0 0 0;
	margin: 0;
	min-height: 500px;
}

/*ie6*/
*html #sub {
	padding-top: 31px;
}

/*ie7*/
*:first-child+html #sub {
	padding-top: 31px;
}

/* ie6 */

/* Local Navigation */

#lnav {
	width: 310px;

}

#lnav li {
	display: inline;
}

#lnav li a {
	float: left;
	display: block;
	width: 301px;
	height: 38px;
	vertical-align: middle;
	background-image: url(../img/lnav_menu_bg.gif);
	line-height: 38px;
	font-size: 13px;
	font-weight: bold;
	color: #3c3c3c;
	text-indent: 22px;
}

#lnav li a:hover {
	width: 301px;
	height: 38px;
	background-image: url(../img/lnav_menu_bg_mo.gif);
	color: #3d3d3d;
}

div.pagetop {
	text-align: right;
	margin: 0;
	padding: 0;
	height: 30px;
}

a.to_pagetop {
	margin: 4px 0;
	padding: 5px;
	border: 1px solid #dddddd;
}

a.to_pagetop:hover {
	background-color: #e1e9f3;
}

#nav-supp {
	text-align: center;
	padding: 0px;
	background-image: url(../img/f_nav.gif);
	background-repeat: repeat-x;
	height: 23px;
	line-height: 23px;
	font-size: 11px;
}

#nav-supp li {
	background-repeat: no-repeat;
	background-position: left;
	display: inline;
	vertical-align: text-bottom;
}

#nav-supp li a {
	text-decoration: none;
	color: #222222;
}

#nav-supp li a:hover {
	text-decoration: none;
	color: #666666;
}


#footer{
	color: #343434;
	clear: right;
	height: 27px;
	margin: 0;
	padding: 0;
	display: block;
}

/* decoration */

span.required {
	color: red;
}

/* common */

*,
th,
td,
form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6,
th {
	font-weight: bold;
}

em,
address {
	font-style: normal;
}

html {
	overflow-y: scroll;
}

a img {
	border: none;
}

input {
	_margin: -1px 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

li {
	list-style-type: none;
}

caption,
th {
	text-align: left;
}

span.nondis {
	display: none;
}

.align-right {
	text-align: right;
	vertical-align: bottom;
	line-height: 80%;
}

.nondis {
	display: none;
}



div#topheaderbg{
	background-image: url(../img/topheader_bg.gif);
	width: 100%;
	height: 24px;
	background-repeat: x-repeat;
}
div#topheadernavstyle {
  margin: 0 auto;
  width: 980px;
  height: 24px;
}
ul#topheadernav {
  background-image: url(../img/topheader.gif);
  height: 24px;
  position: absolute;
  width: 980px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#topheadernav1 a{
  display:block;
  float:left;
  height:24px;
  overflow:hidden;
  text-decoration:none;
  text-indent:-170px;
  width:145px;
}
li#topheadernav1{
  line-height:0;
}
li#topheadernav2{
  line-height:0;
}
#topheadernav1 a{
  display:block;
  float:left;
  height:24px;
  overflow:hidden;
  text-decoration:none;
  text-indent:-170px;
  width:201px;
}
#topheadernav1 a:hover{
  background: transparent url(../img/topheader_mo.gif) repeat scroll 0 0;
  display:block;
  height:24px;
  width:201px;
}
#topheadernav2 a{
  display:block;
  float:left;
  height:24px;
  overflow:hidden;
  text-decoration:none;
  text-indent:-170px;
  width:201px;
}
#topheadernav2 a:hover{
  background: transparent url(../img/topheader_mo.gif) repeat scroll -201px 0;
  display:block;
  height:24px;
  width:201px;
}




/* フォントサイズの初期化 */
/*************************************************************/

/* 84.5% for !IE, keywords for IE to preserve user font-size adjustment
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small は IE6/7 quirks モード用 */
body {
	font-size: 10px;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

table {
	font-size: inherit;
	font: 100%;
}

/* safari では 100% だと大きすぎる */
select,
input,
textarea {
	font: 99% 'メイリオ',arial,helvetica,clean,sans-serif;
}

/* line-height は computed-value ではなくfont-size に基づく
 * http://www.w3.org/TR/CSS21/visudet.html#line-height */
body * {

}


/* clearfixハック */
/*************************************************************/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */


/* Windows IE 5/5.5 専用CSS */
@media tty {
i{content:"\";/*" "*/}}

*,
th,
td,
form {
	font-size: x-small;
}

/*";}
}/* */