@charset "utf-8";

@import "profile_print.css";

/* profile index
-----------------------------------------------*/
/* ========== profileIndexRead ========== */
.profileIndexRead{
position:relative;
zoom:1;
}
.profileIndexRead ul{
width:354px;
position:absolute;
top:179px;
left:248px;
zoom:1;
}
.profileIndexRead ul:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.profileIndexRead ul li{
margin-bottom:5px;
width:157px;
float:left;
/float:none;
/display:inline;
zoom:1;
}

.profileIndexRead ul li.profileIndexReadLast {
width:314px;
clear:both;
}


/* ========== profileIndexReadEnglish ========== */
#english .profileIndexRead ul{
width:443px;
position:absolute;
top:173px;
left:175px;
zoom:1;
}

#english .profileIndexRead ul:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}

#english .profileIndexRead ul li{
width:176px;
float:left;
/float:none;
/display:inline;
zoom:1;
}

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

.indexCategoryBox .profileIndexAbout ul{
margin-left:-12px;
margin-bottom:0;
zoom:1;
}
.indexCategoryBox .profileIndexAbout ul:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.indexCategoryBox .profileIndexAbout ul li{
margin-bottom:12px;
padding-left:12px;
width:141px;
float:left;
}
.indexCategoryBox .profileIndexAbout ul li span{
display:-moz-inline-box;
display:inline-block;
/display:inline;
zoom:1;
}

/* ========== directorList ========== */
.directorList {
margin-bottom:12px;
}
.directorList:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.directorList dl {
margin-bottom:0;
background:url(/common/images/line_dot01.gif) repeat-x left bottom;
padding-top:7px;
padding-bottom:7px;
min-height: 1px;
}
* html .directorList dl {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}
.directorList dl:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.directorList dt{
width:35%;
float:left;
font-weight:bold;
clear:both;
}

.directorList dt span {
font-weight: normal;
}

.directorList dd{
width:65%;
float:left;
zoom:1;
}
.directorList dd:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.directorList .lastChild{
/* background:none; */
}

#mainContents .directorList h3 {
margin: 24px 0 8px;
}

/* ========== groupList ========== */
.groupList dt{
margin-bottom:5px;
float:left;
font-weight:bold;
font-size:116%;
}

.groupList dd{
margin-bottom:10px;
padding-bottom:12px;
padding-left:20px;
clear:both;
background:url(/common/images/line_dot01.gif) repeat-x left bottom;
zoom:1;
}
.groupList dd:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.groupList dd ul.category{
margin-bottom:3px;
clear:both;
}
.groupList dd ul.category:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.groupList dd ul.category li{
float:left;
}
.groupList dd ul.category li.txtAddress{
margin-right:12px;
}
.groupList dd ul.category li.iconTel{
margin-right:12px;
}
.groupList dd.lastChild{
padding-bottom:0;
background:none;
}
.groupList .contentBox{
clear:both;
}
.groupList .contentBox:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.groupList .contentBox .contentTitle{
width:5em;
float:left;
}
.groupList .contentBox .contentBody{
width:480px;
float:left;
}

#english .contentTitle,
#english .contentBody{
float:none;
}

.groupList .rocheGroupList{
width:100%;
background:url(/common/images/line_dot01.gif) repeat-x left bottom;
padding-bottom:15px;
min-height: 1px;
overflow:hidden;
zoom:1;
clear:both;
}
.groupList .rocheGroupList:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.groupList .rocheGroupList ul{
float:left;
display:block;
width:430px;
padding-top:55px;
}
.groupList .rocheGroupList ul.first {
padding-top:40px;
}
.groupList .rocheGroupList li{
margin-top:3px;
}
.groupList .rocheGroupList img{
float:left;
margin-right:12px;
margin-top:15px;
}
.groupList .rocheGroupList img.first {
margin-top:0px;
}
.groupList .rocheGroupListlast{
/* background:none; */
}

.groupList .branchList {
margin:0;
padding:0;
}

.groupList .branchList dt{
font-size:100%;
margin-bottom:0px;
}

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



/* ========== 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_faq-article.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{}

.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;
}


/* ========== about_outline ========== */
.about_outline{
margin-bottom:12px;
min-height: 1px;
overflow:hidden;
zoom:1;
clear:both;
}
.about_outline:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.about_outline dl {
background:url(/common/images/line_dot01.gif) repeat-x left bottom;
padding:7px 0;
margin-bottom:0;
min-height: 1px;
overflow:hidden;
zoom:1;
clear:both;
}
.about_outline dl:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.about_outline dt{
/*padding-right:2%;
width:12%;
float:left;*/
font-weight:bold;
}
.about_outline_english dt {
/*width: 95%;*/
}
.about_outline dt span,
.about_outline_english dt span{
font-weight: normal;
margin-left: 0.5em;
}
.about_outline dd{
/*width:88%;
float:left;
zoom:1;*/
}
.about_outline_english dd {
/*width: 95%;*/
}
.about_outline .lastChild{
/* padding-bottom:0;
background:none; */
}
.about_outline .fltL {
float:left;
}
.about_outline h3 {
margin-bottom:4px !important;
}
.about_outline div.iconWindow{
float:left;
margin-left:15px;
}
.about_outline p.lead{
background:url(/common/images/line_dot01.gif) repeat-x left bottom;
padding-bottom:14px;
margin-bottom:14px;
}
.about_outline .iconDot{
font-weight:bold;
}
.about_outline .explain{
margin-bottom:10px;
margin-left:21px;
}




/* midterm_plan
-----------------------------------------------*/
.midtermImageFirst {
padding-top: 0;
}

.midtermListContent{
margin-bottom:0;
padding: 0 0 0 4px;
}
.midtermListContent li{
color: #333;
padding: 0 0 12px 0;
}
.midtermListContent li ul{
padding:6px 0 0 5px;
}

.midtermListContent li ul li{
padding-bottom:0;
}

.midtermProof{
font-size: 87.5%;
}

.midtermImageLast {
padding: 0 0 20px 0;
}

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

.rdLeadTxt {
width:275px;
float:left;
}
.rdLeadImg {
width:300px;
padding-left:25px;
float:right;
}

.rdGlossaryList dt{
margin-bottom:5px;
float:left;
font-weight:bold;
font-size:116%;
}
.rdGlossaryList dd{
margin-bottom:10px;
padding-bottom:12px;
padding-left:12px;
clear:both;
background:url(/common/images/line_dot01.gif) repeat-x left bottom;
zoom:1;
}
.rdGlossaryList dd:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}



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

.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;
}


/* ========== about_history ========== */
.about_history {
min-height: 1px;
zoom:1;
clear:both;
}
.about_history:after, .about_history .diagram:after {
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.about_history .navigationList {
width:198px;
float:left;
}

.about_history .diagram {
width:600px;
background-image:url(/images/bg_about_history_hyoubg.gif);
margin-bottom:0;
min-height: 1px;
zoom:1;
}
.about_history .diagram li.year {
width:60px;
float:left;
text-align:center;
padding-top:10px;
}
.about_history .diagram li.society {
width:270px;
float:left;
padding:12px;
voice-family: "\"}\"";
voice-family:inherit;
width:246px;
}
.about_history .diagram li.roche {
width:270px;
float:right;
padding:12px;
voice-family: "\"}\"";
voice-family:inherit;
width:246px;
}
html>body .about_history .diagram li.society, html>body .about_history .diagram li.roche {
width: 246px;
}
.about_history .diagram .iconDot, .about_history .recently .iconDot {
margin-bottom:5px;
}
.about_history .recently {
padding:12px;
margin-left:59px;
border-left:1px solid #d7d7d7;
border-top:1px solid #d7d7d7;
border-right:1px solid #d7d7d7;
background-color:#f2f7fd;
min-height: 1px;
zoom:1;
clear:both;
}
.about_history .recently:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.about_history .recently .iconDot {
clear:both;
}
.about_history .recently .withPicture {
width:390px;
float:left;
}
.about_history .recently img {
float:right;
}
.about_history .marginTop1em {margin-top:1.5em;}
.about_history .marginTop3em {margin-top:3em;}
.about_history .marginTop5em {margin-top:5em;}
.about_history .marginTop6em {margin-top:6em;}
.about_history .marginTop7em {margin-top:7em;}
.about_history .marginTop8em {margin-top:8em;}
.about_history .marginTop9em {margin-top:9em;}
.about_history .marginTop10em {margin-top:10em;}
.about_history .marginTop12em {margin-top:12em;}
.about_history .marginTop13em {margin-top:13em;}
.about_history .marginTop14em {margin-top:14em;}
.about_history .marginTop15em {margin-top:15em;}
.about_history .marginTop20em {margin-top:20em;}
.about_history .marginTop20em_e {margin-top:17em;}
* html .about_history .marginTop20em_e {margin-top:18em;}
*:first-child+html .about_history .marginTop20em_e {margin-top:18em;}
head~/* */body .about_history .marginTop20em_e {margin-top:19em;}
html:not(:target) .about_history .marginTop20em_e {margin-top:17em;}
.about_history .marginTop30em {margin-top:30em;}
.about_history .marginTop31em {margin-top:31em;}
.about_history .marginTop33em {margin-top:33em;}
.about_history .marginTop38em {margin-top:38em;}
.about_history .movement{}
.about_history .movement dl{
background:url(/images/bg_faq-article.gif) repeat-x left bottom #fff !important;
clear:both;
margin-bottom:0;
}
.about_history .movement .lastChild{
background:none !important;
}
.about_history .movement dt{
width:100%;
background-image:none !important;
clear:both;
}
.about_history .movement dt:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.about_history .movement dl span.text{
width:500px;
padding:10px 0px 10px 70px;
display:block;
float:left;
background:url(/common/images/icon_control04.gif) no-repeat 60px 1.4em;
}
.about_history .movement dt.iconSortDown{
padding-left:0 !important;
background-color:#FFFFFF;
}
.about_history .movement dt.iconSortDown span.text{
background:url(/common/images/icon_sortdown.gif) no-repeat 60px 1.4em !important;
background-color:#FFFFFF;
}
.about_history .movement .accordion dd.preOpen{
display:block !important;
}
.about_history .movement .accordion dd{
padding:0 7px 10px 75px;
min-height: 1px;
overflow:hidden;
zoom:1;
clear:both;
}
.about_history .movement .accordion dd:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.about_history .movement .accordion dd ul{
display:block;
list-style:none;
}
.about_history .movement .accordion dd ul li{
margin:0 0 5px 0;
padding-left:4.5em;
position:relative;
zoom:1;
}
.about_history .movement .accordion dd ul li span{
width:4.5em;
text-align:right;
position:absolute;
left:0;
top:0;
white-space: nowrap;
}
.about_history .movement .accordion dd table.mvTbl{
width:500px;
}
table.mvTbl .year {
width:5em;
text-align:right;
white-space: nowrap;
vertical-align:top;
}

#english table.mvTbl .year {
width:5.1em;
padding-right:6px;
}

table.mvTbl .exp {
width:auto;
text-align:left;
vertical-align:top;
}


/* ========== ad ========== */
.ad {}
.ad .article {
background:url(/images/bg_faq-article.gif) repeat-x left bottom #fff;
margin-bottom:12px;
padding-bottom:12px;
min-height: 1px;
overflow:hidden;
zoom:1;
clear:both;
}
.ad .article:after {
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.ad .article .imgArea {
width:240px;
float:left;
}
.ad .article .txtArea {
width:336px;
float:left;
}
.ad .article .txtArea span {
font-size:108%;
font-weight:bold;
display:block;
margin-bottom:10px;
}
.ad .article .txtArea .redTxt {
color:#FF0000;
}

.ad .article .txtArea .jasrac {
vertical-align: bottom;
}

.ad .article .txtArea .jasrac span.num {
font-size: 1em;
font-weight: normal;
display: inline-block;
margin-right: 12px;
}

.ad .article .txtArea .jasrac span.image {
display: inline-block;
}


/* ========== reportsBookList ========== */
.reportsBookList{
margin-bottom:12px;
background:url(/common/images/line_dot01.gif) repeat-x left bottom;
zoom:1;
}

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

.reportsBookList .download {
width:492px;

max-height:132px;
_height:132px;
float:right;
position:relative;
}

.reportsBookList .download li {
zoom:1;
}

.reportsBookList .image{
width:108px;
float:left;
}

.reportsBookList .download .goLink {
position:absolute;
top:116px;
}



/* ========== about_data ========== */
.about_data{}
.about_data .indexBlock {
background:url(/images/bg_policy.gif) no-repeat left bottom;
margin-bottom:20px;
min-height: 1px;
overflow:hidden;
zoom:1;
clear:both;
position:relative;
}
.about_data .indexBlockOne {
background:url(/images/bg_policy.gif) no-repeat -306px bottom;
margin-bottom:12px;
min-height: 1px;
overflow:hidden;
zoom:1;
clear:both;
position:relative;
}
.about_data .indexBlock:after .indexBlockOne:after {
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0; 
}
.about_data .indexBlock .article, .indexBlockOne .article {
width:294px;
float:left;
}
.about_data .indexBlock .article p, .indexBlockOne .article p {
padding:0 12px 25px 12px;
}
.about_data .indexBlock .permalink, .indexBlockOne .permalink {
margin-right:12px;
position:absolute;
bottom:2px;
right:5px;
}
.about_data .indexBlock .firstChild {
margin-right:12px;
clear:both;
}
.about_data .indexBlock .firstChild .permalink, .indexBlockOne .firstChild .permalink {
right:308px !important;
width:250px;
}
.about_data .indexBlock .alignC img {
margin-bottom:10px;
}
.about_data .alertTxt {
color:#d3381c;
}
.about_data .imgG {
margin-bottom:30px;
}
.about_data .answerTxt {
width:280px;
float:left;
}
.about_data .answerNoimgTxt {
margin-right:12px;
float:left;
}
.about_data .answerImg {
float:right;
margin-bottom:10px;
}

/* ========== 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: 3em;
}

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

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


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

#mainImageOuter{
background:url(/profile/images/ttl_profile.jpg) no-repeat center top transparent;
}

#english #mainImageOuter{
background:url(/english/profile/images/ttl_profile.jpg) no-repeat center top transparent;
}