/* CSS Document */

/*======== simulator ========*/
#lenses{
	text-align:center;
	width:100%;
	color:#000;
	margin:0 0 30px 0;
}

/*======== inner ========*/
#lenses #inner{
	width:980px;
	text-align:left;
	margin:0 auto;
}

/*======== exp_area ========*/
#exp_area{
	margin:28px 0 6px 0;
	width:980px;
	height:364px;
	position:relative;
}
#exp_area h1{
	position:absolute;
	top:0;
	left:0;
}

#exp_area ol li{
	display:none;
}

#exp_area ol li div.text_area{
	float:left;
	width:431px;
	margin:58px 0 0 0;
}
#exp_area ol li div.text_area h2{
	width:431px;
	height:59px;
	overflow:hidden;
}
#exp_area ol li div.text_area p{
	background:url(../img/bg_exp_text.gif) repeat-x 0 0;
	padding:30px 14px;
	font-size:100%;
	color:000;
	line-height:2em;
	letter-spacing:0.1ex;
}
#exp_area ol li div.text_area div.line{
	width:431px;
	height:2px;
}


#exp_area ol li div.photo_area{
	float:left;
	width:545px;
	margin:32px 0 0 0;
}
#exp_area ol li div.photo_area div.thumb_area{
	float:left;
	display:inline;
	width:120px;
	margin:120px 6px 0 6px;
}
#exp_area ol li div.photo_area div.thumb_area li{
	display:block;
	cursor:pointer;
	margin:0 0 7px 0;
}

#exp_area ol li div.vertical div.thumb_area{
	width:90px;
	margin:61px 20px 0 20px;
}

#exp_area ol li div.photo_area div.big_area{
	float:left;
	width:413px;
	position:relative;
}
#exp_area ol li div.photo_area div.big_area img{
	position:absolute;
	top:0;
	left:0;
}
#exp_area ol li div.vertical div.big_area{
	float:left;
	width:232px;
	position:relative;
	margin:0 0 0 90px;
}
#exp_area ol li div.photo_area div.big_area p.shot_data{
	color:#898989;
	font-size:84%;
	text-align:right;
	margin:312px 0 0 0;
}
#exp_area ol li div.photo_area div.big_area p.photo_loading{
	position:absolute;
	width:200px;
	height:20px;
	top:160px;
	left:50%;
	margin:-10px 0 0 -100px;
	font-size:14px;
	color:#000;
	letter-spacing:0.5em;
	text-align:center;
	
	display:none;
}

/*======== lenses_area ========*/
#lenses_area{
	margin:0 0 30px 6px;
}
#lenses_area h3{
	width:116px;
	height:33px;
}
#lenses_area ol{
}
#lenses_area ol li{
	float:left;
	width:156px;
	cursor:pointer;
	margin:0 6px 0 0;
}


/*======== line_lenses ========*/
.line_lenses{
	width:980px;
	height:6px;
}


/*======== cat ========*/
.cat{
	position:absolute;
	top:334px;
	left:379px;
}


/*======== cat ========*/
.cat{
	position:absolute;
	top:306px;
	left:378px;
	z-index:1100;
}


/*======== social ========*/
#lenses #social{
	position:absolute;
	top:2px;
	right:0;
	z-index:1200;
}
#lenses ul.socialbutton{
	padding: 0;
	margin: 0 0 10px 0;
	list-style-type: none;
}
#lenses ul.socialbutton li{
	float: left;
	width: 115px;
}
#lenses ul.socialbutton li.gp {
	width: 80px;
}