/* album viewer s */
.gnb { top:-46px}
.webview { padding-top:0}

.viewerWrapper
{
	width:576px;
	height:753px;
	position:relative;
	overflow:hidden;
	margin:0 auto;
}

.viewerWrapper .albumLoading
{
	width:32px;
	height:32px;
	position:absolute;
	z-index:100;
	top:486px;
	left:368px;
	display:none;
}

.viewerWrapper .albumLatest 
{
	width:576px;
	height:150px;
	position:absolute;
	z-index:1000;
	top:300px;
	left:0;
	display:none;	
	background-color:#000;
}

.viewerWrapper .albumLatest li 
{
	width:130px;
	float:left;
	margin:auto 3px;
}

.viewerWrapper #albumSubPrevBtn 
{	
	 position:absolute; 
	 width:80px;
	 height:60px;
	 top:-1px;
	 left:242px; 
	 z-index:999;	
	 display:none;
}

.viewerWrapper #albumSubNextBtn 
{	
	 position:absolute; 
	 width:80px;
	 height:60px;
	 bottom:-1px;
	 left:242px;
	 font-weight:bold; 
	 z-index:999;
	 display:none;
}

.viewerWrapper .albumLatest .albumLatestContents 
{
	width:522px; 
	height:150px;
	float:left; 
	position:relative;
	overflow:hidden;	
}

.viewerWrapper #albumArticle 
{	
	 position:absolute; 
	 width:536px;
	 height:723px;
	 top:753px;
	 right:0; 
	 z-index:999;	 		 
	 color:#999;
	 padding:10px 20px 20px 20px; 
	 line-height:1.5em;
	 border-top:2px solid #514b3d;
	 text-align:left;
}

.viewerWrapper #albumArticle .btn 
{
	text-align:right;
	padding-bottom:10px;
}

.viewerWrapper #albumArticle .cont 
{
	color:#999;
	height:693px;
	overflow-y:auto;
}

.viewerWrapper #albumArticle .cont a 
{
	color:#fff;
	text-decoration:underline;
}

.viewerWrapper #albumArticle h3 
{
	font-size:1.2em;
	color:#fff;
	margin-bottom:10px;
	font-weight:bold;
}


.viewerWrapper .btn_detail
{
	position:absolute;
	bottom:20px;
	right:20px;
	z-index:1001;
	display:none;
}

.viewerWrapper .btn_down
{
	position:absolute;
	top:10px;
	right:10px;
	z-index:1001;
	display:none;
}

.viewerWrapper .albumPopup
{
	position:absolute; 
	left:0; 
	top:0; 
	width:576px; 
	height:100%; 
	_height:753px; 
	display:block; 
	/*
	background:#656565; 
	opacity:0.5; 
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
*/
	margin:0;
	_margin-left:64px;
	z-index:999;
	display:none;
}

.viewerWrapper .albumPopupText 
{
	position:absolute; 
	left:0; 
	top:0; 
	width:576px; 
	height:403px;  
	display:block; 
	margin:0;
	_margin-left:64px;
	z-index:1002;
	font-weight:bold; 
	color:#979797; 
	padding:350px 0 0 0;
	text-align:center;
	display:none;
}
.viewerWrapper #albumView #divAd p {margin:10px;}	
.viewerWrapper .albumPopupText span {color:#fff;}
.viewerWrapper .lastGallery {position:absolute; left:576px; _left:640px; top:289px; width:576px; height:220px; background:#000; z-index:1003; display:none;}
.viewerWrapper .lastGallery .title {position:absolute; left:43px; top:10px; z-index:25; font-weight:bold; color:#fe2000; font-size:22px;}
.viewerWrapper .lastGallery .close {position:absolute; right:43px; top:13px; z-index:25; font-weight:bold; color:#ffffff; font-size:12px;}
.viewerWrapper .lastGallery .btPrev {position:absolute; left:0; top:0; z-index:25;}
.viewerWrapper .lastGallery .btNext {position:absolute; right:0; top:0; z-index:25;}
.viewerWrapper .lastGallery .lastslider {position:relative; width:492px; height:170px; left:48px; top:50px; z-index:25; overflow:hidden;}
.viewerWrapper .lastGallery .lastslider li * {text-align:left; color:#ffffff; font-size:12px; padding:0; margin:0;}
.viewerWrapper .lastGallery .lastslider li div {width:111px; float:left; margin-right:12px; }
.viewerWrapper .lastGallery .lastslider li a:hover {text-decoration:none;}
.viewerWrapper .lastGallery .lastslider li img {display:block; border:1px solid #565656;}
.viewerWrapper .lastGallery .lastslider li strong {display:block; font-size:18px; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:1.2em;}
.viewerWrapper .lastGallery .lastslider li span {display:block; font-size:16px; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}				

.photo_list .slider {position:relative; width:576px; height:173px; background:#373A43; margin:0 auto;}
.photo_list .slider .btPrev {position:absolute; left:0; top:0; z-index:15;}
.photo_list .slider .btNext {position:absolute; right:0; top:0; z-index:15;}
.photo_list .slider .zsliderWrapper {position:absolute; left:26px; _left:0; top:22px; z-index:10; width:525px; height:148px; overflow:hidden; padding:0;}
.photo_list .slider .zslider {position:relative; height:98px; z-index:20; }
.photo_list .slider .total {position:absolute; left:5px; top:0; z-index:20; height:12px; _display:inline; width:100px; text-align:left;}
.photo_list .slider .total p {color:#8d8d8d; text-align:center; font-size:20px;}
.photo_list .slider .total span#pageno {font-weight:bold; color:#fe2000; font-size:20px;}
.photo_list .slider .zslider ul {position:absolute; width:525px; overflow:hidden; top:8px;}
.photo_list .slider .zslider li {position:relative; float:left; _display:inline; margin:0 2px; cursor:pointer; border:3px solid #373A43; height:124px;}
.photo_list .slider .zslider li a {display:block; border:1px solid #565656; opacity:.6;}
.photo_list .slider .zslider li a * {filter: alpha(opacity=60);}
.photo_list .slider .zslider li:hover a, .photo_list .slider .zslider li.nowv a {opacity:1;}
.photo_list .slider .zslider li:hover a *, .photo_list .slider .zslider li.nowv a * {filter: alpha(opacity=100);}
.photo_list .slider .zslider li img {position:relative; z-index:-1;}

p a.btn_prev_s{position:absolute;top:60px;overflow:hidden;display:block;width:55px;height:55px;z-index:21;}
p a.btn_next_s{position:absolute;top:60px;right:0;overflow:hidden;display:block;width:55px;height:55px;z-index:21;}
.lastGallery p a.btn_prev_s{position:absolute;top:70px;overflow:hidden;display:block;width:55px;height:55px;z-index:1004;}
.lastGallery p a.btn_next_s{position:absolute;top:70px;right:0;overflow:hidden;display:block;width:55px;height:55px;z-index:1004;}	
	
#albumView
{
	width:1728px;
	height:753px;
	position:relative;
	line-height : 1.15;	
	letter-spacing : 0.015em;
	left:0;	
}

#albumView div.viewer {
	width:576px;
	height:753px;
	float:left;
	position:absolute;
}

#albumView div.viewer a {text-decoration:underline;}
	#albumView div.viewer div 
	{
		overflow:hidden;
	}
	
	#albumView div.viewer div.linkboxIndicator
	{
		position:absolute; 		
		width:45px; 
		height:19px; 	
		bottom:0;
		right:0;		
		background:transparent url('/images/common/link_icon.png') no-repeat;
		/* IE hack */
		background:none\9; /* Targets IE only */
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/common/link_icon.png", sizingMethod="crop");		
		display:none;
		opacity: 0.7!important; filter:alpha(opacity=70);
		}
	
#zslider div.viewer {
	width:515px;
	height:148px;
	float:left;
	position:absolute;
}


/* album viewer e */


	.thumnail 
	{
		width:230px;
		margin:0 auto;
		overflow:hidden;
		padding-top:10px;
		text-align:center;
		border:1px solid blue;
	}
			
	.thumnail li 			
	{
		width:100px;
		height:100px;
		margin:7px 4px;
		float:left;
		overflow:hidden;
		border:3px solid #3B3B3B;
		cursor:pointer;
				
	}
			
	.thumnail .pagination 
	{
		margin:15px auto 0 auto;	
		overflow:hidden;	
		text-align:center;
		display:inline-table;
	}

	.thumnail .pagination li 
	{
		width:12px;
		display:inline;
		margin:0 1px;	
		padding:0;
		list-style:none;
		border:0;
	}

	.thumnail .pagination li a {
		width:12px;
		height:12px;
		/*padding-top:12px;*/
		background-image:url(/images/view/pagination.png);
		background-position:0 0;
		background-repeat:no-repeat;
		display:inline-table;
		overflow:hidden;
		text-decoration:none;
		font-size:8px;
		color:#969696;
				
	}


	.thumnail .pagination  li.current a {
		background-position:0 -12px;
		color:#98C22A;		
	}
	
#ajaxLoadingBar 
{
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:10000; 
	display:none;
}

#mailing
{
	position:absolute;
	width:517px;/*477*/
	height:629px;
	top:100px;
	left:0;
	z-index:299;
	overflow:hidden;
	border:7px solid #181818;
}

#mailing .menu 
{
	width:100%; 
	height:27px; 
	background-color:#181818;
	color:#ccc;
	font-size:0.9em;
}

#mailing .menu a
{
	color:#ccc;
}

#mailing .content .html
{
	display:none;
	width:517px;
	min-height:603px;
	background-color:#fff;	
	white-space: -moz-pre-wrap;/* Mozilla, since 1999 */word-wrap: break-word;/* Internet Explorer 5.5+ */word-break:break-all;
}

#mailing .content .html textarea
{
	width:506px;
	height:593px;
	padding:5px;
	font-size:0.6em;
	border:0;
}

#mailing .content
{	
	height:603px;
	overflow-y:auto;
	clear:both;
	line-height:1em;
}

#albumView div.subViewer {
	width:576px;
	height:753px;
	position:absolute;
}

#albumView div.subViewer div 
{
	overflow:hidden;
}
	
#albumView div.subViewer div.linkboxIndicator
{
	position:absolute; 		
	width:45px; 
	height:19px; 		
	top:50%; 
	left:50%;		
	margin:-9px 0 0 -22px; 
	padding-top:2px;
	background:transparent url('/images/common/link_icon.png') no-repeat;
	/* IE hack */
	background:none\9; /* Targets IE only */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/common/link_icon.png", sizingMethod="crop");		
	display:none;
	opacity: 0.7!important; filter:alpha(opacity=70);
}

#audioplayer 
{
 width: 100%;
 height: 100%; 
}​

.poll 
{
	position:absolute; 
	background-color:#fff; 
	border:1px solid #ccc;
	width:400px;
	/*
	width:200px; 
	height:200px; 
	*/
	left:67px; 
	top:0px; 
	padding:20px 20px 20px 20px;
	z-index:999;
	text-align:left;
	display:none;
	font-size:0.7em;
}

.poll ul
{
	margin:10px 0;
	/*text-align:left;*/
}

.poll .title li.txt
{
	width:336px;
	float:left;	
}

.poll .title li.close
{
	width:14px;
	height:20px;
	float:right;
	margin:0;
}

.poll img
{
	vertical-align:middle;
}

.poll ul.title
{
	font-weight:bold;
	margin:0 0 10px 0;
	height:20px;
	clear:both;
	/*text-align:left;*/
}

.poll ul.top
{
	margin:0;	
}

.poll ul.top span 
{
	font-size:1em;
	color:#999;
	font-weight:normal;
}

.poll ul.btn 
{
	margin:10px 0 5px 0;
	text-align:center;
	clear:both;
}

.poll ul li 
{
	margin:0 10px 0 0;
	height:20px;
}

.poll ul.horizontal
{
	height:50px;
	margin-bottom:20px;
	overflow:hidden;
}

.poll ul.horizontal li
{
	display:inline-block;
	height:50px;
}

.poll ul.vertical li
{
	height:auto;
}

.poll table 
{
	font-size:1em;
}

.poll ul li .radio 
{
	/*vertical-align:top;*/
}

.poll td.bar 
{
	background:url('/images/album/bar.jpg') repeat-x 0 0;
}

.poll td.bar2
{
	background:url('/images/album/bar2.jpg') repeat-x 0 0;
}

.poll ul li img
{
	margin:0 5px;
}

.poll ul.horizontal li .radio
{
	vertical-align:middle;
}

.poll ul.subInfo
{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	/*padding:5px 0;*/
	overflow:hidden;
}

.poll ul.subInfo li
{
	height:auto;
	font-size:1em;
}

.event ul.subInfo
{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	/*padding:5px 0;*/
	overflow:hidden;
}

.event input
{
	vertical-align:middle;
	font-size:1em;
}

.poll ul.subInfo li, .event ul.subInfo li
{
	color:#999;	
}

.poll ul.subInfo span, .event ul.subInfo span 
{
	font-size:0.9em;
	color:#999;	
}

.poll ul.subInfo li img, .event ul.subInfo li img 
{
	margin:0;
}

.event 
{
	position:absolute; 
	background-color:#fff; 
	border:1px solid #ccc;
	width:400px;
	/*
	width:200px; 
	height:200px; 
*/
	left:67px; 
	top:0px; 
	padding:20px 20px 20px 20px;
	z-index:999;
	text-align:left;
	display:none;
	font-size:0.7em;
}

.event .title li.txt
{
	width:336px;
	float:left;	
}

.event .title li.close
{
	width:14px;
	height:20px;
	float:right;
	margin:0;
}

.event img
{
	vertical-align:middle;
}

.event ul.title
{
	font-weight:bold;
	margin:0 0 10px 0;
	height:20px;
	clear:both;
	/*text-align:left;*/
}

.event input 
{
	height:14px;
	background:#f0f0f0;
	padding:3px 0 0 2px;
	border-top:1px solid #333333;
	border-right:1px solid #cccccc;
	border-left:1px solid #333333;
	border-bottom:1px solid #cccccc;
}

.event td
{
	padding:3px 0;
}

.event table 
{
	font-size:1em;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.event th, .event td
{
	border-bottom:1px solid #ccc;
}

.event th
{
	border-right:1px solid #ccc;
	text-align:center;
}

.event td
{
	padding-left:5px;
}

.event ul.btn 
{
	margin:15px 0 5px 0;
	text-align:center;
	clear:both;
}

.infoLeft
{
	text-align:left;
	padding-top:3px; 
	color:#ff7f26;
}

.infoLeft b, .infoLeft span
{
	color:#ff7f26;
}

.infoRight
{
	text-align:right;
	padding-top:3px; 	
}

.infoRight b, .infoRight span
{
	color:#00a3e8;
}

#bgm {width:0; height:0; overflow:hidden; text-indent:-1000em;}

h1 {text-indent:-1000em; margin:0; color:#303030; height:0; overflow:hidden;}
h2 {text-indent:-1000em; margin:0; color:#303030; height:0; overflow:hidden;}

.viewer .image_slide {position:absolute;}
.viewer .image_slide ul {position:relative; *zoom:1;}
.viewer .image_slide ul:after {clear:both; content:''; display:block;}
.viewer .image_slide li {position:absolute; top:0; left:0;}
.viewer .image_slide .paging {position:absolute; left:243px; bottom:10px; margin:0; z-index:1005;}
.viewer .image_slide .paging.vertical {position:absolute; top:0; bottom:auto; left:auto; right:10px; margin:0; z-index:1005;}
.viewer .image_slide .paging img {float:left; width:25px; height:25px; z-index:1005; cursor:pointer;}
/*.viewer .image_slide .paging div {position:relative; float:left; width:25px; height:25px; background:url('/images/album/page.png') no-repeat 50% 50%; z-index:1005; cursor:pointer;}*/
.viewer .image_slide .paging div {position:relative; float:left; width:5px; height:5px; z-index:1005;}
.viewer .image_slide .paging.vertical div {float:none;}
.viewer .image_slide .paging.vertical img {float:none;}
/*.viewer .image_slide .paging div.on {width:25px; height:25px; background:url('/images/album/page_on.png') no-repeat 50% 50%;}*/
.viewer .image_slide .paging div.on {width:5px; height:5px;}

.btn_slide_prev {margin-right:5px;}
.btn_slide_next {margin-left:5px;}
.btn_slide_prev.up {margin-right:0; margin-bottom:5px;}
.btn_slide_next.down {margin-left:0; margin-top:5px;}

/*
.btn_slide_prev {position:absolute; left:2px; bottom:2px; cursor:pointer;}
.btn_slide_next {position:absolute; right:2px; bottom:2px; cursor:pointer;}
.btn_slide_prev.up {left:auto; right:2px; top:2px;}
*/

.viewerWrapper #albumPopup 
{	
	 position:absolute; 
	 width:576px;
	 height:753px;
	 top:753px;
	 right:0; 
	 z-index:2001;	 		 
	 color:#999;
	 line-height:1.5em;	 
	 /*
	 background:#000; 	 
	 opacity:0.9; 
	 filter: alpha(opacity=90);
	 -moz-opacity:0.9;
*/
}

.viewerWrapper #albumPopup .btn
{
	position:absolute;
	top:10px;
	right:10px;
	width:40px;
	height:40px;
}