@charset "utf-8";
/* CSS Document */

/*　リセット　*/
html{
overflow-y:scroll;
}

h1, h2, h3, h4, h5, h6{
font-weight:normal;
font-size:100%;
}

.clearfix:after {
content: '';
display: block;
clear: both;
height: 0;
}

html, body,div,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd {
margin:0;
padding:0;
}

section,nav,article,header,footer{
display:block;
}

img {
border:0;
}

a{
color:goldenrod;
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

ul{
list-style-type:none;
}

li{
list-style:none;
}

address,strong,em{
font-style:normal;
font-weight:nomal;
}

body{
	font-size:11px;
	letter-spacing:3px;
	line-height:1.8;
	color:#333;
	font-family: "メイリオ", Meiryo, Arial, Helvetica, sans-serif;
	margin:0px 0 10px;
	background-color:#222;
}

/*--------ここからTiny Slide Showについての指定です--------*/
h1{
color:skyblue;
font-size:25px;
margin-top:40px;
text-align:center;
font-family: 'Comfortaa', cursive;
}
h2{
margin-top:20px;
text-align:center;
color:#ccc;
font-family: 'Comfortaa', cursive;
}
.explain{
text-align:center;
}
#slideshow{
list-style:
none;
color:#fff;
}
#slideshow span{
display:none;
}
#wrapper{
width:540px;
margin:35px auto;
display:none;
}
#wrapper * {margin:0; padding:0}

#fullsize{
position:relative;
width:533px;
height:400px;
padding:2px;
border:1px solid skyblue;
background:#000;
}
#information{
position:absolute;
bottom:0;
width:533px;
height:0;
background:#000;
color:#fff;
overflow:hidden;
z-index:200;
opacity:.7;
filter:alpha(opacity=70);
}
#information h3{
padding:4px 8px 3px;
font-size:14px;
color:skyblue;
font-family: 'Comfortaa', cursive;
}
#information p{
padding:0 8px 8px;
}
#image{
width:500px;
}
#image img{
position:absolute;
z-index:25;
width:auto;
}
.imgnav{
position:absolute;
width:25%;
height:306px;
cursor:pointer;
z-index:150
}
#imgprev{
left:0;
background:url(images/left.gif) left center no-repeat;
}
#imgnext{
right:0;
background:url(images/right.gif) right center no-repeat;
}
#imglink{
position:absolute;
height:306px;
width:100%;
z-index:100;
opacity:.4;
filter:alpha(opacity=40);
}
.linkhover{
background:url(images/link.gif) center center no-repeat;
}
#thumbnails{
margin-top:15px;
}
#slideleft{
float:left;
width:20px;
height:128px;
background:url(images/scroll-left.gif) center center no-repeat;
background-color:skyblue;
}
#slideleft:hover{
background-color:#333;
}
#slideright{
float:right;
width:20px;
height:128px;
background:skyblue url(images/scroll-right.gif) center center no-repeat;
}
#slideright:hover{
background-color:#333;
}
#slidearea{
float:left;
position:relative;
width:490px;
margin-left:5px;
height:128px;
overflow:hidden;
}
#slider{
position:absolute;
left:0;
height:81px;
}
#slider img{
cursor:pointer;
border:1px solid skyblue;
padding:2px;
}
address{
color:#ccc;
text-align:center;
font-size:8px;
}