@charset "utf-8";

/* -----------------------------------------------------------

 Up date:		2008/06/23
 Style Info:	トップページ用スタイルシート

----------------------------------------------------------- */



/* コンテナー
----------------------------------------------------------- */
.container {
	width: 950px;
	margin: 0 auto;
}






/* トップ用ヘッダーロゴ
----------------------------------------------------------- */
#header #top-header-logo {
	float: left;
	width: 340px;
	height: 41px;
}
#header #top-header-logo h1 a{
	width: 340px;
	height: 41px;
	display: block;
	font-size: 100%;
	background: url(../img/common/header_logo.gif) left top no-repeat;
}


/* フラッシュバナー
----------------------------------------------------------- */

#top-flash {
	display: block;
	margin: 0 auto;
	text-align: center;
	position:relative;
	top: -2px;
}




/* 基本設定
----------------------------------------------------------- */

.top-contents {
	padding-bottom: 5px;
}
.top-contents h2 {
	font-size: 100%;
}
.top-contents h3 {
	font-size: 100%;
}
.top-contents a {
	text-decoration: none;
}
.top-contents a:hover {
	color: #c30 !important;
	text-decoration: underline !important;
}



/* 上部メニュー部分設定
----------------------------------------------------------- */
#top-menu {
	float: left;
	margin-top: 3px;
	padding: 11px 14px;
	border-top: 2px solid #d32027;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #fff url(../img/common/contents_bg.gif) left top repeat-x;
}

/* バナー */
#top-banner {
	vertical-align: top;
	padding-right: 9px;
}
#top-banner img {
	vertical-align: bottom;
}

/* 重要なお知らせ */
#top-caption {
	width: 526px;
	padding: 10px 13px 10px;
	background: #fff url(../img/common/contents_bg.gif) left top repeat-x;
}
#top-caption h2 {
	padding: 0 0 7px 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ebebeb;
	background: url(../img/index/top_caption_h2.gif) left center no-repeat;
}
#top-caption a {
	display: block;
	color: #d32027;
	font-weight: bold;
	padding-left: 15px;
	background: url(../img/common/ico_arrow.gif) 5px 2px no-repeat;
}
#top-caption strong {
	
}

/* 商品について */
#top-commodity {
	line-height: 1.2;
	width: 526px;
	padding: 10px 13px 5px;
	vertical-align: top;
	border-bottom: 1px solid #e1ede7;
	background: #fff url(../img/common/contents_bg.gif) left top repeat-x;
}
#top-commodity h2 {
	padding: 0 0 7px 10px;
	border-bottom: 1px solid #ebebeb;
	background: url(../img/index/top_commodity_h2.gif) left center no-repeat;
}


/* 投資信託 */
#top-commodity dl.top-commodity-fund {
	margin-top: 5px;
}
#top-commodity dl.top-commodity-fund dt {
	background: url(../img/index/top_comoddity_fund.gif) left top no-repeat;
}
#top-commodity dl.top-commodity-fund dd ul {
	display: block;
}
#top-commodity dl.top-commodity-fund dd ul li {
	float: left;
	width: 125px;
	margin-right: 10px;
	padding: 5px 0 4px;
	background: url(../img/index/bg_bdr_gray_w.gif) left top repeat-x;
}
#top-commodity dl dd ul li.top-commodity-li-long1 {
	width: 150px;
}
#top-commodity dl dd ul li.no-margin {
	margin-right: 0px;
}

/* 債券 */
#top-commodity dl.top-commodity-bond {
	clear: both;
	margin-top: 13px;
	_margin-top: 20px;
}
#top-commodity dl.top-commodity-bond dt {
	background: url(../img/index/top_commodity_bond.gif) left top no-repeat;
}
#top-commodity dl.top-commodity-bond dd li {
	padding: 5px 0 4px;
	background: url(../img/index/bg_bdr_gray_w.gif) left top repeat-x;
}

/* 共通（投資信託・債券） */
#top-commodity dl dt {
	width: 73px;
	float: left;
	display: block;
	line-height: 1;
	padding: 39px 0 8px 17px;
	letter-spacing: 0px;
	_padding-left: 19px; _width: 71px;
}
#top-commodity dl dt a {
	font-size: 12px;
	line-height: 1;
}
#top-commodity dl dd {
	display:block;
	margin-left: 105px;
}
#top-commodity dl dd ul li.top-list-first {
	background: none;
}
#top-commodity dl dd ul li a {
	display: block;
	padding-left: 8px;
	background: url(../img/common/ico_arrow.gif) left top no-repeat;
}


/* 投資情報 */
#top-service {
	line-height: 1.2;
	width: 185px;
	padding: 10px 11px 0;
	vertical-align: top;
	border-left: 1px solid #e2e2e2;
	border-bottom: 1px solid #e1ede7;
	background: #fff url(../img/common/contents_bg.gif) left top repeat-x;
}
#top-service h2 {
	padding: 0 0 7px 10px;
	border-bottom: 1px solid #ebebeb;
	background: url(../img/index/top_service_h2.gif) left center no-repeat;
}
#top-service ul {
	margin-top: 5px;
}
#top-service ul li {
	padding: 5px 0 4px;
	background: url(../img/index/bg_bdr_gray_w.gif) left top repeat-x;
}
#top-service ul li.top-list-first {
	background: none;
}
#top-service ul li a {
	display: block;
	padding-left: 8px;
	background: url(../img/common/ico_arrow.gif) left top no-repeat;
}


/* メイン（最新ファンド・イベント・スペシャルコンテンツ・店舗一覧
----------------------------------------------------------- */

#top-main {
	width: 637px;
	vertical-align: top;
	padding-right: 14px;
	border-bottom: 1px solid #e1ede7;
	background: #fff url(../img/index/bg_main.gif) 637px top repeat-y;
}



/* レコメンド 
----------------------------------------------------------- */
#top-recommemd {
	background: #f0eee1;
	display: inline-block;
}
#top-recommemd:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/* 最近チェックしたファンド */
#top-recommemd div.top-check {
	width: 313px;
	float: left;
	background: url(../img/index/top_recommemd_bg.gif) left top repeat-y;
}

/* アクセスランキング */
#top-recommemd div.top-ranking {
	width: 313px;
	margin-left: 324px;
	_margin-left: 321px;
	background: url(../img/index/top_recommemd_bg.gif) left top repeat-y;
}

/* 共通（チェック・ランキング） */
#top-recommemd div h2 {
	display: block;
	text-align: center;
	padding: 10px 0;
	background: url(../img/index/top_recommemd_top.gif) left top no-repeat
}
#top-recommemd div div.top-recommemd-btn {
	width: auto;
	padding: 8px 11px;
	text-align: right;
	float: none;
	background: url(../img/index/top_recommemd_bottom.gif) top left no-repeat;
}


/* 新発売投資信託
----------------------------------------------------------- */
#top-newfund {
	clear:both;
	line-height: 1.2;
	padding: 40px 16px 5px;
	margin-bottom: 10px;
	background: url(../img/index/bg_td2.gif) left top repeat-x;
}
#top-newfund h2 {
	padding: 0 0 7px 10px;
	border-bottom: 1px solid #ebebeb;
	background: url(../img/index/top_newfund_h2.gif) left center no-repeat;
}
#top-newfund div {
	padding: 6px 0;
	background: none;
}
#top-newfund div img {
	display: block;
	float: left;
}
#top-newfund div a {
	color: #51607d;
}
#top-newfund div a h3 {
	display: block;
	padding-left: 10px;
	margin: 12px 0 12px 130px;
	background: url(../img/common/ico_arrow.gif) left top no-repeat;
}
#top-newfund div p {
	margin-left: 130px;
}


/* イベント･キャンペーン
----------------------------------------------------------- */
#top-event {
	line-height: 1.2;
	padding: 40px 16px 5px;
	margin-bottom: 10px;
	background: url(../img/index/bg_td2.gif) left top repeat-x;
}
#top-event h2 {
	padding: 0 0 7px 10px;
	border-bottom: 1px solid #ebebeb;
	background: url(../img/index/top_event_h2.gif) left center no-repeat;
}
#top-event table {
	width: 100%;
}
#top-event th {
	text-align: right;
}
#top-event td a {
	color: #51607d;
	font-weight: bold;
	padding-left: 15px;
	background: url(../img/common/ico_arrow.gif) 5px top no-repeat;
}
#top-event td, #top-event th {
	padding: 10px 5px;
	background: url(../img/index/bg_bdr_gray_w.gif) left bottom repeat-x;
}
#top-event td {
	text-indent: -5.4em;
	padding-left: 5.4em;
}
#top-event div {
	margin: 8px 5px 0 0;
	text-align: right;
}


/* スペシャルコンテンツ
----------------------------------------------------------- */
#top-special {
	line-height: 1.2;
	padding: 40px 16px 5px;
	margin-bottom: 10px;
	background: url(../img/index/bg_td2.gif) left top repeat-x;
}
#top-special h2 {
	padding: 0 0 7px 10px;
	border-bottom: 1px solid #ebebeb;
	background: url(../img/index/top_special_h2.gif) left center no-repeat;
}
#top-special div div h3 {
	font-size: 90%;
	margin-left: 65px;
	margin-bottom: 3px;
	padding-left: 7px;
	background: url(../img/common/ico_arrow.gif) left top no-repeat;
}
#top-special div div p{
	font-size: 95%;
	line-height: 1.3;
	margin-left: 68px;
}


/* 店舗一覧
----------------------------------------------------------- */
#top-store {
	line-height: 1.2;
	padding: 40px 16px 5px;
	background: url(../img/index/bg_td2.gif) left top repeat-x;
}
#top-store h2 {
	padding: 0 0 7px 10px;
	border-bottom: 1px solid #ebebeb;
	background: url(../img/index/top_store_h2.gif) left center no-repeat;
}
#top-store div div h3 {
	font-size: 90%;
	margin-right: -10px;
	margin-left: 108px;
	margin-bottom: 3px;
	padding-left: 7px;
	background: url(../img/common/ico_arrow.gif) left top no-repeat;
}
#top-store div div p {
	font-size: 95%;
	line-height: 1.3;
	margin-left: 110px;
}

/* 共通（スペシャル・店舗一覧） */

#top-special div, #top-store div {
	margin-top: -1px;
	margin-right: -16px;
}
#top-special div div, #top-store div div {
	width: 294px;
	_height: 75px;
	min-height: 75px;
	margin: 0 16px 0 0;
	padding: 12px 0 6px;
	float: left;
	background:url(../img/index/bg_bdr_gray_w.gif) left top repeat-x;
}
#top-special div div img, #top-store div div img {
	display: block;
	float: left;
}
#top-special div div a, #top-store div div a {
	color: #51607d;
}



/* サイド（お知らせ・グループ）
----------------------------------------------------------- */

#top-side {
	width: 298px;
	vertical-align: top;
	border-bottom: 1px solid #e1ede7;
	background: #fff;
}

/* お知らせ */
#top-info {
	padding: 0 14px 0 12px;
	border-bottom: 1px solid #e1ddd7;
	background: url(../img/index/bg_td1.gif) left top repeat-x;
}
#top-info dl {
	padding-top: 12px;
	margin-bottom: 24px;
	border-top: 1px solid #d32027;
}
#top-info dt {
	_height: 10px;
	padding-bottom: 7px;
	border-bottom: 1px solid #ebebeb;
}
#top-info h2 {
	float: left;
	display: block;
	padding: 0 0 0 10px;
	background: url(../img/index/top_info_h2.gif) left center no-repeat;
}
#top-info dt div div {
	float: right;
	padding-top:2px;
}
#top-info dd {
	clear: both;
	display: block;
}
#top-info dd dl {
	clear: all;
	padding-top: 8px;
	border-top: none;
}
#top-info dd dt {
	color: #3f668d;
	padding: 0;
	border-bottom: none;
}
#top-info dd dd {
	padding: 0 0 2px 10px;
}

/* グループ */
#top-group {
	padding: 40px 16px 5px;
	background: #fff url(../img/index/bg_td2.gif) left top repeat-x;
}
#top-group table {
	margin-bottom: 13px;
}
#top-group th {
	width: 85px;
	color: #344163;
	font-size: 70%;
	padding-top: 14px;
	vertical-align: top;
	background: #e0e6ed url(../img/index/top_group_th.gif) left top no-repeat;
}
#top-group td {
	padding-left: 3px;
}


/* ヘッドラインニュース
----------------------------------------------------------- */
#top-headline {
	line-height: 1.2;
	padding: 0px 16px 5px;
	margin-bottom: 10px;
	/*background: url(../img/index/bg_td2.gif) left top repeat-x;*/
}
/*
#top-headline h2 {
	padding: 0 0 7px 10px;
	border-bottom: 1px solid #ebebeb;
	background: url(../img/index/top_event_h2.gif) left center no-repeat;
}
*/
#top-headline table {
	width: 100%;
}
#top-headline th {
	text-align: right;
}
#top-headline td a {
	color: #4F4F4F;
	/*font-weight: bold;*/
	padding-left: 15px;
	background: url(../img/common/ico_arrow.gif) 5px top no-repeat;
}

#top-headline td .color {
	color: #3f668d;
}

#top-headline td, #top-event th {
	padding: 10px 5px;
	background: url(../img/index/bg_bdr_gray_w.gif) left bottom repeat-x;
}
#top-headline td {
	text-indent: -8.2em;
	padding-left: 8.2em;
}
#top-headline div {
	margin: 8px 5px 0 0;
	text-align: right;
}