#inner-header
{
	width: 850px;
	*width: 830px;
	height: 94px;
	background-color: #cccccc;
	font-size: small;
	color: #ffffff;
}

#main
{
	width: 830px;
	padding: 10px;
}

#main h1
{
	padding: 0px;
	margin: 0px;
	border-left: solid 5px #5170b0;
	color: #39548b;
	padding-left: 10px;
	font-size: large;
	line-height: 1.4em;
}
#main h2
{
	padding: 0px;
	margin: 0px;
	color: #333399;
	border-bottom: solid 2px #333399;
	font-size: small;
	line-height: 1.4em;
}
#main h3
{
	padding: 2px;
	margin: 6px 0px;
	color: #FFFFFF;
	background-color: #3399FF;
	font-size: small;
	line-height: 1.4em;
}


img.topimage
{
	padding: 10px;
	background-color: #dcdcdc;
}

table#itemnews
{
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: small;
	color: #333333;
	border-collapse: collapse;
}
	table#itemnews td
	{
		padding: 5px;
		border-bottom: dashed 1px #636363;
	}
	table#itemnews td.date
	{
		width: 100px;
	}
	table#itemnews td.title
	{
		width: 300px;
	}

table#category
{
	width: 100%;
}
	table#category div.item
	{
		margin: 10px;
		border: solid 1px #cccccc;
	}
		table#category div.item div.image
		{
		}
		table#category div.item div.name
		{
			padding: 20px 10px;
			background-color: #5170b0;
		}
			table#category div.item div.name a
			{
				color: #ffffff;
				font-size: small;
			}

/******************************************************************************
 * VARIATION LIST
 *****************************************************************************/
table#variation-list
{
	border-collapse: collapse;
	margin-left: 10px;
	width: 826px;
}
	table#variation-list th
	{
		border: 1px solid #dfdfdf;;
		font-weight: normal;
		color: #ffffff;
		background-color: #81948e;
	}
	table#variation-list td
	{
		margin: 0px;
		padding: 2px;
	}
	table#variation-list td.code
	{
		width: 100px;
		font-family: monospace;
		background-color: #EDEBF8;
	}
	table#variation-list td.size
	{
		text-align: right;
	}

/******************************************************************************
 * OPTION LIST
 *****************************************************************************/
table.optionlist
{
	border-collapse: collapse;
	width: 826px;
}
	table.optionlist th
	{
		border: 1px solid #dfdfdf;
		font-weight: normal;
		color: #ffffff;
		background-color: #81948e;
		padding: 2px;
	}
	table.optionlist td
	{
		margin: 0px;
		padding: 2px;
	}
	table.optionlist td.code
	{
		width: 100px;
		font-family: monospace;
		background-color: #EDEBF8;
	}
	table.optionlist td.size
	{
		text-align: right;
	}
table.optionlist th.name	{   }
table.optionlist th.code	{ width: 80px;  }
table.optionlist th.size	{ width: 60px; text-align: center; }
table.optionlist th.weight	{ width: 8ex;  }
table.optionlist th.price	{ width: 12ex;   }

table.optionlist .even td { background-color: #F8F8F8;  }

table.optionlist td { border-bottom: solid 1px #dfdfdf;}
table.optionlist td.code { font-family:monospace; background-color: #EDEBF8; padding-left:1ex; padding-right:1ex;}
table.optionlist td.size {	text-align: center; }
table.optionlist td.price { text-align: right; padding-right:1ex; }

table div.inquiry{ font-size:80%; color:#666666; text-align: center; }



/******************************************************************************
 * CATEGORY LIST
 *****************************************************************************/
div#category
{
	width: auto;
}
	div#category div.item
	{
		float: left;
		width: 360px;
		*width: 370px;
		border: solid 1px #999999;
		margin: 10px;
		*margin: 5px;
		padding: 10px;
		height: auto;
		*height: 190px;
		min-height: 190px;
	}
		div#category div.item div.cell
		{
			float: left;
			width: 180px;
		}
			div#category div.item h2
			{
				border: 0px;
			}
			div#category div.item div.link
			{
				text-align: right;
			}

/******************************************************************************
 * TOPICS LIST
 *****************************************************************************/
table#topics-list
{
	margin-bottom: 20px;
	font-size: small;
	color: #333333;
	border-collapse: collapse;
	width: 608px;
}
	table#topics-list td
	{
		padding: 5px;
		border-bottom: dashed 1px #636363;
	}
	table#topics-list td.date
	{
		width: 55px;
	}
	table#topics-list td.title
	{
	}
	table#topics-list td.icon
	{
		padding: 0px;
		width: 59px;
	}
	
/******************************************************************************
 * search
 *****************************************************************************/

/******************************************************************************
 * search
 *****************************************************************************/

div#searchbox
{
	border: solid 1px #eeeeee;
	padding10px;
	margin: 10px 0px;
}
table.page-control {width:100%;}
table.page-control td.navi { text-align: right; }

#searchbox-t {
padding-right: 33px; padding-left: 33px; padding-bottom: 0px; padding-top: 0px;
}

#searchbox-t .s-box{
border: 2px solid #BABABA; width: 742px;
}

#searchbox-t th{
background-color:#DFEBFC;
}

#searchbox-t .td-bg{
background-color:#F6FAFF
}

#searchbox-t .search-button{
margin-right:10px;
}

#searchbox-t .key-p{
padding-left:4px;
}


#searchbox-t div.radLabel { width:155px; float: left;  }
#searchbox-t div.checkboxes { width: 155px; float: left; padding: 2px 0px; margin: 0px; }


/******************************************************************************
 * ARM CATEGORY LIST
 *****************************************************************************/
#arm-category
{
	width: 840px;
}
	#arm-category div.item
	{
		float: left;
		width: 200px;
		*width: 210px;
		
		padding-bottom:30px;
		
	}
		#arm-category div.item h4
		{
			border: 0px;
			text-align: center;
		}
		#arm-category div.item .catchcopy
		{
			padding:5px;
		}
		
		#arm-category div.item div.link
		{
			text-align: right;
			padding:5px;
		}

/*******************************************************************************
 * JUMP
 ******************************************************************************/
ul#jump
{
	margin: 10px 0px;
	padding: 0px 2px;
	
	width:820px;
	height:28px;
	
	border-top: solid 1px #5170B0;
	border-bottom: solid 1px #5170B0;
	background-color: #eeeeee;
}
	ul#jump li
	{
		float: left;
		font-size: 12px;
		text-align: center;
		height: 20px;
		margin: 4px 2px;
		color: #ffffff;
		background-color: #5170B0;
		width: 160px;
		overflow: hidden;
		line-height: 100%;
		list-style-type: none;
		list-style-position: outside;
	}
		ul#jump li a
		{
			display: block;
			padding: 5px 0px;
			width: 100%;
			color: #ffffff;
			cursor: pointer;
		}
		ul#jump li a:hover
		{
			color: #ffffff;
		}