@charset "utf-8";
/** $Id: default.css 5379 2012-03-27 09:23:35Z makino $ */
/**
 * よかナビ！グルメ（ベージュ系）用 CSS
 *
 * @author ogawa@hitbit-inc.net
 * @copyright HitBit co.,ltd.
 * @since 2009-09-10
 * @lastmodified $Date: 2012-03-27 18:23:35 +0900 (火, 27 3 2012) $
 * @see guideline: Ver. 1.01
 */

/**
 * 共通部分用 CSS
 *
 * このページ全体で共通で使用するCSSです。
 *
 * @section Share Style
 * @lastmodified 2009-09-10
 * @version おがわ
 */
div#wrapper-plus {
	clear:both;
	width: 698px;
	color: #333333;
	margin-bottom: 20px;
	border:1px solid #CC9966;
	overflow:hidden;
}
/* ヘッダー周り
------------------------------ */
div#wrapper-plus h2,
div#wrapper-plus h2 a {
	display:block;
	width:700px;
	height:90px;
	background:url(../images/title.png) no-repeat center center;
}

div#wrapper-plus h3 {
	width:660x;
	margin:0 auto 10px auto;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#993300;
}
div#wrapper-plus p#lead {
	width:660px;
	margin:0 auto 15px auto;
	padding-bottom:15px;
	border-bottom:1px solid #CC9966;
}
div#wrapper-plus div#wrapper-bg {
	width:660px;
	padding:5px 20px 10px 20px;
}
div#wrapper-plus div.sep {
	clear:both;
	padding-bottom:15px;
}
div#wrapper-plus div.sep h4 {
	width:650px;
	padding:5px;
	font-size: 1.2em;
	font-weight: bold;
	background-color:#996633;
	color:#ffffff;
}

/* アイテム
------------------------------ */
div#wrapper-plus div#wrapper-bg div.item01,
div#wrapper-plus div#wrapper-bg div.item02 {
	width: 660px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #CC9966;
}
div#wrapper-plus div#wrapper-bg div.item01:after,
div#wrapper-plus div#wrapper-bg div.item02:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
/* WinIE7 only */
*:first-child+html div#wrapper-plus div#wrapper-bg div.item01,
*:first-child+html div#wrapper-plus div#wrapper-bg div.item02 {
	height: 1%;
}
/* MacIE5 only \*/
* html div#wrapper-plus div#wrapper-bg div.item01,
* html div#wrapper-plus div#wrapper-bg div.item02 {
	height: 1%
}
div#wrapper-plus div#wrapper-bg div.item01,
div#wrapper-plus div#wrapper-bg div.item02 {
	display: block;
}
/* end MacIE5 */


/* タイトル */
div#wrapper-plus div#wrapper-bg div.item01  div h5,
div#wrapper-plus div#wrapper-bg div.item02  div h5 {
	margin-bottom:10px;
	font-weight:bold;
	color:#996633;
	font-size:1.2em;
}
/* 写真 */
div#wrapper-plus div#wrapper-bg div.item01 p.photo {
	float: left;
	width: 230px;
}
div#wrapper-plus div#wrapper-bg div.item02 p.photo {
	float: right;
	width: 230px;
	text-align:right;
}
/* テキスト */
div#wrapper-plus div#wrapper-bg div.item01 div.detail_img {
	width:410px;
	float:right;
}
div#wrapper-plus div#wrapper-bg div.item02 div.detail_img {
	width:410px;
	float:left;
}
div#wrapper-plus div#wrapper-bg div.item01 div p,
div#wrapper-plus div#wrapper-bg div.item02 div p { line-height:1.3; }
/* 商品名ありの時のライン */
div#wrapper-plus div#wrapper-bg div.line {
	border-top:2px dotted #CC9966;
	margin-top:10px;
	padding-top:5px;
}
div#wrapper-plus div#wrapper-bg div.line p {
	margin-top:5px;
	line-height:1.3;
}

/* 写真無しアイテム
------------------------------ */
div#wrapper-plus div#wrapper-bg div.item01 div.detail_full { width: 100%; }

div#wrapper-plus div#wrapper-bg div.item01 div.detail_img div.title,
div#wrapper-plus div#wrapper-bg div.item01 div.detail_full div.title {
	/*padding: 0 0 5px 40px;
	margin-bottom: 5px;
	background: url(/themes/extra/n_beauty_red/images/icon.png) no-repeat 0 0;*/
}
div#bg-menu div#contents div.item01 div.detail_img div.title p.att, div#bg-menu div#contents div.item01 div.detail_full div.title p.att {
	padding: 0 0 1px 0;
}


/* ボタン
------------------------------ */
ul#ex-btn-menu  {
	width: 500px;
	margin: 20px auto 0 auto;
	padding:0 100px 20px 100px;
}
ul#ex-btn-menu li {
	width:223px;
	height:50px;
	margin: 0 10px;
	_margin: 0 5px;
	float:left;
}
ul#ex-btn-menu li a {
	display:block;
	width:223px;
	height:50px;
}
ul#ex-btn-menu li.b01 { background:url(../images/btn_01.png) no-repeat 0 0; }
ul#ex-btn-menu li.b02 { background:url(../images/btn_02.png) no-repeat 0 0; }

