@charset "UTF-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通スタイル
　02. レイアウト設計
　03. メインコンテンツ
　04. ローカルナビ  
　05. カテゴリごとのスタイル  
　06. レコメンドフッター 

******************************************************************************* */

/* ==

　00. file import

=============================================================================== */

/* ==

　01. 共通スタイル

=============================================================================== */

/* リンクアイコン */
ul.arrow02 li{
	margin-top:2px;
	padding-left:6px;
	background:url(/common/images/renew2009/arrow_02.gif) no-repeat left 6px ;
}
ul.arrow02 a{
}

/* マージン */

.mb0{ margin-bottom:0 !important;}

/* ==

　02. レイアウト設計

=============================================================================== */

div#csr_mainwrap{
	padding-bottom:20px;
	float:right;
	margin-top:10px;
	width:730px;
	line-height:1.5;
}

	div#csr_main{
		padding:20px 19px;
		width:670px;
		border:1px solid #e5e5e5;
		line-height:1.5;
	}
	
		div#csr_main p,
		div#csr_main ul li,
		div#csr_main dl dt,
		div#csr_main dl dd,
		div#csr_main th,
		div#csr_main td{
			font-size:117%;
		}
		div#csr_main p.inner,
		div#csr_main ul.inner li,
		div#csr_main dl.inner dt,
		div#csr_main dl.inner dd,
		div#csr_main table.inner th,
		div#csr_main table.innertd{
			font-size:100%;
		}

	div#csr_side{
		width:200px;
		float:left;
	}

/* ////////////////////////////////// CSRヘッダー */

div#csr_ttlArea{
	padding:9px 10px 10px 14px;
	background-color:#444444;
}

/* ////////////////////////////////// パンくずリスト */

body#csr .container .topicPath{
	background:none;
	padding-right:350px;
	width:595px;
}
body#csr .container .topicPath p{
	color:#666;
}

body#csr .container .topicPath ul{
	/display: inline !important;
}

body#csr .container .topicPath ul,
body#csr .container .topicPath p,
body#csr .container .topicPath h1{
	/display: inline !important;
	/float:none;
}

body#csr .container .topicPath ul li{
	/float:none;
	/display:inline;
	/white-space:nowrap;
}

body#csr .container .topicPath ul li a{
	zoom:1;
}


/* ==

　03. メインコンテンツ

=============================================================================== */

.csr_section{
	margin:30px auto 0;
	width:630px;
}

/* 一文字あけ */

.indent{
	margin-top:1.25em;
	text-indent:1em;
}

/* ////////////////////////////////// メイン下部のリンクメニュー */

div#second_menu{
	margin:50px auto;
	padding:20px 10px 10px;
	background-color:#e7e7dd;
	width:670px;
	/*width:650px;*/
}

	div#second_menu h2{
		margin-bottom:10px;
		padding-left:10px;
		background:none;
		font-weight:normal;
		font-size:120%;
	}

div#menu_in{
	padding:10px 0 10px 20px;
	background-color:#FFF;
	/*width:620px;*/
}
	
	div#second_menu ul{
		margin-right:20px;
		/*width:186px;*/
		float:left;
	}
	
	* html div#second_menu ul{
		margin-right:10px;
	}
	
		div#second_menu ul li{
			padding:6px 10px 10px 10px;
			background-position:left 12px;
			background-repeat:no-repeat;
			background:url(/common/images/renew2009/arrow_02.gif) no-repeat left 12px !important;
			font-size:100%;
			font-weight:bold;
			text-align:left;
		}
		

/* ==

　04. ローカルナビ

=============================================================================== */

div#csr_side h2{
	margin-top:10px;
	margin-bottom:0 !important;
}

/* ////////////////////////////////// CSRフリーワード検索 */

#side_search{
	margin-bottom:15px;
	padding:15px 10px 10px;
	background-color:#FFFFFF;
	border:1px solid #e5e5e5;
	border-top:none;
}

#csr_side h2#ttl_search{
	margin-bottom:0;
	margin-top:0;
}
	#side_search input#i_search_input{
		padding:3px 3px 4px 3px;
		background:#e9e9e0;
		/*background:#e9e9e0 url(../2012/images/bg/keyword_input.gif) repeat-x left top;*/
		border-color:#babab3 #e0e0d7 #f2f2ec #e0e0d7;
		border-style:solid;
		border-width:1px;
		margin-right:10px;
		width:114px;
		font-size:100%;
		color:#212105;
	}
	
	#side_search input{
		vertical-align:middle;
	}

#btn_pickup{ margin-top:11px; }

/* ////////////////////////////////// CSRレポート2012 */

#side_report{
	border:1px solid #e5e5e5;
	margin-top:0;
	padding:10px 18px 18px 18px;
}

	#side_report li{
		margin-top:5px;
		line-height:1.5;
	}
	
#report_book{
	margin-bottom:19px;
	text-align:center;
}

/* ////////////////////////////////// バナーリスト */
.bnr_menu{
	margin-top:2px;
}
.bnr_menu li{
	margin-bottom:3px;
}

/* ////////////////////////////////// 下層のローカルナビ */

.lnav{
	margin-bottom:20px;
	float:none;
}
.lnav p a  {
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    width: 200px;
}
.lnav p.title a{ background-image:url(/csr/images/lnav_title.gif); }
/*.lnav .lnav01 p a{ background-image:url(/csr/images/lnav_subt_about.gif); }
.lnav .lnav03 p a{ background-image:url(/csr/images/lnav_subt_philosophy.gif); }
.lnav .lnav04 p a{ background-image:url(/csr/images/lnav_subt_management.gif); }
.lnav .lnav05 p a{ background-image:url(/csr/images/lnav_subt_highlight.gif); }
.lnav .lnav06 p a{ background-image:url(/csr/images/lnav_subt_release.gif); }*/

.lnav .lnav01 p a{ background-image:url(/csr/images/lnav/lnav_subt_about.gif); }
.lnav .lnav02 p a{ background-image:url(/csr/images/lnav/lnav_subt_csr.gif); }
.lnav .lnav03 p a{ background-image:url(/csr/images/lnav/lnav_subt_contribution.gif); }
.lnav .lnav04 p a{ background-image:url(/csr/images/lnav/lnav_subt_blog.gif); }
.lnav .lnav05 p a{ background-image:url(/csr/images/lnav/lnav_subt_report.gif); }
.lnav .lnav06 p a{ background-image:url(/csr/images/lnav/lnav_subt_special.gif); }
.lnav .lnav07 p a{ background-image:url(/csr/images/lnav/lnav_subt_diversity.gif); }

div.lnav ul{display: none;}
/*div.lnav .lnav04 ul{display: block;}*/

/* ==

　04. CSR共通スタイル

=============================================================================== */

/* ///////////////////////////////////////// ClearFix */

.clear{
	clear:both;
}

/* modern browsers */

.clearfix:after,
.fBox:after,
.section:after,
div#csr_wrap:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE7 */

.clearfix,
.fBox,
.section,
div#csr_wrap{
	display: inline-block;
}

/* legacy IE */

* html .clearfix,
* html .fBox,
* html .section,
* html div#csr_wrap{
	height: 1%;
}

.clearfix,
.fBox,
.section,
div#csr_wrap{
	display: block;
}


/* /////////////////////////////////////////////////////////////////////////// float style */

.fr{
	float:right;
}

.fl{
	float:left;
}

ul.fBox li{
	float:left;
	display:inline;
}

.float_img.fr{
	padding-left:40px;
}

.float_img.fl{
	padding-right:40px;
}


/* /////////////////////////////////////////////////////////////////////////// text style */

sub{
	vertical-align:bottom;
}

/* PDFアイコン */

div#csr_main p.icon_pdf{
	/*padding-right:18px;
	padding-bottom:3px;
	background:url(../images/icon/pdf.gif) no-repeat right center;*/
	font-size:100% !important;
	/zoom:1;
}

	.icon_pdf span.filesize{
		font-size:83.3% !important;
	}

img.pdf{
	padding-left:5px;
	vertical-align:middle;
}

* html img.pdf{
	vertical-align:bottom;
}

.icon_pdfR{
	padding-right:18px;
	background:url(../2012/images/icon/pdf.gif) no-repeat right 3px;
}