@charset "utf-8";

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

 Up date:		2008/06/03
 Style Info:	基本スタイルシート

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


/* 基本設定
----------------------------------------------------------- */
body {
	margin: 0;
	color:#444;
	font-size: 94%;
	line-height: 1.4;
	background: #f0eee1 url(../img/common/bg.gif) left top repeat-x;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
p, dl, dt, dd, h1, h2, h3, h4, h5, h6, form {
	padding: 0px;
	margin : 0px;
}
img {
	padding: 0px;
	margin : 0px;
	border : 0px;
}
strong {
	font-weight:bold;
}
br {
	letter-spacing:0;
}
ul,li {
	margin:0;
	padding:0;
	list-style: none outside;
}
ol, ol li{
	list-style: decimal outside;
}
input {
	margin-right: 5px;
}
select, input {
	color:#333;
	font-size: 14px;
}

a 			{color:#333;text-decoration: underline;}
a:hover		{color: #c30;text-decoration: underline;}





/* コンテナー
----------------------------------------------------------- */

#container {
	width: 950px;
	margin: 0 auto;
}



/* ヘッダー
----------------------------------------------------------- */

#header {
	font-size: 85%;
	width: auto;
	padding: 0 0 2px;
	margin: 0;
}
#header a {
	text-decoration: none;
	color: #555;
}
#header a:hover	{
	color: #c30;text-decoration: underline;
}

/* ロゴ */
#header #header-logo {
	float: left;
	_display: inline-block;
	width: 363px;
	height: 46px;
}
#header #header-logo a{
	float: left;
	width: 197px;
	height: 46px;
	display: block;
	font-size: 100%;
	background: url(../img/common/header-logo-tt.gif) left top no-repeat;
}
#header #header-logo div a{
	width: 166px;
	background: url(../img/common/header-logo-tfsonline.gif) left top no-repeat;
}
/* テキストリンク用 */
#header #header-txtlink {
	font-size: 85%;
	line-height: 1;
	text-align: right;
	padding: 18px 3px 3px;
}

/* 優先ナビ */
#header #header-submenu {
	line-height: 1.1;
	float: right;
	text-align: right;
	_margin-right: 1px;
	margin-right: 2px;
}
#header #header-submenu {
	background: url(../img/common/bg_bdr_gray_h.gif) left top repeat-y;
}
#header #header-submenu ul li {
	float: left;
	padding: 0 10px;
	white-space: nowrap;
	background: url(../img/common/bg_bdr_gray_h.gif) right top repeat-y;	
}
#header #header-submenu ul li a {
	padding-left: 16px;
	display: block;
}
#header #header-submenu ul li.header-login a	{ width: 3.5em; background: url(../img/common/header-icon06.gif) left center no-repeat;}
#header #header-submenu ul li.header-company a	{ width: 4em; background: url(../img/common/header-icon02.gif) left center no-repeat;}
#header #header-submenu ul li.header-seminar a	{ width: 5.6em; background: url(../img/common/header-icon03.gif) left center no-repeat;}
#header #header-submenu ul li.header-change a 	{ width: 7em; background: url(../img/common/header-icon04.gif) left center no-repeat;}
#header #header-submenu ul li.header-sitemap a	{ width: 5em; background: url(../img/common/header-icon05.gif) left center no-repeat;}

/* トヨタFS 口座メニュー */
#header #header-menu {
	clear: both;
	padding: 5px 0 4px;
}
#header #header-menu strong {
	display: block;
	width: 124px;
	height: 11px;
	background: url(../img/common/header-menu.gif) left top no-repeat;
}



/* ナビ
----------------------------------------------------------- */

#navi {
	width: 910px;
	color: #555;
	font-size: 84%;
	line-height: 1.4;
	padding-left: 20px;
	margin: 11px 10px 15px;
	background: url(../img/common/navi_bg.gif) left top no-repeat;
}
#navi a { color: #555; }
#navi a:hover { color: #c30; }



/* コンテンツ（メイン部分）の設定
----------------------------------------------------------- */

#contents {
	width: 694px;
	vertical-align: top;
	padding: 24px 26px;
	border-bottom: 1px solid #e1ded7; 
	background: #fff url(../img/common/contents_bg.gif) left top repeat-x;
}

/* 見出しタグ */
#contents h1 {
	font-size: 120%;
	line-height: 1.1;
	width: 708px;
	margin: 0 -26px;
	padding: 5px 10px 40px 30px;
	background: url(../img/common/h1_bg.gif) left bottom no-repeat;
}
#contents h1.none {
	width: auto;
	padding: 0;
	margin: 0;
	background: none;
}
#contents .contents-h2 {
	background: url(../img/common/h2_bg.gif) left bottom repeat-x;
}
#contents h2 {
	font-size: 110%;
	line-height: 1.1;
	_height 1%;
	padding: 0 11px 9px 0;
	margin: 40px 20px 20px 0;
	background: url(../img/common/h2_bg.gif) left bottom repeat-x;
}
#contents h2:first-letter {
	padding-left: 16px;
	background:url(../img/common/h2_icon.gif) 2px 4px no-repeat;
}
#contents h2.none {
	width: auto;
	padding: 0;
	margin: 0;
	background: none;
}
#contents h2.none:first-letter {
	padding-left: 0px;
	background: none;
}
#contents h3 {
	font-size: 100%;
	margin: 30px 0 20px;
	background: url(../img/common/bg_bdr_gray_w.gif) left bottom repeat-x;
}
#contents h3:first-letter {
	padding-left: 15px;
	background: url(../img/common/h3_bg.gif) 5px top no-repeat;
}
#contents h3.none {
	width: auto;
	padding: 0;
	margin: 0;
	background: none;
}
#contents h3.none:first-letter {
	padding-left: 0px;
	background: none;
}
#contents h4 {
	font-size: 100%;
}

/* 各扉ページ用共通スタイル */
#index-container {
	width: 748px;
	margin: -20px -26px 0;
}
#index-container #index-topimage img {
	vertical-align: bottom;
}
#index-container #index-contents {
	width: 724px;
	padding: 15px 12px;
	background: url(../img/common/contents_bg.gif) left -1px repeat-x;
}
#contents .index-box {
	clear: both;
	width: 722px;
	margin-top: 10px;
	border: 1px solid #ddd;
	background: url(../img/common/index_box_bg.gif) left top no-repeat;
}

/* 通常扉ページ用 */
#contents .index-box h2 {
	display: block;
	margin: 0 !important;
	padding: 14px 21px;
	width: 680px;
	line-height: 1;
	background: url(../img/common/index_box_title_bg.gif) left bottom no-repeat;
}
#contents .index-box h2:first-letter {
	padding: 0;
	margin: 0;
	background: none;
}
#contents .index-box .inner {
	padding: 17px 14px 14px;
}
#contents .index-box .inner p {
	padding-right: 30px;
}
#contents .index-box .inner h3 {
	color: #464b64;
	margin: 10px 0 5px;
	background: none;
}
#contents .index-box .inner h3:first-letter {
	background: url(../img/common/h3_bg.gif) 5px top no-repeat;
}

/* ポイント用 (bond/point, fund/mmf_trait) */
#contents .point-title {
	margin: 25px 0 15px;
}
#contents .point-title th{
	padding: 0 10px;
	text-align: left;
	background: url(../img/common/point_title_bg.gif) right bottom no-repeat;
}
#contents .point-title th h2 {
	width: auto;
	font-size: 100%;
	padding: 0;
	margin: 0;
	background: none;
}
#contents .point-title th h2:first-letter {
	padding: 0;
	margin: 0;
	background: none;
}

/* フローチャート用 */
#contents .flowchart-box {
	padding-bottom: 1px;
	margin-bottom: 10px;
	background: url(../img/common/bg_flowchart.gif) left bottom repeat-y;
}
#contents .flowchart-box .inner {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#contents .flowchart-box-end {
	padding-bottom: 1px;
	margin-bottom: 10px;
}
#contents .flowchart-box-end .inner {
	border: 1px solid #ddd;
}
#contents .inner .flowchart-title {
	padding: 0;
	height: 41px;
	display: inline-block;
	background: url(../img/common/bg_flowchart_title.gif) 175px bottom repeat-x;
}
#contents .inner .flowchart-title div {
	float: left;
	color: #fff;
	_height: 25px;
	min-height: 25px;
	width: 140px;
	line-height: 1;
	padding: 11px 0 0 35px;
}
#contents .inner .flowchart-title div.flowchart-title01 {
	background: #a51820 url(../img/common/bg_flowchart_title01.gif) left top repeat-x;
}
#contents .inner .flowchart-title div.flowchart-title02 {
	background: #a51820 url(../img/common/bg_flowchart_title02.gif) left top repeat-x;
}
#contents .inner .flowchart-title div.flowchart-title03 {
	background: #a51820 url(../img/common/bg_flowchart_title03.gif) left top repeat-x;
}
#contents .inner .flowchart-title div.flowchart-title04 {
	background: #a51820 url(../img/common/bg_flowchart_title04.gif) left top repeat-x;
}
#contents .inner .flowchart-title div.flowchart-title05 {
	background: #a51820 url(../img/common/bg_flowchart_title05.gif) left top repeat-x;
}
#contents .inner .flowchart-title div.flowchart-title06 {
	background: #a51820 url(../img/common/bg_flowchart_title06.gif) left top repeat-x;
}
#contents .inner .flowchart-title div.flowchart-title07 {
	background: #a51820 url(../img/common/bg_flowchart_title07.gif) left top repeat-x;
}
#contents .inner .flowchart-title div.flowchart-title08 {
	background: #a51820 url(../img/common/bg_flowchart_title08.gif) left top repeat-x;
}
#contents .inner .flowchart-title h2 {
	float: left;
	display: block;
	width: auto;
	margin: 0;
	padding: 14px 0 0 8px;
	line-height: 1;
	background: none;
}
#contents .inner .flowchart-title h2:first-letter {
	padding: 0;
	margin: 0;
	background: none;
}
#contents .inner .maincol {
	padding: 17px 14px 14px 18px;
	display: inline-block;
}





/* サイドメニューの設定
----------------------------------------------------------- */

#side {
	width: 202px;
	font-size: 94%;
	line-height: 1.3;
	vertical-align: top;
	background: url(../img/common/side_bg.gif) right top repeat-y;
}
#side img {
	vertical-align: bottom;
}

/* カテゴリーメニュー */
#category{
	margin-left: 8px;
	border-top: 1px solid #d22129;
	background: url(../img/common/side_category_bg.gif) left top repeat-y;
}
.category-dial {
	width: 190px;
	padding: 4px 2px 2px;
	display:block;
	clear:both;
	background:  #fff;
}
.category-comparing {
	width: 190px;
	padding: 0 2px 2px;
	display:block;
	clear:both;
	background:  #fff;
}
.category-totop {
	width: 188px;
	padding-bottom: 3px;
	margin: 0 3px;
	display:block;
	clear:both;
	background: #f8f8d7 url(../img/common/side_category_totop.gif) left bottom no-repeat;
}
.category-totop li {
	width: 169px;
	padding: 10px 3px 4px 16px;
	display:block;
	background: url(../img/common/side_category_totop_div.gif) left top no-repeat;
}
.category-menu {
	width: 188px;
	padding: 15px 3px 0;
	clear:both;
	background: url(../img/common/side_category_menu.gif) left top no-repeat;
}
.category-menu-second {
	width: 188px;
	padding: 15px 3px 0;
	background: url(../img/common/side_category_menu_second.gif) left top no-repeat;
}
.category-menu dt {
	width: 169px;
	padding: 2px 7px 8px 11px;
	margin-left: 1px;
	background: url(../img/common/side_category_dt.gif) left bottom no-repeat;
}
.category-menu dd {
	padding-bottom: 10px;
	background: url(../img/common/side_category_dd.gif) left bottom no-repeat;
}
.category-menu dd strong {
	display: block;
	padding: 5px 2px 2px 14px;
	margin: 0 1px 2px;
	background: #eaeaea;
	border-bottom: 1px solid #c0c0c0;
}
.category-menu dd li {
	padding-bottom: 1px;
	margin: 0 3px 0 4px;
	background: url(../img/common/bg_bdr_gray_w.gif) left bottom repeat-x;
}
.category-menu dd li a {
	width: 167px;
	padding: 5px 2px 6px 12px;
	display:block;
	background: #f7f7f7 url(../img/common/side_category_dd_a.gif) left top no-repeat;
}
.category-menu dd li a:hover {
	background: #e7e7e7 url(../img/common/side_category_dd_a_on.gif) left top no-repeat;
}

/* マーケット・フラッシュ */
#side-market {
	margin-left: 8px;
	padding: 10px 3px 5px 4px;
}
/* バナー */
#side-banner {
	margin-left: 8px;
	padding: 10px 7px;
	border-top: 1px solid #d22129;
}

/* グループ・関連サイト */
#side-group {
	width: 168px;
	margin-left: 8px;
	padding: 18px 13px 0;
	background: url(../img/common/bg_side_other.gif) left top repeat-x;
}
#side-group dt {
	color: #344163;
	font-size: 85%;
	padding: 5px 4px 3px 6px;
	background: #e0e6ed url(../img/common/bg_side_other_dt.gif) left top no-repeat;
}
#side-group dd {
	padding: 12px 0 16px 2px;
}
#side-group dd ul.side-group-linksite li{
	padding-bottom: 8px;
}

/* グループ・関連サイト */
#side-other {
	width: 171px;
	margin-left: 8px;
	padding: 10px 11px 10px 12px;
	background: url(../img/common/bg_side_other.gif) left top repeat-x;
}
#side-other li {
	padding-bottom: 4px;
}




/* フッター
----------------------------------------------------------- */

#footer {
	width: auto;
	font-size: 85%;
	padding: 0;
	margin-top: 10px;
	background: #fff url(../img/common/footer_bg.gif) left top repeat-x;
	border: 1px solid #fff;
}

/* バナー */
dl#footer-tel {
	width: 906px;
	padding: 16px 21px;
	display: inline-block;
}
dl#footer-tel:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
dl#footer-tel dt {
	float: left;
}
dl#footer-tel dd {
	padding: 3px 10px;
	float: left;
}

/* フッターナビ１ */
#footer-groval {
	font-weight: bold;
	padding: 11px 31px 3px;
	clear: both;
	border-top: 1px solid #ebebeb;
	background: #fff url(../img/common/footer_bg.gif) 0 2px repeat-x;
}

/* フッターナビ２ */
#footer-navi {
	padding: 3px 31px 18px;
}

/* 金商法 */
#kinshouhou {
	color: #fff;
	text-align: center;
	padding: 0 3px;
	clear: both;
	background: #d32027;
}

/* コピーライト */
#copyright {
	text-align: center;
	padding: 6px 3px;
	margin: 1px 0;
	background: url(../img/common/footer_copyright_bg.gif) left top repeat-x;
}


/* clearfix
----------------------------------------------------------- */

#contents .inner .flowchart-title:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}