@import "/common_css/default_wide.css";
@import "/common_css/component_wide.css";



/*--------------------------------------
  Investor_Kojin
---------------------------------------*/

#contents .kojinTop {
width: 546px;
margin: 15px 0 0 0;
}
#contents .kojinTop .col-a,
#contents .kojinTop .col-b {
display: inline;
position: relative;
float: left;
min-height: 1px;
width: 245px;
}
@media print {
#contents .kojinTop .col-a,
#contents .kojinTop .col-b { 
width: 245px;
width/* */:/**/244px; /*-- hidden only from WinIE5.  Apply to anything else except WinIE5.  June.18,2007-- */
} /* -- This is for Print Ver June.18,2007 -- */
}
#contents .kojinTop .col-a { 
margin: 0 15px 0 13px;
}
#contents .kojinTop .col-b {
margin: 0 13px 0 15px;
}
#contents .kojinTop dl dt {
margin: 0 0 2px 0;
}


#contents .kojin-kabuka {
width: 546px;
margin: 30px 0;
}
#contents .kojin-kabuka h3 {
padding-bottom: 1px;
border-bottom: 2px solid #109200;
margin: 0 0 3px 0;
}
#contents .kojin-kabukabox .col-a,
#contents .kojin-kabukabox .col-b {
display: inline;
position: relative;
float: left;
min-height: 1px;
}
#contents .kojin-kabukabox .col-a {
width: 289px;
}
#contents .kojin-kabukabox .col-b {
width: 257px;
}
#contents .kojin-kabukabox .col-b ul li {
float: left;
margin: 5px 0 0 10px;
}


#contents .kojin2nd {
width: 546px;
margin: 0 0 25px 0;
}
#contents .kojin2nd .col-a,
#contents .kojin2nd .col-b {
display: inline;
position: relative;
float: left;
min-height: 1px;
width: 258px;
}
@media print {
#contents .kojin2nd .col-a,
#contents .kojin2nd .col-b { 
width: 258px;
width/* */:/**/257px; /*-- hidden only from WinIE5.  Apply to anything else except WinIE5.  June.18,2007-- */
} /* -- This is for Print Ver June.18,2007 -- */
}
#contents .kojin2nd .col-a { 
margin: 0 15px 0 0;
}
#contents .kojin2nd .col-b {
margin: 0 0 0 15px;
}

#contents .kojin2nd .title,
#contents .kojin3rd .title,
#contents .kojin4th .title {
padding-bottom: 1px;
border-bottom: 2px solid #109200;
min-height:21px;
height: auto !important;
height: 21px;
}

#contents .kojin2nd .col-a ul,
#contents .kojin2nd .col-b ul {
margin: 5px 0 0 0;
}
#contents .kojin2nd .col-a ul li,
#contents .kojin2nd .col-b ul li {
line-height: 1.2;
}


#contents .kojin3rd {
width: 546px;
margin: 0 0 25px 0;
}
#contents .kojin3rd .title h3 {
width: 80px;
float: left;
}
#contents .kojin3rd .title ul {
width: 466px;
float: right;
}
#contents .kojin3rd .title ul li {
text-align: right;
margin-top: 2px;
}

#contents .kojin3rd table {
width: 546px;
margin: 5px 0 0 0;
}
#contents .kojin3rd table th {
font-weight: normal;
width: 25%;
padding: 2px 0;
vertical-align: top;
text-align: left;
}
#contents .kojin3rd table td {
width: 75%;
padding: 2px 0;
line-height: 1.2;
}


#contents .kojin4th {
width: 546px;
margin: 0 0 25px 0;
}
#contents .kojin4th .title h3 {
width: 169px;
float: left;
}
#contents .kojin4th .title p {
width: 34px;
margin: 4px 0 0 10px;
float: left;
}
#contents .kojin4th .title ul {
width: 333px;
float: right;
}
#contents .kojin4th .title ul li {
float: right;
margin-top: 2px;
margin-left: 15px;
}

#contents .kojin4th table {
width: 546px;
margin: 5px 0 0 0;
}
#contents .kojin4th table th {
font-weight: normal;
width: 41%;
padding: 2px 0;
vertical-align: top;
text-align: left;
}
#contents .kojin4th table td {
width: 59%;
padding: 2px 0;
line-height: 1.2;
}


#contents_main .bottomlinks {
	margin:5px 8px 0px 0px;
	height:auto;
	width:100%;
}
#contents_main .bottomlinkslast {
	margin:5px 8px 0px 0px;
	height:auto;
	width:100%;
}
#contents_main .bottomlinks .boxImage2,#contents_main .bottomlinkslast .boxImage2{
	margin:0px 8px 0px 5px;
	width:245px;
	height:60px;
}

.col-b p {
padding-left:10px !important;
padding-left /**/:5px !important;
}

.wrap-menu {
	width:546px;
	margin-bottom:20px;
}
.wrap-menu div {
	float:left; display:inline;
	width:245px;
}
.wrap-menu p {
	float:right; display:inline;
	width:280px;
}

.mb30 { margin-bottom:30px !important; }























/* Index
----------------------------------------------------------*/
#contents .menu_list {
	margin:10px -18px 15px 0;
	position:relative;
	width:564px;
}
#contents .menu_list li {
	float:left;
	margin:0 18px 0 0;
	padding:0 0 15px 0;
	width:264px;
}
#contents .menu_list li a {
	display:inline-block;
	vertical-align:top;
}
#contents .menu_list li.item01 a {
	background:#FFF url(/investor/kojin/image_uniq/img_menu_profile_on.png) no-repeat 0 0;
}
#contents .menu_list li.item02 a {
	background:#FFF url(/investor/kojin/image_uniq/img_menu_vision_on.png) no-repeat 0 0;
}
#contents .menu_list li.item03 a {
	background:#FFF url(/investor/kojin/image_uniq/img_menu_advantage_on.png) no-repeat 0 0;
}
#contents .menu_list li.item04 a {
	background:#FFF url(/investor/kojin/image_uniq/img_menu_financial_on.png) no-repeat 0 0;
}
#contents .menu_list li.item05 a {
	background:#FFF url(/investor/kojin/image_uniq/img_menu_dividend_on.png) no-repeat 0 0;
}
#contents .menu_list li.item06 a {
	background:#FFF url(/investor/kojin/image_uniq/img_menu_stock_on.png) no-repeat 0 0;
}
#contents .menu_list li a:hover { background-color:transparent; }
#contents .menu_list li a:hover img { visibility: hidden; }
#contents .menu_list li a img {
	vertical-align:top;
}
#contents .wrap_meeting {
	background-color:#eff3e2;
	border:2px solid #c9dc9c;
	margin-bottom:10px;
	padding:15px 10px 25px;
}
#contents .wrap_meeting h2 {
	font-size:129%;
	color:#69b609;
	margin-bottom:5px;
}
#contents .wrap_meeting .img {
	float:left;
	width:160px;
}
#contents .wrap_meeting .txt {
	float:right;
	width:360px;
}
#contents .wrap_meeting .txt h3 {
	margin-bottom:10px;
	padding-top:5px;
}
#contents .wrap_meeting .txt dl {
	margin-bottom:10px;
}
#contents .wrap_meeting .txt dt {
	clear:both;
	float:left;
	width:3em;
}
#contents .wrap_meeting .txt dd {
	padding-left:3em;
}


/* Common
----------------------------------------------------------*/
img { border: 0; }
#contents .list_pdf li {
	background:url(/common_images/n_pdficon.gif) no-repeat 0 0;
	padding-left:35px;
}

#contents .wrap_kojin {
	color:#204d20;
	margin-bottom:30px;
}
#contents .bg_profile {
	background:url(/investor/kojin/image_uniq/bg_profile.png) no-repeat 0 0;
	min-height:55px;
	padding-left:90px;
}
#contents .bg_vision {
	background:url(/investor/kojin/image_uniq/bg_vision.png) no-repeat 0 0;
	min-height:60px;
	padding-left:90px;
}
#contents .bg_advantage {
	background:url(/investor/kojin/image_uniq/bg_advantage.png) no-repeat 0 0;
	min-height:55px;
	padding-left:90px;
}
#contents .bg_dividend {
	background:url(/investor/kojin/image_uniq/bg_dividend.png) no-repeat 0 0;
	min-height:55px;
	padding-left:90px;
}
#contents .bg_financial {
	background:url(/investor/financial/image_uniq/bg_financial.png) no-repeat 0 0;
	min-height:55px;
	padding-left:90px;
}
#contents .wrap_kojin .inner {
	background-color:#eef3ed; 
	padding:20px 20px 15px;
	width:416px;
}


/* Profile
----------------------------------------------------------*/
.wrap_group {
	margin-bottom:20px;
	position:relative;
}
.group_smfg {
	left:200px; top:28px;
	position:absolute;
}
.group_smbc {
	left:155px; top:93px;
	position:absolute;
}
.group_smbctb {
	left:330px; top:89px;
	position:absolute;
}
.group_smfl {
	left:230px; top:184px;
	position:absolute;
}
.group_smbcn {
	left:155px; top:273px;
	position:absolute;
}
.group_smbcf {
	left:330px; top:267px;
	position:absolute;
}
.group_card {
	left:127px; top:360px;
	position:absolute;
}
.group_cedyna {
	left:257px; top:361px;
	position:absolute;
}
.group_smbcc {
	left:360px; top:360px;
	position:absolute;
}
.group_souken {
	left:257px; top:450px;
	position:absolute;
}
.group_smam {
	left:210px; top:540px;
	position:absolute;
}


.table_profile {
  border-left: 1px solid #666666;
  border-top: 1px solid #666666;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0;
  width: 545px;
}
html:not([lang*=""]) .table_profile { border-collapse: separate; }
.table_profile th,
.table_profile td {
  border-bottom: 1px solid #666666;
  border-right: 1px solid #666666;
  vertical-align:middle;
}
.table_profile th {
  background-color: #eef3ed;
  padding:10px 20px 5px;
  width:10em;
}
.table_profile td {
  padding:10px 20px 5px;
}

.atte_3em {
	margin-left:2.8em;
	display:block;
}
.atte_3em span {
	display:inline-block;
	margin-left:-3em;
	width:3em;
}
.atte {
	white-space:nowrap;
}


/* Vision
----------------------------------------------------------*/
#contents .wrap_vision {
	border:3px solid #94cc0c;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	margin-bottom:20px;
}
#contents .wrap_vision h2 {
	background-color:#94cc0c;
	color:#FFF;
	font-size:116%;
	padding:10px 0;
	text-align:center;
}
#contents .wrap_vision .inner {
	padding:15px 15px 0;
}

#contents .wrap_vision .lead {
	font-size:124%;
	padding:10px 0 20px;
	text-align:center;
}
#contents .wrap_vision sup {
	line-height:1;
	font-size: smaller;
}
.mb5 {
	margin-bottom:2px !important;
}
.para_vision_r {
	text-align:right;
	margin-bottom:20px;
}


.box_vision {
	margin-right:-5px;
	padding-bottom:10px;
	position:relative;
	width:515px;
}
.box_vision > div {
	background-color:#ccff99;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	color:#204d20;
	float:left;
	margin:0 5px 5px 0;
	padding:10px 10px 5px;
}
.box_vision .real_01 {
	width:232px;
}
.box_vision .real_02 {
	width:233px;
}
.box_vision .real_03 {
	width:490px;
}

.box_vision h3 {
	background-color:#eff3e2;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	margin-bottom:10px;
	padding:5px 0;
	text-align:center;
}

#contents .wrap_vision .list_num li {
	display: table;
	height:29px;
	margin-bottom:10px;
	padding:0 0 0 45px;
}
#contents .wrap_vision .list_num li span {
	display: table-cell;
	vertical-align:middle;
}
#contents .wrap_vision .list_num .item01 {
	background:url(/investor/kojin/image_uniq/icon_num1.png) no-repeat 0 0;
}
#contents .wrap_vision .list_num .item02 {
	background:url(/investor/kojin/image_uniq/icon_num2.png) no-repeat 0 0;
}
#contents .wrap_vision .list_num .item03 {
	background:url(/investor/kojin/image_uniq/icon_num3.png) no-repeat 0 0;
}
#contents .wrap_vision .list_num .item04 {
	background:url(/investor/kojin/image_uniq/icon_num4.png) no-repeat 0 0;
}


/* Advantage
----------------------------------------------------------*/
.title_ad {
	color:#FFF;
	background-color:#3da310;
	margin-bottom:10px;
	padding:5px 15px;	
}
.title_ad sup {
	font-size:85%;
	line-height:1;
}
.img_ad {
	margin:30px 0 40px 55px;
}
#contents .list_ad_atte {
	margin:0 10px 20px;
}
#contents .list_ad_atte li { margin:0 0 5px 2em; }
#contents .list_ad_atte li span {
	display:inline-block;
	margin-left:-2em;
	width:2em;
}


/* Financial
----------------------------------------------------------*/
#contents .tabUI {
  width: 546px;
  margin: 0 auto;
  background-color: #fff;
  overflow: hidden;
}


#contents .tab {
	margin-right:-5px;
	padding:0 0 25px 0;
	position:relative;
	width:550px;
}
#contents .tab li {
	float:left;
	margin:0 5px 5px 0;
	padding:0;
	width:105px;
}
#contents .tab img {
	vertical-align:top;
}

#contents .tab li span {
	display:inline-block;
	vertical-align:top;
}
#contents .tab li.item01 span {
	background:#FFF url(/investor/financial/image_uniq/btn_group_on.png) no-repeat 0 0;
}
#contents .tab li.item02 span {
	background:#FFF url(/investor/financial/image_uniq/btn_smbc_on.png) no-repeat 0 0;
}
#contents .tab li.item03 span {
	background:#FFF url(/investor/financial/image_uniq/btn_smfl_on.png) no-repeat 0 0;
}
#contents .tab li.item04 span {
	background:#FFF url(/investor/financial/image_uniq/btn_smbcn_on.png) no-repeat 0 0;
}
#contents .tab li.item05 span {
	background:#FFF url(/investor/financial/image_uniq/btn_smbcf_on.png) no-repeat 0 0;
}
#contents .tab li.item06 span {
	background:#FFF url(/investor/financial/image_uniq/btn_card_on.png) no-repeat 0 0;
}
#contents .tab li.item07 span {
	background:#FFF url(/investor/financial/image_uniq/btn_cedyna_on.png) no-repeat 0 0;
}
#contents .tab li.item08 span {
	background:#FFF url(/investor/financial/image_uniq/btn_smbcc_on.png) no-repeat 0 0;
}
#contents .tab li.item09 span {
	background:#FFF url(/investor/financial/image_uniq/btn_souken_on.png) no-repeat 0 0;
}
#contents .tab li span:hover,
#contents .tab li.active span { background-color:transparent; }
#contents .tab li span:hover img,
#contents .tab li.active span img { visibility: hidden; }
#contents .tab li span img {
	vertical-align:top;
}

#contents .tabcontents > div {
	display:none;
}
#contents .tabcontents .active {
	display:block;
}



/* Dividend
----------------------------------------------------------*/
.date {
	margin-bottom:5px;
	text-align:right;
}
.table_dividend {
  border-left: 1px solid #666666;
  border-top: 1px solid #666666;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0 0 20px 0;
  width: 545px;
}
html:not([lang*=""]) .table_dividend { border-collapse: separate; }
.table_dividend th,
.table_dividend td {
  border-bottom: 1px solid #666666;
  border-right: 1px solid #666666;
  vertical-align:middle;
}
.table_dividend th {
  background-color: #eef3ed;
  text-align:center;
}
.table_dividend thead th {
	padding:10px 5px;
}
.table_dividend tbody th {
	padding:25px 5px 25px 5px;
}
.table_dividend td {
  padding:25px 15px;
  text-align:right;
}
.img_dividend {
	margin-bottom:20px;
}



/* For modern browsers */
.cf:before,
.cf:after { content:""; display:table; 	}
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }