/* ---------------------------------------------------------------- *
    style.css
 * ---------------------------------------------------------------- */
body{
	background-color: #000;
}

#container{
	width: 940px;
	margin: 20px auto;
}
/* 画像マウスオーバー */
img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;}
a:hover img {filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;}

/* リンクカラー */
a:link {color:#FF6;text-decoration:underline; /* anime */-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;}
a:visited {color:#cc00ff;text-decoration:underline; /* anime */-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;}
a:hover {color:#33ccff;text-decoration:none; /* anime */-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;}
a:active {color:#ccffff;text-decoration:none;}

/* bodyの設定 */
body {
  background-color:#000;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#E87400;
  font-size:14px;
  line-height:160%;
}

/* ---------------------------------------------------------------- *
    ヘッダー
 * ---------------------------------------------------------------- */
#header{
	height: 60px;
	background-image: url(./img/top.jpg);
}

#header img.logo{
	float: left;
	margin: 5px 0px 5px 40px;
}

#menu{
	float: left;
	margin: 30px 0px 20px 100px;
}

div#menu img{
	margin-right: 60px;
}

#header a:hover img{
	 filter: alpha(opacity=50);
	 -moz-opacity:0.5;
	 opacity:0.5;
}

/* ---------------------------------------------------------------- *
    センター
 * ---------------------------------------------------------------- */
#center{
	margin-top: 20px;
	height: 700px;
}

#mainImg{
	height: 350px;
	border: 1px solid #cc6600;
	background-image:url(./img/TopImg.png);
}

#center #contentsL, #center #contentsR{
	margin-top: 15px;
	height: 300px;
	float: left;
}

#center #contentsL{
	width: 450px;
	border: 1px solid #cc6600;
	margin-right: 15px;
}

#center #contentsL img.logo{
	margin: 5px;
}

#center #contentsL iframe{
	height: 250px;
	width: 400px;
	display: block;
	margin: 5px auto;
	border: none;
}

#center #contentsR{
	width: 470px;
}

/* ---------------------------------------------------------------- *
    フッター
 * ---------------------------------------------------------------- */
#footer{
	margin-top: 20px;
	height: 72px;
	background-image: url(img/Bot.jpg);
}

#footer img.logo{
	float: right;
	margin: 15px 40px 5px 0px;
}