@charset "shift_jis";
/* CSS Document */

/* ===== RESET ===== */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,th,td{margin:0;padding:0;}
img{border:0;}
address,caption,em,strong,th{font-style:normal; font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}


body {
	background: #FFFFFF url(../images/top/bg_body.gif) 0 0 repeat-x;
	padding: 0px;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.5;
	text-align: center;
}

.top-wrap{padding-left:15px;}
.top-wrap { _padding-left:17px; }
*+html .top-wrap {padding-left:16px; }
.top-wrap {padding-left:17px\9; }

.wrap {
	width: 900px;
	margin: auto;
	text-align: left;
	position: relative;
}

#head {
	height: 55px;
	padding-top: 15px;
}

#head ul {
	position: absolute;
	top: 26px;
	right: 15px;
}

#head li {
	list-style: none;
	float: left;
	margin-left: 9px;
}

#menu {
	height: 67px;
	margin-bottom: 20px;
}

#menu ul {
	background-image: url(../images/top/menu.png);
	background-position: 0 -35px;
	background-repeat: no-repeat;
	height: 35px;
}

#menu li {
	float: left;
	list-style: none;
}

#menu li a {
	display: block;
	width: 180px;
	height: 35px;
	background-image: url(../images/top/menu.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#menu li a:hover { background-image: none;}

#menu li#menu_1 a { background-position: 0 -35px;}
#menu li#menu_2 a { background-position: -180px 0;}
#menu li#menu_3 a { background-position: -360px 0;}
#menu li#menu_4 a { background-position: -540px 0;}
#menu li#menu_5 a { background-position: -720px 0;}

#main { margin-bottom: 21px;}

#branding {
	border: 1px solid #B9B9B9;
	background-color: #FFFFFF;
	padding: 4px 6px 4px 4px;
	margin-bottom: 20px;
	width: 888px;
}

#flash {
	float: left;
	width: 550px;
}

#news_area {
	float: right;
	width: 338px;
	padding-top: 4px;
}

#news_box {
	padding: 2px 10px;
	height: 302px;
	overflow: auto;
}

#news_box table {
	width: 303px;
}

#news_box td {
	padding: 8px 1px;
	border-bottom: 1px dotted #D4D4D4;
	line-height: 1.2;
}

#news_box td span.date,
#news_box td span.icon {
	padding: 3px 0;
}

#news_box td span.date {
	width: 75px;
	float: left;
	display: block;
}

#news_box td span.icon img {
	vertical-align: text-bottom;
}
	

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

#fund_data h2 {
	background-image: url(../images/top/bg_fund_title.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	padding-left: 11px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

#fund_box {	border: 1px solid #B9B9B9;}

#fund_box h3 {
	background-image: url(../images/top/bg_fund_h3.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	padding-left: 9px;
	position: relative;
	height: 23px;
	line-height: 23px;
	font-weight: bold;
	color: #666666;
}

#fund_box table {
	width: 190px;
	margin: 4px;
}

#fund_box caption {
	padding: 0 4px;
	font-size: 10px;
	color: #BD0F0F;
	text-align: left;
}

#fund_box th, #fund_box td {
	padding: 6px 4px;
	border-bottom: 1px dotted #CCCFD2;
	color: #666666;
}

#fund_box th {
	text-align: left;
	line-height: 1.3;
}

#fund_box th span { font-size: 10px;}

#fund_box td {
	text-align: right;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 14px;
	color: #555555;
}

#more_bunpai {
	padding-left: 18px;
	background: url(../images/top/arr_link.gif) 9px center no-repeat;
	line-height: 29px;
	font-size: 10px;
}

.fund_h3 {
	position: relative;
	height: 23px;
	border-top: 1px solid #CCCFD2;
}

.fund_h3 p {
	position: absolute;
	top: 5px;
	right: 11px;
	font-size: 10px;
	color: #666666;
}

#fund_box .number {
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	text-align: right;
	padding: 4px 11px;
}

#site_tree {
	float: left;
	width: 479px;
	background: url(../images/top/bg_site_tree.gif) 0 bottom no-repeat;
	margin-left: 10px;
}

#site_tree table { width: 478px;}

#site_tree th, #site_tree td {
	text-align: left;
	vertical-align: top;
}

#site_tree th {
	background: url(../images/top/bg_tree_th.gif) 0 0 no-repeat;
}

#site_tree th h2 {
	padding-left: 10px;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
	color: #09498D;
}

#site_tree td { padding: 6px;}

#site_tree td li {
	list-style: none;
	background: url(../images/top/arr_link.gif) 8px center no-repeat;
	padding: 5px 6px 5px 17px;
	border-bottom: 1px dotted #D4D4D4;
	line-height: 1.2;
}

#site_tree td li.no_line {
	border: none;
	padding-bottom: 0;
}

#shortcut {
	float: right;
	width: 200px;
}

#shortcut h2 {
	background: url(../images/top/bg_kessan_title.gif) 0 0 repeat-x;
	height: 35px;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
	color: #FFFFFF;
}

#kessan_box {
	border: 1px solid #B9B9B9;
	border-top: none;
	padding: 4px 10px 9px;
}

#kessan_box li {
	background: url(../images/top/arr_link.gif) 0 center no-repeat;
	margin-bottom: 2px;
	padding-left: 7px;
	list-style: none;
}

#kessan_box li img { vertical-align: bottom;}

#kessan_box .docs { float: left;}

#kessan_box .size {
	float: right;
	color: #666666;
}

#kessan_box .size span { font-size: 10px;}

#btn_dl {
	margin-top: 7px;
	text-align: center;
}

#banners li {
	list-style: none;
	margin-top: 6px;
}

#banners li img { vertical-align: bottom;}

#banners li#am { margin-top: 9px;}

#foot {
	background: url(../images/top/bg_foot.gif) 0 0 repeat-x;
	height: 23px;
	color: #999999;
	font-size: 10px;
	padding-top: 9px;
}

#foot ul { float: left;}

#foot li {
	float: left;
	border-right: 1px solid #999999;
	padding: 0 10px;
	line-height: 1.2;
	list-style: none;
}

#foot li a { color: #999999;}

#foot p { float: right;}

/* ===== Link ===== */
a:link, a:visited { color: #002666; text-decoration: underline;}
a:hover, a:active { color: #002666; text-decoration: none;}

/* ===== Clearfix ===== */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */


.top-left-box{
	float:left;
	width:689px;
}

.rider-area {
	width: 689px;
	margin-bottom:10px;

}