@charset "utf-8";
body { background:#F7F7F7; margin:0; padding:0; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif;}
header { z-index:10; background:url(../img/le02.jpg); margin:0; padding:10px 20px; border-bottom:1px solid rgba(0,0,0,.2); line-height:1em; -webkit-box-shadow:0 0 5px rgba(0,0,0,.8); -moz-box-shadow:0 0 5px rgba(0,0,0,.8); box-shadow:0 0 5px rgba(0,0,0,.8); position:fixed; top:0; left:0; right:0; height:20px; }
header h1 { margin:0; padding:0; color:#FFF; font-size:21px; line-height:1em; text-shadow:0 1px 3px rgba(0,0,0,.5); }
header span{text-align:center;font-size: 12px;position:fixed; top:6px; left:180px; width:180px;}
header a { 
	height:21px; padding:5px 15px 0 15px; border:1px solid rgba(0,0,0,.3);
	-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
	background:-moz-linear-gradient(top, rgba(0,0,0,.2), rgba(0,0,0,.4));
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.2)), to(rgba(0,0,0,.4)));
	text-decoration:none; color:#ffffff; text-shadow:0 0 2px rgba(0,0,0,1);font-size:13px;display:block;
}
header a:hover { 
	background:-moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,.4));
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.4)));
}
p#ieat{position:absolute;top:35px;left:15px;font-size:small;color:purple;}
div#container {/*position:absolute; top:85px; left:15px;*/margin-top:85px;margin-left:15px;padding:0;}
div#container div.item { float:left; width:130px; margin:5px; padding:10px; background:#FFF; -webkit-box-shadow:0 0 3px rgba(0,0,0,.5); -moz-box-shadow:0 0 3px rgba(0,0,0,.5); box-shadow:0 0 3px rgba(0,0,0,.5); -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius:3px; }
div#container div.item:hover { background:#EEE; -webkit-box-shadow:0 0 5px rgba(0,0,0,.5); -moz-box-shadow:0 0 5px rgba(0,0,0,.5); box-shadow:0 0 5px rgba(0,0,0,.5); }
div#container div.item a { text-decoration:none; color:#333; }
div#container div.item span { display:block; font-size:13px; font-weight:bold; margin:5px 0 0; }
div#container div.item img { width:128px; max-height:105px;border:solid 1px #fff;cursor: pointer;}
div#container div.item img.focus{border:solid 1px blue;width:128px;}
div#container :after, .clearfix:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.overlay{background-color:#ccc;opacity:.5;filter:alpha(opacity=50);position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;}
.innerdiv{position:absolute;z-index:11;background-color:rgba(235,255,229,.9);padding:5px 10px 10px 10px;border:solid 1px #ccc;box-shadow:5px 5px 5px 5px rgba(0,0,0,.4);}
.innerdiv img#main{position:absolute;top:50px;left:30px;z-index:12; border: solid 3px gray;}
.innerdiv img#close{position:absolute;top:15px;left:5px;z-index:13;width:15px;height:15px;cursor:pointer;}
#fm{margin-left:5px;}
#caption{font-size:12px;margin-left:21px;margin-top: 3px; max-height: 35px; overflow: auto; background:rgba(255,255,225,.8); -webkit-box-shadow:0 0 3px rgba(0,0,0,.5); -moz-box-shadow:0 0 3px rgba(0,0,0,.5); box-shadow:0 0 3px rgba(0,0,0,.5); -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius:3px; padding:2px 10px;}
p#mylink{position: fixed; right: 10px; bottom: 30px; font-size: 16px; width: 60px; height: 20px; background-color: #deffdc; border-radius: 10px; padding: 5px 5px 10px 5px; opacity: .5;visibility: hidden;}
p#mylink a{text-decoration: none; font-weight: bold; display: block;}
p#mylink:hover{opacity:.9}
footer{font-size:small;text-align:center;/*background-color:rgba(204,204,204,.7);*/padding:5px 10px;
	-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; margin-top: 15px;
	background:-moz-linear-gradient(top, rgba(204,204,204,.3), rgba(204,204,204,.7));
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(204,204,204,.3)), to(rgba(204,204,204,.7)));}
footer:hover{background:-moz-linear-gradient(top, rgba(204,204,255,.2), rgba(204,204,255,.4));
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(204,204,255,.2)), to(rgba(204,204,255,.4)));}}
.time{font-family:italic;font-size:12px;}
.comment{font-size:12px;color:green;}
footer a{text-decoration:none;}
footer a:hover{text-decoration:underline;}
footer img{width: 40px; height: 15px; vertical-align: middle;margin-right: 10px;}