body {
   background-color:#E3EDFF;
}

h2 {
    margin-left: 5px;
}

p {
    margin-left: 5px;   
}

.headerContainer {

    position: fixed;
    background-image:url("./Images/header.png");
    width: 100%;
    margin-left: -8px;
    margin-top: -1em;
    height: 4em;
    overflow: hidden;
	
	z-index: 201410171819;

    
}

.header {
    width:1000px;
    height: 4em;
    margin: auto;
}

#left{
    float:left;
}

#right{
    float: right;
}

#left li {
    margin-left: 0;
    margin-right: 20px;
}

#right li {
    margin-left: 20px;
    margin-right: 0;
}

.header li {
    display: inline;
}

.header a {

    color: beige;
  
  font-size: 1em;
  
  font-weight: lighter;

    text-decoration: none;
  
  text-transform: uppercase;

}

.buttonContainer a{


    text-decoration: none;


}


.shadow {


    background-image:url("./Images/shadow.png");


    background-repeat: no-repeat;


    background-position:top;


    width: 1064px;


    height: 144px;


    margin:-60px auto;

}

.bannerContainer {


    display:table;


    width:1000px;


    height:150px;


    background-image:url(./Images/logo.jpg);


    background-repeat: no-repeat;


    margin : 25px auto 50px ;

}

.bannerContainer2 {


    display:table;


    width:1000px;


    height:50px;


    background-image:url(./Images/Index/backStage.jpg);


    background-repeat: no-repeat;


    margin : 25px auto 50px ;


}

.bannerContainer img {


    display:table;


    width:1000px;


    height:150px;


    margin : auto;

}


.informationContainer {


    width:1000px;


    height: 450px;


    margin: 10px auto;

}

.informationContainer .leftContainer {


    width:600px;


    height: 450px;

/*tryの名前を変える*/
    background-image: url(./Images/Index/zisin.jpg)
;
    
    

}

.informationContainer .rightContainer {


    width: 400px;


    height: 450px;

}

.sImageHolder {


    width: 375px;


    height: 94px;


    margin-bottom: 25px;


    border: solid 3px black;


    border-top-left-radius: 10px;


    border-top-right-radius: 10px;

}

.sImageHolder img {


    width: 375px;


    height: 94px;


    margin: auto;


    border-top-left-radius: 10px;


    border-top-right-radius: 10px;

}

.lImageHolder {


    width: 375px;


    height: 194px;


    background-color: white;


    border: solid 3px black;


    border-top-left-radius: 10px;


    border-top-right-radius: 10px;


}

.lImageHolder img {


    width: 375px;


    height: 194px;


    margin:auto;
}

hr {


    width: 966px;

}

.footerContainer {


    background-color: #000033;


    width:105%;


    height: 120px;


    margin:0 -2.5% -8px;


    overflow: hidden;


    position: absolute;



}

.footer {

    margin: 0 auto;

    width: 1000px;

    height: 4em;
}
.footer li{

    display: inline;

    margin: auto;

    
}
.footer ul{

    display: inline;

    
}
.footer a {
  color: beige;
  font-size: 1em;
  font-weight: lighter;
  text-decoration: none;
  text-transform: uppercase;
}
.footer p {

    color: beige;

    font-size: 1em;

    text-decoration: none;

    text-transform: uppercase;

    text-align: center;

    
}

/*about Us page*/
.banner {

    display:block;

    width:1000px;

    height:200px;

    padding-top: 4.2em;

    margin : 0 auto 50px ;
}
.bannerLower {

    display: block;

    width: 994px;

    height: 200px;

    border: solid 3px #3b5999;

    opacity: 0.7;

    background-image: url(./Images/AboutUs/aboutintro.jpg);
}
.banner img {   

    width:1000px;

    height:200px;
}
.wrapper {

    width: 1000px;

    height: 412px;

    margin: auto ;

    background-color: white;
}
.wrapper3 {

    width: 1000px;

    height: 662px;

    margin: auto ;

    background-color: white;
}

.upper {

    display: block;

    width: 1000px;

    height: 60px;

    border-top: solid 1px ;

    border-bottom: solid 1px ;

    margin: auto;
}
.upper h1 {

    font-size: 42px;

    margin: auto;

    padding-left: 60px;
}
.pictureHolder {

    display: inline-block;

    float: left;

    width: 225px;

    height: 350px;

    background-image: url(./Images/AboutUs/ikumo.JPG);

    background-repeat: no-repeat;
}
.pictureHolder2 {

    display: inline-block;

    float: left;

    width: 225px;

    height: 350px;

    background-image: url(./Images/AboutUs/kimu.JPG);

    background-repeat: no-repeat;
}

.paragraphHolder {

    display: inline-block;

    background-color: #FFFFE0;

    float: right;

    width: 775px;

    height: 350px;

    
}
/* Access page */
.bannerLower2{

    display: block;

    width: 994px;

    height: 200px;

    border: solid 3px #3b5999;

    opacity: 0.7;

    background-image: url(./Images/Access/Accessintro.jpg);

    background-repeat: no-repeat;
}
.mapHolder {

    width: 595px;

    height: 445px;

    background-image: url(./Images/Access/map.gif);

    background-repeat: no-repeat;

    border: solid 3px #3b5999;   
}

.wrapper2 {

    width: 1000px;

    height: 812px;

    margin: auto ;

    background-color: white;
}
.paragraphHolder2 {

    display: block;

    background-color: lightyellow;

    float: right;

    width: 1000px;

    height: 750px;

    
}
.paragraphHolder2 hr {

    color: black;
}
span {

    font-size: 36px;   
}

.Q {

    color: #3b5999;
}

.A {

    color: red;   
}

/* festival page */
.bannerLower3 {

    display: block;

    width: 994px;

    height: 200px;

    border: solid 3px #3b5999;

    opacity: 0.7;

    background-image: url(./Images/AboutFestival/aboutFestivalintro.jpg);

    background-repeat: no-repeat;
}

.mogiten {

    display: block;

	background-image: url(./Images/mogiten/mogiten.jpg);

    width: 1000px;

    height: 600px;
}


/* event page */
.iframeWrapper {

    display: block;

    width: 1000px; 

    height: 405px;

    margin: auto;

    background-color: lightyellow;
}

.iframeCenter {

    display: block;

    width: 1000px;

    height: 400px;

    margin: auto;

    

    
}
.iframeEventClicker {

    display: block;

    width: 1000px;

    height: 150px;

    margin: auto;

    background-color: skyblue;

    
    

    
    
}

.eventImageContainer {

    display: block;

    width: 1000px;

    height: 600px;

    margin: auto;

    border: solid 3px #3b5999;

    background-image: url(./Images/Event/Schedule.png);

    background-repeat: no-repeat;
/*
    height: */

}

/*Event page */
.bannerLower４ {

    display: block;

    width: 994px;

    height: 200px;

    border: solid 3px #3b5999;

    opacity: 0.7;

    background-image: url(./Images/Event/EventIntro.jpg);

    background-repeat: no-repeat;
}
#slider {

    width: 900px;

    height: 150px;

    overflow: hidden;

    margin: auto;
}
#slider .slides {

    display: block;

    width: 6000px;

    height: 400px;

    margin: 0;

    padding: 0;
}
#slider .slide {

    float: left;

    list-style-type: none;

    width: 150px;

    height: 150px;

    position: relative;
}
#slider .slide img{

    height: 148px;

    width: 148px;

    border: 1px solid black;
}
#slider .slide figure {

    margin: 0;

    position: absolute;

    width: 100%;

    bottom: 0px;
}
#slider .slide figcaption {

    display:block;

    background: rgba(0, 0, 0, 0.5);

    color: white;

    padding: 5px 10px;

    text-align: center;
}
/* hover */
a:hover {

    opacity: 0.7;

    transition:  ease-in all 300ms;

    -moz-transition:  ease-in all 300ms;

    -webkit-transition:  ease-in all 300ms;

    -o-transition:  ease-in all 300ms;
}

img:hover {

    opacity: 0.5;  

    transition:  ease-in all 300ms;

    -moz-transition:  ease-in all 300ms;

    -webkit-transition:  ease-in all 300ms;

    -o-transition:  ease-in all 300ms;
}