@charset "utf-8";
/* CSS Document */

div.panel{
	background-image:url(../images/contents/works/woks_index.png);
	width:660px;
	height:161px;
	margin:0px auto;
	position:relative;
}

div.panel div.caption{
	position:relative;
	top:14px;
	left:20px;
	width:620px;
	line-height:28px;
	text-align:left;
}

div.panel div.caption em{
	color:#006633;
}

div.panel div.icon{
	position:relative;
	width:90px;
	top:20px;
	float:left;
}

div.panel div.pic{
	position:relative;
	width:160px;
	top:20px;
	float:left;
}

div.panel div.message{
	position:relative;
	width:380px;
	top:20px;
	left:10px;
	float:left;
	text-align:left;
}

img.plan_logo{
	position:absolute;
	top:9px;
	left:600px;
}

/* old design */

DIV.website_head{
background-image:url(../images/gallary/box_t.png);
background-repeat:no-repeat;
width:436px;
height:26px;
}

DIV.website_head_txt{
margin:7px 0px 0px 7px;
}

DIV.website_body{
background-image:url(../images/gallary/box_b.png);
width:436px;
height:121px;
}


DIV.website_icon{
margin:5px 3px;
width:60px;
float:left;
}

DIV.website_thumbnail{
margin:5px 1px;
width:170px;
float:left;
}

DIV.website_explanation{
margin:5px 1px;
width:165px;
font-size:90%;
float:left;
}
SPAN.no{
font-weight:bold;
color:#009900;
}

#area, #job
{
	margin:0px 0px 20px 0px;
}

#area h5, #job h5
{
	background-image:none;
	margin:0px 0px 10px 20px;
	text-indent:0px;
}

#area ul, #job ul
{
	margin:0px 0px 0px 30px;
}

#area ul li
{
	list-style:none;
	float:left;
	margin:0px 2px 0px 0px;
	width:108px;
}

#job ul li
{
	list-style:none;
	float:left;
	margin:0px;
	width:210px;
	margin:0px 2px 0px 0px;
}

#area ul li ul, #job ul li ul
{
	margin:0px 0px 5px 0px;
}

#area ul li ul li, #job ul li ul li
{
	list-style:none;
	float:left;
	width:190px;
	list-style:square;
	float:none;
	margin-left:20px;
}

#gallary 
{
	margin-left:20px;
	margin-bottom:20px;
}

#gallary  .service
{
	background-image:url(../images/gallary/service.png);
	height:43px;
	line-height:43px;
	text-indent:130px;
	margin:0px 0px 20px 0px;
}

#gallary .item
{
	border:1px solid #999999;
	width:320px;
	float:left;
	margin:0px 5px 10px 0px;
}
 
#main div.body div.column2 #gallary .item h3.title
{
	background-color:#32d929;
	margin:0px;
	text-indent:0px;
	font-size:13px;
	padding:5px 10px;
	font-weight:normal;
	border-bottom:2px solid #006600;
	position:relative;
	top:0px;
	left:0px;
}

#main div.body div.column2 #gallary .item h3.title img
{
	position:absolute;
	top:7px;
	left:250px;
}

#gallary .selected
{
	margin:0px 0px 10px 0px;
}

#gallary .selected div.color_tip
{
	width:20px;
	height:20px;
	float:left;
}

#gallary .item .left
{
	width:200px;
	float:left;
	background-color:#EEEEEE;
}

#gallary .item .left img.preview
{
	margin:10px;
}

#gallary .item .left .icons
{
	height:50px;
}

#gallary .item .left .icons img.icon
{
	margin:0px 0px 5px 5px;
}

#gallary .item .left .area
{
	line-height:10px;
	margin:5px 0px 10px 0px;
}

#gallary .item .left .area img
{
	vertical-align:middle;
	margin:0px 10px 0px 0px;
}

#gallary .item .right
{
	width:120px;
	float:left;
}

#gallary .item .right div.colors
{
	margin:10px 0px 7px 0px;
}

#gallary .item .right div.color_tip
{
	width:20px;
	height:20px;
	margin:0px 0px 3px 3px;
	float:left;
}

#gallary .item .right .about
{
	margin:10px;
	font-size:12px;
}

#gallary .links
{
	text-align:left;
	margin-bottom:20px;
}

#gallary #slideshow
{
	height:200px;
	width:650px;
	overflow:hidden;
	margin-bottom:20px;
}

#gallary .thumbnail
{
	margin:2px;
	text-align:center;
	float:left;
}

#gallary .thumbnail img
{
	border:1px solid #CCCCCC;
}

#sample h4
{
	background-color:transparent;
	border:none;
	text-indent:0px;
	height:auto;
	background-image:none;
}

#sample .u_h4
{
	width:650px;
}

#sample .u_h4 .item
{
	margin-bottom:20px;
	float:left;
}

#sample .u_h4 .pic
{
	margin-right:10px;
	width:260px;
	float:left;
}

#sample .u_h4 .about
{
	width:380px;
	float:left;
}

#sample h5
{
	margin-bottom:10px;
	width:380px;
	background-image:none;
	height:auto;
}

img.sample
{
	margin-left:20px;
}