@charset "iso-8859-1";
/* ****************************************************
Since : 2008-02-05
Last Modify : 2008-05-20
**************************************************** */

/* font settings [ con_company.css ]
=================================
1: layout
2: common parts
3: cover page
4: content parts
5: individual content parts (body class)
6: general
99: clearFix
=================================*/


/* layout
=================================*/
* html body#company div.textImageBox .photoRight p.photo .social {/* for IE hack */
	margin-left:8px;
}
body#company div.textImageBox .photoLeft p.photo .social {
	margin-bottom:200px;
}
body#company a span.caption{
	font-size:90%;
}

/* table
=================================*/
body#company table.nocol th,
body#company table.nocol td {
	border:none;
}
body#company table.nocol td.alignLeft {
	text-align: left;
}
body#company table.nocol td.boder-b {
	border-bottom:1px dotted #CCC;
}

body#company table tr td table{
	width:auto;
	margin:0;
	padding:0;
}


body#company table tr td table tr td{
	padding:3px;
}
body#company table caption{
	padding-top:20px;
	padding-bottom:10px;
}
* html body#company table caption{
	font-size:83%;
}
body#company table tr td,
body#company table tr td p,
body#company table tr td table tr td p{
}


/* common parts
=================================*/
body#company .phSize450 {
	width: 450px;
}
body#company table.size-s{
	width:60%;
}
body#company .dir_nor{
	font-weight:normal;
	display:block;
	width:645px;
}
body#company .dir_nor{
	font-weight:normal;
	display:block;
	width:645px;
}
body#company .dir_nor .subtxt_l{
float:left;
}
body#company .dir_nor .subtxt_r{
float:right;
}

/* cover page
=================================*/

/* main title */
body#company div.coverTitleBox001 {
	margin-bottom: 15px;
}
body#company div.coverTitleBox001 h1 {
	margin-bottom: 1px;
	border: none;
	background: none;
}

/* content box
---------------------------------*/

/* cover box001 */
/* --------------2columnButton-------------------*/
body#company div.coverBox001 .fLeft {
	float: left;
	width: 327px;
}
body#company div.coverBox001 .fRight {
	float: right;
	width: 327px;
}
body#company div.coverBox001 .subBox002 .topFrame {
	margin: 0 0 11px 0;
	background: url(../images/cover_bg043.gif) no-repeat 0 0;
}
* html body#company div.coverBox001 .subBox002 .topFrame {/* for IE hack */
	height: 1%;
}
body#company div.coverBox001 .subBox002 p {
	min-height: 16px;
	padding: 10px 15px 10px 36px;
	background: url(../images/cover_bg044.gif) no-repeat left bottom;
	font-size: 116%;
	font-weight: bold;
}
* html body#company div.coverBox001 .subBox002 p {/* for IE hack */
	height: 16px;
}

body#company div.coverBox001 .subBox {
	margin: 0 0 10px 0;
	background: url(../images/cover_bg031.gif) no-repeat 0 0;
}
* html body#company div.coverBox001 .subBox {/* for IE hack */
	height: 1%;
}
body#company div.coverBox001 .oneFrame {
	width: 215px;
}
body#company div.coverBox001 .twoFrame {
	width: 440px;
}
body#company div.coverBox001 ul {
	padding: 0 0 10px 0;
	background: url(../images/cover_bg032.gif) no-repeat left bottom;
}
body#company div.coverBox001 ul li {
	float: left;
	width: 215px;
	margin-right: 10px;
}
body#company div.coverBox001 ul li.listEnd {
	margin-right: 0;
}
body#company div.coverBox001 dl {
	padding: 12px 15px 0 15px;
	line-height: 1.5;
}
body#company div.coverBox001 dl dt {
	line-height: 1.2;
}
body#company div.coverBox001 dl dt span {
	display: block;
	padding: 0 0 5px 21px;
	font-size: 116%;
	font-weight: bold;
}
body#company div.coverBox001 dl dd {
	margin-top: 3px;
	padding: 0 0 0 15px;
	background: url(../images/link_ic001.gif) no-repeat 0 0.1em;
}
* html body#company div.coverBox001 dl dd {/* for IE hack */
	height: 1%;
}

/* cover box002 */
body#company div.coverBox002 .subBox {
	margin: 0 0 10px 0;
	background: url(../images/cover_bg041.gif) no-repeat 0 0;
}
* html body#company div.coverBox002 .subBox {/* for IE hack */
	height: 1%;
}
body#company div.coverBox002 .bottomFrame {
	padding: 0 0 10px 0;
	background: url(../images/cover_bg042.gif) no-repeat left bottom;
}
body#company div.coverBox002 .fLeft {
	float: left;
	width: 327px;
}
body#company div.coverBox002 .fRight {
	float: right;
	width: 327px;
}
body#company div.coverBox002 dl {
	padding: 10px 15px 0 15px;
}
body#company div.coverBox002 dl dt {
	padding: 0 0 10px 21px;
	background: url(../images/cover_line001.gif) repeat-x left bottom;
	font-size: 116%;
	font-weight: bold;
}
* html body#company div.coverBox002 dl dt {/* for IE hack */
	height: 1%;
}
body#company div.coverBox002 dl dd {
	padding: 5px 0 0 18px;
}
body#company div.coverBox002 dl dd ul li {
	padding: 0 0 0 15px;
	background: url(../images/link_ic001.gif) no-repeat 0 0.2em;
}
* html body#company div.coverBox002 dl dd ul li {/* for IE hack */
	height: 1%;
}


/* content parts
=================================*/

/* link
---------------------------------*/

/* button link box001 */
body#company div.buttonLinkBox001 .subBox {
	float: right;
}
body#company div.buttonLinkBox001 .subBox02 {
	float: left;
	margin-left:127px;
}
body#company div.buttonLinkBox001 .subBox03 {
	float: left;
}
body#company div.buttonLinkBox001 .subBox03 .buttonLink a {
	background: url(../images/bt_bg002.gif) no-repeat 0 0 #ffffff;
}

* html body#company div.buttonLinkBox001 .subBox02 {/* for IE hack */
	display:inline;
	margin-left:118px;
}

body#company div.buttonLinkBox001 p {
	float: left;
	margin: 0 0 0 10px;
}
body#company div.buttonLinkBox001 .subBox03 p {
	margin: 0;
}

/* content box
---------------------------------*/


/* overview */
div#dir{
	clear:both;
}
div#dir .subBox{
	margin-bottom:20px;
	width:173px;
	float:left;
}
* html div#dir,
* html div#dir .subBox{
	height:1%;
}
div#dir table{
	width:400px;
	float:left;
}
div#dir .subBox p{
	margin-left:20px;
}
div#dir .subBox p span{
	padding:3px;
	display:block;
}
div#dir .subBox p img{
}

/* environment */
div#tech.colTwo .listImageLeft {
	float: left;
	width: 412px;
}
div#tech.colTwo .listImageRight {
	width: 224px;
}
body#company.csrIndex .normalList Ul li {
	margin-bottom: 10px;
}

/*  society */
div.textImageBox .photoMiddle p.photo {
	width: 280px;
}

/* management */

body#company .indent{
padding: 5px 0px 0px 20px;
text-indent:-1.3em;
}


/* individual content parts (body class)
=================================*/

/* csr index
---------------------------------*/

/* news list box */
body#company.csrIndex div.newsListBox dl dd span {
	padding-left: 0;
}

/*network 
---------------------------------*/
/* network */
body#company.network div.section div.subSection span {
	float:none;
}
body#company div#net_top {
	background:url(../../company/network/images/index_il001.gif) no-repeat;
	height:274px;
	margin-top:-5px;
}
body#company.network div.section div.subSection dl{
	padding:0 0 0 20px;
	clear:both;
}
body#company.network div.section div.subSection dl.border{
	border-bottom:1px dotted #CCC;
	padding-bottom:20px;
}

body#company.network div.section div.subSection dl dd{
}
body#company.network div.section div.subSection dl.lv1{
	margin-top:0;
	padding-top:0;
}
body#company.network div.section div.subSection dl.lv1 dt {
	margin-bottom: 0;
	border-bottom: none;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2;
}
body#company.network div.section div.subSection dl.lv1 dd {
}
body#company.network div.section div.subSection dl.lv2{
	padding-left:40px;
}
body#company.network div.section div.subSection dl.lv2 dt {
	border-bottom: none;
	margin: 20px 0 3px 0;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2;
}
body#company.network div.section div.subSection dl.lv2 dd {
}
body#company.network div.section div.subSection dl.lv3{
	padding-left:40px;
	padding-bottom:30px;
	border-bottom:1px dotted #CCC;
}
body#company.network div.section div.subSection dl.last{
	border-bottom:none;
}
body#company.network div.section div.subSection dl.lv3 dt {
	margin:10px 0 8px 0;
	border-bottom: none;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.2;
	padding: 0 0 0 17px;
	background: url(../images/list_ic001.gif) no-repeat 0 0.25em;
}
* html body#company.network div.section div.subSection dl.lv3 dt{
	height:1%;
}
body#company.network div.section div.subSection dl.lv3 dd {
	margin-left:20px;
}

body#company div.section div.subSection2{
	margin: 0 0 0 20px;
}

/*history
---------------------------------*/

body#company.history dl.mile {
	margin:10px 0 0 20px;
}
body#company.history dl.mile dd {
	margin: -1.5em 0 11px 8.5em;
}
body#company.history .milenone {
	margin: 10px 0 0 20px;
	padding-left: 8.5em;
}
body#company.history .milestoneBox h3 {
	margin-top: 20px;
	background:none;
}
body#company.history dl.mile dd.thumbnail {
	margin-top: 0;
}


/* 2line backic */

a.linkblank span { 
 padding: 1px 20px 2px 0;
 _padding: 0 20px 0 0;
 background: url(../images/ic_blank001.gif) no-repeat top right;
_background-position:0.5em 0.2em;
 text-decoration: none;
 _height: 1%;
  line-height:1.6;
	cursor: pointer;
}

/*overview
---------------------------------*/
.p-l10 {
	padding-left:10px;
}
.element-b10 {
	margin-bottom: 10px !important;
}
body#company .normalList ol li {
	margin-bottom: 10px;
}


/* clearFix
=================================*/
body#company div#dir.subSection:after,
body#company div.coverBox001 ul:after,
body#company div.coverBox002 .bottomFrame:after,
body#company div.buttonLinkBox001:after,
body#company.network div.section div.subSection dl:after,
body#company div.coverBox001 .subBox002:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
*:first-child+html body#company div#dir.subSection,
*:first-child+html body#company div.coverBox001 ul,
*:first-child+html body#company div.coverBox002 .bottomFrame,
*:first-child+html body#company div.buttonLinkBox001,
*:first-child+html body#company div.coverBox001 .subBox002 {
	display:inline-table;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html body#company div.coverBox001 ul,
* html body#company div.coverBox002 .bottomFrame,
* html body#company div.buttonLinkBox001,
* html body#company div.coverBox001 .subBox002 {
	height:1px;
}
body#company div.coverBox001 ul,
body#company div.coverBox002 .bottomFrame,
body#company div.buttonLinkBox001,
body#company div.coverBox001 .subBox002 {
	display:block;
}
/* End hide from IE-mac */
