@charset "UTF-8";
/*///////////////////////////////////////////////////////////////////////////////////
//
//	main
//
///////////////////////////////////////////////////////////////////////////////////*/
#head {
	width:100%;
	height:466px;
}

#categoryListMain{
	width:990px;
	height:336px;
	padding-top:5px;
	background:url('/_image/common/bg_hm_main.jpg') no-repeat;
	position:absolute;
	top:125px;
	left:0;
}
#categoryListMain td{vertical-align:top;}

#wrapper{background:none;}

#contentArea{
	margin:0 5px;
	background:none;
}

#contentArea .body{
	width:100%;
	margin:0 auto;
	padding-bottom:0;
}
#navigation{
	display:none;
}
.contentAreaBottom{
	display:none;
}
#foot{
	height:313px;
}

#service{
	width:980px;
	height:169px;
   	margin:0;
	padding:19px 0 0 0;
	background:url('/_image/main/bg_service.gif') no-repeat;
	font-size:0;
	line-height:0;
}
#service li{
	float:left;
	padding:0 4px;
}
#service li.first{padding-left:0;}
#service li.last{padding-right:0;}
#portfolio{
	width:980px;
	height:540px;
	min-height:540px;
	background:url('/_image/main/bg_portfolio_loop.gif') repeat-y;
}
#portfolio h2 {
	width:955px;
	height:20px;
	margin:0;
	padding-left:25px;
	background:url('/_image/main/title_portfolio_bg.gif') no-repeat;	
	font-size:0;
	line-height:0;
	position:relative;
}
#portfolio h2 ul{
    position:absolute;
    top:0;
    left:118px;
}
#portfolio h2 li {
	float:left;
	padding:0 9px;
	background:#fff url('/_image/main/bar.gif') no-repeat 0 4px;
}
#portfolio h2 li.first{
	padding-left:0;
	background:#fff;
}
#portfolio h2 li img{cursor:pointer;}

#portfolio .prdList{
	width:940px;
	margin:0 auto;
	padding-top:30px;
}
#portfolio td{
	width:166px;
	height:162px;
	padding:0 11px;
	vertical-align:top;
	text-align:center;
	color:#676767;
	word-break:break-all;
	word-wrap:word-break;
}
#portfolio .img{
	width:150px;
	height:100px;
	margin-bottom:10px;
	padding:4px;
	border:4px solid #efefef;
	overflow:hidden;
}

.portfolioBottom {
	width:980px;
	height:38px;
	background:url('/_image/main/bg_portfolio_bottom.gif') no-repeat left top;	
}

#skinDesign {
	clear:left;
	width:980px;
	margin-bottom:30px;
	background:url('/_image/main/bg_skinDesign_loop.gif') repeat-y;
}
#skinDesign h2 {
	width:955px;
	height:20px;
	margin:0;
	padding-left:25px;
	background:url('/_image/main/title_skinDesign_bg.gif') no-repeat;
}

#skinDesign .prdList {
	width:940px;
	margin:20px auto;
}
#skinDesign .prdList td {
	padding:0 17px 20px 17px;
	vertical-align:top;
	line-height:160%;
	text-align:center;
}
#skinDesign .prdList td .img {
	margin-bottom:11px;
	padding:4px;
	background:#efefef;
	border:1px solid #dadada;
}
#skinDesign .prdList td .img td {
	padding:0;
	background:none;
	vertical-align:middle;
	text-align:center;
}

.skinDesignBottom {
	width:980px;
	height:7px;
	background:url('/_image/main/bg_skinDesign_bottom.gif') no-repeat left bottom;	
}