/* ===================================================================
CSS information

 file name  :common.css
 style info :共通（ヘッダー、フッター、メニュー等）
=================================================================== */

/* -----------------------------------------------------------
base
----------------------------------------------------------- */

* {
      margin: 0;
      padding: 0;
}
html{
	  background: #121212;
	  _background-color:#121212;
}

body {
      text-align: center;
      font-family: 'Helvetica',Arial,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
      color:#FFFFFF;
      background: #000000;
	  _background-color:#121212;
	  margin:0px;
	  padding:0px;
}

div#wrappar{
	  background:#000000;
	  margin-top:-10px;
}

div#container {
      width: 1050px;
      margin: auto;
      text-align: left;
	  min-height: 100%;
	  height:100%;
	  height:auto!important;
	  clear:both;
}


/* --ul li-- */
ul li {
      list-style:none;
}

/* -- img-- */
img {
      border:none;
}

/* --A-- */

a {
      outline:none;
      cursor:pointer;
      color:#0092cb;
      text-decoration:none;
}

a:hover {
      text-decoration:underline;
}

.right_img{
      float:right;
      margin-left:15px;
}

.left_img{
      float:left;
      margin-right:15px;
}

.right_text{
      text-align:right;
}

/* -----------------------------------------------------------
#header
----------------------------------------------------------- */
div#header {
      margin: 10px auto;
      text-align: center;
	  width:1050px;
	  height:50px;
	  clear:both;
}
div#header h1 {
      float:left;
}
/* -----------------------------------------------------------
#nav
----------------------------------------------------------- */
div#nav {
      float: left;
	  width: 183px;
}

div#nav img {
      margin-bottom:5px;
}


div#nav2 {
      float:right;
	  width:750px;
	  height:30px;
	  padding:0;
	  margin-top:10px;
}

div#nav2 ul li {
      float:left;
	  margin-left:5px;
      display:inline;
	  height:30px;
}


/* -----------------------------------------------------------
#content
----------------------------------------------------------- */
div#content {
	  margin:0px;
	  padding:0px;
	  width:820px;
	  height:480px;
	  float:right;
}

div#content img{
      margin:0px 0px;
	  padding:0px;
	  float:right;
}

div#content2 {
      width:1050px;
	  margin:0px;
	  padding:0px;
	  height:100%;
}

div#content2 h2{
      margin-left:10px;
}

/* -----------------------------------------------------------
#footer
----------------------------------------------------------- */
div#footer {
      clear:both;
      width:100%;
	  height:100&;
	  background-color:#121212;
	  background-repeat:repeat;
	  border-top:#999999 solid 1px;
}

div#footer_content {
      width:1050px;
	  height:225px;
	  margin: 0px auto;;
	  margin-bottom:0px;
}

div#banner_area {
      width:1050px;
	  height:60px;
	  margin-top:30px;
}

div#banner_area after {
      content:" ";
      height:0;
      display:block;
      visibility:hidden;
}

div#banner_area li{
      float:right;
}

div#banner_area img{
	  margin-left:10px;
	  height:60px;
	  display:inline;
}

div#banner_area a:hover img{
	  height:60px;
	  margin-left:10px;
	  display:inline;
      opacity: 0.7; 
      filter: Alpha(opacity=70); 
}

div#remotely {
	  width:1050px;
	  height:25px;
	  padding:3px auto;
	  border:#666666 1px solid;
	  color:#666666;
	  text-align:center!important;
	  margin-top:30px;
}

div#remotely ul{
      padding:0px;
	  margin-left:120px;
	  margin-top:4px;
      text-align:center;
}

div#remotely ul li{
      float:left;
	  margin-left:5px;
	  margin-right:5px;
	  padding-right:5px;
      border-right:1px #666666 solid;
      display:inline;
	  height:14px;
}

.remotely_list{
      border-right:none!important;
}

div#remotely a{
      color:#666666;
}

div#remotely a:hover{
      text-decoration:none;
	  color:#FFFFFF;
}

div#copy {
      width:1050px;
      height:50px;
	  padding:auto;
      margin-top:20px;
	  text-align:center;
}

div#copy img{
	  padding:auto;
	  text-align:center;
}
