@charset "UTF-8";


/* -------------------------

	./corporate/

-------------------------*/


/* --------------------
	content
--------------------*/
div#contentWrap {
	width: 948px;
}
div#contentWrap p.mainImg a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
div#contentWrap h2 {
	margin: 0 auto 13px;
}

div#contentWrap div#corporate {
	margin-bottom:8px;
}

/* btnBox */
div#contentWrap div#btnBox {
	width:236px;
	float: left;
}
div#contentWrap div#btnBox img {
	margin-bottom:10px;
}
div#contentWrap div#btnBox a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
div#contentWrap div#btnBox img.last {
	margin-bottom:0;
}

/* newsReleasesBox */
div#contentWrap div#newsReleasesBox {
	width:434px;
	float: left;
	margin:0 21px 0;
	background: url(../images/bg_newsReleases_f.gif) no-repeat 0 bottom;
	padding-bottom:5px;
	position: relative;
}
div#contentWrap div#newsReleasesBox div.inner {
	border-right:1px solid #b1dffc;
	border-left:1px solid #b1dffc;
	width:432px;
}
div#contentWrap div#newsReleasesBox h2 {
	margin-bottom:0;
}
div#contentWrap div#newsReleasesBox div.releaseBtn {
	width:139px;
	position: absolute;
	right:8px;
	top:5px;
}
div#contentWrap div#newsReleasesBox dl {
	font-size: 85%;
	padding:9px 19px;
	border-bottom:1px solid #e0e0e0;
}
div#contentWrap div#newsReleasesBox dl.last {
	border-bottom:0;
}
div#contentWrap div#newsReleasesBox dl dt {
	width:103px;
	float: left;
	clear: both;
}
div#contentWrap div#newsReleasesBox dl dd {
	line-height: 1.4;
	width:286px;
	float: right;
	text-align: left;
}

/* topicsBox */
div#contentWrap div#topicsBox {
	width:236px;
	float: left;
	background: url(../images/bg_topics.gif) no-repeat 0 bottom;
	padding-bottom: 5px;
	text-align: center;
}
div#contentWrap div#topicsBox div.inner {
	padding-top:12px;
}
div#contentWrap div#topicsBox h2 {
	margin-bottom:0;
}
div#contentWrap div#topicsBox div.inner img {
	margin-bottom:10px;
}
div#contentWrap div#topicsBox div.inner a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
div#contentWrap p.smallTxt {
	font-size: 77%;
	line-height: 1.4;
	text-align: right;
	margin:0;
	
}

/* add */
div#contentWrap ul.dlLinkArea {
	width:236px;
	float: left;
	padding:10px 0;
	margin-top:10px;
	background-color: #e6f6ff;
}

div#contentWrap ul.dlLinkArea li {
	font-size:85%;
	background: url(../../common/images/icn_listBoxarrow.gif) no-repeat left 6px;
	padding-left:10px;
	margin-left:8px;
	line-height: 1.5;
}

div#contentWrap ul.dlLinkArea li a {
	display: block;
}

div#contentWrap p.dlLinkArea img {
	margin-left:5px;
}


/* ================================================================= */
div#contentWrap div.contentBox {
	background: url(../images/bg_contentsBox_f.gif) no-repeat 0 bottom;
	padding-bottom: 5px;
	margin-bottom: 13px;
	width: 706px;
	float: left;
}
div#contentWrap div.contentBoxS {
	background: url(../images/bg_contentsBox_f.gif) no-repeat 0 bottom;
	padding-bottom: 5px;
	margin-bottom: 13px;
	width: 222px;
	float: right;
}
div#contentWrap div.contentBox div.inner,
div#contentWrap div.contentBoxS div.inner {
	background: url(../images/bg_contentsBox.gif) repeat-y 0 0;
	position: relative;
}
div#contentWrap div.contentBox div.inner {
	min-height:310px;
	_height:310px;
}
div#contentWrap div.contentBox div.box,
div#contentWrap div.contentBoxS div.box {
	background: none;
	width: 222px;
	padding-bottom: 0;
	margin-bottom :0;
	float: left;
}
div#contentWrap div.contentBox div.box#overview {
	margin: 0 20px 0 0;
	padding-bottom: 155px;
}
div#contentWrap div.contentBox div.box p,
div#contentWrap div.contentBoxS div.box p {
	font-size: 85%;
	line-height: 1.5;
	margin: 0 20px 10px;
}
div#contentWrap div.contentBox div#imgOverview {
	width: 182px;
	text-align: left;
	position: absolute;
	left: 20px;
	bottom: 11px;
}
div#contentWrap div.contentBox div#imgOverview p.btn,
div#contentWrap div.contentBox div#imgBoehringer p.btn,
div#contentWrap div.contentBox div#btnCsr p.btn {
	font-size: 85%;
	line-height: 1.2;
	margin:0 0 10px 0;
	padding-left: 13px;
	background: url(../images/icn_arrow.gif) no-repeat 0 center;
}
div#contentWrap div.contentBox div.box#boehringer {
	margin-right: 20px;
}
div#contentWrap div.contentBox div#imgBoehringer {
	width: 182px;
	text-align: left;
	position: absolute;
	left: 262px;
	bottom: 11px;
}
div#contentWrap div.contentBox div#btnCsr {
	width: 182px;
	text-align: left;
	position: absolute;
	left: 504px;
	bottom: 11px;
}
div#contentWrap div.contentBox div#btnCsr li.first {
	margin-bottom: 10px;
}
div#contentWrap div.contentBox div#btnCsr li img {
	vertical-align: bottom;
}
div#contentWrap div.contentBox div#btnCsr li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
div#contentWrap div.contentBoxS ul.menuS {
	width: 182px;
	border-top: 1px solid #CCD7E1;
	margin: 0 20px 13px;
	background:#F7F7F7;
}
div#contentWrap div.contentBoxS ul.menuS li {
	width: 180px;
	border-left: 1px solid #CCD7E1;
	border-right: 1px solid #CCD7E1;
	border-bottom: 1px dotted #CCD7E1;
	line-height: 1.4;
	font-size: 85%;
	margin: 0 auto;
}
div#contentWrap div.contentBoxS ul.menuS li.last {
	border-bottom: 1px solid #CCD7E1;
}
div#contentWrap div.contentBoxS ul.menuS li a {
	background: url(../images/icn_arrow_02.gif) no-repeat 11px center #F7F7F7;
	padding: 7px 20px 7px 27px;
	width: 133px;
	display: block;
}
div#contentWrap div.contentBoxS ul.menuS li a:hover {
	background: url(../images/icn_arrow.gif) no-repeat 11px center #FFFFFF;
}
div#contentWrap p.btnNews {
	width:222px;
	float:right;
}
div#contentWrap p.small {
	font-size: 77%;
	line-height: 1.4;
	margin: 0 auto 15px;
}
/* ================================================================= */



/* ---------------------------------

	./corporate/quality/

---------------------------------*/

div#contentWrap.quality h2,
div#contentWrap.quality h3 {
	width:948px;
	margin-bottom:13px;
}
div#contentWrap.quality div#navBox {
	width:948px;
}
div#contentWrap.quality div#navBox ul {
	width:948px;
}
div#contentWrap.quality div#navBox ul li {
	width:303px;
	float:left;
	padding-right:19px;
	margin-bottom:14px;
	font-size:0;
}
div#contentWrap.quality div#navBox ul li.right {
	padding-right:0;
}
div#contentWrap.quality div#navBox ul li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}



/* ---------------------------------

	./corporate/history/

---------------------------------*/

div#contentWrap.history h2 {
	width:948px;
	margin-bottom:13px;
}
div#contentWrap.history h3 {
	margin:0;
}
div#contentWrap.history div#chronoBox {
	width:948px;
	height:587px;
	background: url(../history/images/bg_main.jpg) no-repeat 0 0;
	margin:0 auto 15px;
	position:relative;
}
div#contentWrap.history div#chronoBox ul {
	width:569px;
	position: absolute;
	top:47px;
	left:197px;
}
div#contentWrap.history div#chronoBox ul li {
	width:569px;
	text-align:left;
	margin-bottom:28px;
	font-size:0;
}
div#contentWrap.history div#chronoBox p {
	width:170px;
	position: absolute;
	top:359px;
	left:767px;
}



/* ---------------------------------

	./corporate/info/

---------------------------------*/

div#contentWrap div#info div.contentBoxTop a:hover img,
div#contentWrap div#info div.contentBoxBtm a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

div#contentWrap div#info div.contentBoxTop {
	background: url(../info/images/bg_contentBoxTop_f.gif) no-repeat 0 bottom;
	padding-bottom:6px;
	width:948px;
	margin-bottom:13px;
}
div#contentWrap div.contentBoxTop h2 {
	margin:0;
}
div#contentWrap div#info div.contentBoxTop div.inner {
	background: url(../info/images/bg_contentBoxTop.gif) repeat-y 0 top;
	position: relative;
	min-height: 280px;
	_height:320px;
}
*+html div#contentWrap div.contentBoxTop div.inner {
	height:320px;
}
div#contentWrap div.contentBoxTop div.box {
	width:303px;
	float: left;
	margin-right:20px;
}
div#contentWrap div.contentBoxTop div#boehringer.box {
	width:302px;
	margin-right:0;
}
div#contentWrap div.contentBoxTop div.box span {
	display: block;
	margin-left:1px;
}
div#contentWrap div.contentBoxTop div.box p.txt {
	margin:20px 20px 15px;
	font-size: 85%;
	line-height: 1.5;
}
div#contentWrap div.contentBoxTop p.btn {
	background:url("../images/icn_arrow.gif") no-repeat 0 center;
	font-size:85%;
	line-height:1.2;
	margin:0;
	padding-left:13px;
	position: absolute;
	bottom:17px;
	width:100px;
}
div#contentWrap div.contentBoxTop div#message,
div#contentWrap div.contentBoxTop div#profile,
div#contentWrap div.contentBoxTop div#boehringer {
	padding-bottom:30px;
}
div#contentWrap div.contentBoxTop div#message p.btn {
	left:21px;
}
div#contentWrap div.contentBoxTop div#profile p.btn {
	left:345px;
}
div#contentWrap div.contentBoxTop div#boehringer p.btn {
	left:668px;
}
div#contentWrap div#info div.contentBoxBtm {
	background: url(../info/images/bg_contentBoxBtm_f.gif) no-repeat 0 bottom;
	padding-bottom:6px;
	width:948px;
}
div#contentWrap div#info div.contentBoxBtm div.inner {
	background: url(../info/images/bg_contentBoxBtm.gif) repeat-y 0 top;
	position: relative;
	min-height: 370px;
	_height:360px;
}
div#contentWrap div.contentBoxBtm div.box {
	width:237px;
	float: left;
}
div#contentWrap div.contentBoxBtm p.head {
	margin-bottom:18px;
}
div#contentWrap div.contentBoxBtm div.box h2 {
	margin:0 0 17px 20px;
}
div#contentWrap div.contentBoxBtm div#rd.box,
div#contentWrap div.contentBoxBtm div#logistics.box,
div#contentWrap div.contentBoxBtm div#marketing.box,
div#contentWrap div.contentBoxBtm div#sales.box {
	padding-bottom:140px;
}
div#contentWrap div.contentBoxBtm div.box p.txt {
	font-size: 85%;
	line-height: 1.5;
	padding:0 20px;
}
div#contentWrap div.contentBoxBtm div.box span {
	display: block;
	position: absolute;
	bottom:17px;
	width:197px;
}
div#contentWrap div.contentBoxBtm div#rd span {left:20px;}
div#contentWrap div.contentBoxBtm div#logistics span {left:257px;}
div#contentWrap div.contentBoxBtm div#marketing span {left:494px;}
div#contentWrap div.contentBoxBtm div#sales span {left:731px;}



/* ---------------------------------

	./corporate/staff/

---------------------------------*/

div#contentWrap div#staff div.section a:hover img,
div#contentWrap div#staff div.section a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
div#contentWrap div#staff div.section {
	width:968px;
	margin-right:-20px;
	margin-bottom:20px;
}
div#staff div.section div.staffBox {
	background: url(../staff/images/bg_staff.gif) no-repeat 0 top;
	width:222px;
	margin-right: 20px;
	float: left;
}
div#staff div.section div.staffBox div.inner {
	background: url(../staff/images/bg_staff_f.gif) no-repeat 0 bottom;
	padding-bottom:20px;
}
div#staff div.section div.staffBox div.photo {
	position: relative;
	height: 152px;
}
div#staff div.section div.staffBox div.photo p {
	position: absolute;
	top:2px;
	left: 2px;
}
div#staff div.section div.staffBox div.photo span {
	display: block;
	position: absolute;
	top:0;
	right:0;
}
div#staff div.section div.staffBox p.name {
	margin:15px 0 0;
	text-align: center;
}

/* Coming Soon */
div#staff div.section div.staffBox.soon {
	background: url(../staff/images/bg_staff_comingSoon.gif) no-repeat 0 top;
	width:222px;
	margin-right: 20px;
	float: left;
}
div#staff div.section div.staffBox.soon div.inner {
	background: url(../staff/images/bg_staff_comingSoon_f.gif) no-repeat 0 bottom;
}


/* --------------
recruit Banner
-------------*/

div#contentWrap div#topicsBoxOut {
	width:236px;
	float: left;
}
div#contentWrap div#topicsBoxOut div#topicsBox {
	width:236px;
	float: none;
}
div#contentWrap div#topicsBoxOut p {
	margin-top: 12px;
}
div#contentWrap div#topicsBoxOut p a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

div#contentWrap div#staff p.recruitBnr {
	margin-bottom:20px;
}
div#contentWrap div#staff p.recruitBnr a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}