@charset "Shift_JIS";

/* flash */
#mainImg {
  background: url(../images/mainImg/bg.jpg) 0 0 repeat-x scroll;
  height:350px;
}
  #mainImg ul
  {
    margin: 0 auto;
    padding: 20px;
    position: relative;
    width: 950px;
  }
      #mainImg ul li
      {
        height: 150px;
        position: absolute;
        width: 470px;
      }

      #mainImg ul li.newss_publisher
      {
        top: 20px;
        left: 20px;
      }

      #mainImg ul li.areadcpc
      {
        top: 20px;
        left: 500px;
      }

      #mainImg ul li.media_receipt
      {
        top: 180px;
        left: 20px;
      }

      #mainImg ul li.contact
      {
        top: 180px;
        left: 500px;
      }

#staff
{
    margin: 15px 0 0 0;
}

#relation
{
    border-top: 1px solid #ccc;
    padding: 20px 0 0 0;
	text-align:center;
}
    #relation ul
    {
        margin: 0;
        padding: 2px 0px;
    }
        #relation ul li
        {
            display: inline;
            list-style: none;
			margin:2px 0px; 
        }

#maArea
{
    top: -187px;
    left: 0px;
    position: absolute;
    margin: 0;
}

#side #maArea a,
#side #maArea a:hover
{
  border:none;
}


#wrapper {
  margin: 0px auto;
  padding: 40px 45px 0 45px; /* 20101105 */
  width:880px;
  background:url("../images/top/body_bkg.png") no-repeat;
}

/* main layout */
#main {
  float:left;
  width:588px;
}
#side {
  float:right;
  margin-top: 15px;
  padding:5px 20px 0;
  width:210px;
  background:#f2f2f2 url("../images/top/side_header.gif") no-repeat;
  position: relative;
}

body.home #side
{
    margin-top:202px !important;
}

/* main */
.contents_title {
  width:588px;
  height:50px;
  position:relative;
}
#topnews_title {
  background:url("../images/top/news_title.png") no-repeat;
}
#topworks_title {
  background:url("../images/top/works_title.png") no-repeat;
}
.contents_title h2 {
  position:absolute;
  top:0px; left:0px;
  width:200px; height:35px;
  text-indent:-9999px;
  font-size:xx-small;
}
.rss a {
  display:block;
  position:absolute;
  top:22px; left:534px;
  width:47px; height:14px;
  text-indent:-9999px;
  text-decoration:none;
  font-size:xx-small;
  background:url("../images/rss.gif") no-repeat;
}
.rss a:hover {
  background:url("../images/rss.gif") bottom left no-repeat;
}
.contents dl {
  margin:0 auto;
  width:568px;
  padding:12px 0 13px;
  background:url("../images/dot.gif") bottom left repeat-x;
}

.contents dt {
  float:left;
  width:105px;
  padding-left:15px;
  background:url("../images/arrow_grey.gif") 0px 3px no-repeat; 
}
.contents_dt01 {
  float:left;
  width:105px;
  padding-left:15px;
}
#wrapper #main .contents .clearFix dt {
	padding-left: 15px;
}

.contents dd {
  float:right;
  width:440px;
}
.contents dd a {
  color:#333;
}
.contents dd a:hover {
  color:#00a5ed;
}

.morebtn {
  display:block;
  margin:15px 0 15px 413px;
  width:165px;
  height:30px;
  text-indent:-9999px;
  text-decoration:none;
}
#topnews_btn {
  background:url("../images/top/news_btn.png") top left no-repeat;
}
#topnews_btn:hover {
  background:url("../images/top/news_btn.png") top right no-repeat;
}
#topworks_btn {
  background:url("../images/top/works_btn.png") top left no-repeat;
}
#topworks_btn:hover {
  background:url("../images/top/works_btn.png") top right no-repeat;
}

/* side */
#side h2 {
  margin-top:15px;
  margin-bottom:2px;
  font-size:xx-small;
}
#side h3 {
  margin-top:8px;
  font-size:xx-small;
}
#side a {
  display:block;
  border:5px solid #fff;
  font-size:xx-small;
}
#side a:hover {
  border:5px solid #cccccc;
}
#side_footer {
  margin:0 -20px;
  width:250px;
  height:20px;
  background:url("../images/top/side_footer.gif") bottom left no-repeat;
}

#topbnr {
	width:588px;
	margin-top:15px;	
	padding:6px 0px 3px 3px;

	
}
#topbnr ul{
	width:582px;
	margin:0 auto;

	
	
}
#topbnr li {
	width:288px;
	padding:0px 3px 3px 0px;
	float:left;

}
.bnrtop{
	padding:2px 0px;
}