@charset "utf-8";

/* indexdog.html 専用スタイルシート　2014/08/19更新時に作成 */

html{width:100%;}

body{width:95%;margin:15px auto;}
 body{background-image: url("DOMcomn/DOMpic/back1.gif");background-color:rgba(255,165,000,0.5);}

 a:link{color:blue;}
 a:visited{color:#4b0082;}
 a:hover{color:maroon;}
 a:active{color:black;}

section, article, aside, nav, header, footer, hgroup{display:block;}
header{width:800px; margin-left:auto; margin-right:auto;}

#allpage{border:6px inset rgba(192,192,192,0.5);width:80%;height:80%;
         margin:3px auto;overflow:auto;background-color:rgba(000,255,000,0.3);}

body>div {font-size:small;color:navy;text-align:center;font-style:italic;margin-bottom:3px;}

.tophrP{border-width:8px 0px;border-color:#ffffcc; border-style:groove;width:94%;margin:auto;line-height:2em;padding-top:5px; text-align:center;}
.linkInfoP{font-size:small;font-weight:bold;vertical-align: 70%;line-height:1.5;padding:0 2px;}                                                                             


/* 最上部タイトル表示部分 */

header{text-align:center;font-size:small;}
header{background-color:#66FFCC;border:3px outset green;padding:5px;}

/* 本体呼び込み用Nav画面 */

 iframe,.menubox{display:inline-block;}
 div.menubox{width:260px; height:220px;float:left;margin-top:6px;margin-right:5px;margin-left:35px;border:3px blue solid;background-color:rgba(192,192,192,0.5)}
    .menubox > .linkDeco{border:green 4px ridge;background-color:rgba(0,128,0,0.2);width:180px;margin:20px;display:inline-block;padding:2px 0;}
 iframe#frm1{width:260px; height:260px;float:left;margin:6px 35px;}
 iframe#frm2{width:260px; height:260px;float:left;margin-top:6px;}
 iframe#frm3{width:260px; height:260px;float:left;margin:6px 35px;}
 
 .divcet{margin:auto;width:1300px;overflow:hidden;}
 
  span{font-size:small;font-weight:bold;}
  .cls{clear:both;}
  table{width:98%;}
  td > div > ul,ol > li {text-align:left;margin-left:3%; }  /* table内で text がセンター指定の時に使用  */

/* nav id="seaM"の指定部分 */

nav#seaM{clear:both;border:4px outset green;background-color:rgba(000,255,255,0.5);padding:5px 0;}

div[class="explainM"]>span[class="plink"]>a
                       {display:inline-block; width:100px;background-color:rgba(192,192,192,0.8);
                        border:2px outset rgba(000,000,255,0.6);}

div[class="explainM"]>span[class="plink"]>a:hover
                      {border-color:rgba(030,144,255,0.6);background-color:rgba(192,192,192,0.8);}

div[class="explainM"]>span[class="plink"]>a:active
                      {border-color:rgba(128,000,128,0.5);background-color:rgba(255,000,255,0.6);
                       border:2px inset rgba(000,000,255,0.6); }

div[class="explainM"]>span[class="plink"]>a+a
                       {display:inline-block; width:180px;background-color:rgba(192,192,192,0.8);
                        border:2px outset rgba(000,000,255,0.6);}

th{background-image: url("DOMpic/dom01.gif");background-color:#CCFFCC;}
thead tr>th {width:25%;}
thead tr th:nth-child(4){font-weight:400;}
tbody>tr td {font-size:x-small;}

td>a{display:inline-block; width:150px;background-color:rgba(000,128,000,0.3);}
td>a{border:2px outset olive;}

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

td>a:active{border-color:rgba(128,000,128,0.5);background-color:rgba(128,000,128,0.4);}
td>a:active{border:2px inset gray;}

.explainM{min-width:700px;}

div#nav1{border:4px outset green;padding:1px;overflow:hidden;background-color:rgba(000,255,255,0.5);margin:1px 0;}

div#nav10{border:3px outset rgba(184,134,011,0.6); overflow:hidden;
          margin:0 auto; width:800px;background-color:rgba(169,169,169,0.5);padding-left:20px;}


table.explainM{border:4px outset rgba(000,000,255,0.8);margin:3px auto; }

thead tr{background-color:#CCFFCC}
thead tr>th {width:25%;}
thead tr th:nth-child(4){font-weight:400;}
tbody>tr td {font-size:x-small;}