@charset "utf-8";


/* 看板(全ページ共通) */

#navi {
	width: 900px;
}

#navi .logo-block {
	width: 200px;
	float: left;
}

#navi .gnavi-block {
	width: 630px;
	float: right;
}

ul#gnavi {
	margin-top: 10px;
}

ul#gnavi li {
	margin-right: 15px;
	float: left;
}

ul#gnavi li.company {
	margin-right: 0px;
}

/*----------------------------------------------*/

/* メニュー */

#menu .search-block {
	background: #4A4A4B;
	padding: 9px 0px 6px 14px;
	color: #FFFFFF;
	font-size: 10px;
}

#menu .search-block input {
	vertical-align: middle;
}

#menu .search-block img {
	vertical-align: middle;
}

#menu .search-block input.word {
	width: 130px;
}

#menu h3 {
	margin: 10px 0 10px 10px;
}

#menu ul.category {
}

#menu ul.category li {
	font-weight: bold;
}

#menu ul.category li a {
	background: url(/st/img/shop/common/menu/m_category_off.gif) no-repeat left bottom;
	padding: 6px 0px 6px 13px;
	text-decoration: none;
	display: block;
	width:auto;
	/* ▽IE6のメニュー余白対策▽ */
	_width:190px;
}

#menu ul.category li a:hover {
	background: url(/st/img/shop/common/menu/m_category_on.gif) no-repeat left bottom;
	padding: 6px 0px 6px 13px;
	text-decoration: none;
}

#menu ul.category li a.active {
	background: url(/st/img/shop/common/menu/m_category_on.gif) no-repeat left bottom;
	padding: 6px 0px 6px 13px;
	text-decoration: none;
}

#menu .category-list {
	text-align: right;
	margin: 7px 5px 0px 0px;
}

/* 0-2. メニュー　カテゴリ第二階層
------------------------------------------------- */
#menu ul.category .box li {
	padding: 0;
	margin: 0;
}

#menu ul.category .box li a {
	background: url(/st/img/shop/common/menu/m_category_off.gif) no-repeat left bottom;
	padding: 6px 0px 6px 33px;
	text-decoration: none;
	display: block;
	width:auto;
	/* ▽IE6のメニュー余白対策▽ */
	_width:190px;
}

#menu ul.category .box li a img {
	margin: 0;
	padding: 5px 5px 0;
}

#menu ul.category .box li a:hover,
#menu ul.category .box li a.active {
	background: url(/st/img/shop/common/menu/m_category_on.gif) no-repeat left bottom;
	padding: 6px 0px 6px 33px;
	text-decoration: none;
}

/* 0-3. メニュー　カテゴリ第三階層
------------------------------------------------- */
#menu ul.category .box li .box2 li {
	padding: 0;
	margin: 0;
}

#menu ul.category .box li .box2 li a {
	background: url(/st/img/shop/common/menu/m_category_off.gif) no-repeat left bottom;
	padding: 6px 0px 6px 53px;
	text-decoration: none;
	display: block;
	width:auto;
	/* ▽IE6のメニュー余白対策▽ */
	_width:190px;
}

#menu ul.category .box li .box2 li a:hover {
	background: url(/st/img/shop/common/menu/m_category_on.gif) no-repeat left bottom;
	padding: 6px 0px 6px 53px;
	text-decoration: none;
}

/*----------------------------------------------*/


/* TOP */

#wrap-top-page .shop-top-block {
	margin: 0 0 20px;
}


/* 新着情報 */

.news-block {
	margin: 0 0 20px;
}

.news-block h5 {
	border-bottom: 1px solid #DAD5C0;
	margin: 0px 0px 10px;
	padding: 0px 0px 6px 10px;
}

.news-block ul {
	margin: 0 0 0 10px;
	width: 686px;
}

.news-block ul li {
	float: left;
	margin: 0 58px 0 0;
	width: 128px;
}

.news-block ul li.right {
	margin: 0;
}

.news-block ul li .name {
	font-size: 11px;
	margin: 5px 0 0 ;
}

.news-block ul li .name a {
	color: #0F8FB4;
}


/* おすすめ商品(トップと商品詳細で共通) */

.recommend-block {
	margin: 0 0 20px;
}

.recommend-block h5 {
	border-bottom: 1px solid #DAD5C0;
	margin: 0px 0px 10px;
	padding: 0px 0px 6px 10px;
}

.recommend-block ul {
	margin: 0 0 0 10px;
	width: 686px;
}

.recommend-block ul li {
	float: left;
	margin: 0 20px;
	width: 128px;
}

.recommend-block ul li.right {
	margin-right: 0;
}

.recommend-block ul li .name {
	font-size: 11px;
	margin: 5px 0 0 ;
}

.recommend-block ul li .name a {
	color: #0F8FB4;
}


/* お買い物ガイド(トップ,お買い物ガイド,商品詳細で共通) */

.guide-block {
	margin: 0 0 20px;
}

.guide-area h5 {
	border-bottom: 1px solid #DAD5C0;
	margin: 0px 0px 10px;
	padding: 0px 0px 6px 10px;
}

.guide-block {
	border: 1px solid #DAD5C0;
	padding: 13px 20px;
}

.guide-block .guide {
	width: 666px;
	background: url(../img/detail/bg_guide.gif) repeat-y left top;
}

.guide-block .guide .c-left {
	width: 333px;
}

.guide-block .guide .c-right {
	width: 333px;
}

.guide-block .guide .inside {
	width: 300px;
}

.guide-block .guide .c-right .inside {
	margin-left: 30px;
}

.guide-block .guide h6 {
	border-bottom: 1px solid #DAD5C0;
	margin: 0px 0px 20px;
	padding: 0px 0px 6px;
}

.guide-block .guide p {
	margin: 0px 0px 20px;
}


/*----------------------------------------------*/

/* 商品詳細ページ */

#wrap-detail-page {
}

#wrap-detail-page h3.category {
	font-size: 12px;
	background: #DAD5C0;
	padding: 5px 0px 5px 18px;
	margin: 0px 0px 2px;
}

#wrap-detail-page .item-detail-block {
	width: 708px;
	margin: 0 0 20px;
}

#wrap-detail-page .item-detail-block .c-left {
	width: 408px;
}

#wrap-detail-page .item-detail-block .c-right {
	width: 299px;
}

#wrap-detail-page .item-detail-block .c-left ul.thumbnail {
	margin-top: 4px;
}

#wrap-detail-page .item-detail-block .c-left ul.thumbnail li {
	float: left;
	margin-right: 5px;
	*margin-right: 4px;
	font-size: 11px;
	width: 95px;
}

#wrap-detail-page .item-detail-block #CommondityPhoto {
	border: 1px solid #DBD6C6;
}

#wrap-detail-page .item-detail-block .c-left ul.thumbnail li a img {
	border: 1px solid #DBD6C6;
}

#wrap-detail-page .item-detail-block .c-left ul.thumbnail li a:hover img {
	border: 1px solid #775F34;
}

#wrap-detail-page .item-detail-block .c-left ul.thumbnail li a.active img {
	border: 1px solid #775F34;
}

#wrap-detail-page h4.goods {
	font-size: 18px;
	margin: 0px 0px 30px 9px;
}

#wrap-detail-page .item-detail-block h5 {
	margin: 0 0 5px;
}

#wrap-detail-page table.tbl .on {
background:#E9E6DA;
}

#wrap-detail-page table.tbl .off {
background:#F2F3E9;
}


#wrap-detail-page table.price {
	width: 299px;
	margin: 0 0 13px;
}

#wrap-detail-page table.price th {
	padding: 7px 9px;
	font-weight: normal;
	text-align: left;
}

#wrap-detail-page table.price td {
	padding: 7px 0;
	font-size: 18px;
}

#wrap-detail-page table.price img {
	vertical-align: middle;
}

#wrap-detail-page table.price .notes {
	font-size:10px;
	margin: 0 3px;
}


#wrap-detail-page table.goods {
	width: 299px;
	margin: 0 0 13px;
}

#wrap-detail-page table.goods th {
	padding: 7px 9px;
	font-weight: normal;
	text-align: left;
	font-size: 11px;
	background:#F2F3E9;
	vertical-align: top
}

#wrap-detail-page table.goods td {
	padding: 2px 3px 2px 5px;
	font-size: 10px;
}

#wrap-detail-page table.goods td.cart {
	text-align:right;
}


#wrap-detail-page table.goods th.top {
	border-top: 1px solid #DAD5C0;
}

#wrap-detail-page table.goods td.top {
	border-top: 1px solid #DAD5C0;
}

#wrap-detail-page table.goods .on {
background:#F2F3E9;
}

#wrap-detail-page table.goods .off {
background:#E9E6DA;
}

#wrap-detail-page .explain-block {
	margin: 0px 0px 10px;
}

#wrap-detail-page .explain-block h5 {
	border-bottom: 1px solid #DAD5C0;
	margin: 0px 0px 10px;
	padding: 0px 0px 6px;
}

#wrap-detail-page .explain-block p {
	line-height: 2;
}

#wrap-detail-page .wrap-detail-block {
	width: 708px;
	margin-bottom: 20px;
}

#wrap-detail-page .wrap-detail-block .c-left {
	width: 340px;
}

#wrap-detail-page .wrap-detail-block .c-right {
	width: 340px;
}

#wrap-detail-page .wrap-detail-block table.detail {
	border-top: 1px solid #DAD5C0;
	width: 340px;
}

#wrap-detail-page .wrap-detail-block table.detail th {
	padding: 7px 9px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

#wrap-detail-page .wrap-detail-block table.detail td {
	padding: 7px 0;
	vertical-align: top;
}

#wrap-detail-page .wrap-detail-block h5 {
	margin: 0px 0px 5px;
}

#wrap-detail-page .wrap-detail-block dl.faq {
}

#wrap-detail-page .wrap-detail-block dl.faq dt {
	border-top: 1px solid #DAD5C0;
	background: #E9E6DA;
	padding: 7px 0 7px 9px;
}

#wrap-detail-page .wrap-detail-block dl.faq dd {
	padding: 3px 0 15px 9px;
}