@charset "Shift_JIS";

/* flash */
#flash {
  margin:1px auto 0;
  width:100%;
  height:365px;
  text-align:center;
}
#noflash {
  width:100%;
  height:365px;
  text-align:center;
  background:#e5e5e5 url("../images/noflash.jpg") center top no-repeat;
}
#noflash a {
  display:block;
  margin:0 auto;
  width:800px;
  height:365px;
  text-indent:-9999px;
  text-decoration:none;
}
/* pre flash */
#flash_pre {
  margin:1px auto 0;
  width:100%;
  height:365px;
  text-align:center;
  background:#fff url("../images/top/flash_pre_bkg.gif") center top repeat-x;
}
#flash_pre h2 {
  text-indent:-9999px;
  text-decoration:none;
  font-size:xx-small;
  height:365px;
  background:url("../images/top/flash_pre.jpg") center top 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;
}

/* 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;
}