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


div.main{
width:942px;
height:500px;
background-color:#CCC;
}


#three{
width:940px;
border-left:1px solid #CECAC2;
border-right:1px solid #CECAC2;
/*background:url(../img/bg_thrsubtitee.gif) top center no-repeat;*/
text-align:left;
}

#three div{
float:left;
}

div.wrap{ padding-top:1px !important;}

/* FEATURE */

#feature_box{
width:296px;
background:url(../img/line_vertical.gif) top right repeat-y;
padding-left:17px;
/*margin-top:4px;*/
}

#feature_box .tit{
width:77px;
height:18px;
margin:23px 0px 9px 3px;
background:url(../img/tit_feature.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#feature_box .subtit{
width:204px;
height:12px;
margin:0px 0px 20px 3px;
background:url(../img/subtit_feature.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#feature_box .bg{
width:275px;
height:559px;
background:url(../img/bg_feature.jpg) top center no-repeat;
margin-bottom:19px;
}

#feature_box .bg .lead{
width:230px;
height:67px;
margin:22px 29px 168px 16px;
background:url(../img/lead_feature.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#feature_box .white li{
width:260px;
height:58px;
line-height:58px;
margin-left:7px;
margin-bottom:1px;
text-align:center;
background-color:#ffffff;
}

* html #feature_box .white li{
behavior: expression(IEPNGFIX.fix(this));
} 


#feature_box .white li.coming{
width:260px;
height:58px;
margin-left:7px;
margin-bottom:1px;
background:url(../img/bg_coming_b.png) top center no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#feature_box .white li#bn_top_01,
#feature_box .white li#bn_top_02,
#feature_box .white li#bn_top_03,
#feature_box .white li#bn_top_04{
	width:260px;
	height:58px;
}

#feature_box .white li#bn_top_01 a,
#feature_box .white li#bn_top_02 a,
#feature_box .white li#bn_top_03 a,
#feature_box .white li#bn_top_04 a{
	width:260px;
	display:block;
	overflow:hidden;
	height:0 !important;
	height /**/: 58px ;
	padding-top:58px;
	background-repeat:no-repeat;
}

#feature_box .white li#bn_top_01 a{ background-image:url(../wtw/img/bn_top_01.jpg);}
#feature_box .white li#bn_top_02 a{ background-image:url(../wtw/img/bn_top_02.jpg);}
#feature_box .white li#bn_top_03 a{ background-image:url(../wtw/img/bn_top_03.jpg);}
#feature_box .white li#bn_top_04 a{ background-image:url(../wtw/img/bn_top_04.jpg);}

#feature_box .white li#bn_top_01 a:hover,
#feature_box .white li#bn_top_02 a:hover,
#feature_box .white li#bn_top_03 a:hover,
#feature_box .white li#bn_top_04 a:hover{ background-position:0 -58px;}



/* BLOG */

#blog_box{
width:295px;
background:url(../img/line_vertical.gif) top right repeat-y;
padding-left:19px;
/*margin-top:4px;*/
}

#blog_box .tit{
width:52px;
height:18px;
margin:23px 0px 9px 3px;
background:url(../img/tit_blog.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#blog_box .subtit{
width:114px;
height:12px;
margin:0px 0px 21px 3px;
background:url(../img/subtit_blog.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#blog_box .bg{
width:275px;
height:559px;
background:url(../img/bg_blog.jpg) top center no-repeat;
margin-bottom:19px;
overflow:hidden;
}

#blog_box .bg .lead{
width:226px;
height:50px;
margin:21px 32px 186px 17px;
background:url(../img/lead_blog.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
}

* html #blog_box .coming{

} 

#blog_box .coming{
width:260px;
margin-left:8px;
display:inline;
margin-bottom:0;
}

#top_blog_flash{}



/* ABOUT */

#about_box{
width:296px;
padding-left:17px;
/*margin-top:4px;*/
}

#about_box .tit{
width:73px;
height:18px;
margin:23px 0px 9px 3px;
background:url(../img/tit_project.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#about_box .subtit{
width:152px;
height:15px;
margin:-3px 0px 19px 3px;
background:url(../img/subtit_about2.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#about_box .bg{
width:275px;
height:559px;
background:url(../img/bg_project_01.jpg) left top no-repeat;
margin-bottom:19px;
}

#about_box .bg .lead{
	height:256px;
	text-indent:-9999px;
	overflow:hidden;
}

#about_box .bg .lead a{
	width:275px;
	height:256px;
	display:block;
}

#about_box .bg .lead2{
	height:303px;
	background:url(../img/bg_project_02.jpg) top left no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#about_box .bg .lead2 a{
	width:275px;
	height:303px;
	display:block;
}


#about_box .bg img{
margin-left:8px;
}