@charset "UTF-8";
#wrapper {
}

#gallery_area {
	position:absolute;
	top:0px;
	left:152px;
}
#gallery_area h3 {
	padding-top:32px;
}
#gallery_container {
	width:716px;
	margin:0 auto;
	padding-top:70px;
	position:relative;
}
#cl_side_left, #cl_side_right {
	position:absolute;
	opacity:0;
}
#cl_side_left {
	top:235px;
	left:-25px;
	width:15px;
	height:12px;
	background:url(../imgs/gallery/controller.png) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
#cl_side_right {
	top:235px;
	left:726px;
	width:15px;
	height:12px;
	background:url(../imgs/gallery/controller.png) no-repeat -50px 0px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}

#controll .cl_prev {
	width:15px;
	height:12px;
	background:url(../imgs/gallery/controller.png) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
}
#controll .cl_stop {
	width:10px;
	height:12px;
	background:url(../imgs/gallery/controller.png) no-repeat -15px 0px;
	text-indent:-9999px;
	overflow:hidden;
}
#controll .cl_play {
	width:11px;
	height:12px;
	background:url(../imgs/gallery/controller.png) no-repeat -25px 0px;
	text-indent:-9999px;
	overflow:hidden;
}
#controll .cl_full {
	width:14px;
	height:12px;
	background:url(../imgs/gallery/controller.png) no-repeat -36px 0px;
	text-indent:-9999px;
	overflow:hidden;
}
#controll .cl_next {
	width:15px;
	height:12px;
	background:url(../imgs/gallery/controller.png) no-repeat -50px 0px;
	text-indent:-9999px;
	overflow:hidden;
}
#controll_area {
	display:block;

}
#controll {
	height:12px;
	float:right;
	display:block;
	padding:10px 0;
}
#controll li {
	float:left;
	margin-left:10px;
	display:block;
}
#controll li img {
	display:block;
}
#left_click_area {
	
}
#right_click_area, #left_click_area {
	position:absolute;
	width:300px;
	height:478px;
	background:#ccc;
	opacity:0;
	filter: alpha( opacity=0 );
	-ms-filter: "alpha( opacity=0 )";
	z-index:999;
}
#left_click_area {
	left:0px;
	top:102px;
}
#right_click_area {
	left:416px;
	top:102px;
}


#photo_main {
	margin-bottom:24px;
	opacity:0;
	position:relative;
}
#photo_main p {
	position:absolute;
	bottom:10px;
	right:0px;
	color:#000;
	background:#fff;
	padding:2px 10px;
	margin:0;
	opacity:0;
}


#thumb_list {
	width:740px;
}
#thumb_list li {
	float:left;
	margin-right:24px;
	margin-bottom:23px;
	opacity:0;
}
#thumb_list li img {
	display:block;
}
#thumb_list li p {
	display:none;
}
#copyright {
	padding-bottom:25px;
}

#attention {
	position:absolute;
	padding:30px;
	background:#000;
	color:#fff;
	top:100px;
	left:100px;
	width:250px;
	z-index:9999;
	text-align:center;
	font-size:12px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}


/* -webkit- */
:-webkit-full-screen, :-webkit-full-screen img {
 width: 100%;
 height:100%;
}
/* -moz- */
:-moz-full-screen {
 width: 100%;
 height:100%;
}
/* Mozilla Proposal (-)がつきます */
:full-screen {
 width: 100%;
 height:100%;
}
/* W3C Proposal (-)がつきません */
:fullscreen {
 width: 100%;
 height:100%;
}