@charset "utf-8";

/* seaMneu.html 専用スタイルシート　2021/06/12(commercial入り)更新時に作成 */

tr>th {width:25%;}
div#top {margin-left:33%;margin-right:auto;}
img#top1{width:45%;height:auto;}

/* メディアクエリでの条件指定 高さで、768px以下（ノートパソコン） */

  img#headPic{width:50%;height:45%;}
/*
 @media(max-height:768px){
       img#headPic{width:30%;height:25%;}
     }
*/
/* ----------------------------------------------------------------- */

div[class="mainmenuTop"] span {border:#66ffff solid 2px;}
tr#bcolor {background-color:#006600}
img.refpic{border:4px inset #ccffff;width:150px;height:auto;}
th>p{margin:0 auto;width:158px;height:auto;}
td>a>p{margin:0 auto;width:158px;height:auto;font-size:small;}
th>a>p{margin:0 auto;width:158px;height:auto;font-size:small;}

a>span {font-size:small;}
div.mainmenuTop{border:4px inset;padding:2px;margin-top:0.5em;margin-bottom:0.7em;
                width:70%;height:auto;font-size:smaller;line-height:1.4em;
                margin-left:5%;margin-right:auto;text-align:center;}
td.hid1{empty-cells:hide}
button{font-size:x-small;vertical-align:10px;}


tbody>tr>th{font-size:medium;}
td.hid1{empty-cells:hide}

th>a,td>a{display:inline-block; width:180px;background-color:rgba(192,192,192,0.8);}
th>a,td>a{border:2px outset olive;}

th>a:hover,td>a:hover{border-color:rgba(030,144,255,0.4);background-color:rgba(192,192,192,0.6);}

th>a:active,td>a:active{border-color:rgba(128,000,128,0.5);background-color:rgba(255,000,255,0.6);}
th>a:active,td>a:active{border:2px inset gray;}
table.explain2Mp{background-image: url("../../DOMcomn/DOMpic/dom02.jpg");background-color:#ffcc99; font-size:smaller;
                width:95%;
                border-width:6px; border-color:#ccff33; border-style:outset; 
                border-spacing:3px;padding:4px; margin-top:-20px;margin-bottom:5px;margin-left:auto;margin-right;}
 #cmsp1{text-align:center;float:left;margin-left:5%;width:30%;margin-top:-2px;}
 #cmsp2{text-align:center;float:left;margin-left:5px;width:55%;margin-top:-2px;padding-left:25px;