@charset "Shift_JIS"; 

@import "lib/reset.css"; 
@import "lib/fonts.css";
@import "screen.css";
@import "hack/ie6.css";
@import "hack/ie7.css";
  
/*
 * ========================================
 * カテゴリー 
 * ========================================
 */
 
/**=
 * ========================================
 * メインコンテンツ 
 * ========================================
 */

#MainContent 
{
}

#Title 
{
	border-bottom: 1px solid #C7C7C7;
}
 
#MainContent .Section 
{
	width: 558px;
}

#MainContent .Section ul, 
#MainContent .Section dl,
#NoResult form,
#Example form
{
	background-image: url(../images/bg_content_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#MainContent .Section ul li 
{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	border-bottom: 1px dotted #C7C7C7;
}
  
#MainContent .Section h2 
{
	margin-bottom: 5px;
	font-weight: bold;
}


/**
 * 商品カテゴリ 
 * ========================================
 */

#MainContent .Product
{

}

#MainContent .Product .Description 
{
	float: right;
	width: 370px;
}
 
#MainContent .Product .Image
{
	float: left;
	width: 160px;
}
 
#MainContent .Product ul
{
}

#MainContent .Product ul li
{
}

#MainContent .Product ul h2
{
	margin-bottom: .5em;
	color: #66AEFE;
}
 
#MainContent .Product ul p
{
	margin-bottom: .5em;
}

#MainContent .Product ul p.DetailLink 
{
	height: 25px;
	text-align: right;
}

#MainContent .Product ul p.DetailLink object
{
	height: 25px;
	background-color: #F00;
}

#MainContent .Product ul p.DetailLink img
{
	padding-bottom: 4px;
	margin-left: 5px;
}
   
#MainContent .Product ul ul 
{
	text-align: right;
	background-image: none;
}
     
/**
 * タイトルと概要 
 * ========================================
 */

#MainContent .List
{
}
  
/**
 * よくある質問 
 * ========================================
 */

#MainContent .Faq 
{
}

/**
 * お知らせ 
 * ========================================
 */

#MainContent .News
{
	position: relative;
	width: 558px;
}

#MainContent .News dl
{
	width: 558px;
}

#MainContent .News dl dt 
{
	position: absolute;
	left: 10px;
	padding-top: 5px;
	width: 6em;
	color: #624F46;
	font-weight: bold;
}

#MainContent .News dl dd 
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7em;
	margin-right: 10px;
	margin-left: 10px;
	border-bottom: 1px dotted #C7C7C7;
}

/**=
 * 検索 
 * ========================================
 */

#SearchResult 
{
}

#NoResult, 
#Example
{
}
 
#Exaple 
{
}

#NoResult h2, 
#NoResult p,
#NoResult ul,
#NoResult form,
#Example h2,
#Example p,
#Example ul,
#Example form
{
	padding: 10px 10px 0;
	margin-bottom: 1em;
}
 
#MainContent #Example .Sample 
{
	padding: 5px;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px solid #C7C7C7;
	background-image: none;
}

#MainContent #Example .Sample li 
{
	border-bottom: none;
}
 
#MainContent .Section #Example ul 
{
	background-image: none;
}

#MainContent .Section #Example ul li 
{
	padding: 0;
	border-bottom: none;
}
   
#MainContent #NoResult form, 
#MainContent #Example form
{
	padding-bottom: 10px;
	margin-right: 0;
	margin-left: 0;
}

#MainContent #NoResult form p, 
#MainContent #Example form p
{
	padding: 0;
}

/**=9
 * ========================================
 * ハック 
 * ========================================
 */

/**=9-1
 * clearfix 
 * ========================================
 */

.Product li:after, 
.List:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.Product li, 
.List
{
	display:inline-block;
}
/* Hide from IE Mac \*/
 
.Product li, 
.List
{
	display:block;
}
/* End hide from IE Mac */