/* CSS Document */

@charset "utf-8";
#contentsArea a/*:link*/{ color:#036; text-decoration: underline;}
#contentsArea a:visited{ color:#4d3380; text-decoration: underline;}
#contentsArea a:hover{ color:#7f99b2; text-decoration: underline;}

/* p strong */
#contentsArea article .size1of2 p strong {
    font-size: 12px;
}

/* largeTxt */
#contentsArea article .largeTxt,
#contentsArea #sideEnclosingArea article .largeTxt {
    font-size: 16px;
}

/* delete focus outlines for Firefox */
#contentsArea a:focus {
	outline: none;
}

/* sub & sup */
#contentsArea sub{
	vertical-align: baseline;
}

#contentsArea sup{
    position: relative;
    top: -2px;
    vertical-align: baseline;
}

/* to use aside block in 1grid */
#contentsArea.businessTop aside.hybrid dl:first-child,
#contentsArea.businessTop aside.hybrid div:first-child{
	margin-top: 25px;}
	
#sideEnclosingArea aside.hybrid div.asideImageLink02 {
	margin-top: 6px;
}


/* to add a achrive link in a tab area */
#contentsArea article #tabs .toArchive {
	background: url(/component/c_common/img/bg_local_dl05_top.gif) no-repeat 0 5px;
	padding: 0 0 5px 10px;
	float: right;
	/*width: 7em;*/
}


/* to add main visual image for 1grid(970px) in 2grid */
#contentsArea h1{ font-size:24px; margin:7px 0 0 0; color:#222222; line-height:1}
#sideEnclosingArea aside.mainVisualFor1grid {
 margin-top: 14px;
}



/* 2grid_imageBox_01 */
#contentsArea.column article .size1of2 .textBox {
    width: 245px;
}


/* relationNav_support_01 */
#sideEnclosingArea aside div.imageList li a span.faq {
    background: url("/business/common/img/bg_faq.gif") no-repeat scroll 10px 0 transparent;
}
#sideEnclosingArea aside div.imageList li a span.contact {
    background: url("/business/common/img/bg_contact.gif") no-repeat scroll 10px 0 transparent;
}


/* relationNav_bcjBannerArea */
#sideEnclosingArea aside div.asideList01 ul.bcjBannerArea {
    background: url("/business/common/img/bg_aside_bcjBanner_top01.gif") no-repeat scroll center top transparent;
	margin: 0;
	padding: 7px 0 0 0;
}
#sideEnclosingArea aside div.asideList01 ul.bcjBannerArea li {
    margin: 1px 6px 0 6px;
}
#sideEnclosingArea aside div.asideList01 ul.bcjBannerArea li img {
    margin: 0;
    padding: 0;
}


/* 2grid_bcjInquiryBox, 3grid_bcjInquiryBox */
#contentsArea #sideEnclosingArea article .inquiryBox02.bcj,
#contentsArea.column #sideEnclosingArea article .inquiryBox02.bcj {
	width: 462px;
    background: url("/business/common/img/bg_bcj_inquiry01.gif") no-repeat 0 0;
	margin: 30px auto 0;
	cursor: pointer;
}
#contentsArea #sideEnclosingArea article .inquiryBox02.bcj h2,
#contentsArea.column #sideEnclosingArea article .inquiryBox02.bcj h2 {
	background: none;
	float: left;
	width: 250px;
    height: 50px;
	line-height: 50px;
	padding: 0 10px;
	text-align: center;
}
#contentsArea #sideEnclosingArea article .inquiryBox02.bcj div.inner,
#contentsArea.column #sideEnclosingArea article .inquiryBox02.bcj div.inner {
    background: none;
    width: 177px;
    float: left;
}
#contentsArea #sideEnclosingArea article .inquiryBox02.bcj div.inner div,
#contentsArea.column #sideEnclosingArea article .inquiryBox02.bcj div.inner div {
    width: 177px;
    margin: 4px 0px 0px 0px;
    float: left;
}
#contentsArea #sideEnclosingArea article .inquiryBox02.bcj div.inner div h3,
#contentsArea.column #sideEnclosingArea article .inquiryBox02.bcj div.inner div h3 {
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 50px
}
#contentsArea #sideEnclosingArea article .inquiryBox02.bcj div.inner div.contact h3,
#contentsArea.column #sideEnclosingArea article .inquiryBox02.bcj div.inner div.contact h3 {
    background: url("/business/common/img/bg_inquiry_contact.gif") no-repeat scroll 0% 0% transparent;
}

#contentsArea #sideEnclosingArea article a:visited .inquiryBox02 > div.inner div.contact h3,
#contentsArea.column #sideEnclosingArea article a:visited .inquiryBox02 > div.inner div.contact h3 {
	color: #613290;
	text-decoration: none;
}

#contentsArea #sideEnclosingArea article .inquiryBox02:hover > div.inner div.contact h3,
#contentsArea.column #sideEnclosingArea article .inquiryBox02:hover > div.inner div.contact h3 {
	color: #003366;
	text-decoration: underline;
}


/* Related News */
/*#contentsArea #sideEnclosingArea article .h2wrapper .clearfix h2,
#contentsArea.column article .h2wrapper .clearfix h2,
#contentsArea.column #sideEnclosingArea article .h2wrapper .clearfix h2,*/
#contentsArea #sideEnclosingArea article .h2wrapper .clearfix h2.bcj,
#contentsArea.column article .h2wrapper .clearfix h2.bcj,
#contentsArea.column #sideEnclosingArea article .h2wrapper .clearfix h2.bcj {
    margin: 0px -95px 0px 0px;
    width: auto;
	float: left;
}

#contentsArea #sideEnclosingArea article .h2wrapper .clearfix p.bcj,
#contentsArea.column article .h2wrapper .clearfix p.bcj {
    width: auto;
    height: 20px;
	padding-top: 2px;
	float: right;
}

.msie6 #contentsArea #sideEnclosingArea article .h2wrapper .clearfix p.bcj,
.msie6 #contentsArea.column article .h2wrapper .clearfix p.bcj {
	width: auto;
	float: right;
}

#contentsArea #sideEnclosingArea article .h2wrapper .clearfix p.bcj a.more,
#contentsArea.column article .h2wrapper .clearfix p.bcj a.more {
    background: url("/component/c_common/img/bg_local_dl05_top.gif") no-repeat scroll 0 center transparent;
	padding-left: 10px;
}

#contentsArea #sideEnclosingArea article .h2wrapper .clearfix p.bcj a:link,
#contentsArea.column article .h2wrapper .clearfix p.bcj a:link {
	color: #003366;
	text-decoration: none;
}

#contentsArea #sideEnclosingArea article .h2wrapper .clearfix p.bcj a:visited,
#contentsArea.column article .h2wrapper .clearfix p.bcj a:visited {
	color: #613290;
	text-decoration: none;
}	

#contentsArea #sideEnclosingArea article .h2wrapper .clearfix p.bcj a:hover,
#contentsArea.column article .h2wrapper .clearfix p.bcj a:hover {
	text-decoration: underline;
}	


/* 3grid_productBlock_01  p.clear */
#contentsArea article .size1of2 p.clear {
	clear: both;
	padding-top: 10px;
}

/* to enlarge symbols */
#contentsArea article span.symbol01 {
	font-family: 'Open Sans', 'Arial', 'メイリオ', 'Meiryo', sans-serif;
	line-height: 1.3;
}

/* to set the align in table*/
#contentsArea #sideEnclosingArea article table thead th.alignL,
#contentsArea #sideEnclosingArea article table tbody th.alignL,
#contentsArea article table td.alignL {
	text-align: left;
}

#contentsArea #sideEnclosingArea article table thead th.alignC,
#contentsArea #sideEnclosingArea article table tbody th.alignC,
#contentsArea article table td.alignC {
	text-align: center;
}

#contentsArea #sideEnclosingArea article table thead th.alignR,
#contentsArea #sideEnclosingArea article table tbody th.alignR,
#contentsArea article table td.alignR {
	text-align: right;
}

#contentsArea #sideEnclosingArea article table thead th.v-alignM,
#contentsArea #sideEnclosingArea article table tbody th.v-alignM,
#contentsArea article table td.v-alignM {
	vertical-align:middle;
}


/* 3grid_news release tab */
#contentsArea #sideEnclosingArea article div.topTabMenu.threeColumn {
	background: url(/business/common/img/bg_top_tab11.gif) no-repeat bottom;
	margin: 25px 0 -2px 0;
	padding: 0 0 6px 0;
}

#contentsArea #sideEnclosingArea article div.topTabMenu.threeColumn ul {
	background: url(/business/common/img/bg_top_tab10.gif) top no-repeat;
	padding: 13px 0 18px 0;
	margin: 0;
	border-bottom: none;
	font-weight: bold;
}

#contentsArea #sideEnclosingArea article div.topTabMenu.threeColumn .newsBlock01 {
	width: 552px;
	margin: 0 auto;
}

/* news / CSR */
#contentsArea article div.newsBlock01 table tr.news th,
#contentsArea article div.newsBlock01 table tr.CSR th {
	/*	
	padding-right:28px;
	background: url(/about/csr/img/bg_news01.gif) no-repeat 98px 8px;
	*/
	width: 8.2em;
}

#contentsArea article div.newsBlock01 table tr.news td img,
#contentsArea article div.newsBlock01 table tr.CSR td img {
	display: inline-block;
	float: left;
	margin-right: 8px;
}

#contentsArea article div.newsBlock01 table tr.news td:after,
#contentsArea article div.newsBlock01 table tr.CSR td:after {
	content: "";
	display: block;
	clear: both;
}

/* csr */
#contentsArea article div.newsBlock01 table tr.csr th {
	padding-right:28px;
	background: url(/about/csr/img/bg_csr01.gif) no-repeat 98px 8px;
}


/* noIcon */
#contentsArea article div.newsBlock01 table tr.noIcon th{
	padding-right:28px;
	background: none;
}

#contentsArea article div.newsBlock01 table tr.noIcon td a,
#contentsArea article div.newsBlock01 table tr.news td a,
#contentsArea article div.newsBlock01 table tr.csr td a,
#contentsArea article div.newsBlock01 table tr.CSR td a {
	background: none;
	padding-left:2px;
}

/* カテゴリートップへ戻る用リンク */

#contentsArea article .line ul.linkList01.return,
#contentsArea article .line ul.linkList02.return{
    padding:0 0 20px 0;
}

#contentsArea article .line ul.linkList01.return li,
#contentsArea article .line ul.linkList02.return li{
	background: none;
	list-style: none;
	padding: 0;
    margin:5px 0 0 ;
}


#contentsArea article .line ul.linkList01.return li a,
#contentsArea article .line ul.linkList02.return li a {
    display:inline-block;
	background:none;
    margin: 0;
}


#contentsArea article .line ul.linkList01.return li a span,
#contentsArea article .line ul.linkList02.return li a span {
	background:url(/component/c_common/img/bg_local_dl05_top.gif) no-repeat 5px 4px;
    display: block;
    margin: 0;
    padding: 0 9px 0 18px;
}
/* カテゴリートップへ戻る用リンク　ここまで */


/* ol */
#contentsArea article .line ol{ margin:20px 0 0 25px}

#contentsArea article .line ol li{ margin:10px 0 0 0}

#contentsArea article .line ol ol{ margin:0 0 0 20px}

#contentsArea article .line ol ol li span{ margin:0 0 0 20px}

#contentsArea article .line ol ul{ margin:0}

#contentsArea article .line ol ul li{ background:none; margin:10px 0 0 0}

#contentsArea article .line ol ul li img{ vertical-align:middle; margin:0 10px 0 0}

/* ol　ここまで */
#contentsArea article .line ol ul.governance  {margin:10px 0 0 0;
      background: url(/component/c_common/img/bg_list01.gif) no-repeat left 5px;
}
#contentsArea article .line ol ul.governance  li{margin:5px 0 0 0;
      background: url(/component/c_common/img/bg_list01.gif) no-repeat left 5px;
}
/* ol.governance　ここまで */


/* .pageNav ul li ul li, ul li ul li  */
#contentsArea article .line .pageNav ul li ul li,
#contentsArea article .line ul.linkList01 li ul li {
    list-style: none outside none;
    background: url("/component/c_common/img/bg_list02.gif") no-repeat scroll 1.2em 5px transparent;
    padding: 0px 0px 0px 2.2em;
	float: none;
}


#contentsArea article nav.pageNav ul li.last,
#contentsArea article nav.pageNav02 ul li.last{
    background: none;
	clear:left;
    list-style: none;
    padding: 0;
    white-space: nowrap;
}

#contentsArea article nav.pageNav ul li,
#contentsArea article nav.pageNav02 ul li {
    background: none;
    float: left;
    list-style: none;
    padding: 0;
	white-space:normal;
}

#contentsArea article .line ul.linkList01 li ul.linkList01 li {
    list-style: none outside none;
    background: none;
    padding: 0px 0px 0px 1.5em;
	float: none;
}

#contentsArea article .line ul.linkList01 li ul.linkList01 li a {
    background: url("/component/c_common/img/bg_local_dl05_top.gif") no-repeat 0 5px;
    display: inline;
    margin: 0;
    padding: 0 9px 0 14px;
}

/* pluginLinkBlock03 ul */
#contentsArea article div.pluginLinkBlock03 ul{
	margin:11px 0 -1px 10px;
}

/* 画像＆キャプション　センター寄せ */
#contentsArea article p.imageTextCenter02 {
    margin: 20px auto 0px;
    color: #666;
	text-align: center;
}

/* h5 span.symbol01  */
#contentsArea article h5 span.symbol01 {
	border-bottom: none;
}

/*h1直下p strong*/
#contentsArea article h1+p strong{
	margin:30px 0 0;
	display:block;
}

/* ベーシックな定義リスト */
#contentsArea dl.basic,
#contentsArea dl.basic dt {
	margin: 5px 0 0;
}

#contentsArea dl.basic dd {
	margin-left: 2.5em;
}


/* text-align */
.alignC {
	text-align: center;
}
.alignL {
	text-align: left;
}
.alignR {
	text-align: right;
}

/* csr news */
#contentsArea article div.newsBlock01 table.csrnews td.day {
    color: #666666;
    font-weight: bold;
    width: 120px;
}


/* ペーパークラフト角丸ボックス */
#contentsArea article .line.paperkraft{
	margin:0;
	padding:2px 2px 15px 4px;
	border: #66a3e0 1px solid;
	border-radius: 7px;
}

#contentsArea article .line.paperkraft .clearfix .unit {
    float: left;
    margin: 0 12px 0 0;
	padding:0;
}

#contentsArea article .line.paperkraft .clearfix .unit.lastUnit {
    float: left;
    margin:0;
	padding:0;
}


#contentsArea article .line.paperkraft .clearfix .size1of2 p strong {
    font-size: 12px;
}


/* エコ俳句 */
#contentsArea article p.imageTextCenter01.eco_haiku img{
	margin:0;
	padding:0;
	vertical-align:bottom;
}

#contentsArea article .size1of4 {
	width:128px;
}



/* 製品リサイクル tonner */
#contentsArea article .envEmTextStyle01 {
	color:#F00 !important;
}

/* コニカミノルタの「出前授業」 */
#contentsArea .recruitment_links{
	overflow:hidden;
	clear:both;
	width:412px;
	margin:30px auto 0 auto;
}

#contentsArea .recruitment_links a{
	display:block;
	float:left;
}
#contentsArea .recruitment_links a:first-child{
	margin-right:18px;
}

#contentsArea .title_teaching{
	position:relative;
}

#contentsArea .title_teaching .btn_recruitment{
	position:absolute;
	bottom:12px;
	right:6px;
	background-color:transparent;
	vertical-align:middle;
	display:block;
	
}
#contentsArea .title_teaching .btn_recruitment img{
	vertical-align:middle;
}

/* ユーティリティー */
.marginTop0{
	margin-top:0 !important;
}
.marginTop30{
	margin-top:30px !important;
}
.marginBottom30{
	margin-bottom:30px !important;
}


#contentsArea article nav.linerNav ul li a sub {
	vertical-align: baseline;
}


/* インデント
本文のfont-sizeが12pxなのでその個数分、もし本文のfont-sizeを変更したらこちらも変更してください。
閉じタグコメント推奨

使用例
<span class="indent_block x4">
<span class="indent_head">タイトル</span><span class="indent_content">本文</span>
<!-- / .indent_block x4 --></span>

 */
.indent_block{
	display:inline;
}
.indent_head,
.indent_content{
	display:table-cell;
}
.indent_block.x1  >.indent_head{ min-width:12px; }
.indent_block.x2  >.indent_head{ min-width:24px; }
.indent_block.x3  >.indent_head{ min-width:36px; }
.indent_block.x4  >.indent_head{ min-width:48px; }
.indent_block.x5  >.indent_head{ min-width:60px; }
.indent_block.x6  >.indent_head{ min-width:72px; }
.indent_block.x7  >.indent_head{ min-width:84px; }
.indent_block.x8  >.indent_head{ min-width:96px; }
.indent_block.x9  >.indent_head{ min-width:108px; }
.indent_block.x10 >.indent_head{ min-width:120px; }


/* クリッカブルマップをクリックした際に青い枠線が出る事象対策 IEのmap areaのセレクタを使うと効かないので親要素につけた */
/* focus outline delete */
#contentsArea .no_outline *:focus {
    outline: none !important;
}


/*
	popupWindow
	下記ページで使用
	/about/csr/csr/download/2012/popup_01.html
*/
.popupWindow header #toggleNavi,
.popupWindow header .searchBox{
	display: none;
}

/* 	csrHeadding
	下記ページで使用
	/about/csr/csr/suppliers/csr_procurement.html
 */
#contentsArea article [class^="csrHeadding"] {
	color: #fff;
	font-weight: bold;
	min-height: 32px;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-align-items: center; /* Safari */
	-webkit-justify-content: center; /* Safari */
}
#contentsArea article [class^="csrHeadding"] span{
    border: none;
	font-size: 15px;
	padding: 0.4em 0 0 0;
}
.csrHeadding01{ background: #006dd1;}
.csrHeadding02{ background: #00a2f5;}
.csrHeadding03{ background: #007ff5;}
.csrHeadding04{ background: #00caf5;}
.csrHeadding05{ background: #00b3f5;}