@charset "utf-8";

/*
 * ================================================================
 *	小売パートナー用基本CSS
 *	【注意！！】
 *		ここから、『ここまで基本CSS』のコメントまでの定義は
 *		一切触れない事！！
 *		コンテンツ幅・背景等サイト別の定義は『ここまで基本CSS』
 *		以下にある定義で指定。
 * ================================================================
 */


/*
 * 汎用セレクタ
 */
*, body {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

.leftbox {
	float: left;
}

.rightbox {
	float: right;
}


#outline {
	width: 900px;
	margin: 0 auto;
}

.clear {
	clear: both;
}


/* --------------------------------
 * ヘッダ
 */
#headerarea {
	width: 900px;
	margin: auto;
}

#header {
	width: 900px;
	padding: 10px;
	padding-bottom: 0;
}

#header h1 {
	padding-left: 10px;
	font-weight: normal;
	font-size: 11px;
}


/* --------------------------------
 *	３カラム用設定
 */

/*
 * サイドメニュー（左カラム）
 */
#left_3column {
	width: 200px;
	float: left;
}

/*
 * メインコンテンツ１（中カラム）
 */
#center_3column {
	width: 500px;
	float: left;
}

/*
 * メインコンテンツ２（右カラム）
 */
#right_3column {
	width: 200px;
	float: left;
}

/* --------------------------------
 *	２カラム用設定
 */
#left_2column {
	width: 200px;
	float: left;
}

#center_2column {
	width: 700px;
	float: left;
}

/* --------------------------------
 *	カレンダー
 */
#calendar .holiday {
	color: #ff0000;
}

#calendar .saturday {
	color: #0000ff;
}

/*
 * ================================================================
 *	ここまで基本CSS
 * ================================================================
 */



/*
 * ================================================================
 *	ここからサイト別定義
 */

body {
	font-size: 12px;
	color: #000000;
}


/*
 * コンテンツ幅はここで定義
 */
#outline {
	width: 992px;
	background: url(Images/re.jpg) repeat-y;
}

/* --------------------------------
 * ヘッダ
 */
#headerarea {
	width: 992px;
	margin: auto;
	background: transparent url(Images/header_bg.gif) no-repeat center top;
}

#header {
	width: 992px;
	padding: 0px;
}

#header img {
	margin-left: 10px;
}

#header h1 {
	margin-left: 10px;
	color: #666666;
	font-weight: normal;
	font-size: 11px;
	padding-top: 5px;
}

#headerarea .goods_list_style {
	height: 154px;
	width: 920px;
	margin: 0 auto;
	text-align: center;
}

#headerarea .goods_list_style .item_image {
	height: 138px;
	width: 104px;
	padding: 0 2px 0 2px;
}

h3 {
	background: url(Images/mark.jpg) no-repeat;
	height: 20px;
	font-size: 14px;
	padding: 8px 5px 4px 40px;
	margin-bottom: 10px;
	color: #918451;
	border-bottom: 2px #918451 solid;
}

.subtitle {
	background-color: #d6ceac;
	font-size: 11px;
	padding: 2px 5px;
	margin-bottom: 6px;
}

.subtitle a {
	color: #6d602e;
}

.navi {
	height: 118px;
	width: 380px;
	margin-right: 13px;
}

.navibtn {
	position: relative;
	top: 55px;
	left: 124px;
}

a:link {
color:#666666;
text-decoration:none;
}
a:visited {
color:#666666;
text-decoration:none;
}

a {
	text-decoration: none;
	color: #666666;
}

a:active,
a:hover {
	color: #E86687;
}


/* --------------------------------
 * フッター
 */
#footer {
	text-align: center;
	padding: 15px 0px;
}

address {
	font-style: normal;
}


/* --------------------------------
 *	３カラム用設定
 */

/*
 * サイドメニュー（左カラム）
 */
#left_3column {
	width: 186px;
	padding: 10px 2px 10px 3px;
}

/*
 * メインコンテンツ１（中カラム）
 */
#center_3column {
	width: 610px;
	padding: 10px 0px 10px 0px;
}

/*
 * メインコンテンツ２（右カラム）
 */
#right_3column {
	width: 186px;
	padding: 10px 3px 10px 2px;
}

/* --------------------------------
 *	２カラム用設定
 */
#left_2column {
	float: left;
	width: 186px;
	padding: 10px 2px 10px 3px;
}

#center_2column {
	width: 792px;
	float: left;
	padding: 14px 9px 10px 0px;
}
 
/* --------------------------------
 *	サブメニュー
 */
.category {
	padding-bottom:10px;
	padding-left: 0px;
	list-style-type: none;
}

/* --------------------------------
 *	カレンダー
 */
#calendar_wrapper {
	width: 180px;
	margin: auto;
	padding-top: 42px;
	background: url(Images/titlecalendar.gif) no-repeat;
}

#calendar {
	width: 178px;
	border: 1px solid #b4a877;
	border-top: none;
}

#calendar p {
	text-align: center;
}

#calendar table {
	width: 168px;
	border: none;
	border-collapse: collapse;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 0;
}

#calendar td {
	text-align: center;
	color: #543f3f;
}

#calendar td.red {
	color: #ff0000;
}

#calendar td.blue {
	color: #0000ff;
}

#calendar td.week {
	text-align: center;
}

#calendar .holiday {
	background-color: #ccc4a4;
	color: #543f3f;
}

#calendar .month {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}


/* --------------------------------
 *	ログイン
 */
#login_wrapper {
	width: 180px;
	margin: 0px auto 10px auto;
	padding-top: 42px;
	background: url(Images/titlemember.gif) no-repeat;
}

#login {
	width: 178px;
	border: 1px solid #b4a877;
	border-top: none;
}

/* --------------------------------
 *	ランキング
 */
#ranking_wrapper {
	width: 180px;
	margin: auto;
	padding-top: 27px;
	background: url(Images/titleranking.gif) no-repeat;
}

#ranking {
	width: 178px;
	border: 1px solid #b4a877;
	border-top: none;
}

.rankbox {
	font-size: 10px;
	width: 160px;
	margin: auto;
}

.spot {
	padding: 0px 5px 10px 5px;
}

.textarea {
	width: 70px;
}

em {
	font-style: normal;
	color: #ff0000;	
}

/* --------------------------------
 *	新着アイテム
 */
#newitem_wrapper {
	width: 180px;
	margin: auto;
	padding-top: 27px;
	background: url(Images/titleitem.gif) no-repeat;
}

.sideitem {
	width: 180px;
	margin: auto;
}

.repeatarea {
	width: 158px;
	border: 1px solid #b4a877;
	border-top: none;
	border-bottom: none;
	padding: 0px 10px 1px 10px;
}

.imgtop {
	background: url(Images/itemtop.gif) no-repeat;
	height :5px;
}

.imgbtm {
	background: url(Images/itembottom.gif) no-repeat;
	height :5px;
}

.itembox {
	width: 146px;
	margin: 0px auto 10px auto;
}

.itemback {
	background: url(Images/itemre.gif) repeat-y;
}

.itemback .base {
	width: 104px;
	margin: auto;
	padding: 15px 0px;
}

.itemback p {
	font-size: 11px;
	padding-top: 10px;
}

#sidebtm {
	width: 180px;
	margin: auto;
	border: 1px solid #b4a877;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

/* --------------------------------
 *	メインコンテンツ
 */
.mainbnr {
	font-size: 11px;
	padding-bottom: 10px;
}

.mainbnr p {
	padding: 2px 10px 0px 10px;
}

/* --------------------------------
 *	Wha't New
 */
#new_wrapper {
	width: 610px;
	padding-top: 27px;
	background: url(Images/titlenew.gif) no-repeat;
}

#center_3column .goods_list_style {
	width: 610px;
	border: 1px solid #b4a877;
	border-top: none;
	border-bottom: none;
	padding-bottom: 10px;
}

#center_2column .news_list_style {
	border: none;
	width: 100%;
}

.news_list_style {
	width: 610px;
	border: 1px solid #b4a877;
	border-top: none;
	border-bottom: none;
	padding-bottom: 10px;
}

.mainareatop {
	width: 578px;
	border: 1px solid #b4a877;
	border-top: none;
	border-bottom: none;
	padding: 0px 15px 10px 15px;
}


.mainarea p {
	padding: 0px 10px 3px 10px;
}

.mainarea .info {
	padding-bottom: 6px;
}

.mainbtm {
	width: 610px;
	margin-bottom: 10px;
	border: 1px solid #b4a877;
	border-top: none;
}

.ctr {
	text-align: center;
}

/* --------------------------------
 *	Pick Up Items
 */
#pickup_wrapper {
	width: 610px;
	padding-top: 27px;
	background: url(Images/titlepickup.gif) no-repeat;
}

.itemarea {
	width: 132px;
	text-align: center;
	padding: 4px 0px 0px 16px;
}

.itemarea p {
	padding: 5px 3px;
}

/* --------------------------------
 *	Recommend Items
 */
#recommend_wrapper {
	width: 610px;
	padding-top: 27px;
	background: url(Images/titlerecommend.gif) no-repeat;
}

/* --------------------------------
 *	Shopping Information
 */
#info_wrapper {
	width: 610px;
	padding-top: 27px;
	background: url(Images/titleinfo.gif) no-repeat;
}

.info li {
	list-style-position: inside;
	padding-left: 13px;
	list-style-type: none;
	line-height: 17px;
}

.news_list_style .info a:link { color: #ffb923;	font-weight: bold; } 
.news_list_style .info a:active { color: #ffb923; font-weight: bold; }
.news_list_style .info a:visited { color:#ffb923; font-weight: bold; }
.news_list_style .info a:hover { color:#E86687; font-weight: bold; } 



.info .mark {
	list-style-position: inside;
	padding-left: 13px;
	list-style-type: disc;
}

.card {
	padding: 10px;
}

.mainarea .caution {
	font-weight: bold;
	color: #918451;
}

/* --------------------------------
 *	店舗紹介テーブルの調整
 */
.tenpo tr {
	height: 25px;
}

.tenpo td {
	margin: 0px 10px;
}


/* --------------------------------
 *	詳細ページ
 */

table #detail_img_thumb img {
	border: 1px solid #918451;
}

td #detail_img_main img {
	border: 2px solid #918451;
}