@import "share.css";

html {
	overflow-y: scroll;
	}

#index .leftColumn {
	width: 495px;
	float: left;
	margin: 0;
	padding: 0;
	}

#index .leftColumn .products {
	width: 265px;
	float: left;
	background: url(../images/index/bg_products.gif) no-repeat 0% 100%;
	margin: 0;
	padding: 0 0 16px;
	}

#index .leftColumn .products ul.for {
	width: 235px;
	background: url(../images/index/bg_for.gif) no-repeat 0% 0%;
	padding: 44px 0 0 30px;
	}

#index .leftColumn .products ul.for li {
	margin: 0 0 13px;
	}

#index .leftColumn .products .youto {
	width: 219px;
	background: url(../images/index/bg_youto.gif) no-repeat 50% 100%;
	margin: 0 0 0 30px;
	padding: 0 0 10px;
	}

#index .leftColumn .products .youto p.img {
	font-size: 1%;
	line-height: 0%;
	margin: 0;
	padding: 0;
	}

#index .leftColumn .products .youto p.txt {
	font-size: 85%;
	line-height: 120%;
	margin: 0;
	padding: 0 5px 0 8px;
	}

#index .leftColumn .banners {
	width: 230px;
	
	float: left;
	background: #EEEEEE;
	margin: 6px 0 0;
	padding: 0;
	}

#index .leftColumn .news {
	width: 485px;
	margin: 0;
	padding: 15px 0 0 10px;
	clear: both;
	}

#index .leftColumn .news h3 {
	font-size: 1%;
	}

#index .leftColumn .news div.newsText {
	width: 483px;
	height: 145px;
	border: 1px solid #CCCCCC;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	}

#index ul.newsList {
	color: #333333;
	font-family: "Verdana","Arial","Helvetica","‚l‚r ƒSƒVƒbƒN","Osaka",sans-serif;
	width: 450px;
	list-style-type: none;
	margin: 0;
	padding: 10px 5px 0;
}

#index ul.newsList li {
	line-height: 140%;
	margin: 0 0 14px 4px;
	padding: 0;
}

#index ul.newsList li a {
	color: blue;
}

#index ul.newsList li.date {
	background: url(../images/index/bg_news-day.gif) no-repeat 0% 50%;
	margin: 0;
	padding: 3px 5px 3px 3px;
}

#index .rightColumn {
	width: 230px;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
	}

#index .rightColumn ul.banners {
	margin: 0 0 10px;
	}

#index .rightColumn ul.banners li {
	font-size: 1px;
	line-height: 0%;
	}

#index .rightColumn ul.banners li.btn {
	margin: 0 0 5px;
	}

#index .rightColumn ul.eco {
	background: url(../images/index/bg_eco-company.gif) no-repeat 50% 100%;
	padding: 0 0 2px 0;
	}

#index .rightColumn ul.eco li {
	margin: 0 0 5px;
	}

/*==========================
what's new(080519add)
--------------------------*/

div#newsSection{
	width: 489px;
	margin: 0 0 0 7px;
	background: url(/share/images/index/news_bck.gif) repeat-y left top;
	position: relative;
}

div#newsList{
	padding: 0 22px 4px 24px;
	background: url(/share/images/index/news_btm.gif) no-repeat left bottom;
}

div.newsListBox{
	width: 446px;
	margin: 0 0 8px;
	padding: 0 0 8px;
	border-bottom: 1px dotted #999;
	clear: both;
}

div.newsListBox p{
	line-height: 120%;
	margin: 0;
	padding: 0;
}

div.newsListBox p.date{
	font-size: 90%;
	font-weight: 100;
	width: 8em;
	margin: 0;
	padding: 0 0 0 21px;
	background: url(/share/images/news/icn_news_list.gif) no-repeat left top;
	float: left;
}

div.newsListBox p.category{
	font-size: 90%;
	color: #f33;
	width: 7em;
	float: left;
}

div.newsListBox p.caption{
	margin-left: 15.5em;
}

div.newsListBox p.caption a{
	color: #666;
	text-decoration: none;
}

div.newsListBox p.caption a:hover{
	text-decoration: underline;
}

div.boxLast{
	margin: 0;
	border: none;
}

a#gotoNews{
	position: absolute;
	top: 4px;
	left: 380px;
}