body { margin: 0px; background-color:#b38c4f; font-family : 'meirio','メイリオ','Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4','ＭＳ Ｐゴシック',sans-serif;}

/*リンク部分*/
a:link { color:blue;}
a:visited { color:brown;}
a:hover { color:red;}
a:active { color:red;}

#top-left{ float:left; width:50%; height:300px; background-color:black;}
.tt{ float:right; margin:50px 70px 0px 0px;}

#top-right{ float:right; width:50%; height:300px; background-color:#ff9d34; background-image:url(../img/bg-1st-right.png); }
.top-man{position:relative ; margin:44px 0px 0px 90px;}
.house{ float:left; margin:-220px 0px 0px 300px; position:absolute; }

#second-left{ float:left; width:50%; height:200px; background-color:white; position: relative }
p.info{ text-align:right;  font-size:18px; color:#152197; margin:75px 30px 0px 0px; line-height:28px;}

#second-right{ float:right; width:50%; height:200px; background:#efefef;}

#second-box1{ float:left; margin:40px 0px 0px 15px; padding:0px 10px 10px 0px;}

#second-box2{ float:left; margin:40px 0px 0px 10px; padding:0px 10px 10px 0px;}
p.info2{ text-align:left; font-size:18px; color:#152197; margin:5px 0px 0px 15px; line-height:33px;}

#third-left{ float:left; width:50%; height:390px; background-color:#f3cc55;}
.theme{ float:right; margin:0px 0px 0px 0px;}

#third-right{ float:right; width:50%; height:390px; background-color:black;}
.date{ float:left; margin:40px 0px 0px 70px;}

#stage { position:relative ; width:340px; height:290px; margin:50px 0px 0px 70px;}
#photo1,#photo2,#photo3,#photo4,#photo5,#photo6 { position: absolute; width:340px ; height:290px; }
#photo1 img,#photo2 img,#photo3 img,#photo4 img,#photo5 img,#photo6 img { opacity:0; -moz-animation: imgTrans 60s infinite; -webkit-animation: imgTrans 60s infinite; animation: imgTrans 60s infinite;}

#photo1 img { -moz-animation-delay:0s; -webkit-animation-delay:0s; animation-delay:0s;}
#photo2 img { -moz-animation-delay:10s; -webkit-animation-delay:10s; animation-delay:10s;}
#photo3 img { -moz-animation-delay:20s; -webkit-animation-delay:20s; animation-delay:20s;}
#photo4 img { -moz-animation-delay:30s; -webkit-animation-delay:30s; animation-delay:30s;}
#photo5 img { -moz-animation-delay:40s; -webkit-animation-delay:40s; animation-delay:40s;}
#photo6 img { -moz-animation-delay:50s; -webkit-animation-delay:50s; animation-delay:50s;}

#frame { width:340px; height:290px; position: relative; overflow: hidden;}
@-webkit-keyframes imgTrans {0%{opacity:0;}5%{opacity:1;}20%{opacity:1;}25%{opacity:0;}100% {opacity:0;}}
@-moz-keyframes imgTrans {0%{opacity:0;}5%{opacity:1;}20%{opacity:1;}25%{opacity:0;}100%{opacity:0;}}
@keyframes imgTrans {0%{ opacity:0;}5%{opacity:1;}20% {opacity:1;}25%{opacity:0;}100%  opacity:0;}}

#fourth{ width:100%; height:70px; margin:-12px 0px 0px 0px;}
p.info3{ font-size:18px; color:white; text-align:center; line-height:25px;}