@charset "utf-8";
/* --------------------------------------------------
	2008/5/19
	[jintan]
 --------------------------------------------------- */
 
 /* ボックスの最後にclearをセット
==========================================================*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

.img-border {
	border:1px solid #ccc;
	}

.font-super {
	font-size:16px !important;
	color:#FF3300;
	font-weight:bold;
	line-height:150%;
	letter-spacing:1px;
	}

body#product div#content {
	float:right;
	width:580px;
	}
	
body#product div#sidebar {
	float:left;
	}
	
body#product div.main {
	padding:0;
	margin:0;
	margin-bottom:10px;
	}
	
div.section {
	clear:both;
	margin-bottom:8px;
	}
	
div.main2 {
	clear:both;
	background:url(../image/product/main-back.jpg) no-repeat right bottom;
	padding:8px;
	padding-bottom:20px;
	border-right:1px solid #ccc;
	}
	
h3.title-list {
	background:url(../image/product/title.jpg) no-repeat  ;
	height:40px;
	color:#00a23d;
	text-indent:20px;
	line-height:21px;
	font-weight:bold;
	}
	
h3.title-more {
	background:url(../image/product/title2.jpg) no-repeat  ;
	height:40px;
	color:#666;
	text-indent:20px;
	line-height:21px;
	font-weight:bold;
	}
	
h3.title-new {
	background:url(../image/product/title-new.jpg) no-repeat  ;
	height:40px;
	text-indent:-9999px;
	line-height:21px;
	font-weight:bold;
	}
	
h3.title-recomend {
	background:url(../image/product/title-recomend.jpg) no-repeat  ;
	height:40px;
	text-indent:-9999px;
	line-height:21px;
	font-weight:bold;
	}
	
h3.title-category {
	background:url(../image/product/title-category.jpg) no-repeat  ;
	height:40px;
	text-indent:-9999px;
	line-height:21px;
	font-weight:bold;
	}
	
h5.h5-pickup {
	background:url(../image/product/list-02.jpg) no-repeat 0px 0px;
	font-weight:bold;
	padding-left:18px;
	padding-top:1px;
	line-height:120%;
	}
	
h5.h5-pickup a{
	color:#666;
	text-decoration:none;
	}
	
/* sidebar --------------------------*/
div#sidebar {
	width:200px;
	text-align:center;
	}
	
div#side-form {
	padding:0 9px;
	}
	
div#side-form dl {
	border:1px solid #ccc;
	text-align:left;
	margin-bottom:5px;
	}
	
div#side-form dl dd{
	padding:5px;
	padding-bottom:15px;
	}
	
div#side-form ul li {
	background:url(../image/product/list.jpg) no-repeat left center;
	height:20px;
	line-height:20px;
	padding-left:13px;
	margin-left:5px;
	}
	
div#side-form ul li a{
	color:#666666;
	text-decoration:none;
	}
	
div#side-form ul li a:hover {
	color:#75a116;
	text-decoration:underline;
	}
	
div#side-form button {
	text-align:center;
	background:#fff;
	border:none;
	margin:0 auto;
	margin-top:10px;
	}
	
/* list --------------------------*/
div.item-list {
	background:url(../image/product/list-back.jpg) no-repeat bottom right;
	margin-bottom:10px;
	}
	
div.item-list table {
	width:100%;
	}
	
div.item-list table td{
	padding:5px;
	vertical-align:middle;
	}
	
div.item-list table h4 {
	padding:0;
	margin:0;
	background:url(../image/product/h4.jpg) no-repeat left center;
	height:20px;
	line-height:20px;
	color:#00a23d;
	text-indent:20px;
	}
	
div.item-list table p {
	padding:0;
	padding-left:17px;
	margin:0;
	font-size:10px;
	}
	
td.td-border {
	border-bottom:1px solid #ddd;
	}

body#top td.td-border p {
	padding:0;
	margin:0;
	}
	
td.td-recomend p {
	padding:0 0 !important;
	font-size:12px !important;
	}
	
div#page-navi {}

div#page-navi ul {
	text-align:center;
	}
	
div#page-navi ul li {
	display:inline;
	text-align:center;
	height:30px;
	width:30px;
	}
	
div#page-navi ul li a{
	width:30px;
	height:30px;
	float:left;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	background:#aaa;
	display:block;
	margin:0 2px;
	}
	
div#page-navi ul li a:hover{
	background:#ddd;
	}
	
div#page-navi ul li a.navi-over{
	background:#fdd;
	}
	
/* entry */
div.float-left {
	width:205px;
	text-align:left;
	float:left;
	}
	
div.float-right {
	width:350px;
	float:right;
	}
	
div.float-right h4 {
	padding:0;
	margin:0;
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
	}
	
div.float-right p {
	margin-bottom:10px;
	}
	
table.tbl-pro1 {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	text-align:left;
	width:100%;
	}
	
table.tbl-pro1 th{
	padding:7px;
	padding-left:10px;
	background:url(../image/product/td-back1.jpg) left top repeat-y;
	width:80px;
	border:1px solid #ccc;
	}
	
table.tbl-pro1 td{
	background:url(../image/product/td-back3.jpg) left top repeat-y;
	padding:7px;
	padding-left:10px;
	border:1px solid #ccc;
	}
	
table.tbl-pro2 {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	text-align:left;
	width:100%;
	}
	
* html table.tbl-pro2 {
	width:563px;
	}
	
table.tbl-pro2 th{
	padding-top:10px;
	padding-bottom:5px;
	background:url(../image/product/td-back2.jpg) left top repeat-x;
	border:1px solid #ccc;
	text-align:center;
	}
	
table.tbl-pro2 td{
	background:url(../image/product/td-back4.jpg) left top repeat-x;
	padding:7px;
	border:1px solid #ccc;
	}
	
	
div.list-more dl,
div.list-new dl {
	background:url(../image/product/list-back2.jpg) no-repeat bottom right;
	width:193px;
	float:left;
	margin-bottom:4px;
	}
	
div.list-more dl dt,
div.list-new dl dt{
	padding:0 5px 5px 5px;
	}
	
div.list-more dl h5{
	background:url(../image/product/h5.jpg) no-repeat 0px 0px;
	font-weight:bold;
	padding-left:18px;
	padding-top:1px;
	line-height:120%;
	}
	
div.list-new dl h5{
	background:url(../image/product/list-01.jpg) no-repeat 0px 0px;
	font-weight:bold;
	padding-left:18px;
	padding-top:1px;
	line-height:120%;
	}
	
div.list-more dl h5 a,
div.list-new dl h5 a {
	color:#666;
	text-decoration:none;
	}
	
div.list-more dl dd,
div.list-new dl dd{
	text-align:center;
	}
	
div.list-more dl p,
div.list-new dl p {
	text-align:left;
	}
	
ul.ul-category {}

ul.ul-category li{
	height:61px;
	width:277px;
	float:left;
	}
	
ul.ul-category li a{
	background:url(../image/product/btn-category.jpg) no-repeat;
	width:275px;
	height:59px;
	display:block;
	line-height:59px;
	font-size:18px;
	text-indent:15px;
	font-weight:bold;
	color:#666;
	text-decoration:none;
	}
	
ul.ul-category li a:hover{
	background:url(../image/product/btn-category_r.jpg) no-repeat;
	text-decoration:none;
	}

