/*　モノクロからカラーへ　*/

	.grayscale img{
		top: 10; left: 180; margin: auto 0; position: absolute;				/*メインイメージ画像の表示位置			*/
		filter: grayscale(100%);									/*モノクロ具合を変更したい場合はこの数値を変更	*/
		transition: .3s ease-in-out;									/*移り変わる速さを変更したい場合はこの数値を変更*/
	}

	.grayscale a:hover img{										/*hoverした時の変化				*/
		filter:grayscale(0);
	}


    body { background: url() }

      .m100 li a:visited { color:#2f4f4f; }								/*訪問済みリンクの色		*/
      .m100 li a:hover { color:#800000; }								/*カーソルを合わせたリンクの色	*/
      .m100 { list-style:none; padding:0; margin:0; position:static; }

      .m100 li {
        background:#999;											/*メインメニューの背景色	*/
        margin:3 0.5 0 0em; padding:5; width:10em; height:3.8em;			/*メインメニューの枠サイズ等	*/
      }

      .m100 li a {
        display:block; border:0px solid #aaf; color:#f5f5f5;					/*メインメニューの文字色	*/
        width:100%; margin:0; padding:1.7em 0;
        text-decoration:none; text-align:center; position:static; top:0px; left:-1px; z-index:20; font-size:.9em;
      }

      .m100 li ul.m110 { display:none; margin:0; padding:0; position:relative; }
      .m100 li ul.m110 li a, .m100 li ul.m110 li a:visited, .m100 li ul.m110 li a:hover { 
          margin:0; padding:.0em 0; border:none; text-decoration:none; background:#transparent;
      }

      .m100 li:hover ul.m110 { display:block; list-style:none; position:relative; z-index:40; 
        left:100%;  top:-3em; margin:-25px 0 0 0; padding:0; font-size:.9em;
      }
      
      .m100 li:hover ul.m110 li { width:100%; height:2.5em; border:1px solid #fff;
        border-top:none; background:#999; text-align:center; vertical-align:middle; margin:0; padding:0.8em;
      }
       
      .m100 li:hover ul.m110 li ul { display:none; }
      .m100 li:hover ul.m110 li.m001 { border:1px solid #fff; }

      .m100 li:hover ul.m110 li:hover ul {	display:block; list-style:none; position:relative; z-index:200; 
        width:100%; left:100%; top:-2.5em; margin:-2px 0 0 0; padding:0; }

      .m100 li:hover ul.m110 li:hover ul li a { display:block; width:100%; margin:0; border:none;
        text-decoration:none;}

      h2 { position:relative; top:10px; left:200px; }
      .main {
	position:absolute;	top:50px;	left:250px;	right:250px;
	z-index:0;	font-size:.9em;
	}
      .rireki {
	position:absolute;	top:650px;	left:220px;	right:300px;
	z-index:0;	font-size:.9em;
	}
      .link { position: absolute; top:220px;left:50em; z-index:0; }			/*TOPの外部リンク		*/
      p.clear{ clear:both; position:relative; z-index:10; }

      .box{													/*履歴boxの設定			*/
	position:relative;	top:-430px;	left:190px;	right:300px;
	width: 550px;											/*横幅の指定			*/
	height: 400px;											/*高さの指定			*/
	border: .3px solid #dcdcdc;								/*ボーダーの指定			*/
	overflow-y: scroll;										/*縦方向のスクロールを指定	*/
	}