@charset "UTF-8";


/* ブラウザスタイルの初期化
---------------------------------------------------- */
html,body{
	margin: 0;
	padding: 0;
	font-family: "メイリオ", Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	/* filter: expression(document.execCommand("BackgroundImageCache",false,true)); */
	height: 100%;
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address{
	margin: 0;
	padding: 0;
}
* html .iepngfix {behavior: expression(IEPNGFIX.fix(this));}

/* ページ全体
---------------------------------------------------- */
body {
	font-size: 12px;
	background: #ddd;
	color: #444;
	line-height: 130%;
	height: 100%;
}
div#container {
	min-height: 100%;
	height: 100%;
}
div#wrapper {
	width: 910px;
	margin: 10px auto 0;
}

/* 共通デザイン
---------------------------------------------------- */
/* 共通角丸Box */
.CommonWrapStyle {
	clear: both;
	background-color: #fff;
	margin: 0 0 10px;
	padding: 9px;
	border: 1px solid #bbb;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.CommonWrapStyle .Margin10 { margin: 0 0 10px; }
.CommonWrapStyle .Margin0 { margin: 0; }

/* カラフルタイトルヘッダ */
.TtlColorful {
	height: 24px;
	line-height: 24px;
	margin: 0 0 1em;
	padding: 0 0 0 27px;
	font-size: 12px;
	color: #fff;
	background: url('../images/ttl_colorful.gif') 0 0 no-repeat #333; 
}
.TtlColorful span.Title { float: left; }
.TtlColorful span.Link { float: right; font-weight: normal; }
.TtlColorful span.Link a {
	display: block;
	width: 82px;
	height: 24px;
	padding: 0 0 0 18px;
	color: #fff;
	background: url('../images/arrow_white.gif') 9px 9px no-repeat #555;
	border-left: 1px solid #fff;
}
.TtlColorful span.Link a:hover { background-color: #0080ff; }
.TtlColorful span.Link a:hover,
.TtlColorful span.Link a:active { text-decoration: none; }

.TtlColorful span.Rss { float: right; margin: 0 6px 0 0; }
.TtlColorful span.Rss a {
	display: block;
	overflow: hidden;
	width: 18px;
	height: 0;
	margin: 3px 0;
	padding-top: 18px;
	background: url('../images/ttl_rss.png') 0 0 no-repeat;
}

/* カラフルヘッダ2 */
.PointColorful {
	padding: 0 0 0 14px;
	background: url('../images/point_colorful.gif') 0 3px no-repeat; 
}

/* リンクアロー(Gray) */
a.ArrowGray {
	padding: 0 0 0 12px;
	background: url('../images/arrow_gray.gif') 3px 5px no-repeat;
}

/* 口座開設ボタン */
.account-btn a:hover {
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}

/* ダウンロードエリア */
div#content-detail p.LinkAreaPdf {
	width: 500px;
	margin: 1em auto;
	padding: 18px 0;
	text-align: center;
	border: 1px solid #f00;
	background: url(../images/dlbox_bg.gif) 0 0 repeat;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
div#content-detail a.LinkPdf {
	padding: 4px 0 5px 32px;
	font-size: 14px;
	background: url(../images/icon_pdf.png) 0 0 no-repeat;
}

/* common style
---------------------------------------------------- */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
} /*ie7 b*/
.clearfix{
	display:block;
} /*opera & safari */
/*ie6 and no IE mac*/
/* Hides from IE-mac \*/
* html .clearfix{
	height:1%;
}
/* End hide from IE-mac */

img { border: 0; }
.hidden { display: none; }

.red { color: #f00; }
.blue { color: #069; }

.line-bottom {
	border-bottom: 1px dotted #444;
	padding: 10px 0;
}
.clear { clear: both; }
.text-medium { font-size: 14px; }
.text-large { font-size: 16px; }
.text-bold { font-weight: bold; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-list { border-left: 5px solid #508AF5; padding-left: 5px; }
.text-indent { text-indent: 1em; }

.pagetop {
	clear: both;
	text-align: right;
	margin: 20px 0 5px;
}
.text-underline {
	text-decoration: underline;
}
.account-btn {
	margin-top: 15px;
	text-align: center;
	clear: both;
}


/* リンクテキスト
---------------------------------------------------- */
a:link, a:visited {
	color: #444;
	text-decoration: none;
}
a:hover, a:active {
	color: #666;
	text-decoration: underline;
}

/* ヘッダ
---------------------------------------------------- */
div#Header {
	width: 100%;
	height: 124px;
	background-color: #fff;
}
div#Header div.HeaderTop {
	position: relative;
	width: 910px;
	height: 82px;
	margin: 0 auto;
	padding-top: 5px;
}
div#Header div.HeaderTop #HeaderTxt {
	position: absolute;
	top: 7px; left: 0;
	font-size: 10px;
	font-weight: normal;
}
div#Header div.HeaderTop #Logo {
	position: absolute;
	bottom: 8px; left: 0;
}
div#Header div.HeaderTop ul#HeaderNav {
	position: absolute;
	top: 8px; right: 195px;
}
div#Header div.HeaderTop ul#HeaderNav li {
	display: inline;
	text-align: right;
	margin-left: 4px;
	padding-left: 7px;
	background: url(../images/arrow_gray.gif) 0 5px no-repeat;
}
div#Header div.HeaderTop p#Telephone {
	position: absolute;
	top: 0; right: 0;
}
div#Header div.HeaderTop p#HeaderTrust {
	position: absolute;
	bottom: 10px; right: 0;
}
div#Header div.HeaderTop p#HeaderEntry {
	position: absolute;
	bottom: 10px; right: 417px;
}
div#Header div.HeaderTop p#HeaderLogin {
	position: absolute;
	bottom: 10px; right: 306px;
}
div#Header div.HeaderTop p#BtnRisk_mini {
	position: absolute;
	bottom: 10px; right: 195px;
}
div#Header div.HeaderTop p#HeaderEntry a,
div#Header div.HeaderTop p#HeaderLogin a,
div#Header div.HeaderTop p#BtnRisk_mini a {
	overflow: hidden;
	display: block;
	width: 100px;
	height: 0;
	padding-top: 32px;
	filter: expression(document.execCommand("BackgroundImageCache",false,true)); 
}
div#Header div.HeaderTop p#HeaderEntry a { background: url(../images/header_btn_entry.png) 0 0 no-repeat; }
div#Header div.HeaderTop p#HeaderLogin a { background: url(../images/header_btn_login.png) 0 0 no-repeat; }
div#Header div.HeaderTop p#BtnRisk_mini a { background: url(../images/btn_risk_mini.png) 0 0 no-repeat; }
div#Header div.HeaderTop p#HeaderEntry a:hover,
div#Header div.HeaderTop p#HeaderLogin a:hover,
div#Header div.HeaderTop p#BtnRisk_mini a:hover { background-position: 0 -32px; }


/* グローバルナビ */
div#Header div#GlobalNavWrap {
	height: 34px;
	background-color: #333;
	border-bottom: 3px solid #cbcbcb;
}

div#Header div#GlobalNavWrap div#GlobalNav {
	width: 910px;
	height: 34px;
	margin: 0 auto;
}
div#Header div#GlobalNavWrap div#GlobalNav a:hover,
div#Header div#GlobalNavWrap div#GlobalNav a:active {
	text-decoration: none;
}

div#Header div#GlobalNavWrap div#GlobalNav ul#MainMenu {
	float: left;
	width: 750px;
	height: 34px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #464646;
	/font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; /* for IE-Meiryo */
}

div#Header div#GlobalNav ul#MainMenu li {
	position: relative;
	z-index: 100;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
div#Header div#GlobalNav ul#MainMenu li p {
	float: left;
	width: 149px;
	height: 34px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #464646;
}
div#Header div#GlobalNav ul#MainMenu li p a {
	display: block;
	overflow: hidden;
	width: 149px;
	height: 0;
	margin: 0;
	padding: 34px 0 0;
	background: url(../images/grovalnavi.png) no-repeat;
}
div#Header div#GlobalNav ul#MainMenu li p.MainMenuFirst a { background-position: 0 0; }
div#Header div#GlobalNav ul#MainMenu li p.MainMenuService a { background-position: -150px 0; }
div#Header div#GlobalNav ul#MainMenu li p.MainMenuSystem a { background-position: -300px 0; }
div#Header div#GlobalNav ul#MainMenu li p.MainMenuMarket a { background-position: -450px 0; }
div#Header div#GlobalNav ul#MainMenu li p.MainMenuSeminar  a { background-position: -600px 0; }
div#Header div#GlobalNav ul#MainMenu li p.MainMenuFirst a:hover { background-position: 0 -34px; }
div#Header div#GlobalNav ul#MainMenu li p.MainMenuService a:hover  { background-position: -150px -34px; }
div#Header div#GlobalNav ul#MainMenu li p.MainMenuSystem a:hover  { background-position: -300px -34px; }
div#Header div#GlobalNav ul#MainMenu li p.MainMenuMarket a:hover  { background-position: -450px -34px; }
div#Header div#GlobalNav ul#MainMenu li p.MainMenuSeminar a:hover  { background-position: -600px -34px; }
div#Header div#GlobalNav ul#MainMenu li p.MainMenuFirst a.Current { background-position: 0 -68px; }
div#Header div#GlobalNav ul#MainMenu li p.MainMenuService a.Current { background-position: -150px -68px; }
div#Header div#GlobalNav ul#MainMenu li p.MainMenuSystem a.Current { background-position: -300px -68px; }
div#Header div#GlobalNav ul#MainMenu li p.MainMenuMarket a.Current { background-position: -450px -68px; }
div#Header div#GlobalNav ul#MainMenu li p.MainMenuSeminar a.Current { background-position: -600px -68px; }

div#Header div#GlobalNav ul#MainMenu li ul {
	display: none;
	position: absolute;
	filter: alpha(opacity=90);
	opacity: 0.9;
	top: 34px;
	left: 0;
	width: 210px;
	padding: 0;
	margin: 0;
	border-bottom: solid 1px #ccc;
	background-color: #111;
}
div#Header div#GlobalNav ul#MainMenu li ul li {
	line-height: 2em;
}
div#Header div#GlobalNav ul#MainMenu li ul a {
	display: block;
	padding: 0px 15px;
	width: 180px;
	color: #fff;
	border-bottom:1px solid #333;
}

div#Header div#GlobalNav ul#MainMenu li ul.MainMenuFirst a:hover { background-color:#002e66; }
div#Header div#GlobalNav ul#MainMenu li ul.MainMenuService a:hover { background-color:#770032; }
div#Header div#GlobalNav ul#MainMenu li ul.MainMenuSystem a:hover { background-color:#00588a; }
div#Header div#GlobalNav ul#MainMenu li ul.MainMenuMarket a:hover { background-color:#3b6d00; }
div#Header div#GlobalNav ul#MainMenu li ul.MainMenuSeminar a:hover { background-color:#855b00; }

/* 検索窓 */
div#Header div#GlobalNav div#Search {
	float: right;
	width: 152px;
	height: 29px;
	padding: 6px 0 0 7px;
}
div#Header div#GlobalNav div#Search input#SearchField {
	background: url(../images/search_area.png) no-repeat;
	width: 102px;
	height: 21px;
	border: none;
	margin: 0 1px 0 0;
	padding: 3px 9px 0;
	font-size: 12px;
	color:#bbb;
}
div#Header div#GlobalNav div#Search input#SearchBtn {
	cursor: pointer;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
div#Header div#GlobalNav div#Search form {
	height: 29px;
}

/* ニュース速報 [停止中]
---------------------------------------------------- */
div#news-headline {
	padding-top: 14px;
}
p#news-headline-btn{
	float: left;
	text-indent:-9999px;
	background: url(../images/news_headline_btn.jpg) no-repeat;
	width:94px;
	height:20px;
	margin:;
}
p#news-headline-content{
	float:left;
	background: url(../images/news_headline_content.jpg) no-repeat;
	width:786px;
	height:20px;
	color:#0055B5;
}
p#news-headline-content a{
	color:#0055B5;
}

/* 左カラム
---------------------------------------------------- */
div#LeftCol {
	clear: both;
	float: left;
	width: 230px;
	margin: 0;
}

div#LeftCol p#BtnEntry { margin: 0 0 10px; }
div#LeftCol p#BtnEntry a {
	display: block;
	overflow: hidden;
	width: 210px;
	height: 0;
	margin: 0;
	padding-top: 40px;
	background: url('../images/btn_leftside_entry.png') 0 0 no-repeat;
	filter: expression(document.execCommand("BackgroundImageCache",false,true)); 
}
div#LeftCol p#BtnEntry a:hover { background-position: 0 -40px; }

div#LeftCol p#BtnRisk { margin: 0 0 10px; }
div#LeftCol p#BtnRisk a {
	display: block;
	overflow: hidden;
	width: 210px;
	height: 0;
	margin: 0;
	padding-top: 38px;
	background: url('../images/btn_risk.png') 0 0 no-repeat;
	filter: expression(document.execCommand("BackgroundImageCache",false,true)); 
}
div#LeftCol p#BtnRisk a:hover { background-position: 0 -38px; }

div#LeftCol p#BtnSnsLogin { 
	margin: 0 0 10px 0;
 }
 
div#LeftCol p#BtnSnsLogin a {
	display: block;
	overflow: hidden;
	width: 210px;
	height: 0;
	margin: 0;
	padding-top: 58px;
	background: url('../images/btn_sns_login.png') 0 0 no-repeat;
	filter: expression(document.execCommand("BackgroundImageCache",false,true)); 
}
div#LeftCol p#BtnSnsLogin a:hover { background-position: 0 -58px; }

div#LeftCol div#SideMiniRate p.Title { margin: 0 0 2px; }
div#LeftCol div#SideMiniRate iframe { margin: 0 0 3px; }
div#LeftCol div#SideMiniRate p.Link { margin: 0; line-height: 18px; text-align: right; }

div#LeftCol p#HdLink { margin: 0 0 10px; }
div#LeftCol p#HdLink a {
	display: block;
	overflow: hidden;
	width: 210px;
	height: 0;
	margin: 0;
	padding-top: 50px;
	background: url('../images/hd_link.png') 0 0 no-repeat;
	filter: expression(document.execCommand("BackgroundImageCache",false,true)); 
}
div#LeftCol p#HdLink a:hover { background-position: 0 -50px; }

div#bank{
	background: url(../images/bank_bg.gif) no-repeat;
	width: 200px;
	height: 413px;
	margin-top: 10px;
}
div#bank ul#bank-bank{
	text-align: center;
	list-style: none;
	position: relative;
	top: 60px;
}
div#bank ul#bank-bank li { padding: 3px 0; }

div.side-bana { text-align: center; margin-top: 15px; }
p#ssl-text { margin: 5px 0 0; font-size: 92%; }

div#LeftCol div.MobileLink {
	overflow: hidden;
	width: 210px;
	height: 74px;
	background: url('../images/mobile_url.png') left top no-repeat;
}
div#LeftCol div.MobileLink p.MobileLinkTtl,
div#LeftCol div.MobileLink p.MobileLinkMail {
	width: 133px;
	margin: 0;
}
div#LeftCol div.MobileLink p.MobileLinkTtl a,
div#LeftCol div.MobileLink p.MobileLinkMail a {
	display: block;
	overflow: hidden;
	height: 0;
}
div#LeftCol div.MobileLink p.MobileLinkTtl a { padding-top: 38px; }
div#LeftCol div.MobileLink p.MobileLinkMail a { padding-top: 21px; }
div#LeftCol div.MobileLink p.MobileLinkTtl a:hover { background: url('../images/mobile_url.png') 0 -74px no-repeat;  }
div#LeftCol div.MobileLink p.MobileLinkMail a:hover { background: url('../images/mobile_url.png') 0 -112px no-repeat;  }

div#LeftCol div.MobileLink p.MobileLinkUrl {
	padding: 1px 0 0 0;
	font-size: 10px;
	color: #ff8c1b;
	text-decoration: underline;
}

/* サイドナビ
---------------------------------------------------- */
ul#SideNavi {
	width: 210px;
	list-style: none;
	margin: 0;
	padding: 0;
	/font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; /* for IE-Meiryo */
}
ul#SideNavi li {
	margin: 0;
	padding: 0;
}
ul#SideNavi li p {
	width: 210px;
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 29px;
	background: url('../images/sidenavi_ttl.png') no-repeat;
	cursor: pointer;
}
ul#SideNavi li p.SideNaviFirst { background-position: 0 0; }
ul#SideNavi li p.SideNaviService { background-position: 0 -29px; }
ul#SideNavi li p.SideNaviSystem { background-position: 0 -58px; }
ul#SideNavi li p.SideNaviMarket { background-position: 0 -87px; }
ul#SideNavi li p.SideNaviSeminar { background-position: 0 -116px; }
ul#SideNavi li p.SideNaviSupport { background-position: 0 -145px; }

ul#SideNavi li p.SideNaviFirst:hover,
ul#SideNavi li p.SideNaviFirstCurrent { background-position: -210px 0; }
ul#SideNavi li p.SideNaviService:hover,
ul#SideNavi li p.SideNaviServiceCurrent { background-position: -210px -29px; }
ul#SideNavi li p.SideNaviSystem:hover,
ul#SideNavi li p.SideNaviSystemCurrent { background-position: -210px -58px; }
ul#SideNavi li p.SideNaviMarket:hover,
ul#SideNavi li p.SideNaviMarketCurrent { background-position: -210px -87px; }
ul#SideNavi li p.SideNaviSeminar:hover,
ul#SideNavi li p.SideNaviSeminarCurrent { background-position: -210px -116px; }
ul#SideNavi li p.SideNaviSupport:hover,
ul#SideNavi li p.SideNaviSupportCurrent { background-position: -210px -145px; }

ul#SideNavi li ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
}
ul#SideNavi li ul li a {
	display: block;
	height: 26px;
	line-height: 26px;
	padding: 0 0 0 24px;
	color: #444;
	border-bottom: 1px solid #e0e0e0;
	background: url('../images/sidenavi_arrow.png') no-repeat;
}
ul#SideNavi li ul li a:hover,
ul#SideNavi li ul li a:active {
	color: 000;
	text-decoration: none;
}

ul#SideNavi li ul.SideNaviFirst li a { background: url('../images/sidenavi_arrow.png') 0 0 no-repeat; }
ul#SideNavi li ul.SideNaviService li a { background: url('../images/sidenavi_arrow.png') 0 -104px no-repeat; }
ul#SideNavi li ul.SideNaviSystem li a { background: url('../images/sidenavi_arrow.png') 0 -208px no-repeat; }
ul#SideNavi li ul.SideNaviMarket li a { background: url('../images/sidenavi_arrow.png') 0 -312px no-repeat; }
ul#SideNavi li ul.SideNaviSeminar li a { background: url('../images/sidenavi_arrow.png') 0 -416px no-repeat; }
ul#SideNavi li ul.SideNaviSupport li a { background: url('../images/sidenavi_arrow.png') 0 -520px no-repeat; }

ul#SideNavi li ul.SideNaviFirst li a:hover,
ul#SideNavi li ul.SideNaviFirst li.Current a { background: url('../images/sidenavi_arrow.png') 0 -52px no-repeat #c1e8ff; }
ul#SideNavi li ul.SideNaviService li a:hover,
ul#SideNavi li ul.SideNaviService li.Current a { background: url('../images/sidenavi_arrow.png') 0 -156px no-repeat #ffd3e8; }
ul#SideNavi li ul.SideNaviSystem li a:hover,
ul#SideNavi li ul.SideNaviSystem li.Current a { background: url('../images/sidenavi_arrow.png') 0 -260px no-repeat #b9efff; }
ul#SideNavi li ul.SideNaviMarket li a:hover,
ul#SideNavi li ul.SideNaviMarket li.Current a { background: url('../images/sidenavi_arrow.png') 0 -364px no-repeat #dfff9a; }
ul#SideNavi li ul.SideNaviSeminar li a:hover,
ul#SideNavi li ul.SideNaviSeminar li.Current a { background: url('../images/sidenavi_arrow.png') 0 -468px no-repeat #fff29a; }
ul#SideNavi li ul.SideNaviSupport li a:hover,
ul#SideNavi li ul.SideNaviSupport li.Current a { background: url('../images/sidenavi_arrow.png') 0 -572px no-repeat #FFD99E; }

/* 右メインコンテンツ
---------------------------------------------------- */
div#content {
	float: right;
	width: 650px;
	margin: 0 0 10px;
	padding: 9px;
	background-color: #fff;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* フッタ
---------------------------------------------------- */
div#RiskTxt {
	clear: both;
	background: #eeeeee;
	border: 1px solid #ccc;
	width: 890px;
	margin: 0 auto 10px;
	padding: 9px;
	line-height: 150%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div#RiskTxt p.RiskTtl {
	margin: 0 0 0.5em;
	font-weight: bold;
}
div#Footer {
	background-color: #fff;
}
div#Footer ul#FooterNavi_1{
	padding: 10px 10px 0;
	text-align: center;
	color: #fff;
	background-color: #333;
} 
div#Footer ul#FooterNavi_2 {
	padding: 5px 10px 10px;
	text-align: center;
	color: #fff;
	background-color: #333;
} 

div#Footer ul#FooterNavi_1 li,
div#Footer ul#FooterNavi_2 li {
	display: inline;
}
div#Footer ul#FooterNavi_1 li a,
div#Footer ul#FooterNavi_2 li a {
	margin: 0 0.3em;
	color: #fff;
}
div#Footer ul#FooterNavi_1 li a:hover,
div#Footer ul#FooterNavi_2 li a:hover,
div#Footer ul#FooterNavi_1 li a:active,
div#Footer ul#FooterNavi_2 li a:active 
{ text-decoration: underline; }

div#Footer div.FooterCompany {
	padding: 10px;
	text-align: right;
}
div#Footer div.FooterCompany address {
	margin: 10px 0 0;
	font-size: 10px;
}

/* LPなどに影響があるかもしれないため保留で残し */
#risk-text { 
	clear: both;
	background: #eeeeee;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 10px;
	line-height: 150%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div#footer{
	background: #3C7FAF;
	height: 80px;
	color: #fff;
}
div#footer p{
	padding: 5px 0 0 5px;
}
div#footer address{
	font-size: 10px;
	margin: 30px 0 0 5px;
	float: left;
	width: 400px;
}

div#footer ul#footer-nav{
	float: right;
	width: 480px;
	list-style: none;
	text-align: right;
	margin: 7px 5px 5px 5px;
	line-height: 150%;
}
div#footer ul#footer-nav li{
	display: inline;
	padding: 0 2px;
}
div#footer ul#footer-nav li a{
	color: #fff;
}
div#footer ul#footer-nav li a:hover{
	text-decoration: underline;
}