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


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

.content .box1 h2 { display: block; padding: 45px 0 15px 10px; }

.content .box2 { background:url(images/oursites_bg.gif); _height: 1%; }
.content .box2 .right { width: 291px; float: right; background: #D8E208; padding: 40px 0 40px 0; overflow: hidden; }
.content .box2 .right h3 { padding: 20px 0 0 13px; display: block; }
.content .box2 .right h4 { padding: 20px 0 0 8px; display: block; }
.content .box2 .right p { padding: 5px 13px 30px 13px; _padding: 5px 13px 20px 13px; display: block; color: #434D00; }
.content .box2 .right span { overflow: hidden; height: 2px; width: 291px; }
.content .box2 .right h2 { display: block; color: #434D00; font-weight: bold; font-size: 12px; margin: 0 0 15px 0; white-space: pre; }
.content .box2 .right h2 a { color:#1B1F00; text-decoration: underline; }
.content .box2 .right dl { padding: 15px 0 0 3px; width: 330px; }
.content .box2 .right dl img { border: #FFFFFF 1px solid; } 
.content .box2 .right dl dd { float: left; padding: 0 14px 0 0; width: 135px; }

.content .box3 { padding: 0 0 45px 0; }
.content .box3 .left { width: 650px; float: left;}
.content .box3 .right { width: 292px; float: right; background:url(images/oursites_box3-bg.jpg) repeat-x; height: 56px; }

.content .box2 #type1 { width: 650px; float: left; position: relative; }
.content .box2 #type1 span { position: absolute; left: 570px; top: -17px; width: 133px; height: 99px; }
.content .box2 #type1 p { display: block; width: 550px; padding: 30px 0 30px 10px; color: #434D00; }
.content .box2 #type1 dl { height: 31px; display: block; padding: 0 0 30px 10px; }
.content .box2 #type1 dl dd,
.content .box2 #type1 dl dd img { float: left; }
.content .box2 #type1 li { display: block; height: 413px; width: 650px; position: relative; }
.content .box2 #type1 li h3 { position: absolute; font-size: 27px; line-height: 30px; top: 339px; left: 40px; letter-spacing: -0.1em }
.content .box2 #type1 li h3 a { color: #000000; }
.content .box2 #type1 li h3 a:hover { text-decoration:underline;}
.content .box2 #type1 li img { display: block; }
.content .box2 #type1 li span { position: absolute; left: 512px; top: 190px; width: 142px; height: 241px; }
.content .box2 #type1 li kbd { position: absolute; left: 295px; top: 333px; width: 207px; height: 31px; }

.content .box2 #type2 { width: 650px; float: left; position: relative; }
.content .box2 #type2 span { position: absolute; left: 570px; top: -17px; width: 133px; height: 99px; }
.content .box2 #type2 p { display: block; width: 550px; padding: 30px 0 30px 10px; color: #434D00; }
.content .box2 #type2 dl { height: 31px; display: block; padding: 0 0 30px 10px; }
.content .box2 #type2 dl dd,
.content .box2 #type2 dl dd img { float: left; }
.content .box2 #type2 li { display: block; width: 318px; height: 512px; position: relative; float: left; padding: 0 0 50px 0; }
.content .box2 #type2 li h2 { position: absolute; top: 5px; left: 12px; }
.content .box2 #type2 li h3 { position: absolute; font-size: 27px; line-height: 30px; letter-spacing: -0.1em; top: 433px; left: 40px; }
.content .box2 #type2 li h3 a { color: #000000; }
.content .box2 #type2 li h3 a:hover { text-decoration:underline;}
.content .box2 #type2 li img { display: block; }
.content .box2 #type2 li span { position: absolute; left: 14px; top: 472px; width: 207px; height: 31px; }