@charset "utf-8";

/*
======== table of content. =================================

summary:トップページ用レイアウト定義

-CONTENT

-MAIN
  - MAIN RIGHT
  	

============================================================
*/


/*-------------------------------------
HEADER
---------------------------------------*/
div#container div#header h1{
	padding: 18px 0 0 28px;
	float: left;
}

/*-----------------------------------------------------
GlobalNavi
-------------------------------------------------------*/
div#content ul#globalNavi{
	width: 850px;
	margin: 17px 0 0 0;
}

div#content ul#globalNavi li{
	float: left;
}

/*-------------------------------------
CONTENT
---------------------------------------*/
div#content {
	width:850px;
	margin: 0 0 0 23px;
	border-top: #E7E7E7 1px solid;
}

/*-------------------------------------
SIDE NAVI
---------------------------------------*/
div#sideNaviindex {
	width: 212px;
	margin: 12px 0 20px 0;
	background: none;
	float: left;
}

div#sideNaviindex dl{
	padding: 0;
	background: none;
}

div#sideNaviindex dl dt{
	padding: 0 0 12px 0;
	background: url(../images/index/bg_commodity.jpg) repeat-x left bottom;
}

div#sideNaviindex dl dd{
	margin: 7px 0 0 0;
	background: none;
}

div#sideNaviindex dd ul{
	padding: 0;
	background: none;
}

div#sideNaviindex dl dd ul li{
	margin: 5px 0 0 0;
	background: none;
	padding: 0;
}

div#sideNaviindex p{
	margin: 15px 0 27px 0;
}
/*-------------------------------------
MAIN
---------------------------------------*/
div#main{
	width: 610px;
	margin:28px 0 0 0;
	float:right;
	display: inline;
}

div#main div.pointarea{
	width: 610px;
	height: 284px;
	background: url(../images/index/bg_point.jpg) no-repeat left top;
}

div#main div.pointarea dl dd{
	margin: 26px 0 0 0;
}

div#main ul.bnr{
	width: 610px;
	margin: 17px 0 0 0;
}

div#main ul.bnr li{
	margin: 0 6px 0 3px;
	float: left;
	display: inline;
}

div#main div.infottl{
	position: relative;
}

div#main p.infobtn{
	position: absolute;
	right: 15px;
	top: 0;
}

div#main h2{
	width: 597px;
	clear: both;
	margin: 43px 0 0 3px;
	padding: 0 0 12px 0;
	background: url(../images/index/bg_commodity.jpg) repeat-x left bottom;
}

div#main dl.info {
	width: 595px;
	margin: 9px 0 0 0;
}

div#main dl.info dt{
	width: 85px;
	padding: 12px 11px 11px 11px;
	color: #C49595;
	float: left;
	font-size: 84%;
}

div#main dl.info dd{
	padding: 11px 11px 11px 74px;
	background: url(../images/common/line_pnk_doded.gif) repeat-x left bottom;
}

div#main p.pagetop{
	width: 597px;
	text-align: right;
	margin: 67px 0 9px 0;
}

div#footer{
	width:896px;
	height: 81px;
	margin: 0 0 0 0;
	clear: both;
	background: url(../images/common/bg_footer.jpg) repeat-x left top;
}
