/*
Theme Name:css3 slide show
Author: okazaki sayuri
*/
<style type="text/css" media=" screen">


/*-----------
font
-------------*/    
   
@font-face {
    font-family: 'IM Fell English', serif;
    src: url('http://fonts.googleapis.com/css?family=IM+Fell+English');
 }
 
/*-----------
reset
-------------*/    
 
#title a{
	text-decoration:none !important;
	}
	  
html,body{
	height: 100%;
    margin: 0; padding: 0;
    background-color: #ffffff;
    
    }

img { 
	border-style:none !important; 
	}

a img{ 
	border-style:none !important; 
	} 	

/*-----------
HANKOBO80
-------------*/   
 	
#title a {color:#adadad; text-decoration:none; }	
#title a:link {color:#adadad; text-decoration:none; }
#title a:visited {color:#adadad; text-decoration:none; }
#title a:hover {color:#525252; text-decoration:none;}
#title a:active {color:#adadad; text-decoration:none;}	


#title{
	top:0;
	margin-top: 0;
	margin-left: 5px;
	position: fixed;
	text-align: left;	
	color: #adadad;
	}

.font-title{
	font-family: 'Geo', sans-serif;
	font-size: 12pt;
	}
	
.font-title_jp{
	font-family: sans-serif;
	font-size: 8pt;
	line-height: 1em;
	font-weight: 500;
	font-weight: 1000
	}
#footer{
	bottom: 5px;
	right: 5px;
	position: absolute;
	position: fixed;
	width: 100%;    
	height: 20px;
	text-align: right;	
	color: #adadad;
	z-index: 6;}
	
/*-----------
なぜ捨てた？
-------------*/ 


  
@keyframes title
{
0% {opacity:0;}
100% {opacity: 1;}
}

@-moz-keyframes title 
{
0% {opacity:0;}
100% {opacity: 1;}
}


@-webkit-keyframes title 
{
0% {opacity:0;}
100% {opacity: 1;}
}

@-o-keyframes title
{
0% {opacity:0;}
100% {opacity: 1;}
}


.fontA{
	font-family:'IM Fell English', "TakaoEX明朝","TakaoExMincho","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", serif;
	}
#center{
	border: ;
	position:fixed;
	top:50px;
	left:50px;
	width: 70%;	
	z-index: 40;}	
	

	
#center span{
	font-size:16pt;
	position: relative;
	text-align: center;
	margin: 0 auto;
	text-shadow: 3px 3px 3px #9e9e9e;
	-moz-text-shadow: 3px 3px 3px #9e9e9e;　/* Firefox用 */  
	-webkit-text-shadow: 3px 3px 3px #9e9e9e;　/* Safari,Google Chrome用 */  
	animation:title 2s;
	-moz-animation:title 2s;
	-webkit-animation:title 5s; 
	-o-animation:title 2s;}	

/*-----------
作品写真・キャプション
-------------*/   

	
img.slide{
	border-style:none;
	background-color: #fff;
	width:300px;
	height: 300px;
	z-index: 0;
	}

figure  {
	background-color: #fff;
	position: fixed;
	margin: 25px;	
	right: 0px;
	top: 0px;
	width: 300px;
	height: 500px;
	z-index: 0;
	}

figcaption{
	font-family: sans-serif;
	font-size:8pt;
	position: absolute;
	height: 190px;
	bottom: 0;	
	z-index: 0;
	}

/*-----------
捨てた理由
-------------*/  

ol { }

img{
	width:60px;	
	height: 20px;
	}
	
#container{
	position: absolute;
	right:300px;
	left:100px;
	bottom:40px;
	width:50%;
	max-width: 500px;
	height: auto;
	overflow:visible;
	float: left;
	margin: 0;
	padding: 0;
	}
	
li{
	display: inline;
	float: left;
	margin-left:50px;
	}
	
@-webkit-keyframes target {
	from {opacity: 0;}
	50% {opacity: 0.5;}
	to {opacity: 1;}
	}

li:target figure {
	z-index: 40; 
	-webkit-animation:target 4.0s linear;
	-moz-animation:target 4.0s linear;
	-o-animation:target 4.0s linear;
	animation:target 4.0s linear;}


p{
	opacity: 0.2;
	transition: opacity scale;
	-webkit-transition: opacity scale;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-duration: 400ms;
	-moz-transition: all 400ms ease-in-out;
	cursor: pointer;
	z-index: 41}

p:hover {
	opacity: 1;
	-webkit-transition:scale;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-duration: 400ms;
	-moz-transition: all 400ms ease-in-out;
	transform: scale(5);
	-webkit-transform: scale(5);
	-moz-transform: scale(5);
	}
	
	
p :active{
    opacity: 0.5;
    }



</style>