@charset "utf-8";

/** slide show ****************************************/

#slideshow {
	height           : 508px;
	border           : 1px solid #cccccc;
	background       : url("../img/slideshow_base.png") no-repeat;
	margin-bottom    : 30px;
	position         : relative;
}

#slideshow #slides {
	width            : 920px;
	height           : 460px;
	position         : absolute;
	left             : 19px;
	top              : 19px;
	z-index          : 910;
	overflow         : hidden;
}

#slideshow #slides .slide {
	width            : 920px;
	position         : absolute;
	left             : 0px;
	z-index          : 915;
}

#slideshow .detail_base {
	width            : 220px;
	height           : 460px;
	position         : absolute;
	left             : 719px;
	top              : 19px;
	z-index          : 920;
	background       : url("../img/slideshow_detail_base.png") no-repeat 0px 0px;
}

#slideshow .detail {
	width            : 190px;
	position         : absolute;
	left             : 15px;
	top              : 0px;
	z-index          : 925;
	padding-top      : 20px;
	color            : #ffffff;
	overflow         : hidden;
}

#slideshow .detail a {
	color            : #ffffff;
	text-decoration  : underline;
}

#slideshow .detail a:hover {
	color            : #cccccc;
}

#slideshow .detail h2 {
	font-size        : 12px;
	line-height      : 1.5;
	color            : #abecff;
	margin-bottom    : 15px;
}

#slideshow .detail ul {
	font-size        : 10px;
	line-height      : 1.3;
	margin-bottom    : 20px;
}

#slideshow .detail ul li {
	margin-bottom    : 6px;
	padding-left     : 14px;
	background       : no-repeat 0px 2px;
	font-family      : Arial;
}

#slideshow .detail ul li.t {background-image : url("../img/icn_detail_t.gif");}
#slideshow .detail ul li.r {background-image : url("../img/icn_detail_r.gif");}
#slideshow .detail ul li.w {background-image : url("../img/icn_detail_w.gif");}
#slideshow .detail ul li.c {background-image : url("../img/icn_detail_c.gif");}
#slideshow .detail ul li.l {
	background-image : url("../img/icn_detail_l.gif");
 	overflow         : hidden;
  text-overflow    : ellipsis;
	white-space      : nowrap;
}

#slideshow .detail p {
	font-size        : 10px;
	line-height      : 1.8;
}

#slideshow .btn {
	width            : 220px;
	position         : absolute;
	left             : 0px;
	bottom           : 0px;
	z-index          : 930;
	font-size        : 12px;
	line-height      : 30px;
	font-family      : Arial;
}

#slideshow .btn a {
	display          : block;
	color            : #ffffff;
	height           : 30px;
	padding-right    : 30px;
	text-align       : right;
	background       : no-repeat 200px 11px;
	text-decoration  : none;
}

#slideshow .btn  a:hover {
	color            : #cccccc;
}

#slideshow .btn  li {
	margin-top      : 1px;
}

#slideshow .btn  li:hover {
	background       : url("../img/alpha_15.png");
}

#slideshow .btn a.link  {background-image : url("../img/icn_detail_link.gif");}
#slideshow .btn a.blank {background-image : url("../img/icn_detail_blank.gif");}
#slideshow .btn a.close {background-image : url("../img/icn_detail_close.gif");}

#slideshow .new {
	position         : absolute;
	right            : 0;
	top              : 0;
	z-index          : 940;
	width            : 70px;
	height           : 70px;
}

#slideshow .paginate {
	margin           : 0 auto;
	position         : relative;
	top              : 488px;
	z-index          : 950;
}

#slideshow .paginate td {
	padding          : 0 5px;
}

#slideshow .paginate span {
	display          : block;
	width            : 10px;
	height           : 10px;
	background       : url("../img/icn_paginate.png") no-repeat 1px 1px;
	cursor           : pointer;
}

#slideshow .paginate span.c {
	background-image : url("../img/icn_paginate_c.png");
}

/*/*/



/** Slide Box ****************************************/

#sb_base {
/*	display          : none;*/
	width            : 100%;
	height           : 100%;
	position         : fixed;
	left             : 0px;
	top              : 0px;
	background       : url("../img/bg_body.gif");
	z-index          : 900;
  filter           : alpha(opacity=0);
  -moz-opacity     : 0;
  opacity          : 0;
}

#sb_base .loading {
	display          : block;
	margin           : -12px 0 0 -12px;
	position         : fixed;
	left             : 50%;
	top              : 50%;
	z-index          : 901;
}

#sb {
	display          : none;
	width            : 960px;
	position         : fixed;
	margin           : -254px 0 0 -480px;
	left             : 50%;
	top              : 50%;
	z-index          : 902;
}

#sb #slideshow {
	margin           : 0;
}


/*/*/



/** projects list + works list ****************************************/

#wplist .block4 {
	background       : none;
}

#wplist .show {
	cursor           : pointer;
}

#wplist .show:hover {
	background       : url("../img/alpha_10.png");
}

#wplist .inner {
	padding-bottom   : 19px;
	position         : relative;
	background       : url("../img/dent_wplist.gif") no-repeat left top;
	height           : 160px;
	margin           : 0;
}

#wplist .inner .thumbnail {
	display          : block;
	float            : left;
	margin-right     : 1px;
	width            : 219px;
	height           : 160px;
}

#wplist .inner .detail {
	float            : left;
	width            : 190px;
	height           : 130px;
	padding          : 15px;
	background       : url("../img/alpha_35.png");
	color            : #ffffff;
	overflow         : hidden;
}

#wplist .inner .detail h2 {
	font-size        : 12px;
	line-height      : 1.5;
	margin-bottom    : 15px;
}

#wplist .detail ul {
	font-size        : 10px;
	line-height      : 1.3;
	margin-bottom    : 20px;
}

#wplist .detail ul li {
	margin-bottom    : 6px;
	padding-left     : 14px;
	background       : no-repeat 0px 2px;
	font-family      : Arial;
}

#wplist .detail ul li.t {background-image : url("../img/icn_detail_t.gif");}
#wplist .detail ul li.r {background-image : url("../img/icn_detail_r.gif");}
#wplist .detail ul li.w {background-image : url("../img/icn_detail_w.gif");}
#wplist .detail ul li.c {background-image : url("../img/icn_detail_c.gif");}
#wplist .detail ul li.l {
	background-image : url("../img/icn_detail_l.gif");
	white-space      : nowrap;
 	overflow         : hidden;
  text-overflow    : ellipsis;
}

#wplist .detail ul li a {
	color            : #ffffff;
}


#wplist .detail ul li a:hover {
	color            : #cccccc;
}

#wplist .inner .new {
	position         : absolute;
	right            : 19px;
	top              : 20px;
	width            : 48px;
	height           : 48px;
	z-index          : 100;
}

/*/*/