@charset "UTF-8";
/*\*/


/* ------------------------------------
 * 標準スタイルのリセット
 * ------------------------------------ */
@import "reset.css";


/* ------------------------------------
 * 共通設定・デフォルト値の再定義
 * ------------------------------------ */

body {
	color: #333;
	background: #fff;
	font:13px/1.5 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	text-align: center;
	overflow-y: hidden;
}
* html body {
font-size: 81.25%;
}
*:first-child+html body {
font-size: 81.25%;
}

/* Clearfix */
.clearfix:after {
    content: "";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}

.clearfix {
    display: inline-table;
    min-height: 1%;
}


/* ------------------------------------
 * 商品拡大画像
 * ------------------------------------ */

/*--- 商品一覧 ------------------*/

/* 商品写真 */


 
#container {
	margin: -215px 0 0 -280px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 560px;
	height: 430px;
}

#container ul {
	overflow: hidden;
	width: 560px;
	height: 430px;
	zoom: 1;
}
#container ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#container li {
	padding: 0 0 4px 4px;
	display: inline;
	float: left;
	width: 60px;
	height: 60px;
	text-align: center;
}

#container li.main {
	padding: 4px;
	border: solid 1px #e6e6e6;
	width: 420px;
	height: 420px;
}

#container li a:hover img {
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
	opacity: 0.8;
}

#container a.close {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 124px;
	height: 27px;
	background-image: url(../img/common/btn_close.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#container a.close:hover {
	background-position: 0 -27px;
}