@charet "utf-8";

#wrp{font-family:"Century Gothic"}

#wrp #contents #subnav {
	float: left;
	width: 190px;
	height: 465px;
        margin:67px 0 0 0;
        padding-left:0px;
        font-size:12px;
}
#wrp #contents #main {
	float: right;
	width: 390px;
padding-right:10px;
	height:522px;
	overflow-y:auto;
    font-size:14px;
}

#imagesBox{
margin:-20px 0 0 -16px;
}

#imagesBox ul{
list-style-type:none;}

#imagesBox #cross li{
display:block;
width:165px;
float:left;
padding:0 4px;}

#imagesBox #vertical{
clear:both;}

#imagesBox #vertical li{
display:block;
width:160px;
float:left;
padding:0 9px 0 4px;}

#wrp #contents {
	
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(none);
        width:600px;
        height:588px;
}
#wrp #contents h2 {
	margin-top: 5px;
        font-size:35px;

}

#subnav ul{
margin-left:15px;
padding:5px 0 0 0;
}

#subnav ul li{

line-height:15px;}

#main ul{
margin:30px 0 0 28px;
font-size:14px;
}

#main ul li{
margin:0 0 10px 0;}

#wrp #contents h3 {
margin:20px 0 20px 10px;
        font-size:18px;
        font-weight:bold;
padding:3px;
width:300px;
color:#666464;}



#contents img{
border:1px solid #666464;}

#main p{
margin:20px 0 0 0px;}

#policy h3{
color:#000;
font-size:18px;
}

#policy p{
font-size:14px;
}


#main p{
margin:0 0 0 13px;
}

#wrp #nav #mainnav #ho a{
display:block;
background:url(../images/li-home.png) no-repeat;
}

#wrp #nav #mainnav #wo a{
display:block;
background:url(../images/li-works-n.png) no-repeat;

}



#project #wrp #nav #mainnav #wo a{
display:block;
background:url(../images/li-works.png) no-repeat;
}

#project #wrp #nav #mainnav #pj a{
display:block;
background:url(../images/li-project-n.png) no-repeat;
}

#projectBox{
margin:20px 0 0 0;}

#pImage{
width:300px;
margin:0 auto 20px 40px;}

#go{
width:115px;
margin:20px auto 0 130px;}

#go img{
border:none;}


#data{
margin:20px 0;}

#hykw{
font-size:12px;}

#wrp #contents #teH,#wrp #contents #hyH{
margin:20px 0 44px 10px;}