@charset "utf-8";
/* contentF 各ジャンルの総合メニューフォーム */
/* メニューの外回りにアフィリエイト導入バナーの画像設定 2021/06/20 */

html,body{height:98%;min-width:400px;background-color:rgba(0,255,0,0.3);}
#contmenu{width:15%;height:85%;border:5px ridge #336633;float:left;}
#contentview{width:60%;height:85%;border:5px ridge #336633;float:left;margin-right:10px;margin-left:5px;}
#space1{width:5px; height:85%;border:0px #336633;float:left;}

div{min-width:950px;height:98%;width:98%;margin:auto;overflow:hidden;}

  /* commercial 用のバナー表示設定 */ 

 #commrC1{float:left;width:350;height:40px;margin-left:20%;border:blue solid 3px;margin-top:5px;
          padding-top:5px;outline:green 3px inset;background-color:#00ffff;font-weight:bold;}
 #commrC2{float:left;width:600px;height:60px;margin-left:20px;margin-top:2px;}

 #cmsp1{float:left;margin-left:5px;width:350px;margin-top:-5px;}
 #cmsp2{float:left;margin-left:5px;width:300px;margin-top:-5px;}
 .affiliate1{float:left;margin-left:5px;width:350px;}

#shopView1{float:left;margin-left:5%;width:10%;margin-top:5px;} 
#shopView2{float:left;margin-left:15%;width:36.5%;margin-top:5px;}

 /* --------------アルバム用の スタイルシート------------------------------------------ */
 
   h2 > span{font-size:medium;color:maroon;margin:0 5px;}
    h2,h3,h4{margin:5px;}
    
 /* ------------スライドショーで使用------------ */   
   .contR{text-align:center;}
  .sl-img{outline:6px lime outset;width:600;height:450;margin-top:15px;}
  button{outline:#ffff00 outset 6px;font-size:small;margin:6px;}
  body.bgdkhaki{background-color:rgba(189,183,107,1.0)}


/* --------------------------------- */
   .teigiwaku1{background-color:rgba(0,0,255,0.2);line-height:1.5;border:solid 4px green;margin:-10px auto 10px;padding:2px; }
   .teigiwaku1{font-weight:bold;font-size:large;width:200px;text-align:center;}
   .mgp-l25{margin-left:25%;}
   .mgp-l30{margin-left:30%;}
   .mgp-l35{margin-left:35%;}
   .mgp-l38{margin-left:38%;}
   .mgp-l45{margin-left:45%;}
   .mgp-l48{margin-left:48%;}


   #sceneTitle{text-align:center;margin:5px; width:80%;margin-left:17%;}
   
   #sceneExplain1{-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:15px 5px 2px 5px;
                 width:400px;height:430px;float:left;}
   #sceneExplain2{-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:15px 5px 2px 5%;
                 width:175px;height:430px;float:left;}
   #sceneExplain3{-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:15px 5px 2px 5%;
                 width:177px;height:430px;float:left;}
   #sceneExplain4{-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:15px 5px 2px 5%;
                 width:180px;height:430px;float:left;}
   #sceneExplain5{-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:15px 5px 2px 5%;
                 width:185px;height:400px;float:left;}
   #sceneExplain6{-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:15px 5px 2px 5%;
                 width:195px;height:430px;float:left;}
   #sceneExplain7{-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:15px 5px 2px 5%;
                 width:200px;height:430px;float:left;}
   #sceneExplain8{-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:15px 5px 2px 5%;
                 width:220px;height:430px;float:left;}
    
    .slideSB{outline:#ffff00 outset 6px;font-size:small;margin:6px;}
    .slideSB1{outline:#ffff00 outset 6px;font-size:small;margin:2px 6px 10px;}

   .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;}
   
   .explain3S {margin:-5px auto;}
   .explain3S1 {margin:-5px auto;width:95%;}

   a:link     {color:#000066;}
   a:visited  {color:#ff0066;}
   button:hover,a:hover {color:#990033;}
   button:active,a:active {color:#666666;}
    
   table.explain3S {background-image: url("DOMpic/back1.gif"); background-color:rgba(000,153,255,0.3);font-size:small;
                 width:95%; margin-left:auto;margin-right:auto;margin-bottom:-10px;text-align:center;min-width:900px;
                 border-width:6px; border-color:rgba(255,255,0,1);border-style:outset;
                 border-spacing:3px; padding:1px; }