@charset "utf-8";


@import "common.css";

#content dl, 
#content p, 
#content li {
	line-height: 160%;
	letter-spacing: 1px;
}


	
/*
		Header-menu
 -------------------------------------------------- */

/* 大枠 */
#content .header-menu {
	height: 85px;
	background: url(../img-drink/header-menu-bg.gif) no-repeat top right;
}

#content .header-menu img.header-menu-ttl {
	position: absolute;
}

/* リンク */
#content .header-menu ul {
	margin: 0px 0px 0px 395px;
}

#content .header-menu ul li {
	float: left;
	margin: 10px 10px 0px 0px;
}

#content .header-menu ul li img {
	border: 1px solid #522B06;
}

#content .header-menu ul li a:hover img { border: 1px solid #FFFFFF;}


/*
		Header-menu-beer
 -------------------------------------------------- */

/* 大枠 */
#content .header-menu-beer {
	height: 85px;
	background: url(../img-drink/beer/header-menu-bg.gif) no-repeat top right;
}
#content .header-menu-beer img.header-menu-ttl {
	position: absolute;
}

/* リンク */
#content .header-menu-beer ul {
	margin: 0px 0px 0px 395px;
}

#content .header-menu-beer ul li {
	float: left;
	margin: 10px 10px 0px 0px;
}

#content .header-menu-beer ul li img {
	border: 1px solid #522B06;
}

#content .header-menu-beer ul li a:hover img { border: 1px solid #FFFFFF;}


/* 
		Header-menu-syochu
 -------------------------------------------------- */

/* 大枠 */
#content .header-menum-syochu {
	height: 85px;
	background: url(../img-drink/syochu/header-menu-bg.gif) no-repeat top right;
}

#content .header-menum-syochu img.header-menu-ttl {
	position: absolute;
}

/* リンク */
#content .header-menum-syochu ul {
	margin: 0px 0px 0px 395px;
}

#content .header-menum-syochu ul li {
	float: left;
	margin: 10px 10px 0px 0px;
}

#content .header-menum-syochu ul li img {
	border: 1px solid #522B06;
}

#content .header-menum-syochu ul li a:hover img { border: 1px solid #FFFFFF;}


/* 	
		Others
 -------------------------------------------------- */

/* 枠 */
#content .others {
	width: 760px;
	margin: 3px 0px 0px 0px;
}

/* レシピ画像 */
#content .others ul li {
	float: left;
	margin: 0px 2px 0px 0px;
}

#content .others ul li.recipe-list { float: right; margin: 0px 0px 0px 0px;}

/* 画像マウスオーバー用 */
#content .others ul li a img { border: 1px #eae9e9 solid; }
#content .others ul li a:hover img { border: 1px #f30558 solid; }

/* おつまみTOPへ 
#content .others img.top_btn {
	margin: 20px 0px 0px 540px;
}
*/


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

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

/* タイトル */
#content .top h2 img {
	float: left;
	margin: 0px 0px 0px 10px;
	display: inline;
}

/* リード */
#content .top p {
	width: 210px;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 530px;
	font-size: 11px;
	line-height: 140%;
}


/*
		Materials
 -------------------------------------------------- */

/* 大枠 */
#content .materials {
	padding: 0px 0px 15px 0px;
	margin: 20px 15px 15px 15px;
	background-color: #eeeeee;
}

/* タイトル */
#content .materials img {
	margin: 10px 0px 0px 10px;
}

/* 材料 */
#content .materials dl {
	width: 320px;
	float: left;
	margin: 0px 0px 0px 40px;
	display: inline;
}

/* 材料名 */
#content .materials dl dt {
	width: 170px;
	float: left;
	margin: 0px 20px 0px 0px;
}

/* 材料Ａ */
#content .materials dl dt.type {
	float: none;
	margin: 0px 0px 5px 0px;
}
/* テキスト小 */
#content .materials dl dt span.text-s {
	font-size: 10px;
}

/* 容量 */
#content .materials dl dd {
	margin: 0px 0px 0px 150px;
}

/* リード */
#content .materials dl dt.lead {
	width: 330px;
	float: left;
	margin: 0px;
}


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

#content .recipe-all {
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 30px 0px;
}

/* 料理画像 */
#content .recipe-all img.recipe-pic {
	float: left;
	margin: 0px 0px 0px 15px;
	display: inline;
}

/* レシピ */
#content .recipe-all .right {
	width: 300px;
	margin: 20px 15px 0px 445px;
}

/* 作り方枠 */
#content .recipe-all .right dl.recipe {
	height: 150px;
	margin: 0px 0px 20px 0px;
}

/* 作り方枠 ミドル */
#content .recipe-all .right dl.length-middle {
	height: 180px;
	margin: 0px 0px 20px 0px;
}

/* 作り方枠 ロング */
#content .recipe-all .right dl.length-long {
	height: 225px;
	margin: 0px 0px 20px 0px;
}


/* 画像 */
#content .recipe-all .right dl dt.pic {
	width: 150px;
	float: right;
}

/* 番号 */
#content .recipe-all .right dl dt.number {
	float: none;
	padding: 0px 150px 0px 0px;
}

/* テキスト */ 
#content .recipe-all .right dl dd.text {
	width: 140px;
	margin: 10px 150px 0px 0px;
}

/* ポイント */
#content .recipe-all .right dl.point {
	padding: 10px;
	margin: 25px 0px 20px 0px;
	background-color: #eeeeee;
}

/* タイトル */
#content .recipe-all .right dl.point dt {

}

/* テキスト */
#content .recipe-all .right dl.point dd {
	width: 260px;
	margin: 10px 0px 0px 10px;
}



/*
		Wine-recommend
 -------------------------------------------------- */

#content .recommend {
	width: 730px;
	padding: 20px 0px;
	margin: 0px 15px 0px 15px;
	border-top: 1px solid #000000;
}

/* タイトル */
#content .recommend img.recommend-ttl, 
#content .recommend img.drink-pic {
	float: left;
	margin: 0px 0px 0px 15px;
	display: inline;
}

/* 赤ワイン */
#content .recommend dl {
	width: 200px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 450px;
}

/* サブタイトル */
#content .recommend dl dt img.drink-ttl {
	margin: 40px 0px 20px 15px;
}

/* 銘柄 */
#content .recommend dl dt.drink-name {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 20px 0px;
	font-weight: bold;
	background: url(/img/common/link-back.gif) no-repeat 5px 5px;
}

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


/*
		Wine-others
 -------------------------------------------------- */

#content .dish {
	height: 330px;
	float: left;
	margin: 0px 70px 0px 0px;
}

/* 画像 */
#content .dish img {
	position: relative;
	top: 0px;
	left: 50px;
	z-index: 1;
}

/* テキスト */
#content .dish p {
	width: 130px;
	position: relative;
	top: 20pt;
	left: 150px;
	z-index: 2;
}

#content .dish ul {
	margin: 20px 0px 0px 60px;
}

#content .dish ul li {
	width: 230px;
	padding: 0px 0px 5px 15px;
	font-size: 10px;
	background: url(/img/common/link-back.gif) no-repeat 5px 5px;
}


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

/* 左：information大枠 */
#content .info {
	width: 460px;
	float: left;
	margin: 30px 0px 0px 0px;
	display: inline;
	background-color: #eeeeee;
}

/* タイトル */
#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 {	font-weight: bold;}
#content .info dl dd.name span { padding: 0px 0px 0px 10px; font-weight: normal;}


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

/* リンク指定 */
#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;}




/*
		Banner
 -------------------------------------------------- */

#content .iwine-banner {
	margin: 19px 0px 0px 40px;
}



/*
		ページトップ
 -------------------------------------------------- */
#content .pagetop {
	background: #FFFFFF url(/img/common/cat-page-top.gif) no-repeat 650px 2px;
	margin: 20px 20px 20px 0px;
}

#content .pagetop-bottom {
	background: #FFFFFF url(/img/common/cat-page-top.gif) no-repeat 0px 2px;
	padding: 0px 0px 0px 15px;
	margin: 40px 20px 40px 650px;
}