/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
*/

/* HOME
----------------------------------------------------------------------------- */




.bx01{ position:relative; width:980px;}
.bx01 .text{ position:absolute; top:80px; left:20px; width:285px; color:#fff;}
.bx01 .text p{ padding:0 0 10px; font-size:13px; line-height:1.3em;}
.bx01 .bt{ position:absolute; top:297px; left:15px;}
.bx01 .bt:hover img{ opacity:.8; filter: alpha(opacity=80); -moz-opacity:.8;}
.bx01 ul{ position:absolute; top:80px; left:480px; width:580px;}
.bx01 li{ float:left; width:120px; height:150px; text-align:center;}
.bx01 li a{ color:#666;}
.bx01 li a img{ border:3px solid #C20F82;}
.bx01 li a:hover{ color:#000;}
.bx01 li a:hover img{ border:3px solid #FCBA00;}

.bx02{ position:relative; width:980px;}
.bx02 p{ position:absolute; top:80px; left:40px; width:320px; color:#fff;}
.bx02 p span{ float:left; width:120px; height:80px;}
.bx02 .bt1{ position:absolute; top:286px; left:72px;}
.bx02 .bt2{ position:absolute; top:353px; left:72px;}
.bx02 a:hover img{opacity:.8; filter: alpha(opacity=80); -moz-opacity:.8;}

.bx03{ position:relative; width:980px;}
.bx03 .text{ position:absolute; top:160px; left:50px; width:418px; color:#6E0244;}
.bx03 .text p{ padding:0 0 10px;}

.bx04 img{ display:block;}