/* DOM 対応 Contents のCSS記述　2003年3月20日 作成 */
/* 2005年3月5日@charset：文字コード設定を追加 */
/* HTML5 version に変更（2014/04/25）用に設定 */

@charset "utf-8";

body{background-color:rgba(204,255,153,0.6)}
.mdiv{width:85%;margin:3px auto;}
/* タイトル画像の位置決め */
 img#titlpic {position:absolute;top:5px;left:30px;}


/* 更新情報表示位置とフォント＝スタイル設定 */
address#update {position:absolute;top:10px;left:65%;font-size:small;}

/* 操作説明と内容ガイド  */

div#guide {position:absolute;top:10px;left:20px;font-size:small;width:92%;
           border:4px inset green;padding:3px;}

/* list文字の位置調整 */
div ul {padding-left:23px;padding-right:auto; }
div p>ol {padding-left:23px;padding-right:auto;}

/* list文字の色指定 */

/* ホームページ内容説明＝リスト */
ul>li>span {color:##009999; }
ul li+li>span {color:##993333; }
ul li+li+li>span {color:##660066; }

/* レポートの概要＝リスト */
ol li{padding:5px;}
ol>li>span {color:#ff0000;}
ol>li>span+span {color:#990099;} 
ol li+li>span {color:#0000ff;}
ol li+li>span+span {color:#990099;}
ol li+li+li>span {color:#ff0000;}
ol li+li+li>span+span {color:#990099;}

/* ･･････････　レポートの概要　･･･････････ */
div>p {text-align:center;}
.cls{clear:both;}
span{font-weight:bold;}

/* ･･････････　レポートの概要ボタン形状　･･･････････ */
 h2 > span{font-size:medium;color:maroon;margin:0 5px;}
   .mgp-l35{margin-left:35%;}
   #sceneTitle{tex-align:center;margin:5px; width:80%;margin-left:17%;}
   #sceneExplain{-webkit-writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;
                 -o-writing-mode:vertical-rl;writing-mode:vertical-rl;line-height:1.5;font-family:"@MS 明朝", serif;margin:20px 3px 2px 40px;
                 width:160px;height:525px;float:left;}

   #groupInf{width:25%;height:25%;float:right;border:maroon 5px double;overfloaw:hidden;padding:2px;line-height:2.5}
               
   .slideSB{outline:#ffff00 outset 6px;font-size:small;margin:6px;}
   .alinkPL{outline:#ff8c00 inset 4px;font-size:small;margin:6px;text-decoration:none;
                                      background-image: url("../../DOMcomn/DOMpic/back1.gif");background-color:#ffcc99;}
   .slideSBT{outline:#ffffff 5px outset;font-size:small;padding:3px;font-weight:bold;margin-top:3px;
                                      background-image: url("../../DOMcomn/DOMpic/back1.gif");background-color:#ffcc99;}
   .famiP{position:relativ
   .explain33 {margin:-5px auto;}
   .explain33 a:link     {color:#000066;}
   .explain33 a:visited  {color:#ff0066;}
   button:hover, .explain33 a:hover    {color:#990033;}
   button:active, .explain33 a:active   {color:#666666;}
   h3,h4 {margin:5px;}
   article{text-align:left;}
