@charset 'UTF-8';

/* Layout */

.centerBox {
	width: 900px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}

/***************** Header *****************/
#header {
	border-top: 3px solid #BF8915;
	background-color: #eeefef;
}
#headerLogo{
	float: left;
	padding: 29px 0 20px;
}
#headerLogo a {
	display: block;
	width: 274px;
	height: 78px;
	background: url("images/headerLogo.gif") no-repeat 0 0;
	text-indent: -9999px;
}
#headerText {
	padding: 37px 0 10px;
	text-align: right;
	color: #473933;
	font-size: 11px;
}
#headerNavi {
	float: right;
	padding-right: 20px;
}
#headerNavi li {
	float: right;
	padding: 0 25px 0 12px;
	background: url("images/headerNaviArrow.gif") no-repeat 0 5px;
}
#headerNavi li a {
	color: #B9841C;
}
#mainNaviBlock {
	clear: both;
	border-top: 3px solid #fff;
	background: #976c08 url("images/naviBack.gif") repeat-x 0 0;
}
#mainNaviBlock a {
	color: #fff;
}
#mainNavi {
	height: 30px;
	background: url("images/mainNavi.gif") no-repeat 0 0;
}
* html #mainNavi {
	height: 27px;
}
#mainNavi li {
	float: left;
}
#mainNavi li a {
	display: block;
	width: 120px;
	height: 30px;
	padding-right: 10px;
	text-indent: -9999px;
	background: url("images/mainNavi.gif") no-repeat 0px 0px;
}
* html #mainNavi li a {
	display: block;
	width: 120px;
	height: 27px;
	padding-right: 10px;
	text-indent: -9999px;
	background: url("images/mainNavi.gif") no-repeat 0px 0px;
}

#mainNavi #mainNaviCompany a,
#mainNavi .company {
	background-position: 0px 0px;
}
#mainNavi #mainNaviAbout a,
#mainNavi .about {
	background-position: -130px 0px;
}
#mainNavi #mainNaviWorks a,
#mainNavi .works {
	background-position: -260px 0px;
}
#mainNavi #mainNaviAssets a,
#mainNavi .assets {
	background-position: -390px 0px;
}
#mainNavi #mainNaviContact a,
#mainNavi .contact {
	background-position: -520px 0px;
}
#mainNavi #mainNaviRecruit a,
#mainNavi .recruit {
	background-position: -650px 0px;
}
#mainNavi #mainNaviCompany a:hover,
#mainNavi #mainNaviCompany .hover {
	background-position: 0px -30px;
}
#mainNavi #mainNaviAbout a:hover,
#mainNavi #mainNaviAbout .hover {
	background-position: -130px -30px;
}
#mainNavi #mainNaviWorks a:hover,
#mainNavi #mainNaviWorks .hover {
	background-position: -260px -30px;
}
#mainNavi #mainNaviAssets a:hover,
#mainNavi #mainNaviAssets .hover {
	background-position: -390px -30px;
}
#mainNavi #mainNaviContact a:hover,
#mainNavi #mainNaviContact .hover {
	background-position: -520px -30px;
}
#mainNavi #mainNaviRecruit a:hover,
#mainNavi #mainNaviRecruit .hover {
	background-position: -650px -30px;
}

#subNaviBlock {
	height: auto;
}

#subNaviCompany,
#subNaviAbout,
#subNaviWorks,
#subNaviAssets,
#subNaviContact,
#subNaviRecruit {
	display: none;
	padding-top: 7px;
	font-size: 11px;
}
#topPage #subNaviCompany,
#companyPage #subNaviCompany {
	display: block;
}
#aboutPage #subNaviAbout {
	display: block;
}
#worksPage #subNaviWorks {
	display: block;
}
#assetsPage #subNaviAssets {
	display: block;
}
#contactPage #subNaviContact {
	display: block;
}
#recruitPage #subNaviRecruit {
	display: block;
}
/*
#subNaviCompany li,
#subNaviAbout li,
#subNaviWorks li,
#subNaviAssets li,
#subNaviContact li,
#subNaviRecruit li {
	float: left;
	padding-left: 23px;
}
#subNaviCompany li a,
#subNaviAbout li a,
#subNaviWorks li a,
#subNaviAssets li a,
#subNaviContact li a,
#subNaviRecruit li a {
	display: block;
	height: 23px;
	padding-left: 12px;
	background: url("images/subNaviArrow.gif") no-repeat 0 5px;
}
*/
#subNaviCompany a,
#subNaviAbout a,
#subNaviWorks a,
#subNaviAssets a,
#subNaviContact a,
#subNaviRecruit a {
	padding-left: 35px;
	background: url("images/subNaviArrow.gif") no-repeat 23px 4px;
}
* html #subNaviCompany a,
* html #subNaviAbout a,
* html #subNaviWorks a,
* html #subNaviAssets a,
* html #subNaviContact a,
* html #subNaviRecruit a {
	background: url("images/subNaviArrow.gif") no-repeat 23px 1px;
}
#topPageFlash {
	margin: 3px 0 10px;
	background-color: #2e211e;
}


/***************** Footer *****************/
#footer {
	padding-top: 10px;
}
#footerNavi {
	text-align: center;
}
#footerContent {
	margin-top: 10px;
	padding: 5px 0 10px;
	border-top: 1px solid #ccc;
}
#copyright {
	float: left;
	padding-top: 5px;
	font-size: 11px;
	color: #999;
}


/***************** Content *****************/
#content {
	border: 1px solid #ccc;
	background: #fff url("images/contentBack.gif") repeat-y left top;
}
#topPage #content {
	background: #fff url("images/contentBackTop.gif") repeat-y right top;
}
#worksPageInfo #content {
	border: 3px solid #BF8915;
	background: #fff url("images/worksContentBack.gif") repeat-y left top;
}
#leftColumn {
	float: left;
	width: 270px;
}
#rightColumn {
	float: right;
	width: 628px;
}
#topPage #leftColumn {
	width: 628px;
}
#topPage #rightColumn {
	width: 270px;
}
#worksPageInfo #leftColumn {
	width: 400px;
}
#worksPageInfo #rightColumn {
	width: 500px;
}
#leftColumn-inner {
	padding: 0;
}
#rightColumn-inner {
	padding: 10px 14px;
}
#topPage #leftColumn-inner {
	padding: 10px 14px;
}
#topPage #rightColumn-inner {
	padding: 10px;
}
#worksPageInfo #leftColumn-inner {
	padding: 25px 25px;
}
#worksPageInfo #rightColumn-inner {
	padding: 25px 0 20px 35px;
}