@charset "utf-8";
/* CSS Document */


/* --------------------------------------------RESET-------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0;}
/* ------------------------------------------RESET END-------------------------------------------- */
.content{ width:980px; height:auto; display:block;
		position:absolute; left:50%; margin:100px 0 0 -490px;}
.content ul{ width:auto; height:230px; display:block; margin:0 0 30px 20px; }
.content li{ width:300px; height:230px; display:block; margin:0 20px 0 0; float:left; overflow:hidden;}
	.content li img{ position:absolute;}
	.content .name{ width:300px; height:30px; display:block; position:absolute; margin-top:200px; z-index: 18;}
	.content li .name_text{ width:100%; height:30px; display:block; font-size:18px; line-height:30px; text-align:center;
			color:#7a7357; position:absolute;}
	.content li .name_bg{ width:100%; height:30px; display:block; background:#f2eee0; position:absolute;}
	.content li .hover{ width:300px; height:200px; display:block; position:absolute; opacity:0; filter: alpha(opacity=0); cursor:pointer;}
			.content li .hover_bg{ width:300px; height:200px; display:block; background:#7a7357; 
						opacity: 0.3; filter: alpha(opacity=0.3); position:absolute;}
			.content li .icon_size{ width:49px; height:51px; display:block; background: url(images/icon_size.png); 
						position:absolute; top:80px; left:130px;}

.gif_width{ width:300px; height:auto;}