@charset "UTF-8";

/*
 * CSS
 * stylesheet for screen layout
 *
 * @file        top.css
 */

@media all {

/********** format for exclusive use of the TOPPAGE **********/

#topTeaserContainer {
	background: url(../images/top_teaser_bg.jpg) top center #fff;
	width: 100%;
	height: 333px;
 }
#topTeaserContainer .topImage {
  width:900px;
	margin:0 auto;
	text-align:center;
	}
 
#topTeaserContainer li {
  margin:0;
	padding:0;
  float:left;
	}

.mainimg-area {
  width:900px;
	margin-right:auto;
	margin-left:auto;
	}


/********** topMain **********/

#topMain {
  width:590px;
	margin-top:11px;
	float:left;
	}

#topMain .topoption-l {
  width:286px;
  float:left;
	}
#topMain .topoption-r {
  width:286px;
  float:right;
	}
	
	
#topMain h6 a {
	display: block;
  font-size: 80%;
	line-height:120%;
	background:url(../images/arrow_red.gif) #eeebe5 no-repeat 10px 10px;
	border: solid 2px #d1c9b9;
  font-weight:bold;
	width:281px;
	overflow:visible;
	/* \*/
	overflow:hidden;
	/* */
	}

/* Hacks for IE6 */
* html body #topMain h6 a  {
	width:290px;
}
	
#topMain h6 a p {
	padding: 6px 10px 6px 30px;
	}

#topMain h6 a.topMainml {
  margin-left:10px;
	}

#topMain p.topMainTxt {
  padding:10px 3px 25px;
	width:284px;
	font-size:80%;
	line-height:160%;
	}

/********** brandnew elements **********/

.brandnewBox {
	float:left;
	padding-top: 25px;
}

.brandnewList {
	float:left;
	width: 540px;
}

.brandnewList li {
	float:left; 
	width: 180px;
	text-align: center;
}

.thumb {
	padding: 10px 0 2px;
}

.thumbName {
	padding: 0 0 10px;
	font-size: 80%;
	line-height: 160%;
}



/********** works elements **********/

.topWorksBox {
	float:right;
	width: 288px;
	padding-top: 25px;
	text-align:center;
}

.topWorks {
  width:280px;
	font-size: 80%;
	line-height: 140%;
	margin:0 auto;
	text-align:left;
	margin-top:10px;
}
.topWorksTitle {
  margin-top:5px;
  font-weight:bold;
	line-height:170%;
}

.topIchioshi {
	clear:both;
}

.topIchioshi img {
	margin-top:0px;
}

.topIchioshiTxt {
	font-size:0.8em;
	line-height:1.4em;
	text-align:left;
	padding:5px;
	width:278px;
	_width:288px;
	height:130px;
	overflow:auto;
}


}