/* Demo styles */
html,body{background:#000;margin:0;}
body{border-top:4px solid #000;font:12px font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
.content{color:#fff;font:12px/1.4 "helvetica neue",arial,sans-serif;width:900px; margin:20px auto;}
h1{font-size:12px;font-weight:normal;color:#fff;margin:0;}
p{margin:0 0 20px}
a {color:#22BCB9;text-decoration:none;}
.cred{margin-top:20px;font-size:11px;}

/* This rule is read by Galleria to define the gallery height: */
#galleria{height:500px; clear:both;}

.navi1 {background:#000; margin: 0px 0px 0px 15px;padding: 0px; }
.navi2 {background:#000; margin: 8px 0px 0px 50px; padding: 0px; float:left; }
.navi3 {background:#000; margin: 8px 0px 0px 30px;padding: 0px; float:left; }
.navi4 {background:#000; margin: 12px 0px 0px 150px;padding: 0px; float:left; }
.navi5 {background:#000; margin: 12px 0px 0px 10px;padding: 0px; float:left; }
.info1 {background:#000; width: 420px; margin:15px 0px 20px 0px; padding: 10px; float:left; }/*info1のいれもの*/
.info2 {background:#fff; position: absolute; top: 500px; left: 280px }/*info2のいれもの*/
.info3 {background:#000; width: 420px; margin:15px 0px 20px 0px; padding: 10px; float:right;}/*info3のいれもの*/
#footer  { color: #fff; font-size: 10px; font-family: "Helvetica", sans-serif; background-color: #393939; text-align: center; clear: both; margin: 0; padding: 5px; height: 15px }

a#photolink {margin: 12px 0px 0px 10px; float:left; overflow: hidden;
    outline: none;
   display: block;
   width: 24px; /* 画像1枚分の横幅 */
   height: 16px; /* 画像1枚分の高さ */
   text-indent: -9999px; /* 文字を見えなくする */
   background-image: url(../images/telicon.gif); /* 画像ファイル名 */
}
a#photolink:hover {
   width: 133px;
   height: 16px;
}