@charset"utf-8";

/* top styles */


/*
		1 : content(beta)

 */




#contentTop {
	width: 100%;
	/* margin-top:11px; */
}
table.topNavTbl {
	border-collapse:collapse;
	border-spacing:0;
	background-color:transparent;
	empty-cells:show;
	width:100%;
}
table.topNavTbl td,
table.topNavTbl th {
	padding:0;
}
table.topNavTbl td.leftBg {
	background:url(../image/index/bg_whatscbc_nav_left.png) right top no-repeat;
}
table.topNavTbl td.centerBg {
	width:622px;
	background:url(../image/index/bg_whatscbc_nav_center.png) no-repeat;
}
table.topNavTbl td.rightBg {
	background:url(../image/index/bg_whatscbc_nav_right.png) no-repeat;
}
.contentTop-inner:first-child {
	width: 622px;
	padding-bottom:0;
}
.contentTop-inner {
	width: 950px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:20px;
}
#contentPath {
	clear:both;
	padding:10px 0;
}
#contentMain a {
	color: #0084ff;
	text-decoration: none;
}
#contentMain a:hover {
	color: #FF0000;
	text-decoration: none;
}
h1#ttlTop {
	text-indent:-9999px;
	font-size:0;
}
#contentMenu {	
	width:180px;
	float:left;
}
#contentMenu h4 a {	
	width:180px;
	height:34px;
	display:block;
	background:url(../ir/image/bt_title_bar.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:0;
}
#contentMenu h4 a:hover {	
	background-position:0 -34px;
}

#mainBox {
	width:760px;
}

#infoBox {
	width:950px;
	margin-top:13px;
}

.sectionInner img {
	border:4px solid #e5e5e5;
}
.sectionInner img.noBorder {
	border:none;
}

#sectionProgram {
	float:left;
	width:180px;
	padding-top:13px;
	border-top:2px solid #000;
}
#sectionProgram h3 {
	background:url(../image/index/ttl_program.gif) 4px 0 no-repeat;
	width:79px;
	text-indent:-9999px;
	font-size:0;
	height:24px;
}
#sectionProgram #list {
	padding-bottom:4px;
	background-color:#e5e5e5;
}
#sectionProgram li {
	padding:4px 0 0 4px;
}
#sectionProgram li img {
	border:none;
	vertical-align:top;
}

#sectionNews {
	float:left;
	width:502px;
	margin-left:10px;
	padding-top:13px;
	border-top:2px solid #000;
}
#sectionNews h3 {
	background:url(../image/index/ttl_info.gif) 4px 0 no-repeat;
	width:112px;
	text-indent:-9999px;
	font-size:0;
	height:24px;
}
#sectionNews .sectionInner {
	width:502px;
}
#sectionNews .sectionInner dt {
	clear:left;
	background:url(../image/common/marker_top_news.gif) 4px 10px no-repeat;
	float:left;
	width:7em;
	padding: 7px 0.5em 7px 17px;
}
#sectionNews .sectionInner dd {
	margin-left: 0;
	padding: 7px 0.5em 7px 8em;
	background:url(../image/common/line_top_info.gif) bottom left repeat-x;
}

#sectionBnn {
	float:left;
	width:248px;
	margin-left:10px;
}
#sectionBnn li {
	padding-bottom:5px;
}
#sectionBnn li img {
	border:none;
	vertical-align:top;
}

#companyBnn {
	clear:both;
	width:950px;
	padding:28px 0 1em;
}
#companyBnn h3 {
	background:url(../image/index/ttl_company.gif) no-repeat;
	width:178px;
	height:14px;
	text-indent:-9999px;
	font-size:0;
	margin-bottom:13px;
}
#companyBnn ul {
}
#companyBnn li {
	width:110px;
	float:left;
	margin-right:10px;
}
#companyBnn li.last {
	margin-right:0;
}

/*==================================
 *	topNav
 *==================================*/
 
#topNav {
	width:524px;
	height:386px;
	margin:0 auto;
	background: url(../image/index/bt_whatscbc_nav.gif) 0 84px no-repeat;
}
#topNav li {
	list-style-type:none;
	display:inline;
}
#topNav li a {
	text-decoration: none;
	background: url(../image/index/bt_whatscbc_nav.gif) 0 0 no-repeat;
	text-indent: -9999px;
	display:block;
	overflow:hidden;
	float:left;
	height:300px;
	margin-top:84px;
}
#topNav li span.new {
	text-decoration: none;
	background: url(../image/index/bt_whatscbc_nav_new.png) 0 0 no-repeat;
	text-indent: -9999px;
	display:block;
	overflow:hidden;
	float:left;
	width:66px;
	height:300px;
	behavior: url("/js/common/iepngfix.htc");
}

li#aisatsuBt a {
	width:66px;
	background-position: 0px 0px;
}
li#aisatsuBt a:hover {
	background-position: 0px -300px;
}
li#companyBt a {
	width:66px;
	background-position: -66px 0px;
}
li#companyBt a:hover {
	background-position: -66px -300px;
}
li#enkakuBt a {
	width:66px;
	background-position: -132px 0px;
}
li#enkakuBt a:hover {
	background-position: -132px -300px;
}
li#irBt a {
	width:66px;
	background-position: -198px 0px;
}
li#irBt a:hover {
	background-position: -198px -300px;
}
li#recruittBt a {
	width:66px;
	background-position: -264px 0px;
}
li#recruittBt a:hover {
	background-position: -264px -300px;
}
li#recruitcBt a {
	width:66px;
	background-position: -330px 0px;
}
li#recruitcBt a:hover {
	background-position: -330px -300px;
}
li#recruitrBt a {
	width:66px;
	background-position: -396px 0px;
}
li#recruitrBt a:hover {
	background-position: -396px -300px;
}
li#csrBt a {
	width:65px;
	background-position: -264px 0px;
}
li#csrBt a:hover {
	background-position: -264px -300px;
}
li#serviceBt a {
	width:65px;
	background-position: -527px 0px;
}
li#serviceBt a:hover {
	background-position: -527px -300px;
}
li#ePubBt a {
	width:65px;
	background-position: -329px 0px;
}
li#ePubBt a:hover {
	background-position: -329px -300px;
}
li#governanceBt a {
	width:65px;
	background-position: -394px 0px;
}
li#governanceBt a:hover {
	background-position: -394px -300px;
}
li#sakuhinBt a {
	width:65px;
	background-position: -722px 0px;
}
li#sakuhinBt a:hover {
	background-position: -722px -300px;
}
li#newsreleaseBt a {
	width:65px;
	background-position: -459px 0px;
}
li#newsreleaseBt a:hover {
	background-position: -459px -300px;
}
li#englishBt a {
	width:65px;
	background-position: -524px 0px;
}
li#englishBt a:hover {
	background-position: -524px -300px;
}