/* -*- coding: utf-8-unix; indent-tabs-mode: t -*- */
/* name: モール用スタイル(標準) */
@import "common.css";
/* ユーザ画面(モール用) */

body {
	background: url(img/header75_orange.gif) repeat-x;
}

div#header h1 {
	background: url(img/logo_orange.gif) no-repeat;
}

h3 {
	border-top: 1px solid #F0F0F0;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 10px solid #FFA500;
	color: #333;
	background-color: #EEEEEE;
}

h4 {
	border-bottom: 2px dotted #FF8000;
}

div#header a,
div#header a:hover,
div#header h2 {
	color: #4D2600;
}
div#header div p a,
div#header div fieldset a:hover {
	color: #FFF;
}

/* 商品一覧(並び順) */
div.search div.option ul li.on {
	border: 1px solid #FFA500;
	color: #4D2600;
	background-color: #FFF1D2;
}

/* 注文フォーム */
div.order div.step ul li.on {
	color: #4D2600;
	background-color: #FFF1D2;
}
div.order div.step ul li.off {
	color: #4D2600;
	background-color: #FFFFFF;
}

/* メニュー */
ul.menu li {
	padding-left: 18px;
	background: url(img/arrow_orange.gif) no-repeat left center;
}

/* 改ページ */
div#pager span.jump {
	color: #EEEEEE;
	background-color: #FF8000;
}
div#pager a.jump:hover {
	color: #4D2600;
	background-color: #FFF1D2;
}