@charset "utf-8";

/*
	Reset
*******************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
li {list-style:none;}
img {border:0;}

/*
	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 */



/*
	replaceImg
*******************************/

.replaceImg { text-indent: -9999px; overflow: hidden; background-repeat: no-repeat;}


/*
	Header
*******************************/
div#header { width:1000px; height:58px; margin:0 auto 10px; position:relative; background:url(../img/bg_top_line.jpg) left top no-repeat;}
	h1 { width: 1000px; height:51px; position:absolute; bottom:0; background:url(../img/bg_head_banner.gif) left top repeat-x;}
		h1 a { display:block; width:407px; height:51px; background:url(../img/logo_kabunavi.gif); margin-left:50px;}



/*
	Container
*******************************/


div#container { width:900px; margin:0 auto;}
	#imgCatch { margin-bottom:30px;}

/* コミュニティページ用 */
	p.commuOnly01 { width: 840px; margin:0 auto; font-size:116%; line-height:1.4em; }
/* 株初心者ページ用 */
	p.beginnerOnly01 { width:100%; text-align:center;}
	p.beginnerOnly02 { margin-bottom:20px;}

/* 各ページタイトルのスタイル */
	h2.titleLv1 { margin-bottom:30px;}
	h2.titleLv1_02 { margin-bottom:15px;}
	h3.titleLv2_01 { width:900px; height:39px; margin-bottom:20px;}
		/* screening */
		h3#sttlScreening01 { background: url(../img/screening/sttl_01.gif);}
		h3#sttlScreening02 { background: url(../img/screening/sttl_02.gif);}
		h3#sttlScreening03 { background: url(../img/screening/sttl_03.gif);}
			h3.titleLv2_01 span.screening { font-size:138.5%; font-weight:bold; line-height:39px; color:#FF821E; margin-left:340px;}
		/* corporate_data */
		h3#sttlCorporate01 { background: url(../img/corporate_data/sttl_01.gif);}
		h3#sttlCorporate02 { background: url(../img/corporate_data/sttl_02.gif);}
		h3#sttlCorporate03 { background: url(../img/corporate_data/sttl_03.gif);}
		h3#sttlCorporate04 { background: url(../img/corporate_data/sttl_04.gif);}
			h3.titleLv2_01 span.corporate { font-size:138.5%; font-weight:bold; line-height:39px; color:#FF821E; margin-left:307px;}
		/* stockholder */
		h3#sttlStockholder01 { background: url(../img/stockholder/sttl_01.gif);}
		h3#sttlStockholder02 { background: url(../img/stockholder/sttl_02.gif);}
			h3.titleLv2_01 span.stockholder { font-size:138.5%; font-weight:bold; line-height:39px; color:#FF821E; margin-left:285px;}
			h3.titleLv2_04 span.stockholder { font-size:138.5%; font-weight:bold; line-height:28px; padding-top:6px; color:#FF821E; display:block; margin-left:285px;}
		/* calendar */
		h3#sttlCalendar01 { background: url(../img/calendar/sttl_01.gif);}
		h3#sttlCalendar02 { background: url(../img/calendar/sttl_02.gif);}
			h3.titleLv2_01 span.calendar { font-size:138.5%; font-weight:bold; line-height:39px; color:#FF821E; margin-left:375px;}
			h3.titleLv2_04 span.calendar { font-size:138.5%; font-weight:bold; line-height:28px; padding-top:6px; color:#FF821E; display:block; margin-left:375px;}
		/* screening */
		h3#sttlPortfolio01 { background: url(../img/portfolio/sttl_01.gif);}
		h3#sttlPortfolio02 { background: url(../img/portfolio/sttl_02.gif);}
			h3.titleLv2_01 span.portfolio { font-size:138.5%; font-weight:bold; line-height:39px; color:#FF821E; margin-left:365px;}
		/* community */
		h3#sttlCommunity01 { background: url(../img/community/sttl_01.gif);}
		h3#sttlCommunity02 { background: url(../img/community/sttl_02.gif);}
			h3.titleLv2_01 span.community { font-size:138.5%; font-weight:bold; line-height:39px; color:#FF821E; margin-left:360px;}
		/* beginner */
		h3#sttlBeginner01 { background: url(../img/beginner/sttl_03.gif);}
		h3#sttlBeginner02 { background: url(../img/beginner/sttl_04.gif);}
		h3#sttlBeginner03 { background: url(../img/beginner/sttl_05.gif);}
			h3.titleLv2_01 span.beginner { font-size:138.5%; font-weight:bold; line-height:39px; color:#FF821E; margin-left:278px;}			
			
	h3.titleLv2_02 { font-size:138.5%; font-weight:bold; line-height:normal; color:#FF821E; padding:10px; margin-bottom:20px; background-color:#FFF2E8;}
	h3.titleLv2_03 { width:900px; margin-bottom:20px;}
	h3.titleLv2_04 { width:900px; height:68px; margin-bottom:20px;}
		h3#sttlScreening01 { background: url(../img/screening/sttl_01.gif);}
	h3.titleLv2_05 { width:900px; margin:20px 0;}

/* 「株なび」を見てみるのスタイル */
	p.lookKabunavi { width:100%; text-align:right; margin-top:25px; margin-bottom:45px; clear:both;}
		p.lookKabunavi a { padding-left:15px; background:url(../img/icon_link01.gif) no-repeat left center;}

/* 「もっと詳しく見る」のスタイル（右寄せ） */
	p.lookLinkR { width:100%; text-align:right; margin-top:25px; margin-bottom:45px; clear:both;}
		p.lookLinkR a { padding-left:35px; background:url(../img/icon_link01.gif) no-repeat left center;}

/* 「もっと詳しく見る」のスタイル（中央） */
	p.lookLinkC { width:100%; text-align:right; margin-top:25px; margin-bottom:45px; clear:both;}
		p.lookLinkC a { padding-left:15px; background:url(../img/icon_link01.gif) no-repeat left center;}

		
/* 会員登録の部分のスタイル */
table.member { margin-bottom:45px;}
	table.member td { font-size:12px;}
		table.member td strong { font-weight:normal; color:#ff0000;}
		table.member td a {}

/* Container中の「p」「a」のスタイル */
	div#container p { font-size:116%; line-height:1.4em;}
	div#container p strong { color:#ff0000;}
	div#container p strong.storong2 { color:#0000ff;}
	a,
	a:link,
	a:visited { color:#0000ff;}

/* contentsBoxのスタイル */
div.contentsBox { margin-bottom:30px;}
	div.contentsBox p { font-size:116%; margin-bottom:0.5em;}
	div.contentsBox li { font-size:116%; margin-bottom:2px;}
	div.contentsBox dl#analyst { margin-top:13px;}
		div.contentsBox dt { font-size:116%; color:#FF821E;}
			div.contentsBox dt span { font-weight:bold;}
		div.contentsBox dd { font-size:116%; margin-bottom:14px;}

/* contentsBox > 各imgBoxのスタイル */	
	div.imgBox01 { width:350px; float:right; text-align:right;}
	div.imgBox02 { float:left; margin-right:10px;}
	div.imgBox03 { margin-bottom:15px;}
		div.imgBox03 a.clickLB { background:url(../img/icon_click_zoom.gif) no-repeat left center; padding-left:15px; padding-right:10px; font-size:85%; float:right; margin-bottom:6px;}
			div.imgBox03 div a,div.imgBox03 div a:link,
/*			div.imgBox03 div a:visited,div.imgBox03 div a:hover { color:#666; text-decoration:none;} */
		div.imgBox03 p { margin-bottom:15px;}
		div.imgBox03 div { width:300px; float:left;}
			div.imgBox03 div p { clear:both; width:260px; margin:0 auto;}
	div.imgBox04 { float:right; margin-left:10px;}
	div.imgBox05 { float:right; margin-left:30px;}
	div.imgBox06 { margin-bottom:15px;}
		div.imgBox06 p { margin-bottom:35px;}
			div.imgBox06 #imgBox06Inner { width:600px; margin:0 auto;}
				div.imgBox06 #imgBox06Inner div { width:300px; float:left;}
					div.imgBox06 #imgBox06Inner div p { clear:both; width:250px; margin:0 auto;}
	div.imgBox07 {width:880px; margin:10px auto 30px; background:url(../img/beginner/bg_what_kabunavi.gif) repeat-y;}
		div.imgBox07 .top {
	width:880px;
	height:auto;
	background:url(../img/beginner/bg_what_kabunavi_top.gif) no-repeat;
}
		div.imgBox07 .top div {
	width:210px;
	float:left;
	margin-right:12px;
}
			div.imgBox07 .top div p { padding:14px;}
		div.imgBox07 .top div.last { margin-right:0;}
		div.imgBox07 .bottom { clear:both; width:880px; height:1px; background:url(../img/beginner/bg_what_kabunavi_top.gif) no-repeat;}
		div.imgBox07 .bottom hr { display:none;}
	div.imgBox08 {width:880px; margin:10px auto 30px; background:url(../img/beginner/bg_fukidashi.gif) repeat-y;}
		div.imgBox08 .top {
	width:880px;
	height:auto;
	background:url(../img/beginner/bg_fukidashi_top.gif) no-repeat;
}
		div.imgBox08 .top div {
	width:280px;
	float:left;
	margin-right:20px;
}
			div.imgBox08 .top div p { padding:14px 14px 0;}
		div.imgBox08 .top div.last { margin-right:0;}
		div.imgBox08 .bottom { clear:both; width:880px; height:44px; background:url(../img/beginner/bg_fukidashi_bottom.gif);}
		div.imgBox08 .bottom hr { display:none;}

/* お客さまの声のスタイル */
div.userVoice { width:880px; margin:30px auto 0; background:url(../img/bg_uservoice_top.gif) no-repeat left top; padding-top:11px;}
	div.userVoice div.userComents { width:880px; background:url(../img/bg_uservoice.gif) repeat-y; padding-bottom:10px;}
		div.userComents p { width:280px; float:left; margin-right:20px;}
			div.userComents p span { display:block; width:252px; margin:0 auto;}
			div.userComents .user1 {}
			div.userComents .user2 {}
			div.userComents .user3 { margin-right:0;}
	div.userVoice .under { width:880px; height:120px; background-repeat:no-repeat;}
		div.userVoice .screening { background:url(../img/screening/bg_uservoice_under01.gif);}
		div.userVoice .corporate { background:url(../img/corporate_data/bg_uservoice_under01.gif);}
		div.userVoice .analyst { background:url(../img/analyst_report/bg_uservoice_under01.gif);}
		div.userVoice .stockholder { background:url(../img/stockholder/bg_uservoice_under01.gif);}
		div.userVoice .portfolio { background:url(../img/portfolio/bg_uservoice_under01.gif);}
		div.userVoice .community { background:url(../img/community/bg_uservoice_under01.gif);}
		div.userVoice .beginner { background:url(../img/beginner/bg_uservoice_under01.gif);}

hr.orenge { width:900px; height:3px; color:#FF821E; border: 2px solid #FF821E; margin:20px 0;}

/*
	Footer
*******************************/
#foot { width:900px; margin:0 auto;	border-top:1px #eee solid;}
#topfooter,#foot { clear:both;width:900px;height:70px;text-align:center;margin-top:15px;padding-top:10px;}
#topfooter {border-top:1px #444 solid;}
	#footnavi { margin:0 auto 5px;list-style:none; }
	#invlogo {margin-top:10px;}
	#copy {margin:0px 0 10px 0; color:#909090; letter-spacing:1px;}

.foothr {
	background:url('/images/common/foot_hr.gif') repeat-x;
	height:10px;
	width:760px;
}
#footer .navi02 {
	font-size:10px;
	line-height:20px;
}

#topfooter a {color:#ccc; }

.txtss {font-size:x-small;}

#foot a { padding:0 2px;}
#foot a:link { color: #276fd0}
#foot a:visited { color: #276fd0}
#foot a:active { color: #cc0000}
#foot a:hover {color:#8ebbf7}

