/* thumnailの表示用 2014:06:28 作成  */

@charset "utf-8";

html,body{width:99%;height:95%;}

div#page{width:100%;height:95%; margin:3px auto;}
 img{width:140px;height:83px; border:3px outset rgba(000,255,000,0.5);}

img:hover{border-color:silver;}
img:active{border-color:olive;}

img#previous{width:25px;height:20px;padding-top:2px;padding-left:4px;padding-right:2px;
             border:3px outset #800000;background-color:rgba(128,000,000,0.6)}

img#jumpUP{width:20px;height:25px;padding-top:6px;padding-left:2px;padding-right:2px;
           border:3px outset #000080;background-color:rgba(000,000,128,0.3);margin:0 35px;}

img#nextpic{width:25px;height:20px;padding-top:2px;padding-left:2px;padding-right:4px;
           border:3px outset #800000;background-color:rgba(128,000,000,0.6)}

th,td{border-width:6px; border-color:Green; border-style:groove; padding:3px;}
th{font-size:large;}
td{text-align:center;font-size:small;}

td#Lpic{font-weight:bold;}
td[id="Lpic"] ul{margin:0 auto;}

/* メディアクエリでの条件指定 高さで、768px以下（ノートパソコン） */
@media (max-height:768px){
  .mediaN1{display:none;}
 }

img#previous:hover,img#nextpic:hover{background-color:rgba(220,020,060,0.4);border-color:#ff00ff;}
img#jumpUP:hover{background-color:rgba(220,020,060,0.4);border-color:#ff00ff;}

td>a>img{width:120px;}

img#previous:active,img#nextpic:active{background-color:rgba(199,021,133,0.5);border-color:#800080;}  
img#jumpUP:active{background-color:rgba(255,069,000,0.5);border-color:#800080;}

li a{border:2px outset rgba(199,021,133,0.8);background-color:rgba(000,191,255,0.2)}  
li a:hover{border:2px outset rgba(255,140,000,0.8);background-color:rgba(255,165,000,0.5)}  
   
li a::before{content:"※ ";text-weight:600;}