@charset "utf-8";
html,
body{
height:100%;
}
#wrap{
min-height:100%;
height:auto;
margin:0 auto -100px;
padding:0 0 100px;

}
/*スライダーの枠*/
.slider {
margin-top:20px;
position:relative;
width:900px;
height:430px;
overflow:hidden;
background:#000;
box-shadow:1px 1px 5px rgba(0,0,0,0.7); /*フレーム*/
}
.slider .slideLi{
margin:0;
padding:0;
position:absolute;
top:0;
left:0;
width:3600px;
height:430px;
-webkit-animation:slide 20s infinite;
}
.slider .slideLi li{
position:relative;
float:left;
display:block;
width:900px;
height:430px;
}
.slider a{
display:block;
position:relative;
width:900px;}'"}
height:430px;
}
.slider a:hover{background:#000;}
.slider a:hover img{opacity: 0.55;}
.slider>.slideLi>li img{
display:block;
}
/*スライダーの詳細設定*/
@-webkit-keyframes slide {
	20% {left:0px;}
	25% {left:-900px;}
    45% {left:-900px;}
    50% {left:-1800px;}
	70% {left:-1800px;}
	75% {left:-2700px;}
    98% {left:-2700px;}
   100% {left:0px;}
}

/*twitter-timeline*/
.twitter-timeline {
    float:left;
    width:400px;
    height:350px;
    position:relative;
    top:20px;
    bottom:5%;
    margin-bottom:50px;
}
/* news */
div.news{
    float:left;
    width:400px;
    background-color:#ffffff;
    border:1px #c0c0c0 solid;
    font-size:80%;
    margin:20px 40px 50px 20px;
    /* 角丸 */
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
div.news h1{
    height:40px;
    margin:0;
    padding:5px 10px;
    background-color:#f5f5f5;
    border-bottom:1px #c0c0c0 dotted;
    font-size:x-large;
    /* 角丸 */
    -webkit-border-radius:5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px;
    
}

div.news div.textarea{
    height:290px;
    overflow:auto;
}

div.news div.textarea p{
    margin:1em 10px;
    font-size:large;
}
div.news h2{
    height:20px;
    margin:0;
    padding-left:5px;
    text-align:right;
    background-color:#f5f5f5;
    border-top:1px #c0c0c0 dotted;
    font-size:small;    
    -webkit-border-radius:0px 0px 5px 5px;
    -moz-border-radius:0px 0px 5px 5px;
    border-radius:0px 0px 5px 5px;
}

/*footer*/
.footer {
    bottom:0;
    width:100%;
    height:100px;
    margin:0 auto;
    text-align:center;
}
footer {
    line-height:100px;
}
.hr2 {
    border:0;
    width:100%;
    height:1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}