@charset "utf-8";

/*メインイメージ　#mainimage
----------------------------------------------------------------*/
#mainimage {
	position:relative;
	width:900px;
	height:240px;
	background-image:url(../images/main_img.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	}
	#mainimage #mainbtn{
		position:absolute;
		width:220px;
		top:0;
		right:0;
		background-image:url(../images/main_btn_bg.jpg);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	#mainimage #mainbtn li{
			width:auto;
			float:left;
		}
			#mainimage #mainbtn li img{
				margin:0;
				padding:0;
			}

/*トップページ #whats
----------------------------------------------------------------*/
#whats{
	position:relative;
	width:658px;
	height:338px;
	background-image:url(../images/top_whats_bg.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	border:1px solid #161616;
	margin:0;
	}
	#whats h3{
		position:relative;
		width:658px;
		height:29px;
		top:0;
		left:0;
	}
		#whats h3 span{
			z-index:100;
			position:absolute;
			top:4px;
			right:9px;
		}
	#whats #brend{
		position:relative;
		width:630px;
		height:150px;
		top:5px;
		left:14px;
		background-image:url(../images/top_whats_brendbg.jpg);
		background-repeat:no-repeat;
		background-position:0 0;
	}
		#whats #brend #wakan{
			position:absolute;
			top:0;
			left:0;
		}
		#whats #brend #herb{
			position:absolute;
			top:0;
			left:235px;
		}
		#whats #brend #flavor{
			position:absolute;
			top:0;
			right:0;
		}
	#whats h2{
		position:absolute;file:///Users/Suga/work/ソレイエル/local/web/soleiel/test/dummy/index.html#pagetop
		width:410px;
		height:60px;
		top:184px;
		left:234px;
	}
	#whats #message{
		position:absolute;
		width:400px;
		top:244px;
		left:244px;
	}
		#whats #message h4{
			font-size:14px;
		}


/*新着情報 news
----------------------------------------------------------------*/
#news{
	position:relative;
	width:660px;
	height:210px;
	margin:20px 0 0;
	}
	#news h3{
		position:relative;
		width:660px;
		height:30px;
		top:0;
		left:0;
		}
		#news h3 span{
			z-index:100;
			position:absolute;
			top:5px;
			right:10px;
		}
	#news #topics{
		position:absolute;
		width:660px;
		height:180px;
		overflow:auto;
		top:30px;
		left:0;
	}
		#news #topics dl {	/*　文字全体　*/
			line-height:15px;
			margin:10px 10px 0;
			padding:0;
		}
		#news #topics dt {	/*　日付部分　*/
			color:#891801;
			font-size:12px;
			line-height:20px;
			margin:0;
			padding:0;
			}
			
		#news #topics dl dd {	/*　本文部分　*/
			font-size:12px;
			line-height:20px;
			margin:0 0 5px;
		}
		#news #topics dl dd a{
			color:#ccc;
			background-image:url(../images/top_news_arw.gif);
			background-repeat:no-repeat;
			background-position:5px 4px;
			padding:0 0 0 15px;
			text-decoration:none;
		}
		#news #topics dl dd a:hover{
			color:#fff;
			background-position:6px 4px;
			text-decoration:underline;
			}