@charset "UTF-8";
/* ******************************************************************

	--company.css--

	1. Layout setting
		1-1. Ecology setting
		1-2. Profile setting
		1-3. Ojigroup setting
		1-4. Message setting
		1-5. Network setting
		1-6. Common

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/
#side {
	padding-bottom:30px;
}
/*==================================================================
	1-1. Ecology setting
===================================================================*/
.textBlock {
	padding:1px 0 28px 2px;
}
.section01 {
	margin-top:-58px;
	padding-top:33px;
	background:url(../img/common/bg_dotted02.gif) repeat-x 0 0;
}
.blockEcologyInner {
	margin:-8px 0 28px;
	background:url(../img/company/ecology/bg_blockecology_body.gif) repeat-y 0 0;
}
.blockEcologyInner .groupEcology {
	background:url(../img/company/ecology/bg_blockecology_bottom.gif) no-repeat 0 100%;
}
.blockEcologyInner .groupEcology .groupEcologyInner {
	padding:17px 20px 16px;
	background:url(../img/company/ecology/bg_blockecology_top.gif) no-repeat 0 0;
}
.groupEcologyInner p {
	line-height:1.75;
}
.groupEcologyInner .ecologyList {
	padding:3px 0;
}
.groupEcologyInner .ecologyList li {
	padding-bottom:10px;
}
.groupEcologyInner .ecologyList li span {
	color:#005BAC;
	font-weight:bold;
	padding-right:12px;
}
.groupEcologyInner .itemList {
	margin-right:-38px;
	padding:4px 0 2px;
}
.groupEcologyInner .itemList li {
	background:url(../img/company/ecology/bg_item_body.gif) repeat-y 0 0;
	float:left;
	margin-right:19px;
	width:208px;
}
.groupEcologyInner .itemList li .element {
	background:url(../img/company/ecology/bg_item_bottom.gif) no-repeat 0 100%;
}
.groupEcologyInner .itemList li .elementInner {
	background:url(../img/company/ecology/bg_item_top.gif) no-repeat 0 0;
	padding:15px 14px 11px;
}
.groupEcologyInner .itemList li .elementInner .ttlEcology {
	padding-bottom:18px;
}

/*==================================================================
	1-2. Profile setting
===================================================================*/
.section .sectionInner .tbl {
	float:left;
	width:419px;
	padding-bottom:32px;
}
.section .sectionInner p.image {
	float:right;
}
.section .blockProfile {
	padding-top:6px;
}
.section .tableStyle {
	width:100%;
}
.section .tableStyle th {
	width:66px;
	padding:11px 13px 8px;
	border-right:3px solid #C8C8C8 !important;
	background:#F0F0F0;
	vertical-align:top;
}
.section .tableStyle td {
	padding:8px 21px;
}
.section .tableStyle th,
.section .tableStyle td {
	border:1px solid #C8C8C8;
	border-right:none;
	border-left:none;
	color:#282828;
}
.section .tableStyle td {
	line-height:1.8;
}
.section .sectionInner td p.title {
	font-weight:bold;
}
.section .tableStyle td span {
	padding-left:21px;
}
.section .sectionInner td ul {
	margin:-3px 0 0 -11px;
}
.section p.mapBlock span {
	display:block;
	margin-top:10px;
	border:1px solid #C8C8C8;
}
.section .tableStyle td.time {
	width:44px;
	border-right:none;
	padding-right:18px;
	vertical-align:top;
	text-align:right;
}
.section .tableStyle02 th {
	width:56px;
	padding-left:23px;
}
.section .tableStyle02 td {
	padding-left:0;
}
.section ul.info {
	margin-right:-70px;
	padding:0 0 0 22px;
}
.section ul.info li {
	float:left;
	width:295px;
	padding-right:70px;
}
.section ul.info li h3 {
	padding-bottom:5px;
	font-weight:bold;
}
.section ul.info li p {
	line-height:1.8;
}
.section ul.info li p span {
	padding-left:18px;
}
.section .noteHead01 {
	margin:13px 0 28px;
}
.section .noteHead02 {
	margin-top:15px;
}

/*==================================================================
	1-3. Ojigroup setting
===================================================================*/
.section p.blockImage {
	padding-top:25px;
	text-align:center;
}

/*==================================================================
	1-4. Message setting
===================================================================*/
.messageBlock {
	margin-top:-4px;
}
.messageBlock div {
	display:inline;
	float:left;
	width:393px;
	margin-top:-3px;
}
.messageBlock div p {
	line-height:1.75;
	padding-bottom:24px;
}
.messageBlock p.messageImage {
	display:inline;
	float:right;
	width:277px;
}
.messageBlock p.messageImage .messageText {
	display:block;
	padding:14px 1px 0 0;
	text-align:right;
}

/*==================================================================
	1-5. Network setting
===================================================================*/
.section .headline2 {
	position:relative;
	z-index:5;
}
.section p.networkImage01 {
	padding-top:60px;
	text-align:center;
}
.section p.networkImage02 {
	margin:-48px 0 -5px;
	text-align:center;
}

/*==================================================================
	1-6. Common
===================================================================*/
.princeGroup {
	margin-bottom:30px;
	padding-bottom:24px;
	background:url(../img/common/bg_dotted02.gif) repeat-x 0 100%;
}
.princeGroup .title {
	padding:25px 0 3px;
	background:url(../img/common/bg_dotted02.gif) repeat-x 0 0;
	font-weight:bold;
}
.princeGroup .detail {
	float:left;
    width:452px;
	padding-top:16px;
	line-height:1.75;
}
.textEcology .detail {
	float:left;
	padding-top:16px;
	line-height:1.75;
}