@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他
=================================================================== */



/*----------------------------------------------------
	pageIndex
----------------------------------------------------*/
#pageIndex #main{
	border:none;
	width:698px;
	margin:15px auto;
	background:none;}
#pageIndex #side{
	margin:15px auto;}

#pageIndex .inner ul li{
	margin-bottom:5px;}
#pageIndex #newsArea{
	background:url(../data/news_bg.gif) repeat-y top #ffffff;
	width:700px;}
#pageIndex #newsArea .newsContents{
	padding-top:10px;
	padding-bottom:15px;
	background:url(../data/news_bottom.gif) no-repeat bottom;}
#pageIndex #newsArea h2{
	text-indent:-9999px;
	height:35px;
	background:url(../data/news_top.gif) no-repeat top;}	
#pageIndex #newsArea h3{
	margin-left:20px;
	width:400px;
	margin-bottom:3px;
	display:block;}
#pageIndex .mainImg{
	margin:20px 0 15px 0;}	
#pageIndex .newsPhoto{
	width:258px;
	text-align:center;
	padding-right:10px;
	margin-top:0;}
#pageIndex .newsPhoto .date{
	padding:3px;}
#pageIndex .newsText{
	width:395px;
	display:block;
	padding:5px 5px 0px 20px;}
#pageIndex .newsContents .date{
	margin-left:20px;
	clear:both;}
#pageIndex .newsContents .more{
	width:420px;
	padding:0;}

#infoArea{
	margin-top:15px;
	background:url(../data/info_title.gif) no-repeat;}
#infoArea h3{
	text-indent:-9999px;}
#infoArea .info{
	margin-top:15px;}
#infoArea li{
	line-height:1.2;
	background:url(../data/info_text_bg.gif) repeat-x left bottom;
	overflow:hidden;
	clear:both;
	width:100%;
	padding-bottom:8px;}	
#infoArea li span,
#infoArea li a{
	display:block;
	float:left;}

#infoArea li.pdf a{
	background:url(../data/icon_pdf02.gif) no-repeat;
	padding-left:20px;
	padding-bottom:1px;}	
#infoArea .info .date{
	width:90px;}
#infoArea .info span.icon{
	width:70px; height:20px;
	text-indent:-9999px;}
#infoArea .info .text{width:515px;}

#pageIndex #infoArea .info .type00{background:url(../data/icon_info-00.gif) no-repeat;}
#pageIndex #infoArea .info .type01{background:url(../data/icon_info-01.gif) no-repeat;}
#pageIndex #infoArea .info .type02{background:url(../data/icon_info-02.gif) no-repeat;}
#pageIndex #infoArea .info .type03{background:url(../data/icon_info-03.gif) no-repeat;}
#pageIndex #infoArea .info .type04{background:url(../data/icon_info-04.gif) no-repeat;}
#pageIndex #infoArea .info .type05{background:url(../data/icon_info-05.gif) no-repeat;}

#contentsArea #contentsL{
	width:342px;
	margin-right:8px;}
#contentsArea #contentsR{
	width:342px;}
#contentsArea .inner{
	width:342px; 
	background:url(../data/contents_bg.gif) repeat-y;}
#contentsArea h2{
	height:30px;
	text-indent:-9999px;
	margin-top:15px;}
#contentsArea h2.title01{background:url(../data/contents_seminar.gif) no-repeat top;}
#contentsArea h2.title02{background:url(../data/contents_prospects.gif) no-repeat top;}
#contentsArea h2.title03{background:url(../data/contents_info.gif) no-repeat top;}
#contentsArea h2.title04{background:url(../data/contents_report.gif) no-repeat top;}

#contentsArea .infoBox{
	height:220px;
	padding-bottom:10px;
	margin-bottom:15px;
	background:url(../data/contents_bottom.gif) no-repeat bottom;}
#contentsArea .inner .box{
	height:150px;
	padding:10px 0 10px 5px;}
#contentsArea .inner .box li{
	display:inline;
	margin:0;}
#contentsArea .inner .box .date,
#contentsArea .inner .box .text{
	padding:0 5px 5px 20px;
	display:block;}
#contentsArea .inner .box .date{
	background:url(../data/contents_icon.gif) no-repeat;}

#contentsArea .more{
	height:1em;}

#subMenu{
	width:100%;
	margin:10px 0 40px 0;
	background:url(../data/submenu_bottom.gif) repeat-x bottom #fff;}
#subMenu .subArea{
	width:100%;
	overflow:hidden;
	padding-bottom:20px;}	

/*#pageIndex #subMenu{
	width:700px;}
#pageIndex #subMenu .subArea{
	width:100%;
	overflow:hidden;}
#pageIndex #subMenu .box{
	width:165px;}
*/
#subMenu .box{
	width:230px;
	padding-left:5px;
	margin-top:28px;}

#subMenu .box01,
#subMenu .box02,
#subMenu .box03,
#subMenu .box04{height:9em;}

#subMenu .box ul{
	margin:0;
	padding:0;}
#subMenu .box li{
	background:url(../data/contents_icon.gif) no-repeat 0 0;
	padding-left:15px;}
#subMenu .box li.subIcon{
	padding-left:25px;
	background:url(../data/contents_menuicon.gif) no-repeat 10px 5px;}
#subMenu .box li.subIcon a{
	display:block;
	font-size:90%;
	zoom:1;}

.bnrEnergy{
	display:none;}
	
#pageIndex .sideShop li{
	padding-left:0;}
#pageIndex .sideShop li a{
	width:210px;
	padding-left:15px;
	background:url(../data/side_shop_icon.gif) no-repeat 200px center;}
#pageIndex .sideShop li a:hover{
	background:url(../data/side_shop_icon.gif) no-repeat 200px center #E6EDF3;}

/*----------------------------------------------------
	中国株式
----------------------------------------------------*/
#tableChina{
	margin:auto;}
#tableChina th{
	width:80px;
	padding:8px 5px;
	white-space:nowrap;}
#tableChina td{
	padding:8px 5px;}

/*----------------------------------------------------
	投資信託
----------------------------------------------------*/

/*トップ*/

/*.boxToshi{
	text-align:center;}
#main .boxToshi .partsImg{
	margin:0 auto 5px auto;}
#main .boxToshi .partsTxt{
	line-height:1.3;
	text-align:left;}
*/
.boxToshi{
	overflow:hidden;}
#main .boxToshi .partsImg{
	float:left;
	width:85px;
	margin:0;}
#main .boxToshi .partsTxt{
	float:right;
	width:110px;
	margin:0;}


#toshinItaku table td{
	border:none;
	border-bottom:2px solid #fff;
	padding:4px 10px;
	background:#FBE7A2;}
#toshinItaku table .btn{
	display:block;
	background:url(../data/toshin_btn01.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	margin:0 auto 0 0;
	height:20px;
	width:20px;}



/*現物取引iframe*/
iframe{
	width:650px;
	display:block;
	margin:0 auto;}

.harf{
	border-top:3px solid #F37E21;
	padding-top:10px;}
.harf table{
	width:270px;}

.harf table th,
.harf table td{
	vertical-align:middle;
	padding:5px;}


#themaHarf table td{
	border:none;}
#rankingHarf .partsTxt,
#rankingHarf .partsTable{
	width:630px;
	margin:0 auto;}

#rankingHarf th{
	width:30px;
	text-align:center;}
#rankingHarf td{
	text-align:center;}
#rankingHarf span{
	display:block;
	width:25px;	height:24px;
	margin:0 auto;}
#rankingHarf .up	{background:url(../data/icon_rank-up.gif) no-repeat center center;text-indent:-9999px}
#rankingHarf .down	{background:url(../data/icon_rank-down.gif) no-repeat center center;text-indent:-9999px}
#rankingHarf .keep	{background:url(../data/icon_rank-keep.gif) no-repeat center center;text-indent:-9999px}


#themaHarf .partsTxt{
	margin:0;}
#themaHarf li{
	margin-bottom:5px;}
/*#layout #areaToshiTop{
	width:635px;
	overflow:hidden;}
#layout #areaToshiTop .outline{
	outline:hidden;}
#layout #areaToshiTop .outline .partsImg{
	float:left;
	width:100px;}
*/


/*----------------------------------------------------
	手数料
----------------------------------------------------*/
.feeBox a{
	display:block;
	background:url(../data/h3.gif) #E8EDF3 3px 9px no-repeat;
	padding:3px 10px;}

/*----------------------------------------------------
	店舗情報
----------------------------------------------------*/
#main #btnMember{
	margin-top:-48px;
	margin-right:45px;
	text-align:right;}
.shopTop a{
	font-weight:bold;}
#main .shopTop{
	background:url(../data/photo_bg.jpg) no-repeat;
	height:220px;}
#main .shopTop .partsImg{
	margin:5px;}
#main .shopTop .partsTxt{
	margin:8px 10px;}
#main .shopTop .partsImg img{
	border:1px solid #999;}

	
#main .memberPict .partsImg{
	padding:10px 0;
	text-align:left;
	width:140px;}
#main .memberPict .partsImg img{
	border:1px solid #999;}
#main .memberTxt{
	padding:10px 0;
	width:420px;}
#main .memberTxt .partsTxt{
	border-top:1px dotted #ccc;
	padding:10px 0 0 0;}

#main .shopVisual{
	width:630px;
	margin:0 auto 20px auto;
	overflow:hidden;
	border:1px solid #999;}
#main .shopVisual img{}



/*----------------------------------------------------
	用語集
----------------------------------------------------*/
.tabYougo{
	border-bottom:3px solid #FF9A00;
	padding-bottom:5px;}
.tabYougo ul{
	width:100%;
	padding-left:5px;
	overflow:hidden;}
.tabYougo li{
	float:left;
	margin-right:3px;}
.tabYougo li a,
.tabYougo li a:visited{
	text-align:center;
	display:block;
	color:#333;
	width:50px; height:30px;
	line-height:30px;
	text-decoration:none;
	background:url(../data/tab_yougo.gif) no-repeat;}
.tabYougo li a:hover,
.tabYougo li a.selected,
.tabYougo li a.selected:visited{
	font-weight:bold;
	background:url(../data/tab_yougo.gif) no-repeat 0 -31px;}

.listYougo ul{
	margin:0 15px;}
.listYougo li{
	padding:5px 0;
	background:url(../data/icon_arrow.gif) no-repeat left center;
	padding-left:12px;
	border-bottom:1px solid #ddd;}
	




/*----------------------------------------------------
	サイトマップ
----------------------------------------------------*/
#main #siteMap {
	width:600px;
	margin:auto;}
#siteMap ul ul{
	margin-left:30px;}
#siteMap li{
	padding:2px 0;
	margin:0;}
#siteMap li a{
	padding:3px 0 3px 25px;
	background:url(../data/side_shop_icon.gif) no-repeat left center;
	display:block;
	border-bottom:1px solid #ddd;}
#siteMap li li a{
	padding:3px 0 3px 15px;
	background:url(../data/icon_arrow.gif) no-repeat left center;}
#siteMap li li li a{
	background:url(../data/h3.gif) no-repeat left center;}
	



/*----------------------------------------------------
	動的：ニュース
----------------------------------------------------*/
#areaNews{
	margin-top:-10px;
	text-align:center;
	padding-bottom:20px;}
/*----------------------------------------------------
	動的：セミナー
----------------------------------------------------*/
#areaSeminer th,
#areaSeminer td{
	padding:3px 5px;}
/*----------------------------------------------------
	動的：キャンペーン
----------------------------------------------------*/
#areaCampaignDetail .date{
	padding:10px 0;}


/*----------------------------------------------------
	動的：#areaSchedule 経済スケジュール
----------------------------------------------------*/
#areaSchedule{
	width:665px;
	margin:auto;}
#areaSchedule .tableNormal{
	width:665px;}
#areaSchedule .monthPaging a{
	margin-left:10px;}


/*----------------------------------------------------
	動的：#areaScreeningGolden
----------------------------------------------------*/
#areaScreeningGolden th,
#areaScreeningGolden td{
	padding:3px;}
#areaScreeningGolden td.cell03,
#areaScreeningGolden td.cell04,
#areaScreeningGolden td.cell05,
#areaScreeningGolden td.cell06{
	width:90px;
	text-align:right;}

/*----------------------------------------------------
	動的：#areaAnalyst　アナリストレポート
----------------------------------------------------*/
#areaAnalyst .visual{
	margin-bottom:20px;}
#areaAnalyst .date{
	width:100%;
	font-weight:bold;
	position:relative;}
#areaAnalyst .date span{
	position:absolute;
	right:0; top:0;
	display:block;
	width:51px; height:21px;
	text-indent:-9999px;}
#areaAnalyst .date .iconMonthly{background:url(../data/icon_repo_type.gif) no-repeat 0 0;}
#areaAnalyst .date .iconWeekly{background:url(../data/icon_repo_type.gif) no-repeat 0 -21px;}
#areaAnalyst .article{
	padding-bottom:20px;
	border-bottom:1px dotted #999;}
#areaAnalyst .btmLink{
	width:500px;
	padding:20px 0;
	margin:auto;
	overflow:hidden;}
#areaAnalyst .btmLink a{
	display:block;
	width:220px; height:50px;
	outline:none;
	overflow:hidden;
	text-indent:-9999px;}
#areaAnalyst .btmLink .weekly{background:url(../data/btn_analyst_weekly.jpg) no-repeat}
#areaAnalyst .btmLink .monthly{background:url(../data/btn_analyst_monthly.jpg) no-repeat}
	
#sideProf p.title{
	font-size:16px;
	margin:0;
	background:url(../data/side_title.jpg) repeat-x top #FBB673;
	padding:3px 5px 0 5px;
	font-weight:bold;
	color:#fff;
	border-bottom:1px solid #ccc;}

#sideProf .article{
	padding:10px;}
#sideProf .article span{
	display:block;
	font-weight:bold;
	margin-bottom:5px;}

#sideRepo01 .title,
#sideRepo02 .title{
	line-height:30px;
	padding-left:15px;
	font-weight:bold;
	font-size:16px;}
#sideRepo01 .title{	background:url(../data/bg_analyst_weekly.jpg) repeat-x;}
#sideRepo02 .title{	background:url(../data/bg_analyst_monthly.jpg) repeat-x;}
#sideRepo01 dl,
#sideRepo02 dl{
	margin:10px;}


#layout #areaAnalyst h2.weekly{background:url(../data/bg_analyst_weekly.jpg) repeat-x; color:#333; line-height:30px;}
#layout #areaAnalyst h2.monthly{background:url(../data/bg_analyst_monthly.jpg) repeat-x; color:#333; line-height:30px;}

.backNumber{
	padding-bottom:30px;
	width:100%;}
.backNumber li{
	margin-left:15px;
	padding-left:15px;
	margin-bottom:5px;
	background:url(../data/icon_arrow.gif) no-repeat left center ;}
.backNumber li span{
	padding:0 10px 0 0;}
/*----------------------------------------------------
	動的：#areaInfoDetail	お知らせ
----------------------------------------------------*/
#areaInfoDetail .pdf a{
	background:url(../data/icon_pdf02.gif) no-repeat;}

/*----------------------------------------------------
	動的：#areaScreening	スクリーニング情報
----------------------------------------------------*/
#areaScreening .link{
	margin-top:20px;
	overflow:hidden;
	border-top: 1px dotted #999;
	padding:5px 0;}
#areaScreening .typeNavi li{
	margin-right:10px;}

#areaScreeningList dt{
	font-weight:bold;}
#areaScreeningList dd{
	margin-bottom:15px;}


/*----------------------------------------------------
	動的：#pagePopupToshin
----------------------------------------------------*/

#pagePopupToshin{
	background:#efefef;}
#pagePopupToshin #all{
	background:url(../data/bg.jpg) repeat-x top #fff;
	width:878px;}
#pagePopupToshin #header{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;}
#pagePopupToshin #header .floatL{
	padding-left:20px;}
#pagePopupToshin #main{
	background:none;
	float:none;
	width:878px;
	border-top:none;
	margin-top:0;
	margin-bottom:0;}
#pagePopupToshin #main .inner{
	width:720px;
	margin:auto;}
#pagePopupToshin #main .inner .area{
	width:100%;}
#pagePopupToshin #main .inner .partsH1{
	background:none;
	text-align:center;}
#pagePopupToshin #main .inner .partsH2{	
	width:auto;}
#pagePopupToshin #main .inner .wrap{
	text-align:center;
	margin-bottom:40px;}
#pagePopupToshin #main .inner .floatL .partsH2,
#pagePopupToshin #main .inner .floatR .partsH2{
	width:330px;}
#pagePopupToshin #main .inner .typeNavi li{
	margin-right:5px;
	margin-bottom:10px;}
	
#pagePopupToshin #main .inner .area03{
	margin-bottom:0;}
#pagePopupToshin #main .inner .area03 li{
	padding:3px;}

#pagePopupToshin #footer{
	width:880px;}
#pagePopupToshin #footer address{
	float:none;
	width:870px;
	clear:both;
	text-align:center;
	padding-top:10px;}


/*選ばれる理由*/
#all .page63 .navi01 a,
#all .page63 .navi01 a:visited{background:url(../data/navi.jpg) no-repeat -104px -38px ;}

/*国内株式*/
#all .page64 .navi02 a,
#all .page64 .navi02 a:visited{background:url(../data/navi.jpg) no-repeat -208px -38px ;}

/*投資信託*/
#all .page84 .navi03 a,
#all .page84 .navi03 a:visited{background:url(../data/navi.jpg) no-repeat -312px -38px ;}

/*中国株式*/
#all .page85 .navi04 a,
#all .page85 .navi04 a:visited{background:url(../data/navi.jpg) no-repeat -416px -38px ;}

/*債券*/
#all .page86 .navi05 a,
#all .page86 .navi05 a:visited{background:url(../data/navi.jpg) no-repeat -520px -38px ;}

/*投資情報*/
#all .page78 .navi06 a,
#all .page78 .navi06 a:visited{background:url(../data/navi.jpg) no-repeat -624px -38px ;}

/*手数料*/
#all .page70 .navi07 a,
#all .page70 .navi07 a:visited,
#all .page159 .navi07 a,
#all .page159 .navi07 a:visited{background:url(../data/navi.jpg) no-repeat -728px -38px ;}

/*店舗情報*/
#all .page89 .navi08 a,
#all .page89 .navi08 a:visited{background:url(../data/navi.jpg) no-repeat -832px -38px ;}