@charset "utf-8";


/*
YUI 3.11.0 (build d549e5c)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#fff;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,
cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}
caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,
select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,
select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


html,
body {
  background: #000;
  background-image: url(../img/bg2.jpg);
  background-repeat: no-repeat;
  background-position: center 0%;
}
body {
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  margin-top: 20px;
  min-width: 1010px;
}

#header {
  position:relative;
  margin : 0 auto;
  width: 1010px;
  height: 50px;
}

#header ul {
  background: url(../common/img/bg_navi.png) no-repeat 0;
  position: absolute;
  padding-left: 72px;
  top: 0px;
  width: 998px;

  z-index: 10;
}

#header li {
  float: left;
  margin : 0 auto;
  margin-top : 5px;
}

#header ul:after {
  content: "";
  display: block;
  clear: both;
}



#main {
  position:relative;
  margin : 0 auto;
  width: 990px;
  height: 980px;
  background: url(../img/mainv3.png) no-repeat;
  clear: both;
}

h1.title {
  position: absolute;
  top: 0px;
  left: 562px;
}

#news01 {
  position: absolute;
  top: 658px;
  left: 7px;
}

#news02 {
  position: absolute;
  top: 750px;
  left: 7px;
}

#news03 {
  position: absolute;
  top: 842px;
  left: 7px;
}

h2.copy {
  position: absolute;
  top: 420px;
  left: 574px;
}

#gram {
  position: absolute;
  top: 575px;
  left: 370px;
}



#pv {
  position: absolute;
  top: 171px;
  left: 597px;
}

#botstory {
  position: absolute;
  top: 811px;
  left: 628px;
}

#botstaff {
  position: absolute;
  top: 851px;
  left: 628px;
}

#bottet {
  position: absolute;
  top: 629px;
  left: 666px;
}

#botnews {
  position: absolute;
  top: 629px;
  left: 335px;
}



#like-btn {
  position: absolute;
  top: 590px;
  left: 623px;
}

#like-btn .fb-like {
  margin-right: 24px;
  float:left;
}

#like-btn .btn-tweet {
  margin-right: 8px;
  float:left;
}

#like-btn .g-plusone {
  margin-right: 8px;
  float:left;
}








#news {
//  border: 1px solid #ff00ff;
  position: absolute;
  top: 659px;
  left: 350px;
  width: 290px;
  height: 269px;
  padding: 3px 3px 0px 0px;
  font-size: 10px;
  line-height: 1.35;
  color: #fff600;
  overflow-y: scroll;
}

#news a{
  color: #acf;
  font-size: 12px;
}




#main .twitter {
  position: absolute;
  top: 659px;
  left: 679px;
}

#main .twitter dd {
  padding: 0 0 0 0;
  height: 274px;
}
#main .twitter dd .tl {
  height: 274px;
  overflow-y: hidden;
  zoom: 1;
}



#footer {
  background: rgb(0,0,0);
  position:relative;
  width: 100%;
  height: 130px;
  padding-top : 7px;
  text-align: center; 
  clear: both;
}

#footer .copyright {
  font-size: 12px;
  color: #fff;
}


#footer ul {
  position:relative;
  left:50%;
  top: 10px;
  width: 825px;
  clear: both;
  /zoom: 1;
}
#footer ul :after {
  content: "";
  display: block;
  clear: both;
}
#footer ul li {
  position:relative;
  left:-50%;
  list-style:none;
  float: left;
  margin-top: 5px;
  margin-left: 5px;
}
#footer ul li a {
  position: relative;
  display: block;
  -webkit-transition: background 0.1s ease-in-out;
          transition: background 0.1s ease-in-out;
}
#footer ul li a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(0,173,255,0.25);
  opacity: 0;
  -webkit-transition: opacity 0.1s ease-in-out;
          transition: opacity 0.1s ease-in-out;
}
#footer ul li a:hover:after {
  opacity: 1;
}