body{
 font-size: 14px;
 margin: 0;
 padding: 0;
 background: #555;
 text-align: center;
}

#wrap{
 background: white;
 width: 700px;
 margin: 0 auto;
 text-align: left;
}

.banner{
 background: black;
 background: url(./img/title_back.jpg);
 height: 295px;
}

.banner h1 {
 margin: 0;
 padding-left: 20px;
 padding-top: 235px;
 font-size: 20px;
 
}

.banner h1 a{
 color: #ff0573;
}

h2 {
 font-size: 14px;
 background: #e8e8e8;
 border-left: 5px solid #FE4A00;
 padding: 2px 5px;
}

.main{
 padding: 15px;
}

.navi{
 text-align: center;
}

.footer{
 background: #FE4A00;
 color: white;
 clear: both;
 text-align: center;
}

.footer a {
 color: white;
}
#yt {
position:relative;
}

#yt a {
/*リンクテキストの背景の設定*/
position:absolute;
top:0px;
left:0px;
background:#ffffff;
height:30px;
width:425px;
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
/*リンクテキストの設定*/
color:#0000ff;
font-size:14px;
text-align:center;
font-weight:bold;
line-height:30px;
letter-spacing:1px;
display:block;
}

#yt a:hover {
/*マウスをテキストリンク上にもってきたときの設定*/
color:#ffffff;
background:#ff0000;
}