@charset "utf-8";

body, h1, h2, h3, h4, h5, p, dl, dt, dd, ul, ol, li, form, hr {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5 {
	font-size: 100%;
	font-weight: normal;
}
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	font-size: 89%;
	background-color: #000;
}
a {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #E60!important;
	text-decoration: none!important;
}
a:active {color: #F00!important;}
img {border: 0 none;}
li {list-style-type: none;}
hr {
	clear:both;
	visibility:hidden;
	height:0px;
	display: block;
}


.infobar{
    background-color:#000;
    height:28px;
    line-height:28px;
    right:20px;
    position:fixed;
    bottom:0px;
    left:20px;
    z-index:999999999;
    text-align:center;
    color:#DDD;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    text-shadow:0px 0px 1px #CCC;
}
span#description{
    text-shadow:1px 1px 1px #000;
    display:none;
}
span#loading{
    display:none;
    padding-right: 30px;
    background:transparent url(../images/load.gif) no-repeat center right;
}
#thumbsWrapper{
    overflow:hidden;
    position:fixed;
    height:100%;
    width:100%;
    left:0px;
    right:0px;
    bottom:0px;
}
#content{
   position:absolute;
   top:0px;
   height:100%;
   width:100%;
   left:0px;
   background-color:#181818;
   overflow-y:scroll;
   display:none;  
}
#content img{
	float:left;
	margin:2px;
	cursor:pointer;
	opacity:0.7;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.placeholder{
    float:left;
    clear:both;
    width:100%;
    height:30px;
}
#panel{
    background-color:#2C2C2C;
    width:100%;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    height:0px;
    text-align:center; 
}
#panel img{
    cursor:pointer;
    position:relative;
    border:2px solid #000;
    -moz-box-shadow:0px 0px 15px #111;
    -webkit-box-shadow:0px 0px 15px #111;
    box-shadow:0px 0px 15px #111;
    display:none;
}
#wrapper{
    position:relative;
    margin:40px auto 0px auto;
}
a#next, a#prev{
    width:40px;
    height:40px;
    position:fixed;
    cursor:pointer;
    outline:none;
    display:none;
    background:#AAA url(../images/nav.png) no-repeat top left;
}
a#next:hover, a#prev:hover{background-color:#FFF;}
a#next{
    right:0px;
    top:50%;
    margin-top:-20px;
    background-position: 0px 0px;
}
a#prev{
    left:0px;
    top:50%;
    margin-top:-20px;
    background-position: 0px -40px;
}
span.reference{
		position:fixed;
		left:30px;
		bottom:0px;
}


/*****　thumbnail　******/

#thumb #content img {
	height: 100px;
	width: 100px;
}


/*****　portfolio　******/

#portfolio #start {
	padding-left: 154px;
	background: url(../images/start.gif) no-repeat left center;
}