/* 共通
---------------------------------*/

/* コラム */
#main .columnBox {
	margin-left: 10px;
	padding-top: 13px;
	background: url(/en/csr/images/bg-borderbox_top.gif) no-repeat left top;
}
#main .columnBox .btmBox {
	padding-bottom: 11px;
	padding-right: 11px;
	background: url(/en/common/images/bg-borderbox_btm.gif) no-repeat left bottom;
}
#main .borderBox p{
	margin-left:15px;
}
#main .columnBox .btmBox .img {
	margin-bottom:0;
	padding-right:15px;
	width:173px;
}
#main .columnBox .btmBox .right {
	float:right;
}
#main .columnBox .btmBox .txt {
	margin-bottom:0;
	width:475px;
	margin-left:5px;
}
#main .columnBox .btmBox .caption {
	width:173px;
}
#main .columnBox .btmBox h4 {
	margin:3px 15px 15px;
	background-color:#eff2f5;
	padding:7px;
	color:#0265ca;
}
#main .columnBox .btmBox h5 {
	margin-left:10px;
	margin-bottom:3px;
	font-size:93%;
	font-weight:bold;
}
#main .columnBox p.columnTxt {
	font-size:85%;
}

#main .columnBox .textarea {
	padding:0 15px 0 5px;
}

#main .columnBox .signature {
	margin-right:10px;
	text-align:right;
}

/* 写真Caption */
#main .caption {
	margin-top:4px;
	margin-bottom:10px;
	float:left;
	font-size:92%;
	line-height:140%;
}

/* テーブル内テキスト */
#main table td.txt {
	text-align:left;
}

/* テーブル用Caption */
#main table caption {
	text-align:right;
}

/* リスト */
#main ol.decimal li {
	margin-bottom:7px;
}
#main ul {
	margin-left:10px;
	line-height:150%;
}
#main ul.mark li {
	margin-bottom:7px;
}
#main ul.normal li {
	margin-bottom:7px;
}
#main ol.decimal li strong,
#main ul.mark li strong,
#main ul li strong,
#main .caption strong {
	color:#0265CA;
}
#main table ol.decimal li,
#main ul li ul.mark li,
#main table ul.mark li {
	margin-bottom:0;
}
#main .section ul li ul.mark li.notes {
	margin-left:5px;
	background:none;
	font-size:92%;
}
#main .section ul li ul.mark {
	font-size:100%;
}
#main table strong {
	color:#0265CA;
}

/* テーブル内リスト */
#main table ul.mark {
	margin-left:0;
	margin-top:8px;
	margin-bottom:0;
	font-size:100%;
	line-height:130%;
}
#main table ol.decimal {
	margin-left:20px;
	margin-top:8px;
	font-size:100%;
	line-height:130%;
}
*:first-child+html #main table ol.decimal { /* IE7 */
	margin-left:25px;
}
* html #main table ol.decimal {/* IE6 */
	margin-left:25px;
}
#main table p.txt_table {
	margin-left:0;
	font-size:100%;
}

/* 注釈 */
#main .section .notes {
	margin-left:26px;
	margin-bottom:0;
	color:#666;
	font-size:85%;
	text-indent: -1.4em;
	/*text-indent: -0.9em;*/
	line-height:140%;
}
#main .section .notes span {
	margin-right:0.5em;
	color:#0265CA;
}
#main sup.notice {
	margin-bottom:10px;
	color:#0265CA;
	vertical-align:top;
}
#main .section .imageUnit p.notes {
	margin-left:18px;
	text-indent:-1.5em;
}
#main .section .imageUnit p.notes span {
	margin-right:0.5em;
}
#main .section span.caption .notes {
	margin-left:0;
	font-size:100%;
}

/* 写真caption＋図表 */
#main .doubleBox {
	width:714px;
}
#main .doubleBox div {
	float:left;
}
#main .doubleBox p {
	margin-bottom:0;
}
#main .doubleBox .graph {
	margin-right:9px;
}
#main .doubleBox .photo {
	margin-right:9px;
}
#main .doubleBox .caption {
	margin-top:4px;
	float:none;
	font-size:85%;
	line-height:140%;
}
#main .doubleBox .w156 {
	width:156px;
}

/* float clear */
#main .clear {
	clear:both;
}

/* テキスト空け */
#main p.changeTxt {
	margin-bottom:40px;
}
#main p.paragraph {
	margin-bottom:60px;
}

/* インタビュー用h3 */
#main h3.interview {
	/*background:#EFF2F5;*/
	border-bottom:1px solid #0265CA;
	border-top:1px solid #0265CA;
	color: #0265CA;
}

/* 太文字 */
#main p.stress {
	font-weight:bold;
}

/* リストインデントなし */
#main ul.ex_list {
	margin:0px;
}

/* 表、図表下の注釈、リンク */
#main p.particular {
	margin-top:10px;
}

/* 枠内　h4 list */
#main .borderBox .btmBox h4 {
	margin:5px 0 10px;
	padding-left:0;
}
#main .borderBox ol {
	margin:0 10px 0 20px;
}
*:first-child+html #main .borderBox ol { /* IE7 */
	margin:0 10px 0 25px;
}
* html #main .borderBox ol {/* IE6 */
	margin:0 10px 0 25px;
}
#main .borderBox img {
	float:right;
}
#main .borderBox p.notes {
	margin-left:15px;
}

#main sup.notice2 {
	margin-bottom:10px;
	vertical-align: super;
}


/* 関連ページリンク */
#main .relationLink {
	margin: 0;
	padding-bottom: 30px;
}
#main .relationLink li {
	font-size: 85%;
	display: inline;
	line-height: 1.6;
	background: url(../../../en/csr/images/icon_relation_link.gif) no-repeat 0 0;
	white-space: nowrap;
	_white-space:normal;
	padding-top: 1px;
	padding-left: 18px;
	padding-bottom: 3px;
	margin-right: 10px;
	_height:1%;
}
#main .relationLink li a {
	color: #000000;
	text-decoration: none;
}
#main .relationLink li a:hover {
	color: #0265CB;
	text-decoration: underline;
}

/* 関連ページリンク2 */
#main dl.relationLinkBtm {
	clear: both;
	margin: 0;
	padding: 0;
}
#main dl.relationLinkBtm dt {
	float: left;
	width: 95px;
	height: 23px;
	margin: 0 10px 0 0;
	text-indent: -7777px;
	background: url(../../../en/csr/images/icon_relation.jpg) no-repeat left top;
}
#main dl.relationLinkBtm dd {
	float: left;
	width: 620px;
	margin-top: 3px;
}

/* Feedback Button */
.fbLink {
	clear: both;
	text-align: right;
	margin: 0 0 30px 0;
}

/* テキスト右寄せ */
#main .txtSideR {
	text-align: right;
}

/* テキストセンター */
#main .txtPosC {
	text-align: center;
}

/* Side Bar
---------------------------------*/

#sidebar .banner {
	margin-bottom: 18px;
}



/* CSRトップページ
---------------------------------*/
#main h1.topimg {
	margin-bottom:18px;
	/* for slideshow images */
	height:165px;
}

/* for slideshow images */
#chgimg {
	position:relative;
	width:714px;
	height:165px;
}
#chgimg img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}
#chgimg img.active {
	z-index:10;
}
#chgimg img.last-active {
	z-index:9;
}

#main .section p.explain {
	margin-left:0;
	color:#666;
	font-size:85%;
	line-height:140%;
}

/* 写真3列 */
#toppage #main .triple,
#toppage #main .triple2 {
	margin-bottom: 20px;
	background: url(/en/csr/images/bg-tripleBox_btm.gif) no-repeat left bottom;
	width:715px;
}
#toppage #main .triple2 {
	background: url(/en/csr/images/bg-tripleBox_btm2.gif) no-repeat left bottom;
}

#toppage #main .triple h2,
#toppage #main .triple2 h2 {
	margin: 0 0 7px;
	padding: 0;
	width: 226px;
	background: none;
}
#toppage #main .triple .img,
#toppage #main .triple2 .img {
	margin: 0 0 10px;
	width: 226px;
	text-align: center;
}
#toppage #main .triple .txt,
#toppage #main .triple2 .txt {
	padding: 0 10px 10px;
	font-size: 93%;
	line-height: 133%;
	width:206px;
}
#toppage #main .triple .left,
#toppage #main .triple .center,
#toppage #main .triple .right,
#toppage #main .triple2 .left,
#toppage #main .triple2 .center,
#toppage #main .triple2 .right {
	float: left;
	width: 226px;
}
#toppage #main .triple .left,
#toppage #main .triple .center,
#toppage #main .triple2 .left,
#toppage #main .triple2 .center {
	margin-right: 18px;
}

#toppage #main .triple .txt span,
#toppage #main .double .txt span,
#toppage #main .triple2 .txt span,
#toppage #main .double2 .txt span {
	margin-top:5px;
	display:block;
}

#toppage #main .triple3,
#toppage #main .triple3w {
	margin: 19px 0 0 0;
	background: url(../../../en/csr/images/bg-tripleBox3_btm.gif) no-repeat left bottom;
	width:696px;
}
#toppage #main .triple3w {
	float: left;
	width: 461px;
	margin: 19px 0 0 0;
}

#toppage #main .triple3 h2,
#toppage #main .triple3w h2 {
	margin: 0 0 7px;
	padding: 0;
	width: 226px;
	background: none;
}
#toppage #main .triple3 .img,
#toppage #main .triple3w .img {
	margin: 0 0 10px;
	width: 226px;
	text-align: center;
}
#toppage #main .triple3 .txt,
#toppage #main .triple3w .txt {
	padding: 0 10px 10px;
	font-size: 93%;
	line-height: 133%;
	width:206px;
}
#toppage #main .triple3 .left,
#toppage #main .triple3 .center,
#toppage #main .triple3 .right,
#toppage #main .triple3w .left,
#toppage #main .triple3w .center,
#toppage #main .triple3w .right {
	float: left;
	width: 226px;
}
#toppage #main .triple3 .left,
#toppage #main .triple3 .center,
#toppage #main .triple3w .left {
	padding-right: 8px;
}

#toppage #main .triple3 .txt span,
#toppage #main .triple3w .txt span {
	margin-top:5px;
	display:block;
}

/* 写真2列 */
#toppage #main .double,
#toppage #main .double2 {
	margin-bottom: 20px;
	background: url(/en/csr/images/bg-doubleBox_btm.gif) no-repeat left bottom;
}
#toppage #main .double2 { background: url(/en/csr/images/bg-doubleBox_btm2.gif) no-repeat left bottom;}
#toppage #main .double h2,
#toppage #main .double2 h2 {
	margin: 0 0 7px;
	padding: 0;
	width: 348px;
	background: none;
}
#toppage #main .double .img,
#toppage #main .double2 .img {
	width: 139px;
	padding:0 11px 11px 0;
	float:right;
}
#toppage #main .double .txt,
#toppage #main .double2 .txt {
	padding: 0 10px 10px;
	font-size: 93%;
	line-height: 133%;
}
#toppage #main .double .left,
#toppage #main .double .right,
#toppage #main .double2 .left,
#toppage #main .double2 .right {
	float: left;
	width: 348px;
}
#toppage #main .double .left,
#toppage #main .double2 .left {
	margin-right: 18px;
}
#toppage #main .triple .txt span {
	margin-top:5px;
	display:block;
}

#toppage #main a.main {
	padding-left: 16px !important;
	background: url(/en/common/images/icn-square_arrow.gif) no-repeat left 4px !important;
	display:inline-block;
	}
	
#toppage #main ul.link {
	margin-bottom:10px;
}
#toppage #main ul.link li {
	margin-bottom:2px;
	font-size:93%;
}

hr.separateLine {
	display: block;
	border: #CCCCCC solid;
	border-width: 1px 0px 0px 0px;
	height: 1px;
	overflow: hidden;
	margin: 7px 0 20px;
	clear:both;
}

.bnrArea {
	clear: both;
	margin-bottom: 20px;
}

.bnrArea .column1 {
	float: left;
}

.bnrArea .column2 {
	float: right;
}

#toppage #main dl.actionBox {
	width: 700px;
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
}

#toppage #main dl.actionBox dt {
	clear: both;
	float: left;
	width: 10em;
	background: url(/en/common/images/icn-square_arrow.gif) no-repeat left 2px !important;
	padding: 0 0 0 20px;
	line-height: 1.4;
}

#toppage #main dl.actionBox dd {
	padding: 0 0 10px 11em;
	line-height: 1.4;
}

#toppage #main ul#capterBox {
	width: 714px;
	margin: 0;
	padding: 0 0 30px 0;
}

#toppage #main ul#capterBox li {
	float: left;
	height: 190px;
	margin: 0;
	padding: 0 15px 0 0;
	text-indent: -7777px;
}
#toppage #main ul#capterBox li.btn3 {
	padding: 0 0 0 0;
}

#toppage #main ul#capterBox li a {
	display: block;
	height: 190px;
	background: url(../../../en/csr/images/btn_top_capter.jpg) no-repeat 0 0;
	overflow:hidden;
	outline:none;
}
#toppage #main ul#capterBox li.btn1 a { width: 250px; background-position: 0 0;}
#toppage #main ul#capterBox li.btn1 a:hover { background-position: 0 -190px;}

#toppage #main ul#capterBox li.btn2 a { width: 250px; background-position: -266px 0;}
#toppage #main ul#capterBox li.btn2 a:hover { background-position: -266px -190px;}

#toppage #main ul#capterBox li.btn3 a { width: 182px; background-position: -532px 0;}
#toppage #main ul#capterBox li.btn3 a:hover { background-position: -532px -190px;}


#toppage #main .topActivityBox {
	width: 706px;
	background: url(../../../en/csr/images/top_bg_mesh.gif) repeat-y left top;
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
}
*html #toppage #main .topActivityBox { width: 716px;}

#toppage #main .topActivityBox h2 {
	background: none;
	margin: 0 0 7px 0;
	padding: 0;
}

#toppage #main .topActivityBox .columnBtn {
	float: right;
	width: 222px;
	background-color: #FFFFFF;
	margin: 9px 0 0 0;
	padding: 11px 0 0 9px;
	position: relative;
}

#toppage #main .topActivityBox .columnBtn p {
	width: 224px;
	height: 174px;
	margin: 0;
	padding: 0;
	text-indent: -7777px;
}

#toppage #main .topActivityBox .columnBtn p a {
	display: block;
	height: 174px;
	background: url(../../../en/csr/images/btn_top_column.jpg) no-repeat 0 0;
	overflow:hidden;
	outline:none;
}
#toppage #main .topActivityBox .columnBtn p a:hover { background-position: 0 -174px;}
	


/* sidebar
---------------------------------*/

.pdfArea {
	width: 200px;
	background: url(../../../en/csr/images/box_pdf_body.gif) no-repeat left bottom;
	margin-bottom: 18px;
}

.pdfArea .inner {
	background: url(../../../en/csr/images/box_pdf_head.gif) no-repeat left top;
	padding: 14px 15px;
}

.pdfArea .imgBox {
	float: left;
	width: 49px;
	margin: 0 6px 0 0;
	padding: 0;
}

.pdfArea ul {
	float: left;
	width: 112px;
	list-style: none;
}

.pdfArea ul li {
	background: url(/en/common/images/icn-arrow.gif) no-repeat 0 7px;
	padding: 0 0 0 9px;
	font-size: 77%;
	line-height: 1.8;
}


/* 見出しアイコン　
---------------------------------*/
#main h2 span img {
	float: left;
	margin: -3px 0 0 0;
	padding: 0 5px 0 0;
}

#main h2 span img.cpIcon {
	float: right;
	margin: -3px 0 0 0;
	padding: 0 5px;
}

#main h2 span img.rowMid {
	float: right;
	margin: -3px 0 0 0;
	padding: 0 5px;
	margin-top: 4px;
	_margin-top: 5px;
}

/* 第三者との会話
---------------------------------*/
#main h4 strong {
	color:#0265CA;
}	

#main .name {
	font-weight:bold;
}


/* GRIガイドライン対照一覧表
---------------------------------*/
#main #guidelines table {
	margin-right:10px;
}

#main #guidelines table td {
	text-align:left;
}

#main #guidelines table td p {
	margin-bottom:0;
	text-indent:-1.3em;
	font-size:100%;
}

#main #guidelines a.sub {
	background: url(/en/common/images/icn-arrow.gif) no-repeat 6px 4px !important;
}

#main #guidelines table th.level4 {
	background: #c4e4ff;
	color: #333;
	border-right: 1px solid #dbdbdb;	
	border-bottom: 1px solid #dbdbdb;	
	font-weight: normal;
}


/* ダウンロード
---------------------------------*/

.backNunberBox {
	margin-bottom: 30px;
}

.backNunberBox p {
	margin-left: 0 !important;
}

.backNunberBox .column1 {
	margin: 0 67px 0 0;
	padding: 0 10px;
	width: 173px;
	float: left;
}

.backNunberBox .column2 {
	margin: 0;
	padding: 0 10px;
	width: 173px;
	float: left;
}

/* Image Width 173px*/
#main .imageUnit.w173 .img{
	width: 173px;
	margin-bottom: 0;
}
#main .imageUnit.w173 .txt{
	width: 503px;
	margin-bottom: 0;
}






#main .section {
	clear: both;
}


/* 受賞理由テキスト用
---------------------------------*/
#main .section .reasonTitle {
	font-weight:bold;
	margin: 0 10px 0px;
}
#main .section .reason {
	margin: 1px 0px 5px 10px;
}
#main .section .reason strong{
	color: #333;
}




/* カテゴリートップリンクボタン		
---------------------------------*/
ul#categoryLink {
	list-style: none;
	width: 714px;
	margin: 0;
	padding: 0 0 10px 0;
}

ul#categoryLink li {
	float: left;
	width: 354px;
	margin-bottom: 5px;
}
ul#categoryLink li.link1,
ul#categoryLink li.link3 {
	margin-right: 5px;
}
ul#categoryLink li.side2,
ul#categoryLink li.side4 {
	margin-right: 0;
}

ul#categoryLink li a {
	display: block;
	height: 64px;
	text-indent: -7777px;
	overflow:hidden;
	outline:none;
	background-position: 0 0;
}
ul#categoryLink li a:hover { background-position: 0 -64px;}

ul.managementLink li.link1 a { background-image: url(../../../en/csr/management/images/ind_btn1.jpg);}
ul.managementLink li.link2 a { background-image: url(../../../en/csr/management/images/ind_btn2.jpg);}
ul.managementLink li.link3 a { background-image: url(../../../en/csr/management/images/ind_btn3.jpg);}
ul.managementLink li.link4 a { background-image: url(../../../en/csr/management/images/ind_btn4.jpg);}

ul.subjectLink li.link1 a { background-image: url(../../../en/csr/subject/images/ind_btn1.jpg);}
ul.subjectLink li.link2 a { background-image: url(../../../en/csr/subject/images/ind_btn2.jpg);}

ul.personnelLink li.link1 a { background-image: url(../../../en/csr/personnel/images/ind_btn1.jpg);}
ul.personnelLink li.link2 a { background-image: url(../../../en/csr/personnel/images/ind_btn2.jpg);}

ul.societyLink li.link1 a { background-image: url(../../../en/csr/society/images/ind_btn1.jpg);}
ul.societyLink li.link2 a { background-image: url(../../../en/csr/society/images/ind_btn2.jpg);}

ul.environmentLink li.link1 a { background-image: url(../../../en/csr/environment/images/ind_btn1.jpg);}
ul.environmentLink li.link2 a { background-image: url(../../../en/csr/environment/images/ind_btn2.jpg);}
ul.environmentLink li.link3 a { background-image: url(../../../en/csr/environment/images/ind_btn3.jpg);}


/* 東日本大震災における支援活動		
---------------------------------*/
#main table.tbER td {
	line-height: 1.6;
}

#main table.tbER td .blueTxt {
	color: #4396DE;
	font-weight: bold;
	font-size: 1.1em;
}

#main table.tbER td .columnA {
	float: left;
	width: 240px;
	margin: 0 20px 0 0;
}

#main table.tbER td .columnB {
	float: right;
	width: 173px;
}

#main table.tbER td .columnB p.imgBox {
	width: 173px;
	margin: 0;
}

#main table.tbER td .columnB p.imgBox .caption {
	text-align: left;
}

#main .italic {
	font-style: italic;
}

#main .section h3.txtLine {
	text-indent: -2em;
	padding-left: 3em;
}