html, body {height: 100%;}

a img { border: none; }

a { text-decoration: none; }

a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #60b82d; }
a:active { color: #ff8000; }


body {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
	Meiryo, sans-serif;
	margin: 0;
	padding: 0;
	position: relative;
	min-width: 1000x;
	background-color: #333333;
}


/* Gallery styles */

#gallery{

	/* CSS3 Box Shadow */
/*
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
*/
	/* CSS3 Rounded Corners */
/*
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
*/
	background:url(img/products/bg.png) repeat-x bottom center #ffffff;

	/* The width of the gallery */
	width:672px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:378px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:672px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:47px;
}

ul{
	margin:0px;
	padding:0px;
}

li{
	/* Every thumbnail is a li element */
	width:168px;
	display:inline-block;
	list-style:none;
	height:47px;
	overflow:hidden;
}

li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(img/products/bg.png) repeat;
}

li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(img/products/act.png) no-repeat;
}

li.act a{
	cursor:default;
}

#main{
	/* The main container */
	margin:18px auto;
	text-align:center;
	width:672px;
	position:relative;
}



.centerMiddle {
	margin: 0px 0px 0px -376px;	/* 横の半分をネガティブマージンでずらす */
	position: absolute;
	left: 50%;					/* 左端を中央に */
	width: 752px;
	background-color: #222222;
}

div.headerBox {
	position: relative;
	margin: 25px 40px 25px 40px;	/* 余白・[上][右][下][左] */
}

div.productBox {
	margin: 40px 40px 40px 40px;	/* 余白・[上][右][下][左] */
}

p { color: #60b82d; }

p.floatL {
	text-align: center;
	font-size:14px;
	margin: 0px 25px 0px 0px;		/* 余白・[上][右][下][左] */
	float: left;
	bottom:0;
}

p.imgFloatR {
	text-align: center;
	margin: 0px 0px 0px 25px;		/* 余白・[上][右][下][左] */
	float: right;
}

p.imgFixC {
	text-align: center;
}

p.imgFixR {
	text-align: right;
}

p.title {
	color: white;
	font-size:24px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;	/* 余白・[上][右][下][左] */
}

p.caption {
	text-align: left;
	font-size:14px;
/* 	margin: 0px 0px 0px 10px;	余白・[上][右][下][左] */
}

p.caption-small {
	text-align: left;
	font-size: 11px;
}

p.caption-center {
	text-align: center;
	font-size: 11px;
}

p.clearL {
	clear: left;	/* 回り込み解除 */
}

p.clearR {
	clear: right;	/* 回り込み解除 */
}

table#table-01 {
	width: 568px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table#table-01 th {
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #60b82d;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}

table#table-01 td {
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
	color: #60b82d;
}