@charset “UTF-8”;

/*============================================
全般的なスタイル
============================================*/
  @font-face {
	font-family: 'MyFont';
	src: url('webfont.eot'); /* IE9 Compat Modes */
	src: local('myfont Regular'), /* フォントがローカルにインストールされている場合に有効 */
	     url('webfont.eot?#iefix') format('embedded-opentype'), /* eof - IE6-IE8 */
	     url('webfont.woff') format('woff'), /* woff - Modern Browsers */
	     url('webfont.ttf')  format('truetype'), /* ttf - Safari, Android, iOS */
	     url('webfont.svg#svgFontName') format('svg'); /* svg - Legacy iOS */
}


body {

background-color:#FFFFFF;	

background-image: url("img/banner.png");
background-repeat: repeat;
background-position: 2% 2%;
background-size: contain;
background-size: 100%;


text-align:left;
color:#00FFFF;
font-size:24px;
font-family:"ＭＳ ゴシック","CH-Combi",sans-serif;
font-weight:400;

line-height: 1em;
letter-spacing: 0.125em;

margin: 0;
padding: 0;
border: none;

}

::selection {
background-color: rgba(0,0,0,0.99);
color: #FF3C00;
Text-decoration:line;
}


a:link {
color:#00FFFF;
}

a:visited {
color:#00FFFF;
}

a:hover {
color:#ff5500;
background-color:#000000; 
Text-decoration:line;
}

a:active {
color:#00FFFF;
}

/*============================================
コンテンツ(中)
============================================*/

div#wrapper {  
position: fixed;
  width:1000x;
  height:1200px;
  margin-left:-0px;
  margin-top:-0px;
  top: 0%;
  left: 0%;

   }

   div#title {  
position: absolute;
  color: #000000;
  width:800px;
  height:400px;
  margin-right:-100px;
  margin-top:20px;
  top: 2%;
  left: 6%;

   }

   div#menu {  
position: absolute;
  width:800px;
  height:500px;
  margin-right:-100px;
  margin-top:100px;
  top: 52%;
  left: 6%;

   }