@charset "utf-8";

h4{
font-weight:bold;
}

.txtItalic {
	font-style:italic;
}
.txtRight {
	text-align:right
}

/*==================top===========================*/

.topPrimary {
float: left;
padding-left:24px;
width:648px;
}

.topSecondary {
float: left;
width:300px;
}

.topSecondary li {
padding: 0 0 7px 0;
}
/* ========== indexCategoryBoxColumn ========== */
.indexCategoryBoxColumn{
position:relative;
zoom:1;
}

.indexCategoryBoxColumn:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.indexCategoryBoxColumn .section{
margin-left:24px;
width:300px;
float:left;
zoom:1;
}
.indexCategoryBoxColumn .firstChild{
margin-left:0;
}
.indexCategoryBoxColumn h2{
margin-bottom:0 !important;
}
.indexCategoryBoxColumnInner{
border-top:none;
padding:12px 12px 2px;
}



/* ========== message ========== */
.message{
min-height: 1px;
overflow:hidden;
zoom:1;
clear:both;
}
.message:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.message .ttlArea{
margin-bottom:20px;
min-height: 1px;
overflow:hidden;
zoom:1;
clear:both;
}
.message .ttlArea:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.message div.ttlArea div.presidentImg{
display:table-cell;
margin-bottom:1px;
vertical-align:middle;
}
.message div.ttlArea div.presidentImg img{
margin-right:20px;
}
.message div.ttlArea div.presidentMsg{
display:table-cell;
margin-bottom:1px;
vertical-align:middle;
}
.message div.ttlArea div.presidentMsg span{
font-size:133%;
font-weight:bold;
margin-bottom:15px;
display:block;
}
.message div.ttlArea div.presidentMsg img{
margin-left:20px;
}

* html .message div.ttlArea div{
display:inline;
zoom:1;
}

*:first-child+html .message div.ttlArea div{
display:inline;
zoom:1;
}


/* ========== missionBlock ========== */
.missionBlock{
background:url(/images/bg_mission_borderbottom.gif) repeat-x left bottom #fff;
margin-bottom:12px;
padding-bottom:12px;
min-height: 1px;
overflow:hidden;
zoom:1;
clear:both;
}
.missionBlock:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.missionBlock h3{
margin-bottom:4px !important;
}
.missionBlockLast{
background:none;
}


/* ========== bcg ========== */

.bcg .lead {
background:url(/images/bg_mission_borderbottom.gif) repeat-x left bottom #fff;
margin-bottom:12px;
padding-bottom:12px;
min-height: 1px;
overflow:hidden;
zoom:1;
clear:both;
}
.bcg .lead:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.bcg h3 {
margin-bottom:12px !important;
}

.bcg ol.bcgText {
font-weight:bold;
}
.bcg ol.bcgText li {
margin-bottom:12px;
}
.bcg ol.bcgText li span {
font-weight:normal;
}

.bcg ol.bcgText dl.accordion dt {
margin: 6px 0;
}

.bcg ol.bcgText dl.accordion dd {
border:1px solid #CCC;
padding:12px 12px 0;
}

.bcg ol.bcgText dl.accordion dd ul li {
font-weight: normal;
}

.bcg .bcgDetailInnerBox {
border: 1px solid #ccc;
padding: 12px 12px 0;
margin-bottom: 12px;
}


/* ========== ethics ========== */

.ethics .lead {
background:url(/images/bg_mission_borderbottom.gif) repeat-x left bottom #fff;
margin-bottom:12px;
padding-bottom:12px;
min-height: 1px;
overflow:hidden;
zoom:1;
clear:both;
}
.ethics .lead:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.ethics h3 {
margin-bottom:4px !important;
}
.ethics p.explain {
margin-bottom:14px
}

.ethicsImage {
float:right;
padding:0 0 0 15px;
width: 168px;
}

strong.txtLeft {
	display:block;
	text-align:left;
}

/* ========== initiatives ========== */

.initiatives {
width: 100%;
}

.initiatives thead th.first{
width:20%;
}
.initiatives tr th {
border: 1px solid #CCC;
text-align: left;
font-weight: normal;
padding:8px;
vertical-align: top;
}
.initiatives thead th{
background:url(/images/bg_table.gif) left top;
text-align:center;
font-weight:bold;
}

.initiatives tr td {
border: 1px solid #CCC;
padding: 5px 8px 5px 5px;
vertical-align: top;
}

.initiatives tr td ul li {
margin:2px 0;
}


/* ========== feature ========== */

.featureText img {
padding: 0 0 10px 0;
}

.featureImageBox .image {
float:right;
padding-left:15px;
}

.featureImageBox .image img {
margin:0;
}

.featureImage {
padding:0;
clear:both;
}

.featureImage .notice{
font-size:87.5%;
}

.featureList .iconDot {
padding:2px 0;
}

.data {
width: 100%;
}

.data thead tr th {
background:url(/images/bg_table.gif) left top;
font-weight: bold;
}

.data tr th {
border: 1px solid #CCC;
color: #333;
font-weight:normal;
padding: 5px;
}

.data tr td {
text-align: right;
}

.data tr th.firstData {
width: 16%;
text-align: left;
}

.data tr th.firstData2 {
width: 7%;
text-align: left;
}

.data tr th.firstDataLong {
width: 25%;
text-align: left;
}
.data tr th.firstDataLong30 {
width: 30%;
text-align: left;
}

.data tr th.txtLeft {
text-align: left;
background:#FFF;
}

.data tr td.DataLeft,.data tr th.DataLeft {
text-align: left;
}

.data tr th.small {
width: 10%;
border-left: none;
}

.data tr th.midle {
width: 15%;
}

.data tr th.big {
width: 45%;
border-right: none;
}

.data tr td {
padding: 5px;
border: 1px solid #CCC;
text-align: right;
}

.data tr td.small {
width: 10%;
text-align: center;
}

.data tr td.midle {
width: 15%;
text-align: right;
padding: 0 5px 0 0;
}

.data tr td.big {
width: 45%;
text-align: left;
}

.dataText {
text-align: right;
margin: 0;
}

.data th.total, .data td.total {
background:url(/images/bg_table.gif) left top;
font-weight: bold;
}

.data th.borderNoneTop {
	border-top:none;
}
.data th.borderNoneBottom {
	border-bottom:none;
}

.featureTopBox {
border: 1px solid #cccccc;
border-top: none;
padding: 12px;
}

* html .featureTopBox {
margin-top: -3px;
}

*:first-child+html .featureTopBox {
margin-top: -3px;
}

.featureTopBox ul {
margin-bottom: 0;
}

.featureEpisodeText { color:#0a50a1; }

.featureEpisodeBox {
	padding:15px 15px 3px 15px;
	background-color:#f1f5f9;
}

/*==================investor===========================*/
.investorImage {
zoom:1;
}

.investorImage:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}

.investorImage .image{
float: right;
padding: 0 0 0 15px;
}

.investorImage .textBox {
}



/*==================resouce===========================*/

.resourceImage {
float: right;
padding: 3px 0 0 15px;
}

.resourceTextLast {
clear: both;
padding-top:0px;
}
/*==================warmer===========================*/

.warmerImage {
float: right;
padding: 3px 0 0 15px;
}

.warmerTextLast {
clear: both;
padding-top:12px;
}

.capGreenImg {
display:block;
padding-left:22px;
}

/*==================chemical===========================*/

.chemicalImage {
float: right;
padding: 3px 0 0 15px;
}

.chemicalTxtLast {
clear: both;
padding-top:12px;
}


/*==================community===========================*/

.communityList{
zoom:1;
}
.communityList:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}

.communityList li {
float: left;
padding: 0 6px 3px 0;
}



.communityListL{
zoom:1;
width:600px;
}
.communityListL:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}

.communityListL li {
float: left;
padding: 0 6px 3px 0;
min-height:170px;
}
.communityListL li.right {
	width:368px;
}


.communityText {
font-weight: bold;
clear: both;
margin-bottom:0px;
}

.communityContent {
margin-bottom:12px;
border: 1px solid #CCC;
padding:12px 12px 0 12px;
zoom:1;
}
.communityContent:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}

.communityContent .communityContentImage {
float: right;
padding: 0 0 0 5px;
}

.communityContent .communityContentTitle dt {
font-weight: bold;
padding: 0 0 5px 0; 
}

.communitLeadBlock {
width: 460px;
float: right;
}

.communitLeadBoder{
margin-bottom:
border: 1px solid #CCC;
padding: 5px 5px 0 5px;
zoom:1;
}

.communitLeadBoder:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}

.communityImage .image{
float: right;
padding: 3px 0 0 15px;
}

.communitySpan {
	display:block;
	width:282px;
}


/*==================envoironment===========================*/
img.communityImage{
padding-bottom:20px;
}
div.communityImage{
zoom:1;
}
div.communityImage:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}


/*==================employee===========================*/

.employeeText {
	padding: 10px 0 0 0;
}

.columnBox .employeeP {
    display:block;
    width:410px;
    float:left;
    padding-bottom:10px;
}

.employeeImgBox {
	zoom:1;
	padding-bottom:10px;
}

.employeeImgBox:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}

.employeeImgBox .employeeImg {
float:right;
padding-left:15px;
}
.employee{
width:100%;
}
.employee thead th{
background:url(/images/bg_table.gif) left top;
font-weight: bold;
}
.employee thead th.first{
width:30%;
}
.employee th {
border:1px solid #CCC;
color:#333;
font-weight:normal;
padding:5px;
}
.employee td{
padding: 5px;
border: 1px solid #CCC;
}

.employeeMarginTop {
margin-top:24px;
padding-bottom: 0;
}

.employeeIndent {
    margin:0 20px 20px 0;
}
.employeeIndent .textBox h4 {
    margin:5px 0 -5px 0; 
    padding:0;
}
.employeeIndent .textBox p {
    margin:5px 0 0 20px;
}

/*==================action===========================*/
.actionTtlRead {
font-size:133%;
font-weight:bold;
}

.actionPic {
float:right;
width:132px;
margin:0 0 6px 12px;
font-size:87.5%;
}

.actionPic img {
display:block;
margin-bottom:3px;
}

.leadBlockList {
width: 370px;
float: right;
}
.leadBlockList dd{
padding-left:12px;
}

/* ========== action ResultTable ========== */

.resultTable,
.resultTable table {
width: 100%;
}

.resultTable caption {
text-align:left;
font-weight:bold;
}

.resultTable thead th.evaluation{
width:10%;
}

.resultTable td span.iconDot {
display:block;
}

.resultTable td.evaluation {
text-align:center;
vertical-align:middle;
}

.resultTable tr th {
border: 1px solid #CCC;
text-align: left;
font-weight: normal;
padding:8px;
vertical-align: top;
}

.resultTable thead th{
background:url(/images/bg_table.gif) left top;
text-align:center;
font-weight: bold;
}

.resultTable tr td {
border: 1px solid #CCC;
padding: 5px 8px 5px 5px;
vertical-align: top;
}

/*==================safety_helth===========================*/
.safety_helthImage{
zoom:1;
}
.safety_helthImage:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}

.safety_helthImage .image {
float: right;
padding: 3px 0 0 15px;
}

.safety_helthImagePaddingTop12 {
padding-top:12px;
}
.safety_helthImagePaddingTop24 {
padding-top:24px;
}

.safety_healthActionGuideline {
border: 1px solid #ccc;
zoom:1;
padding:12px;
width: 400px;
}

.safety_healthActionGuideline:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}

/*==================safety_management===========================*/
.safetyManagementImage{
zoom:1;
}
.safetyManagementImage:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
padding-bottom:12px;
}

.safetyManagementImage .image {
float: right;
padding: 3px 0 0 15px;
}


/*==================stakeholder===========================*/

.withStakeholder h3 {
margin-bottom:4px !important;
}

.patientImage{
zoom:1;
padding-top:12px
padding-bottom:12px
margin-bottom:12px;
background:url(/images/bg_mission_borderbottom.gif) repeat-x left bottom #fff;
}

.patientImage:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}


.patientImageLast {
background:none;
}

.patientImage .image{
float: right;
padding: 12px 0 0 15px;
}

.patientImage .textBox {
padding-top:12px
}
.patientImage .image02{
width:174px;
}
.patientImageMarginTop {
margin-top:20px;
}
.patientCountryTit {
font-weight:normal;
}
.patientCountry{
width:100%;
}
.patientCountry th {
border:1px solid #CCC;
color:#333;
font-weight:normal;
padding:5px;
text-align:left;
}
.patientCountry thead th{
background:url(/images/bg_table.gif) left top;
font-weight: bold;
text-align:center;
}
.patientCountry thead th.first{
width:30%;
}
.patientCountry td{
padding: 5px;
border: 1px solid #CCC;
}

#communityPhotoHide {
}
#communityPhotoHide li.communityPhoto1 { background:url(/csr/images/pic_csr_comminity11.jpg) no-repeat 0 0; }
#communityPhotoHide li.communityPhoto2 { background:url(/csr/images/pic_csr_comminity12.jpg) no-repeat 0 0; }
#communityPhotoHide li.communityPhoto3 { background:url(/csr/images/pic_csr_comminity13.jpg) no-repeat 0 0; }
#communityPhotoHide li.communityPhoto4 { background:url(/csr/images/pic_csr_comminity14.jpg) no-repeat 0 0; }

.patientIIndent {
        display:block;
	padding-left:10px;
}

/* ========== customer ========== */

.purchasingPolicy {
padding-right:12px;
}

.purchasingPolicy dt{
font-weight: bold;
font-size: 108%;
}

.purchasingPolicy dd {
padding:0 0 12px 20px;
}


/* ========== data ========== */

.dataCaption li{
text-indent:-1em;
padding-left:1.7em;
}

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

.dataMarginBtm {
	margin-bottom:20px;
}


/* ========== basic ========== */

.basicList h3 {
margin-bottom:5px !important;
}

.basicList p {
margin-bottom:16px !important;
}

.basicImage .image{
float:right;
padding:0 0 0 15px;
}

/* ========== csr_report ========== */

.csrReportImage {
float:left;
}

.csrReportDownload {
float:right;
width:445px;
}

.csrReportDownload dt {
margin-bottom:7px;
}

.csrReportDownload dd,
.csrReportDelivery dd {
padding-left:20px;
}

.csrReportText {
margin-top: 5px;
}

.titleCrsrpTxt {
    font-weight:bold;
    padding:0 0 8px 0;
}



/* ========== environment ========== */
.environmentImage {
float:right;
padding:0 0 0 15px;
}

#environmentsubTxt { font-weight:bold; }

.environmentPadding { padding-bottom:15px; }

.columnBox .environmentImage {
float: left;
padding: 0 10px 0 0;
}

.columnBox .environmentP,
.columnBox .environmentP2,
.columnBox .environmentP3,
.columnBox .environmentP4 {
    display:block;
    width:350px;
    float:left;
    padding-bottom:10px;
}
.columnBox .environmentP2 { width:370px; }
.columnBox .environmentP3 { width:410px; }
.columnBox .environmentP4 { width:490px; }

/* ========== governance ========== */
.governance{}
.governance .marginBtm12 {margin-bottom:12px;}
.governance .marginBtm20 {margin-bottom:20px;}
.governance .marginBtm30 {margin-bottom:30px;}
.governance .titleTxt {
font-size:116%;
font-weight:bold;
margin-bottom:4px;
}
/* ========== guidelines ========== */
.guidelines .noticeBox {
padding:12px 12px 1px 12px;
margin-bottom:12px;
background-color:#f2f7fd;
}

/* ========== backNumber ========== */
.backNumber{
min-height: 1px;
overflow:hidden;
zoom:1;
clear:both;
}
.backNumber:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.backNumber .article {
width:50%;
float:left;
text-align:center;
margin-bottom:18px;
}
.backNumber .linkDiv {
text-align:center;
}
.backNumber .linkDiv span {
display:-moz-inline-box;
display:inline-block;
/display:inline;
zoom:1;
}

/* ========== columnBox ========== */
.columnBox {
margin-bottom:12px;
border: 1px solid #CCC;
padding:12px 12px 0 12px;
zoom:1;
}
.columnBox:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}

.columnBox .columnBoxImage {
float: right;
padding: 0 0 0 5px;
}

.columnBox .columnBoxTitle dt {
font-weight: bold;
padding: 0 0 5px 0; 
}

.columnBox .columnBoxTitle dt span {
font-weight: normal;
line-height: 0.8em;
}

.columnBox .columnBoxTitle dt p.name {
margin-top: 1em;
}

.columnBox .columnBoxTitle dt p span.post {
font-weight: normal;
line-height: 1em;
}


.columnBoxTitleTxtRight {
        clear:both;
        display:block;
	text-align:right;
}
.columnBoxTitleTxtRight2 {
        clear:both;
        display:block;
	text-align:right;
}
/* ========== featurePopup ========== */
.featurePopup dl.accordion dd {
margin-top: 12px;
}

.featurePopup p.nameProfile {
font-weight: bold;
margin-bottom: 10px;
}

.featurePopup p.profileMarginB {
margin-bottom: 40px;
}

.featurePopup dl.popupDialogue dt {
width:6em;
float:left;
font-weight: bold;
color: #003399;
}

.featurePopup dl.popupDialogue dd {
margin:0 0 18px 6em;
zoom:1;
}

/* english */
body#english .featurePopup dl.popupDialogue dt {
width:7em;
}

body#english .featurePopup dl.popupDialogue dd {
margin:0 0 18px 7em;
}
/* english */

.featurePopup dl.popupDialogue dd:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}

.featurePopup dl.popupDialogue dd.mcText {
font-weight: bold;
}

.featurePopup .popupProfileArea {
clear: both;
}

.featurePopup .popupProfileArea:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden;
}

.featurePopup .popupProfileP {
clear: both;
}


.featurePopup .popupProfileImage {
float: left;
width: 96px;
padding-right: 12px;
}

.featurePopup .popupProfileImage10 {
float: left;
width: 116px;

}

.featurePopup .popupProfileText {
float: right;
width: 588px;
}

.featurePopup .popupProfileText10 {
float: right;
width: 558px;
}

.featurePopup .popupProfileText10 img {
	margin-top:20px;
}

.featurePopup .popupDialogueImage {
float: right;
padding-left: 12px;
}

.featurePopup .popupDialogue dt.clearImage {
clear: both;
}

.featurePopup .titleTxt {
font-size:116%;
font-weight:bold;
margin-bottom:4px;
}

.featurePopup p.koukenTitle {
font-size: 116%;
font-weight: bold;
margin-bottom: 4px;
}

.featurePopup .patientImage .image, 
.featurePopup .patientImage .textBox {
padding-top: 0;
}

.patientImage .popupList {
float:right;
margin-left:10px;
}

/* ========== mainImage This Class For layout.css Overwriting========== */

#mainImageOuter{
background:url(/csr/images/ttl_csr.jpg) repeat-x center top transparent;
}

#english #mainImageOuter{
background:url(/english/csr/images/ttl_csr.jpg) repeat-x center top transparent;
}


.squareList{}
.squareList dl{
clear:both;
}
.squareList dt{
width:100%;
background:url(/csr/images/bg_square-article.gif) repeat-x left bottom #fff !important;
clear:both;
}
.squareList dt:after, .squareList dd:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.squareList dl span.number{
width:30px;
padding:12px 5px 12px 10px;
display:block;
float:left;
font-weight:bold;
}
.squareList dl span.text{
width:500px;
padding:12px 0px 12px 27px;
display:block;
float:left;
background:url(/common/images/icon_control04.gif) no-repeat 14px 1.4em;
}
.squareList dt.iconSortDown{
padding-left:0 !important;
background-color:#FFFFFF;
}
.squareList dt.iconSortDown span.text{
background: url(/common/images/icon_sortdown.gif) no-repeat 14px 1.4em !important;
background-color:#FFFFFF;
}
.squareList .accordion dd.preOpen{
display:block !important;
}
.squareList .accordion dd{
background: url(/csr/images/bg_square-article.gif) repeat-x left bottom #F2F7FD !important;
padding:12px 7px 6px 68px;
min-height: 1px;
overflow:hidden;
zoom:1;
clear:both;
}
.squareList .accordion dd p {
margin-bottom:6px;
}
.squareList table.costTbl{
border-top:1px solid #999999;
border-left:1px solid #999999;
margin-top:10px;
}
.squareList table.costTbl th,
.squareList table.costTbl td{
padding:5px;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
}

/* ========== movie ========== */
.moviefloatL{
float:left;
}

.moviefloatR{
float:right;
}

.moviefloatL a.iconMovie,
.moviefloatR a.iconMovie{
	margin:0;
	padding:0;
	background-position:left 0em;
}

* html .moviefloatL a.iconMovie,
* html .moviefloatR a.iconMovie,
*:first-child+html .moviefloatL a.iconMovie,
*:first-child+html .moviefloatR a.iconMovie{
margin:0;
padding:0;
background-position:left 0.2em;
}

.movieImg {
	margin: 5px auto;
}

/* ========== kome ========== */
p.kome {
text-indent:-1em;
padding-left:1em;
}
