@charset"utf-8";

*{
list-style:none;
margin:0;
padding:0;
}

#container{
width:1080px;
height:640px;
background:#d9dfd5;
margin:0px auto;
position:relative;
bo rder:1px solid;
}

#slideGalley{
width:960px;
overflow:hidden;
p osition:relative;
margin:0px auto;
}

#slide{
width:10000px;
}

#slide li{
float:left;
}

#paging{
text-align:center;
position:absolute;
width:960px;
bottom:10px;
bo rder:1px solid;
}

#paging li{
display:inline-block;
*display:inline;
*zoom:1;
width:24px;
height:24px;
background:url("img/ppage.png");
}

#paging li.active{
background:url("img/ppage.active.png");
}

#btn .prev{
position:absolute;
left:0px;
top:50%;
margin-top:-50px;
}

#btn .next{
position:absolute;
right:0px;
top:50%;
margin-top:-50px;
}

@media screen and (max-width:768px)
{

#container{
width:768px;
height:512px;
}

#slideGalley{
width:768px;
}

#paging{
width:768px;
bo ttom:0px;
}

#slide li a {
width:768px;
}

#slide img{
 width:768px;
 height:512px;
}

#btn img{
width:48px;
height:80px;
}

}



@media screen and (max-width:375px)
{
#container{
width:375px;
height:250px;
}

#slideGalley{
width:375px;
}

#paging{
width:375px;
bo ttom:0px;
}

#slide li a {
width:375px;
}

#slide img{
 width:375px;
 height:250px;
}

#btn img{
width:30px;
height:50px;
}

#paging li{
width:12px;
height:12px;
background-size:100%;
}

#paging li.active{
width:12px;
height:12px;
background-size:100%;
}
}


/*===================お知らせ====================*/
div#notion{
width:1040px;
height:180px;
border-top:1.2px solid;
border-bottom:1.2px solid;
padding:0;
margin:0 auto;
}

h1#notion {
margin:0;
padding:0px;
text-indent:2em;
}

#notion ul{
padding:0;
margin:0;
}


#notion li{
list-style:none;
border-bottom:2.3px dotted #72192c;	
padding:0;
margin:0;
}

#notion p{
padding:10px;
margin:0;
text-indent:3em;

}

@media screen and (max-width:768px)
{
div#notion{
width:768px;
}
}

@media screen and (max-width:375px)
{
div#notion{
width:375px;
}

h1#notion {
font-size:15px;
margin:0;
padding:0px;
text-indent:1em;
}

#notion p{
font-size:10px;
padding:5px;
margin:0;
text-indent:2em;

}

}

/*===================footer====================*/