@charset "utf-8";

/*
======== table of content. =================================

summary:トップページ用レイアウト定義

-CONTENT

-MAIN
  - MAIN RIGHT
  	

============================================================
*/



/*-------------------------------------
CONTENT
---------------------------------------*/
div#content {
	padding-top:20px;
	}

/*-------------------------------------
WHATSNEW
---------------------------------------*/
div#content div.whatsnew{
	width:480px;
	float:left;
	display:inline;
	margin:0;
	position: relative;
}

div#content div.whatsnew p.oshirase{
	font-size:84%;
	background:url(../img/ic_footer.jpg) no-repeat left center;
	padding:0 0 0 12px;
	position:absolute;
	top:11px;
	left:385px;
	height:11px;
	letter-spacing:0.1em;
	}

div#content div.whatsnew div.newsbox{
	width:480px;
	height:320px;
	overflow:auto;
	padding: 0;
	margin: 0;
	}

div.news {
	width:460px;
	padding:5px 0;
	background:url(../img/line.gif) repeat-x bottom left;
	}

div.newswrapper{
	padding:10px;
	background:url(../img/index/bg_whatsnew.jpg) repeat left top;
	}

div.news dl {
	width:350px;
	float:left;
	}

div.news dl dt{
	padding-left:30px;
	line-height:2.2;
	text-align:left;
	}
	
div.news dl dt.company{
	background:url(../img/index/ic_new_company.jpg) no-repeat left center;
	}
	
div.news dl dt.knowledge{
	background:url(../img/index/ic_new_knowledge.jpg) no-repeat left center;
	}
	
div.news dl dt.product{
	background:url(../img/index/ic_recipe.jpg) no-repeat left center;
	}
	
div.news dl dt.shopping{
	background:url(../img/index/ic_shopping.jpg) no-repeat left center;
	}

div.news dl dd{
	padding-left:30px;
	text-align:left;
	}

div.news p.newsphoto{
	width:80px;
	border:1px solid #ccc;
	float:right;
	}



/*-------------------------------------
BANNERARE
---------------------------------------*/
div#content div.banneraerea{
	width:300px;
	float:right;
	margin:0;
	}


div#content div.banneraerea div.aboutus{
	width:300px;
	margin:0;
	padding:0 0 10px 0;
	background:url(../img/index/img_aboutus_bottom.jpg) no-repeat left bottom;
	position:relative;
	}


div#content div.banneraerea div.aboutus p.company{
	position:absolute;
	top:6px;
	left:187px;
	}

div#content div.banneraerea div.aboutus div.comment{
	width:295px;
	padding:0 0 0 5px;
	background:url(../img/index/aboutus_middle.jpg) repeat-y left top;
	}

div#content div.banneraerea div.aboutus div.comment div.comment-wrapper{
	width:275px;
	margin:0 auto;
	background:url(../img/index/about-us_line.gif) repeat-y left bottom;
	line-height:22px;
	}

	
div#content div.banneraerea div.aboutus div.comment p{
	width:275px;
	margin:0 auto;
	line-height:
	}

div#content div.banneraerea ul.bnrarea {
	margin-bottom:10px;
	}
	
div#content div.banneraerea ul.bnrarea li{
	padding:10px 0 0 0;
	}