body {

	margin:0;

	background:url(/images/page-back.gif) repeat-y 50% 0 #ececec;

	font-family: Helvetica, Arial, sans-serif;

}



#container {
	width:850px;
	margin:0 auto;
	background-color: #FFFFFF;

}

#container .header {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;

}

#container .header .txt-contact a {

	display:block;

	float:right;

	width:210px;

	height:12px;

	background:url(/images/txt-contact.gif) no-repeat 0 0;

	text-indent:-400px;

	overflow:hidden;

	margin:50px 0 0;

}

#container .header .txt-contact a:hover {

	background:url(/images/txt-contact.gif) no-repeat 0 -12px;

}





/* upper content */



#upper {

	background:url(/images/upper-back.gif) no-repeat;

}

#upper .inner {

	font-size:12px;

	line-height:18px;

	position:relative;

	padding:20px 400px 20px 20px;

	

}

#upper .inner a {

	color:#d06c00;

	

}

#upper .inner a:hover {

	text-decoration:none;

	color:#ff8400;

	

}


#upper .work {
	font-size:12px;
	line-height:18px;
	position:relative;
	background-image: url(/images/work_bak.gif);
	height: 400px;
	padding-top: 20px;
	padding-right: 400px;
	padding-bottom: 20px;
	padding-left: 20px;
	

}

#upper .work a {

	color:#d06c00;

	

}

#upper .work a:hover {

	text-decoration:none;

	color:#ff8400;

	

}


#upper .txt-work, #upper .txt-management, #upper .txt-press, #upper .txt-contact {

	display:block;

	height:28px;

	border-bottom:2px solid #97989a;

}

#upper .txt-portfolios {

	display:block;

	height:46px;

	border-bottom:2px solid #97989a;

}

#upper .txtRight-work, #upper .txtRight-management, #upper .txtRight-press, #upper .txtRight-portfolio, #upper .txtRight-contact {
	position:absolute;
	top:65px;
	right:31px;
	width:315px;
	line-height: 18px;
	color: #FFFFFF;
}






#subcontent .col01 {

	float:left;

	width:480px;

	font-size:11px;

	line-height:16px;

	color:#fff;

	padding:12px 0 0;

}

#subcontent .col-wider {

	width:700px;

	font-size:11px;

	line-height:16px;

	color:#fff;

	padding:12px 0 0;

}

#subcontent .col02 {

	float:right;

	width:300px;

	color:#fff;

	margin:12px 10px 0 0;

	background:url(/images/col02-back.gif) repeat-y;

}

#subcontent .col-color {

	float:left;

	width:400px;

	font-size:14px;

	line-height:20px;

	color:#fff;

	padding:12px 0 0;

}

#subcontent .col-color a {

	color:#fff;

}

#subcontent .col-color a:hover {

	text-decoration:none;

}

#subcontent .col-color .swatch {

	display:block;

	height:135px;

	padding:10px 0 0;

	border-bottom:1px solid #5c5c5c;

}

#subcontent .col-color .thumb {

	float:left;

	margin:0 12px 0 0;

	clear:left;

}

#subcontent .bigger {

	font-size:12px;

	line-height:18px;

}




/* global */



.note {

	font-size:10px;

	line-height:14px;

}

.margin li {

	margin:0 0 8px;

}





/* footer */



#footer {
	padding:12px 20px 26px;
	text-align:right;
	color:#666;
	font-size:11px;
	background-color: #AAAAAA;
	background-image: url(/images/footer-bak.gif);

}

#footer a {

	color:#666;

	text-decoration:none;

}

#footer a:hover {

	color:#000;

}

#footer .copyright {

	float:left;

}