@charset "UTF-8";
#brand-contents { font-family:"ＭＳ Ｐゴシック",sans-serif; }
#brand-contents * { margin:0; padding:0; }
#brand-contents hr { display:none; clear:both; }
#brand-contents img { margin:0; padding:0; border:none; vertical-align:bottom; }
#brand-contents th, td { margin:0; padding:0; }
#brand-contents em { font-style:normal; }
#brand-contents ul { list-style-type:none; }

/*
a:link {color: #8D4D29; text-decoration: none;}
a:visited {color: #8D4D29; text-decoration: none;}
a:hover {color: #8D4D29; text-decoration: underline;}
a:active {color: #8D4D29; text-decoration: none;}
*/

#brand-contents .left { float:left; }
#brand-contents .right { float:right; }
#brand-contents .tx-l { text-align:left; }
#brand-contents .tx-r { text-align:right; }
#brand-contents .tx-c { text-align:center; }
#brand-contents .clear { clear:both; }
#brand-contents br.clear { line-height:0; }
#brand-contents .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#brand-contents .clearfix { zoom:1; }




/*
----------------------------------------  共通スタイル ----------------------------------------
*/
/* -------------------- 背景・コンテナ -------------------- */
#brand-contents {
	text-align:center;
	background:#111111 url(../order/img/body_bg.gif);
	font-size:12px;
	line-height:1em;
}
#brand-contents #bg {
	width:900px;
	margin:0 auto;
}
#brand-contents #container {
	position: relative;
	text-align:justify;
}


/* -------------------- reset -------------------- */
#brand-contents table td { text-align:left; }
#brand-contents h1,
#brand-contents h2,
#brand-contents h3,
#brand-contents h4,
#brand-contents h5,
#brand-contents th,
#brand-contents strong,
#brand-contents b {
	font-weight:bold;
}

/* -------------------- ヘッダー -------------------- */
#brand-contents #hd {
	position:relative;
	width:100%;
	height:74px;
}
#brand-contents #hd .site-title {
	position:absolute;
}
#brand-contents #hd #links {
	position:absolute;
	top:8px;
	left:390px;
	width:370px;
	text-align:right;
}
#brand-contents #hd #links img {
	position:relative;
	top:6px;
	left:0;
	vertical-align:baseline;
}
#brand-contents #hd #links a {
	font-size:112%;
	margin:0 10px;
}
#brand-contents #hd #links a:link,
#brand-contents #hd #links a:hover,
#brand-contents #hd #links a:active {
	color:#D3C6A3;
	/*color:#B19A5C;*/
}
#brand-contents #hd #links a:visited {
	color:#B19A5C;
}





/* -------------------- 左メニュー -------------------- */
#brand-contents #menu {
	margin:0 0 8px 8px;
	_margin:0 0 4px 4px;/*IE*/
	width:211px;
	float:left;
}
#brand-contents #menu ul {
	margin-bottom:14px;
	padding-top:1px;
}
#brand-contents #menu li {
	padding-bottom:1px;
}





/* -------------------- メインコンテンツ -------------------- */
#brand-contents #contents {
	position:relative;
	width:530px;
	float:right;
	
	color:#000000;
	line-height:180%;
}
#brand-contents #contents #lead {
	padding:7px;
	background:#371B10;
}
#brand-contents #contents .to-top {
	clear:both;
	margin:0 25px 5px 0;
	text-align:right;
}





/* -------------------- メインコンテンツ内本文 -------------------- */
#brand-contents #comments {}
#brand-contents #comments .entry {
	margin-top:5px;
}
#brand-contents #comments .entry h3 {
}
#brand-contents #comments .entry div {
	margin:0 25px;
}
#brand-contents #comments .entry div.left {
	margin:0 10px 0 25px;
	_margin:0 10px 0 0;
	_padding-left:25px;
	width:156px;
}
#brand-contents #comments .entry div.right {
	margin:0 25px 0 10px;
	_margin:0 0 0 10px;
	_padding-right:25px;
	width:156px;
}
#brand-contents #comments .entry div.main {
	width:305px;
}
#brand-contents #comments .entry div.sub {
	width:156px;
}
#brand-contents #comments .entry div div {
	margin:0;
}
#brand-contents #comments .entry div p {
	padding:0 5px 5px 5px;
}
#brand-contents #comments .entry div p.caption {
	line-height:160%;
	background:#e3d6ae;
	padding:5px 5px 2px 5px;
	margin-bottom:15px;
}
#brand-contents #comments .entry div img {
	margin:0 0 5px 0;
}
#brand-contents #comments .entry .float p {
	padding:0 25px;
}
#brand-contents #comments #related {
	clear:both;
	margin-top:15px;
	padding:15px 0;
	text-align:center;
}
#brand-contents #comments #related table {
	margin:0 auto;
}
#brand-contents #comments #related table td {
	text-align:left;
}
#brand-contents #comments #related span {
	display:block;
	width:150px;
	margin:0 25px;
	color:#212121;
}
#brand-contents #comments #related a {
	display:block;
	width:150px;
	margin:0 25px;
	color:#000985;
	
}
#brand-contents #comments #related a:visited {
	color:#416381;
}


/* -------------------- その他 -------------------- */
#brand-contents #wrapper { padding-top:8px; }


/*

----------------------------------------  ページ個別スタイル ----------------------------------------

*/

/* -------------------- TOP --------------------*/
#brand-contents #top { }
#brand-contents #top #contents {
	width:100%;
	float:none;
}

#brand-contents #top #contents #wrapper {
	position:relative;
	width:100%;
	height:506px;
}
#brand-contents #top #contents #main {
	position:absolute;
	top:5px;
	left:6px;
	width:622px;
}
#brand-contents #top #contents #main h3 {
}
#brand-contents #top #contents #main #purchase-banner {
	margin:8px 0 0 0;
}
#brand-contents #top #contents #main #voice {
	float:left;
	margin:8px 0 0 12px;
}
#brand-contents #top #contents #main #recipe {
	float:left;
	margin:8px 0 0 0;
}
#brand-contents #top #contents #main #news {
	margin:8px 0 0 0;
	width:327px;
	height:121px;
	overflow:hidden;
	background:#F6F2E8;
	float:left;
}
#brand-contents #top #contents #main #news p {
	font-size:91%;
	line-height:100%;
	margin:7px 0 6px 7px;
	height:16px;
	color:#231815;
}
#brand-contents #top #contents #main #news a {
	color:#231815;
}
#brand-contents #top #contents #main #news a:visited {
	color:#5E4139;
}
#brand-contents #top #contents #sub {
	position:absolute;
	top:5px;
	left:632px;
}
#brand-contents #top .verisign { margin-top:4px; }
#brand-contents #top .verisign p {
	font-size:9px;
	line-height:1.1em;
	color:#B0B0B0;
	padding:2px;
	letter-spacing:-1px;
}
#brand-contents #description {
	position:absolute;
	bottom:20px;
	right:12px;
	width:400px;
}
#brand-contents #description p {
	color:#BBB;
}



/* -------------------- 坂元醸造の黒酢 -------------------- */
#brand-contents #kurozu {}
#brand-contents #kurozu #entry01 p.caption {
	background:#e3d6ae;
	padding:5px 5px 0 5px;
}




/* -------------------- 黒酢もろみについて -------------------- */
#brand-contents #kurozu-moromi {}





/* -------------------- 坂元醸造について -------------------- */
#brand-contents #kurozu-sakamoto {}





/* -------------------- 職人さんの声(黒酢) -------------------- */
#brand-contents #kurozu-shokunin {}





/* -------------------- 黒酢と一般米酢とのちがい -------------------- */
#brand-contents #kurozu-chigai {}





/* -------------------- 黒酢 成熟過程 -------------------- */
#brand-contents #kurozu-process {
}




/* -------------------- にんにくが育つまで -------------------- */
#brand-contents #ninniku {}
#brand-contents #ninniku #entry01 p.caption {
	background:#e3d6ae;
	padding:5px 5px 0 5px;
	width:170px;
	margin-left:10px;
}
#brand-contents #ninniku #entry02 #image-list,
#brand-contents #ninniku #entry03 #image-list {
	margin:0 24px;
	margin-top:15px;
}
#brand-contents #ninniku #entry02 #image-list div,
#brand-contents #ninniku #entry03 #image-list div {
	float:left;
	width:156px;
	margin:0;
	padding:0 2px;
}





/* -------------------- 福地ホワイト六片について -------------------- */
#brand-contents #ninniku-fukuchi { }





/* -------------------- 職人さんの声（にんにく） -------------------- */
#brand-contents #ninniku-shokunin { }





/* -------------------- 二つの素材との出会い -------------------- */
#brand-contents #deai { }
#brand-contents #deai #comments {
	padding-bottom:20px;
}
#brand-contents #deai #entry03 #image-list {
	clear:both;
	margin:0 6px;

}
#brand-contents #deai #entry03 #image-list div {
	float:left;
	width:251px;
	margin:0;
	padding:0 4px;
}





/* -------------------- くろずにんにく村 村興し -------------------- */
#brand-contents #mura { }





/* -------------------- ご購入はこちらから -------------------- */
#brand-contents #order { font-family:"ＭＳ Ｐゴシック",Osaka; }
#brand-contents #order #container {
	background:#fff;
}
#brand-contents #order .to-top {
	text-align:right;
	margin:0 20px;
	padding-top:10px;
}

#brand-contents #order .price-table .price-60,
#brand-contents #order .price-table .price-180 {
	width:347px;
}
#brand-contents #order .price-table .regular,
#brand-contents #order .price-table .teiki {
	position:relative;
}
#brand-contents #order .price-table .purchase a:hover {
	opacity:0.75;
}
#brand-contents #order .price-table .regular .purchase {
	position:absolute;
	top:3px;
	right:5px;
}
#brand-contents #order .price-table .teiki .purchase {
	position:absolute;
	top:2px;
	right:5px;
}
#brand-contents #order .price-table .caution {
	margin:4px 0 0 4px;
}

#brand-contents #order #firstview {
	position:relative;
	margin-bottom:18px;
}
#brand-contents #order #firstview .price-table {
	position:absolute;
	right:11px;
	bottom:0;
}
#brand-contents #order #firstview .price-table .price-180 {
	margin-top:6px;
}

#brand-contents #order #comments {
	line-height:180%;
	background:#fff;
}
#brand-contents #order #entry01 {
	min-height: 1em;
	display: inline-table;
	padding:0 0 15px 0;
	margin:0 0 10px 0;
	background:#F8F3E5 url(../order/img/entry01_bg.gif) 65px 0 repeat-y;
	border-top:15px solid #F8F3E5;
	border-bottom:10px solid #F8F3E5;
}
#brand-contents #order #entry01:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html #brand-contents #order #entry01 {
	height: 1em;
}

#brand-contents #order #entry01 {
	display: block;
}
/**/
#brand-contents #order #entry01 .left {
	width:440px;
	_overflow:hidden;
}
#brand-contents #order #entry01 .left strong {
	color:#8B5725;
	text-decoration:underline;
}
#brand-contents #order #entry01 .right {
	width:440px;
	_overflow:hidden;
}
#brand-contents #order #entry01 .right strong {
	color:#799D25;
	text-decoration:underline;
}
#brand-contents #order #entry01 h3 {
	margin: 0 0 0 30px;
}
#brand-contents #order #entry01 .txt01,
#brand-contents #order #entry01 .txt02 {
	padding:16px 40px 0px 40px;
}
#brand-contents #order #entry01 .img01,
#brand-contents #order #entry01 .img02,
#brand-contents #order #entry01 .img03 {
	text-align:center;
}
#brand-contents #order #entry01 .img02 {
	margin:40px auto 4px;
}
#brand-contents #order #entry01 .img03 {
	margin:8px 0 20px 0;
}
#brand-contents #order #entry01 .img04,
#brand-contents #order #entry01 .comment {
	margin-left:44px;
}
#brand-contents #order #entry01 .comment {
	margin-top:3px;
	overflow:hidden;
}
#brand-contents #order #entry01 .comment .left {
	width:108px;
	float:left;
	padding:0;
}
#brand-contents #order #entry01 .left .comment .left {
  width:124px;
  text-align:center;
}
#brand-contents #order #entry01 .comment .name {
	text-align:center;
}
#brand-contents #order #entry01 .comment .right {
	width:243px;
	float:left;
}
#brand-contents #order #entry01 .comment .message {
	background:#F6ECCD;
	padding:12px;
	height:126px;
	margin-left:10px;
}
#brand-contents #order #entry02 {
	padding:0 65px;
	text-align:center;
}
#brand-contents #order #entry02 .to-top {
	margin:0 10px;
}
#brand-contents #order #entry02 .img03 {
	margin-top:18px;
	margin-bottom:6px;
	text-align:center;
}
#brand-contents #order #entry02 .img11 {
	margin-top:18px;
}
#brand-contents #order #entry02 #caution {
	padding:20px 0 0 21px;
	text-align:left;
}
#brand-contents #order #entry02 table {
	margin:0 auto;
}

#brand-contents #order #entry02 .price-table {
	width:720px;
	margin:0 auto;
	overflow:hidden;
}
#brand-contents #order #entry02 .price-table .price-60 {
	float:left;
}
#brand-contents #order #entry02 .price-table .price-180 {
	float:right;
}
#brand-contents #order #entry02 .price-table .caution {
	clear:both;
	text-align:right;
	margin:0 4px 0 0;
	padding-top:4px;
}

#brand-contents #order #entry03 {
	text-align:left;
	margin:20px 65px;
	border-top:1px solid #BE8708;
	border-bottom:1px solid #BE8708;
}
#brand-contents #order #entry03 h3 {
	color:#BE8708;
	padding:10px 24px;
	text-align:left;
	background:url(../order/img/dot.gif) bottom left repeat-x;
}
#brand-contents #order #entry03 table.full {
	margin:5px 0;
	width:100%;
	background:url(../order/img/dot.gif) bottom left repeat-x;
}
#brand-contents #order #entry03 th {
	color:#BE8708;
	padding:0 0 0 24px;
}
#brand-contents #order #entry03 td {
	padding:0 0 12px 24px;
}
#brand-contents #order #entry03 th,
#brand-contents #order #entry03 td {
	line-height:160%;
	vertical-align:top;
	text-align:left;
}
#brand-contents #order #entry03 table.nopadding {
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:none;
	background:none;
}
#brand-contents #order #entry03 table.nopadding td {
	margin:0;
	padding:0;
	text-align:right;
	border:none;
}

#brand-contents #order #entry03 ul {
	margin:6px 0 16px 24px;
	list-style:none;
	text-align:left;
}
#brand-contents #order #entry04 {
	margin:30px auto;
	text-align:center;
}
#brand-contents #order .verisign {
	margin:8px 5px 0 0;
}




/* -------------------- サイトマップ -------------------- */
#brand-contents #sitemap { }
#brand-contents #sitemap #contents a {
	color:#010450;
}
#brand-contents #sitemap #contents a:visited {
	color:#737373;
}
#brand-contents #sitemap #content-container {
	padding:15px 15px 30px 15px;
}
#brand-contents #sitemap #content-container h3 img {
	border-bottom:1px solid #B6A895;
}
#brand-contents #sitemap #content-container ul {
	margin:5px 0 25px 20px;
}
#brand-contents #sitemap #content-container li {
	margin:0 0 0 20px;
}





/* -------------------- 黒酢にんにく料理のレシピ -------------------- */
#brand-contents #recipe { }
#brand-contents #recipe #comments {
	padding-bottom:20px;
}
#brand-contents #recipe #entry01 .right {
	width:305px;
	margin-left:5px;
}
#brand-contents #recipe #entry01 #point {
	margin:0;
}
#brand-contents #recipe #entry01 #point img {
	margin:0;
}
#brand-contents #recipe #entry01 #point p {
	padding:5px 37px 20px 37px;
}
#brand-contents #recipe #entry02 {
	background:#ffffff;
	margin-top:0;
}
#brand-contents #recipe #entry02 #ingredient {
	margin:0;
	padding:0;
	width:100%;
}
#brand-contents #recipe #entry02 #ingredient .left {
	margin:0;
	padding:0;
	width:293px;
}
#brand-contents #recipe #entry02 #ingredient .right {
	margin:33px 17px 0 0;
	_margin:0;/*IE*/
	_padding:33px 17px 0 0;/*IE*/
	width:220px;
}
#brand-contents #recipe #entry02 #ingredient .right .to-top {
	padding:0 0 0 100px;;
	
}
#brand-contents #recipe #entry02 #flow {
	margin:20px 0 0 0;
}
#brand-contents #recipe #entry02 #flow h4 {
	font-size:136%;
}
#brand-contents #recipe #entry02 #flow table.container {
	width:500px;
	margin-left:15px;
}
#brand-contents #recipe #entry02 #flow table.container img {
	margin-right:10px;
}
#brand-contents #recipe #entry02 #flow table.container p {
	line-height:180%;
}
#brand-contents #recipe #entry02 #flow table.container p.small {
	font-size:80%;
	line-height:160%;
	padding-bottom:15px;
}



#brand-contents #foil-nutrition {
	text-align:center;
	margin:0 auto;
	width:300px;
	_width:100%;
}
#brand-contents #foil-nutrition table {
	width:300px;
}
#brand-contents #foil-nutrition table th,
#brand-contents #foil-nutrition table td {
	padding:4px;
	font-size:12px;
	text-align:left;
	font-weight:bold;
}
#brand-contents #foil-nutrition table th {
	padding-left:50px;
}
#brand-contents #foil-nutrition table td {
	padding-right:20px;
}





#brand-contents .recipe-link {
	padding:20px 10px;
	border-bottom:1px solid #D7D0BC;
}
#brand-contents .recipe-link .image {
	margin:0 17px 0 18px;
}
#brand-contents .recipe-link p {
	font-size:12px;
	line-height:170%;
	margin:20px;
}
#brand-contents .recipe-link .href {
	text-align:right;
	font-size:12px;
	margin:40px 30px 0 0;
}
#brand-contents .recipe-banner {
	margin: 15px 0;
}


#brand-contents #deai-voice .entry01 {
	margin-top:14px;
	width:530px;
}
#brand-contents #deai-voice .entry01 p {
	margin:5px 15px 5px 30px;
}
#brand-contents #deai-voice .note {
	width:512px;
	margin:8px 0;
	margin-left:12px;
	padding-bottom:10px;
	clear:both;
}
#brand-contents #deai-voice .note .c {
	padding:10px 0;
}
#brand-contents #deai-voice .note .c p {
	padding:10px 15px 10px 30px;
}
#brand-contents #deai-voice .voice {
	width:274px;
	margin:0;
	padding:0;
}
#brand-contents #deai-voice .voice.r {
	float:right;
	_float:none;
}
#brand-contents #deai-voice .voice p {
	padding:0 0 0 28px;
	margin:5px 0;
}

#brand-contents #deai-voice .voice p.bottom {
	background:none;
	margin-bottom:14px;
}