@charset "utf-8";

/* -----------------------------------------
#
# INFORMATION
#
# FileName:	product.css
# Summary:	product element
# Created:	2009-12-10
# UpdatedBy:	2009-12-10
# Copyright:	(c)Christie Digital Systems
------------------------------------------ */

/* -----------------------------------------
	common
------------------------------------------ */

#mainVisual {
	height:170px;
	background: url(../images/about/common/bg_mainvisual.jpg) left bottom no-repeat;
	background-color:#000;
}
.headline {
	padding:9px 0 9px 10px;
	background-color:#ececec;
}
.headline h4{
	padding:2px 0 0 11px;
	border-left:4px solid #2c3866;
	color:#2c3866;
	font-size:110%;
	font-weight:bold;
	line-height:1;
}

.utility {
	overflow:hidden;
	margin:10px 0 20px 11px;
	font-size:84%;
}
* html .utility{ height:1%;}

.utility li{
	margin-right:2px;
	padding:5px 0 5px 5px;
}
.utility li a {
	padding:0 0 2px 16px;
	background:url(../images/common/mak_arrow01.gif) 0 0 no-repeat;
}

p.more {
	float:right;
	margin:4px 10px 4px;
	padding:4px 4px 4px 5px;
	border:1px solid #bcbcbc;
	line-height:1;
}
p.more a {
	font-size:84%;
	padding:0 0 2px 16px;
	background:url(../images/common/mak_arrow01.gif) 0 0 no-repeat;
}
/* -----------------------------------------
	Layout
------------------------------------------ */
#content {
	width:735px;
	overflow:hidden;
}
#wrapper {
	width:950px;
	margin:0 auto;
}
#contentMain {
	float:right;
	width:537px;
}
#contentSub {
	float:left;
	width:181px;
}
#extra {
	float:right;
	width:198px;
}

/* -----------------------------------------
	about
------------------------------------------ */
#contentMain .module {
	position:relative;
	margin:0 0 0px;
	border:1px solid #bcbcbc;
	letter-spacing:1px;
}
#contentMain h3 {
	margin:1px 1px 0;
}

#contentMain #about{
}

#contentMain #about .aboutboxwrapper{
	margin-bottom: 18px;
}

#contentMain #about .last-child{
	margin-bottom: 0px;
}

#contentMain #about .aboutboxwrapper .aboutbox{
	width: 264px;
	min-height: 162px;
	height: auto !important;
	height: 162px;
}

#contentMain #about .aboutboxwrapper .left{
	margin-right: 5px;
	float: left;
}

#contentMain #about .aboutboxwrapper .right{
	float: left;
}

#contentMain #about .aboutboxwrapper .aboutbox h3{
}

#contentMain #about .aboutboxwrapper .aboutbox dl{
	padding: 10px 7px 3px 7px;
}

#contentMain #about .aboutboxwrapper .aboutbox dl dt{
	width:110px;
	float: left;
	margin-right: 10px;
}

#contentMain #about .aboutboxwrapper .aboutbox dl dd{
	float: right;
	width:130px;
	min-height: 92px;
	height: auto !important;
	height: 92px;
}

/* -----------------------------------------
	mind
------------------------------------------ */
#contentMain #mind .mindbox h3{
}

#contentMain #mind .mindbox{
	padding: 16px 7px 16px 7px;
}

#contentMain #mind .mindbox dt{
	width:128px;
	float: left;
	margin-right: 14px;
}

#contentMain #mind .mindbox dd{
	float: right;
	width:376px;
}
/* -----------------------------------------
	profile
------------------------------------------ */
.profilewrapper{
	padding-bottom: 15px
}

#profiletable {
	margin:15px 10px 0px 10px;
	border-collapse:collapse;
}
#profiletable th {
	width:28%;
	padding:12px 12px;
	border:1px solid #bcbcbc;
	background-color:#f5f6fa;
}
#profiletable td {
	padding:12px 12px;
	border:1px solid #bcbcbc;
}

#profiletable .notice {
	font-size:84%;
}
#profiletable ul.notice {
	margin:7px 10px;
}

#profiletable .logo {
	margin-bottom: 7px;
}

#profiletable .logo img{
	/* border: 1px solid #CCCCCC; */
}

#profiletable p.more {	
	/*margin:4px 0px 4px;*/
}

/* -----------------------------------------
	group
------------------------------------------ */
#group{
}

#group .imggroup {
	margin: 16px 0 16px 16px;
}

#group .companyboxwrapper{
	padding: 16px 10px 10px 10px;
}

#group dl.companybox {
	padding-top: 13px;
	padding-bottom: 12px;
	background:url(../images/common/mak_dotline02.gif) top repeat-x;
}

#group dl.first-child{
	background:none;
	padding-top: 0px;
}


#group .companybox dt{
	width: 360px;
	float: left;
}

#group .companybox dd{
	width: 152px;
	float: right;
}

#group .companybox dd img{
	border: 1px solid #CCCCCC;
}

/* -----------------------------------------
	history
------------------------------------------ */
.historywrapper {
	padding-bottom: 15px;
}
/* -----------------------------------------
	recruit
------------------------------------------ */
.recruitwrapper{
	padding-bottom: 15px
}

#recruit .norecruit{
	margin: 30px 20px 30px 20px;
}
#recruittable {
	margin:15px 10px 0px 10px;
	border-collapse:collapse;
}
#recruittable th {
	width:26%;
	padding:12px 12px;
	border:1px solid #bcbcbc;
	background-color:#f5f6fa;
}
#recruittable td {
	padding:12px 12px;
	border:1px solid #bcbcbc;
}

#recruittable .notice {
	font-size:84%;
}
#recruittable ul.notice {
	margin:7px 10px;
}


/* -----------------------------------------
	showroom
------------------------------------------ */
#showroom{
}

#showroom .txt{
	margin: 16px 16px 26px 16px;
}

#showroom .imgboxwrapper{
	padding: 20px 0 20px 45px;
}

#showroom .imgbox{
	margin-bottom: 8px;
}
#showroom .imgbox .left{
	width: 219px;
	margin-right: 8px;
	float: left;
}
#showroom .imgbox .right{
	float: left;
	width: 219px;
}



/* -----------------------------------------
	PageNav
------------------------------------------ */
.pageNav {
	margin: 0px 0px 0px 0px;
	background:none;
}