@charset "utf-8";


@import "common.css";


/*
		コンテンツ
 -------------------------------------------------- */

/* 行間指定 */
#content p, 
#content dd {
	line-height: 160%;
}


/*
		Top
 -------------------------------------------------- */

/* 右側 */
#content .top-right{
	height: 520px;
	position: absolute;
	right: 220px;
	background: url(../img-drink/main-bg.jpg) no-repeat 0px 215px;	
}

/* テキスト */
#content .top-right p {
	width: 170px;
	margin: 140px 0px 0px 25px;
	color: #FFFFFF;
}

/* 左側 */
#content .top-left{
	height: 520px;
	background-color: #311906;	
}

/* テキスト */
#content .top-left p {
	width: 240px;
	padding: 50px 0px 0px 20px;
	color: #FFFFFF;
	font-size: 11px;
}

/* メニュー */
#content .top-left dl {
	margin: 20px 0px 0px 15px ;
}

#content .top-left dl dd {
	float: left;
	margin: 10px 10px 0px 0px;
}



/*
		Lead wine
 -------------------------------------------------- */

/* 大枠 */
#content dl.lead-wine {
	width: 730px;
	height: 90px;
	background: url(../img-drink/wine/lead-bg.jpg) no-repeat 215px 0px;
	margin: 15px 0px 15px 15px;
}

/* タイトル */
#content dl.lead-wine dt {
	float: left;
}

/* テキスト */
#content dl.lead-wine dd {
	width: 440px;
	padding: 18px 0px 0px 0px;
	margin: 0px 0px 0px 255px;
	color: #FFFFFF;
}

/*
		Lead beer
 -------------------------------------------------- */

/* 大枠 */
#content dl.lead-beer {
	width: 730px;
	height: 90px;
	background: url(../img-drink/beer/lead-bg.jpg) no-repeat 215px 0px;
	margin: 15px 0px 15px 15px;
}

/* タイトル */
#content dl.lead-beer dt {
	float: left;
}

/* テキスト */
#content dl.lead-beer dd {
	width: 440px;
	padding: 18px 0px 0px 0px;
	margin: 0px 0px 0px 255px;
	color: #FFFFFF;
}

/*
		Lead syochu
 -------------------------------------------------- */

/* 大枠 */
#content dl.lead-syochu {
	width: 730px;
	height: 90px;
	background: url(../img-drink/syochu/lead-bg.jpg) no-repeat 215px 0px;
	margin: 15px 0px 15px 15px;
}

/* タイトル */
#content dl.lead-syochu dt {
	float: left;
}

/* テキスト */
#content dl.lead-syochu dd {
	width: 440px;
	padding: 9px 0px 0px 0px;
	margin: 0px 0px 0px 255px;
	color: #FFFFFF;
}


/*
		Recipe
 -------------------------------------------------- */

/* 大枠 */
#content .recipe  {
	margin: 30px 0px 30px 15px;
}

#content .recipe ul {
	width: 231px;
	float: left;
	margin: 0px 18px 0px 0px;
}

/* 3番目のみ指定 */
#content .recipe ul.end { margin: 0px 1px 0px 0px; }

#content .recipe ul li {
	float: left;
}

/* 画像 */
#content .recipe ul li.recipe-btn {
	margin: 7px 0px 0px 0px;
}



/*
		Information
 -------------------------------------------------- */

/* 左：information大枠 */
#content .info {
	width: 360px;
	float: left;
	border: 1px solid #000000;
	margin: 0px 0px 0px 15px;
	display: inline;
}

/* タイトル */
#content .info img.info-top {
	margin: 15px 0px 0px 15px;
}

/* 紹介部分 */
#content .info dl {
	margin: 10px 15px 15px 0px;
}

/* 先生写真 */
#content .info dl dt img {
	float: left;
	margin: 0px 15px 0px 15px;
}

/* テキスト */
#content .info dl dd {
	margin: 0px 0px 0px 140px;
}

/* 名前 */
#content .info dl dd.name {	margin: 0px 0px 15px 0px; font-weight: bold;}
#content .info dl dd.name span { padding: 0px 0px 0px 10px; font-weight: normal;}

/* リンク指定 */
#content .info dl dd a { padding: 0px 0px 0px 15px; margin: 10px 0px 0px 0px; background: url(/img/common/link-back.gif) no-repeat 5px 5px;}


/* 右：お出汁上手になる。バナー大枠 */
#content .dashi {
	width: 332px;
	height: 320px;
	margin: 0px 0px 0px 410px;
	border: 1px solid #000000;
}

/* 画像+テキスト */
#content .dashi dl {
	width: 108px;
	float: left;
	font-size: 11px;
	margin: 3px 0px 3px 0px;
}

/* 2番目のみ指定 */
#content .dashi dl.middle { margin: 3px 3px 3px 3px;}

/* リンク背景指定 */
#content .dashi dl dd {
	padding: 0px 0px 0px 15px;
	margin: 10px 2px 0px 2px;
	background: url(/img/common/link-back.gif) no-repeat 5px 5px;
	line-height: 140%;
}




/*
		ページTOP ボタン（default.cssと別設定）
 -------------------------------------------------- */
 
#content .pagetop {
	margin: 10px 15px 0px 15px;
	padding: 20px 10px 0px 50px;
	text-align: right;
	background: #FFFFFF url(/img/common/cat-page-top.gif) 640px 24px no-repeat;
}

/*