*{margin:0; padding:0;}
body{color:#444; background-color:#eee; font-size:12px; letter-spacing:1px; line-height:2.0;
font-family:Meiryo,Osaka,"MS ƒSƒVƒbƒN", sans-serif; text-align:center;  }
#menu{margin:7% auto 4%; text-align:center;}
#menu a,#nav a{transition:0.4s; margin:0 12px; padding:6px 16px; background-color:#eee; }
#menu a:hover,#nav a:hover{background-color:#fff;}
#wrap{width:1080px; margin:0px auto;}
#wrap:after{content:""; clear:both; height:0; display:block; visibility:hidden;}
a{text-decoration:none; color:#444;}
figure a:hover{opacity:.6;}

figure{background-color:#fff; width:300px; box-shadow:0 0 6px #bbb; margin:35px 10px; padding:10px 5px;float:left;}
figure img{width:200px; height:40px;}
.text{padding:5px; letter-spacing:1px; line-height:1.5;color:#666;height:80px;text-align:left;}
b { color:#666;    border-bottom: 1px solid #efefef;
    font-weight: normal;  display: block;  text-align:left;  letter-spacing: 0.8px;  margin: 5px 0px;}

.note{margin:8% 10% 5% 30%;padding:0 20p;text-align:left; font-size:12px;}
.note a{background-color:#fff;}
.note a:hover{background-color:#eee;}
textarea{padding:5px; font-size:11px; border:solid 1px #888; font-family:"Source Sans Pro",sans-serif; width:50%; color:#888; background-color:transparent;}

#nav{text-align:center; margin:3% 0%;}
@media screen and (max-width:1099px){
#wrap{width:810px;}}
@media screen and (max-width:829px)
{#wrap{width:540px;}}
@media screen and (max-width:559px)
{body{font-size:11px; letter-spacing:0.8px;}
#wrap{width:90%;marin-top:0px;}
figure{ width:280px;float:none;}
.note{margin:5%;padding:0 20p;text-align:left; font-size:12px;}
}