@charset "Shift_JIS"; 
	 
@import "screen.css"; 
  
/**=
 * ========================================
 * Structure/Layout 
 * ========================================
 */
	 
/**=
 * Common 
 * ========================================
 */
	
article .content 
{
	padding: 20px;
	font-size: 110%;
	line-height: 1.45;
	background: url(../images/bg_gray.gif) 0 0 repeat;
}
	 
article .content p 
{
	margin-bottom: 20px;
}
 
article .content .button 
{
	padding-bottom: 0;
	margin-right: -1px;
}
  
/**=
 * 
 * ----------------------------------------
 */
  
nav.global 
{
	margin-bottom: 18px;
}
 
article .about 
{
	float: left;
	width: 400px;
}
	
article .about .content 
{
	margin-right: 19px;
}
  
article .works 
{
	float: left;
	padding-top: 9px;
	width: 260px;
}
	
article .works .content 
{
	margin-right: 19px;
}
  
article .product 
{
	float: left;
	padding-top: 9px;
	width: 241px;
}
  
/**=
 * ========================================
 * About 
 * ========================================
 */
	
article #about 
{
	margin-bottom: 9px;
}
	 
article #about .link 
{
}
	 
article #about .link li 
{
	float: left;
	margin-bottom: 19px;
	width: 161px;
}
	 
article #about .link li.even 
{
	float: right;
}
   
article #about .inquiry 
{
	padding: 20px;
	background: url(../images/bg_yellow.gif) 0 0 repeat;
}
	 
article #about .inquiry h3 
{
	margin-bottom: 20px;
	height: 20px;
	font-weight: bold;
	line-height: 20px;
}
 
article #about .inquiry dl 
{
	position: relative;
	width: 301px;
}
	 
article #about .inquiry dl dt 
{
	position: absolute;
	left: 0;
}
 
article #about .inquiry dl dd 
{
	padding-left: 70px;
	padding-bottom: 1px;
	height: 20px;
	line-height: 20px;
}
    
/**=
 * 
 * ========================================
 */
	
/**=
 * 
 * ----------------------------------------
 */
   
/**=
 * ========================================
 * Concept 
 * ========================================
 */
	 
article #concept 
{
}
	 
article #concept .content 
{
	padding-top: 14px;
	background-position: 0 14px;
}
  
/**=
 * 
 * ========================================
 */
	
/**=
 * 
 * ----------------------------------------
 */
   
/**=
 * ========================================
 * Works 
 * ========================================
 */
	 
article .works 
{
}
	 
article .works .content .list dt 
{
	height: 39px;
}
  
/**=
 * 
 * ========================================
 */
	
/**=
 * 
 * ----------------------------------------
 */
   
/**=
 * ========================================
 * Products 
 * ========================================
 */
	 
article #products 
{
	margin-bottom: 20px;
}
	 
article #products .content 
{
	padding-top: 27px;
	background-position: 0 7px;
}
	 
article #products .content .list dd 
{
	margin-bottom: 0;
}


article #products .list dt 
{
	height: 39px;
	line-height: 39px;
}
	 
* html article #products .list dt img 
{
	top: 24px;
}
  
article #products .list dd.lastChild 
{
	padding-left: 25px;
	padding-bottom:5px;
}


/**=
 * 
 * ========================================
 */
	
/**=
 * 
 * ----------------------------------------
 */
   
/**=
 * ========================================
 * Blog 
 * ========================================
 */
	 
article #blog 
{
}
	 
article #blog .content 
{
	padding-top: 17px;
	background-position: 0 17px;
	padding-bottom:0;
}
 
article #blog .list dt 
{
	height: 79px;
	line-height: 79px;
}
	 
* html article #blog .list dt img 
{
	top: 24px;
}
  
article #blog .list dd.lastChild 
{
	margin-bottom: 0;
}
  
/**=
 * 
 * ========================================
 */
	
/**=
 * 
 * ----------------------------------------
 */
   
/**=
 * ========================================
 * Temporary 
 * ========================================
 */
	 
article #concept .content p,
article #blog .content p,
{
	margin-bottom: 0;
}
 
article #products .content 
{
	padding-bottom: 20px; /* UPDATE */
}
	 

  
/**=
 * 
 * ========================================
 */
	
/**=
 * 
 * ----------------------------------------
 */
   
/**=999
 * ========================================
 * Hack 
 * ========================================
 */
	 
/**=999-1
 * CLEAR FIX 
 * ====================================
 */
	 
.link:after 
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	 
#content, 
#globalNavigation
{
	display:inline-block;
}
/* Hide from IE Mac \*/
 
#content, 
#globalNavigation
{
	display:block;
}
/* End hide from IE Mac */
   
/**=999
 * 
 * ========================================
 */
	
/**=
 * 
 * ----------------------------------------
 */
   
/**=
 * ========================================
 * 
 * ========================================
 */
	
/**=
 * 
 * ========================================
 */
	
/**=
 * 
 * ----------------------------------------
 */