@charset "utf-8";

/****************************************************************************
エラーページ　#error
****************************************************************************/

#error #head{
  padding-bottom:20px;
}

#error .copy{
  padding:10px 0;
  text-align:center;
}

/****************************************************************************
ポップアップ　#popup
****************************************************************************/

#pwrap{
 width:500px;
 margin:auto;
 padding:20px 0;
}

#pwrap dl{
  padding-bottom:1.5em;
}

#pwrap dt{
  padding:1.5em 0 0.25em 0;
  font-weight:bold;
  font-size:16px;
}

.memberrule #pwrap dl{
  margin-top:-2em;
}


/****************************************************************************
お客様の声　#review
****************************************************************************/

#review .caution { color:#FB9A7A; }

#review .cautionbox{
  padding:15px;
  margin-top:20px;
  background:#FEF4E9;
}

#review .addcomment{
  padding-top:11px;
  margin:20px 0;
  background:url(../img/line_w.gif) repeat-x left top;
}

#review .addcomment p img{
  padding-right:10px;
}

#review .addcomment p{
  width:100%;
  height:60px;
  padding-bottom:11px;
  background:url(../img/line_w.gif) repeat-x left bottom;
  line-height:60px;
}

#review .addcomment p strong{
  padding-right:1em;
}

#reviewform{
  padding-top:10px;
  padding-bottom:40px;
}

#reviewform #check_email,
#reviewform #nickname,
#reviewform #reviewtitle{
  width:260px;
}

#reviewform #check_passwd{
  width:160px;
}

#reviewform .forgetpass{
  margin-left:2em;
}

/****************************************************************************
お問い合わせ　#contact
****************************************************************************/

#contact #contents h2 { margin:35px 0 1em 0; }

form#contactform { padding-top:10px; }

#contact p#telmsg { padding-bottom:40px; }

/****************************************************************************
ショップページ　#shop
****************************************************************************/

#shop #main { padding-bottom:40px; }

#shop #main h2 { margin-bottom:15px; }

#shop #main h3 {
  height:22px;
  padding:10px 0;
  margin-bottom:10px;
  background:url(../img/shop_h3.gif) repeat-x left top;
}

#shop .step { padding-bottom:20px; }

/*カートの中身*/

#cartitemlist {}

#cartitemlist th,
#cartitemlist td { padding:10px; }

thead th { text-align:center; }

tfoot th { text-align:right; }

#cartitemlist .btnbox { padding-top:0; }

td.itemcancel { width:2em; }

td.itemphoto {
  width:60px;
  height:60px;
}

td.itemname { width:auto; }

td.itemname strong { display:block; }

td.itemcool { width:60px; }

td.itemprice {
  width:5em;
  text-align:right;
}

td.itemnum {  /*数字のみ*/
  width:60px;
  text-align:center;
}

td.itemnumber { width:90px; }  /*フォーム有*/

td.itemnumber input {
  float:left;
  width:1.5em;
  height:1em;
  padding:5px 0.5em 7px 0.5em;
}

  *+html td.itemnumber input {
    height:2em;
    line-height:2em;
    padding:0 0.5em;
  }
  
  * html td.itemnumber input {
    height:2em;
    line-height:2em;
    padding:0 0.5em;
  }

#cartitemlist td.itemnumber div.btnbox {
  float:right;
  width:50px;
  padding:3px 0;
}

td.itemsubtotal,
td.itemtotal {
  width:6em;
  text-align:right;
}

#noitem {
  text-align:center;
  padding:30px 0 10px 0;
}

/*お客様情報入力*/

#customerform { padding-top:20px; }

#customerform .btnnavi { padding-top:20px; }

/*お客様情報入力（会員）*/

#memberdata {
  width:740px;
  background:url(../img/shop_memberdata.gif) no-repeat left top;
}

#memberdata .databox {
  width:700px;
  padding:20px 0 16px 0;
  margin:0 20px;
  background:url(../img/line_w.gif) repeat-x left bottom;
}

.databox dt,
.databox dd {text-align:center;}

.databox dt {
  font-size:16px;
  font-weight:bold;
  padding-bottom:0.25em;
}

.databox dd.edit {
  padding-top:1em;
}

#memberdata p.btnbox {
  float:left;
  width:280px;
  padding-top:30px;
}

#memberdata div.btnbox {
  padding-bottom:20px;
  background:url(../img/shop_memberdata_bottom.gif) no-repeat left bottom;
}

#customerformmem .btnnavi { padding-top:20px; }

/*お届け先入力*/

#customerdata {
  padding:10px 10px 10px 90px;
  border:1px solid #d2d2d2;
  margin:15px 0 15px 0;
  background:url(../img/customerdata.gif) no-repeat left center;
}

#customerdata span { padding-left:1.5em; }

#addlistform {
  width:740px;
  padding:20px 0;
}

#addlisttbl{
  margin:20px 0;
}

#addlisttbl,
#addlisttbl td{
  width:auto;
  border:none;
  padding:0;
}

#addlisttbl td{
  vertical-align:middle;
}

#addlisttbl select {
  margin-right:20px;
}

#addlisttbl .btnbox {
  width:122px;
  height:25px;
  background:#eee;
  padding:0;
}

#dbox {
  margin-top:20px;
  margin-bottom:30px;
}

#dbox h4{
  width:720px;
  height:30px;
  padding-left:20px;
  background:#FB9A7A;
}

.dboxmine{
  border:1px solid #d2d2d2;
  padding:10px 19px;
}

.dbox {
  border-right:1px solid #FB9A7A;
  border-bottom:1px solid #FB9A7A;
  border-left:1px solid #FB9A7A;
  padding:10px 19px;
}

#dbox span {
  padding-left:1.5em;
  color:#4d4d4d;
}

.dbox p{ float:left; }

.dbox .btnbox {
  float:right;
  width:120px;
  padding:0;
  text-align:right;
}

.today { padding:0 1em; }

.datetable,
#othertable,
#cardtable,
#nairetable{ margin-top:10px; }

.datetable,
.usagetable,
#othertable,
#nairetable{ margin-bottom:20px; }

.btnnavi{
  text-align:center;
  color:#FB9A7A;
  padding-top:0;
}

/*商品の振り分け*/

#distributeitemlist{ margin-bottom:40px;}

#distributionform{ padding-top:10px;}

#distributionform .btnbox {
  padding-top:0;
  margin-top:-10px;
}

.guestdatatable,
.guestdatatable td{
  border-color:#FB9A7A;
  background-color:#FEF4E9;
}

.guestdatatable td{ padding-top:1.2em; }

.guestdatatable td strong{
  font-size:16px;
  padding-right:1em;
}

.guestitemtable{ border-top:#FEF4E9; }

.guestitemtable td{ padding-bottom:0; }

.noitem,
.noitem th,
.noitem td{
  border-color:#FB9A7A;
  background-color:#FEF4E9;
}
.noitem{ border-top:none; }

.noitem th{ font-weight:bold; }

.innertable,
.innertable th,
.innertable td{
  border:none;
  background:none;
  width:auto;
  padding:0;
}

.innertable th{
  padding-bottom:10px;
  margin-left:0;
  font-weight:normal;
}

.innertable td{
  padding-bottom:10px;
  padding-left:10px;
  white-space: nowrap;
}

.innertable th strong{ margin-right:0.5em; }

.innertable td input {
  float:left;
  width:1.5em;
}

.innertable ul{
  float:left;
  width:17px;
  padding:0 5px;
}

.innertable li{
  float:left;
  height:17px;
  width:17px;
  line-height:1em;
  text-indent:-9999px;
  overflow:hidden;
  cursor:pointer;
  background:no-repeat center top;
}
.innertable li.plus{ background-image:url(../img/btn_plus.gif);}
.innertable li.minus{ background-image:url(../img/btn_minus.gif); background-position:bottom;}

.innertable td div{
  padding-top:0.5em;
}
.innertable td span{
  color:#4d4d4d;
  padding:0 0.5em;
}

#distributionform .datetable{
  border-top:none;
  margin:0 0 40px 0;
}

.subtotal li{
  display:inline;
  margin-right:1.25em;
}

.total{
  font-size:16px;
  font-weight:bold;
}

#gocustomer{
  text-align:center;
  padding-top:35px;
}

/*お届け希望日カレンダー*/
.delivedate,
.delivedate div,
.delivetime{
  padding-top:10px;
}

.delivedate div label{
    float: left;
    margin-top: 5px;
}

#kibou_t option{
  _width:200px;
}

a.dp-choose-date {
    float: left;
    height: 34px;
    line-height:34px;
    padding-left:35px;
    margin-left:10px;
    display: block;
    background: url(../img/calendar.png) no-repeat; 
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

input.dp-applied {
	width: 100px;
	float: left;
}

table.jCalendar { background: #aaa;}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.today,
table.jCalendar td.today:hover,
table.jCalendar td.today.dp-hover {
	background: #F90;
	color: #fff;
}

/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 180px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

#multimonth {
    border: 2px solid #000;
    overflow: auto;
    float: left;
}

.dp-applied {
    float: left;
}

/*振り分けエラー*/
#itemerr{ display:none; }

/*お支払い方法・ポイント*/
#usepoint{
  padding:20px;
  border:1px solid #D2D2D2;
  margin:20px 0 40px 0;
}

.customerpoint strong{
  padding-right:0.5em;
}

.customerpoint span{
  font-size:16px;
  padding-right:0.5em;
  color:#fff;
  font-weight:bold;
  padding:0.25em 1em;
  margin:0 0.5em;
  background:#FB9A7A;
}

.customerpoint em{
  padding-right:0.5em;
  color:#FB9A7A;
}

#usepoint .radiobox{
  padding-top:1em;
}

#usepoint .pointbox{
  padding-top:1em;
}

#usepoint .pointbox p{
  padding-bottom:0.5em;
}

#point_use{
  width:80px;
  margin:0 0.5em;
}

#paymenttable{
  margin:10px 0 40px 0;
}

#paymenttable th label{
  float:none;
}
#paymenttable th p{
  padding-left:1.5em;
}

#paymenttable td{
  padding:15px;
}

#paymenttable td ul{
  list-style:outside disc;
  padding-left:1.5em;
}

#paymenttable td ul ul{
  padding:0;
  list-style:none;
}

#commenttable{
  margin:10px 0;
}

/*最終確認*/
#configitemtotal{
  margin-top:-1px;
}

#configitemtotal th{
  text-align:right;
}

#configitemtotal td,
#configitemlist .itemsubtotal{
  width:10em;
  text-align:center;
}

#configitemtotal td.discount{
  color:#FB9A7A;
}

#configitemtotal td strong{
  font-size:1.334em;
}

#configpoint{
  padding:10px;
  border:1px solid #D2D2D2;
  border-top:none;
  text-align:center;
}

#configpoint span{
  color:#FB9A7A;
  padding:0 0.5em 0 1em;
}

#configlist h3{
  margin:40px 0 0 0;
}

#configlist{
  padding-bottom:10px;
}

#configlist .btnbox{
  padding:0 0 8px 0;
  margin-top:-43px;
}

#configlist table{
  margin-top:20px;
}

#configlist th{
  width:180px;
}

#configlist td span{
  padding-left:1.5em;
}

/*完了ページ*/

#thanks{
  font-size:18px;
  font-weight:bold;
  color:#FB9A7A;
}

#orderid{
  padding:1em 0;
  font-weight:bold;
}

#mailadd{
  padding-bottom:1em;
}

#mailadd strong{
  font-weight:normal;
  padding-bottom:2px;
  border-bottom:1px solid #4d4d4d;
}

#endoder,
#settlement{
  padding-top:20px; 
  text-align:center;
}

#settlement p{
  display:inline;
  padding-bottom:2px;
  border-bottom:1px solid #FB9A7A;
  font-size:16px;
  font-weight:bold;
  color:#FB9A7A;
}

/****************************************************************************
ポップアップ　#popup
****************************************************************************/

#popup { overflow-x:hidden; }

#popup #wrap {
  width:510px;
  padding:20px 20px 0 20px;
}

#popup h1 {
  width:510px;
  height:28px;
  padding-bottom:1px;
  margin-bottom:10px;
  background:url(../img/line_w.gif) repeat-x left bottom;
}

* html #popup h1 img { float:left; }

#popup form { margin-top:10px; }

#popup form th { width:10em; }

#popup input#name,
#popup input#furigana,
#popup input#free1,
#popup input#address,
#popup input#phone,
#popup input#fax { width:95%; }

/****************************************************************************
会員ページ　#member
****************************************************************************/

#member #main { padding-bottom:40px; }
#member #main h2{height:20px;}
/*パスワードの送信 sendpass*/

form#sendpassform {
  padding-top:20px;
  padding-bottom:40px;
}

#sendpassform button#check { background-image:url(../img/btn_mempasssend.gif); }

/*会員ログイン login*/

form#loginform {
  padding-top:20px;
  padding-bottom:40px;
}

#loginform button#check { background-image:url(../img/btn_logincheck.gif); }

p.forgetpass {
  padding-top:5px;
  text-align:right;
}

/*会員ページトップ index*/

#member #main ul#mempagelist { width:740px; }

#mempagelist li {
  width:650px;
  min-height:80px;
  _height:80px;
  padding-left:90px;
  margin-bottom:30px;
  background:no-repeat 0px -240px;
}

#mempagelist li#mp01 { background-image:url(../img/member_index_mp01.gif); }
#mempagelist li#mp02 { background-image:url(../img/member_index_mp02.gif); }
#mempagelist li#mp03 { background-image:url(../img/member_index_mp03.gif); }
#mempagelist li#mp04 { background-image:url(../img/member_index_mp04.gif); }
#mempagelist li:hover { background-position:0px 0px; }

#mempagelist li p { padding-top:0.75em; }

/*会員購入履歴 history*/

#member #main ul#mempagelist { width:740px; }

#member #main p.name {
  margin-top:-5px;
  font-weight:bold;
  color:#FB9A7A;
  line-height:2em;
}

#member #main p.name span {
  padding-right:1em;
  color:#FB9A7A;
}

#member #main p.total { margin:1em 0; }

#member #main p.total span { padding:0 1em; }

#member #main p.pager a,
#member #main p.pager span { margin-left:1em; }

#member #main p.total span { padding:0 1em; }

#member #main table#historytable { margin:0.5em 0; }

#historytable th {
  text-align:center;
  padding:5px 20px;
}

#historytable th.cel1 { width:210px; }

#historytable td {
  padding:20px;
  vertical-align:top;
}

#historytable td .btnbox,
#historytable td .htotal{
  padding-top:10px;
}

/*登録内容の更新・ポイント確認 edit*/

#member p#point {
  padding:1em 20px;
  border:1px solid #FB9A7A;
  background:#FFF9F2;
  color:#FB9A7A;
}

#member p#point strong {
  color:#FB9A7A;
  margin:0 1em;
}

form#memeditform {
  padding-top:20px;
  padding-bottom:40px;
}

#memeditform button#send { background-image:url(../img/btn_memeditsend.gif); }

/*会員登録 resist*/

#member #privilege { padding-top:1em; }

#privilege h2 { padding-bottom:0.7em; }

#privilege p { padding-bottom:1.7em; }

#member #goregform {
  padding-top:21px;
  background:url(../img/line_w.gif) repeat-x left top;
  padding-bottom:40px;
}

#member #goregform p {
  margin:0 auto;
  text-align:center;
}

#member #goregform p#goregformbtn {
  width:400px;
  height:60px;
  margin-bottom:10px;
}

#goregformbtn a {
  display:block;
  height:60px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(../img/member_goregformbtn.gif) no-repeat left bottom;
}

#goregformbtn a:hover { background-position:top; }

/*会員登録フォーム resist_form*/

form#memregform {
  padding-top:10px;
  padding-bottom:40px;
}

#memregform button#send { background-image:url(../img/btn_memregsend.gif); }

/*会員登録の解除*/

form#memdeleteform {
  padding-top:20px;
}

form#memdeleteform p{
  padding-top:20px;
  text-align:center;
  color:#F00;
}

/*アドレス帳の更新*/

#addresslist{
  padding-top:35px;
}

p.listcopy{
  padding-bottom:1em;
}

#addresslisttable{
  margin:0.5em 0;
}

#addresslisttable th{
  padding:5px 20px;
}

#addresslisttable td{
  padding:10px 20px;
}

#addresslisttable td.btnlist{
  width:210px;
  border-left:none;
  padding:0 20px 20px 20px;
}


/****************************************************************************
リニューアル　#renewal
****************************************************************************/

#renewal #main { padding-bottom:40px; }

#renewal #main dt{
  padding:30px 0 20px 0;
}

#renewal #main dd{
  padding-left:25px;
}

#renewalbanner{
  padding-bottom:20px;
}

/****************************************************************************
キャンペーン　#campaign
****************************************************************************/

#campaign #main { padding-bottom:40px; }

#campaign #main h2{
  font-size:24px;
  padding-top:25px;
}

#campaign #main dl{
  background:url(../img/line_w.gif) repeat-x left bottom;
  padding-top:2em;
  padding-bottom:1px;
  margin-bottom:2em;
}

#campaign #main dt{
  font-weight:bold;
}

#campaign #main dd{
  padding-bottom:2em;
}

/****************************************************************************
店舗案内　#realshop
****************************************************************************/

#realshop #main { padding-bottom:40px; }

#realshop #main h2,
#realshop #main div.clear { margin-bottom:20px; }

#realshop #main table { margin-bottom:40px; }

#realshop #main table th { width:160px; }

#realshop #main div#map {
  width:740px;
  height:300px;
}

/****************************************************************************
プライバシーポリシー　#privacypolicy
****************************************************************************/

#privacypolicy #main { padding-bottom:35px; }

#privacypolicy #main h2 { margin:35px 0 15px 0; }

/****************************************************************************
お買い物ガイド　#guide
****************************************************************************/

/*お買い物ガイド index*/

#guide #main ul#guidelist { width:740px; }

#guidelist li {
  width:650px;
  height:80px;
  padding-left:90px;
  margin-bottom:30px;
  background:no-repeat left bottom;
}

#guidelist li#gl01 { background-image:url(../img/guide_index_gl01.gif); }

#guidelist li#gl02 { background-image:url(../img/guide_index_gl02.gif); }

#guidelist li#gl03 { background-image:url(../img/guide_index_gl03.gif); }

#guidelist li#gl04 { background-image:url(../img/guide_index_gl04.gif); }

#guidelist li#gl05 { background-image:url(../img/guide_index_gl05.gif); }

#guidelist li:hover { background-position:left top; }

#guide #main ul#guidemenu {
  width:760px;
  height:40px;
  padding:10px 0 40px 0;
  margin-left:-20px;
  _overflow:hidden;
}

#guidemenu li {
  float:left;
  width:170px;
  height:40px;
  padding-left:20px;
}

#guidemenu li a {
  display:block;
  width:170px;
  height:40px;
  text-indent:-9999px;
  overflow:hidden;
  background:no-repeat left bottom;
}

#guidemenu li.gm01 a { background-image:url(../img/guide_gm01.gif); }
#guidemenu li.gm02 a { background-image:url(../img/guide_gm02.gif); }
#guidemenu li.gm03 a { background-image:url(../img/guide_gm03.gif); }
#guidemenu li.gm04 a { background-image:url(../img/guide_gm04.gif); }
#guidemenu li.gm05 a { background-image:url(../img/guide_gm05.gif); }

#guidemenu li.gm01 a:hover,
#guidemenu li.gm02 a:hover,
#guidemenu li.gm03 a:hover,
#guidemenu li.gm04 a:hover,
#guidemenu li.gm05 a:hover { background-position:top; }

/*お買い物の流れ flow*/

#guide #main div.flow {
  width:740px;
  padding:1em 0 30px 0;
}

.flow img { float:left; }

.flow p {
  float:right;
  width:470px;
}

.flow h3 {
  float:right;
  width:470px;
  padding-top:1.5em;
  font-size:1em;
  color:#FB9A7A;
}

.flow p.caution {
  width:450px;
  padding:7px 9px;
  margin-top:1.5em;
  border:1px solid #FB9A7A;
  background-color:#fff8f1;
  color:#FB9A7A;
}

/*お支払い方法 payment*/

#guide #main div.payment {
  width:740px;
  padding:1em 0 30px 0;
}

.payment p {
  text-indent:-1em;
  margin-left:1em;
}

.payment p.kome { padding-left:1em; }

.payment p.noind {
  text-indent:0;
  margin-left:0;
}

.payment a#ebank {
  display:block;
  width:24em;
  height:36px;
  margin:10px 0 10px 10px;
  padding-left:160px;
  background:url(../img/guide_payment_ebanklogo.gif) no-repeat left top;
  line-height:36px;
}

.payment a#rak{
  display:block;
  width:15em;
  height:44px;
  margin:10px 0 10px 10px;
  padding-left:110px;
  background:url(../img/guide_payment_raklogo.gif) no-repeat left top;
  line-height:44px;
}

.payment img { margin:10px 0; }

.payment h3 {
  font-size:1em;
  font-weight:normal;
}

/*送料について */

#guide #main div.carriage {
  width:740px;
  padding:1em 0 30px 0;
}

.carriage p {
  text-indent:-1em;
  margin-left:1em;
}

.carriage p.kome { padding-left:1em; }

.carriage p.icon { padding:1em 0; }

.carriage p.icon img { margin-right:15px; }

ul#carriagelist {
  width:750px;
  margin-top:-18px;
  margin-bottom:-10px;
}

#carriagelist li {
  float:left;
  width:65px;
  height:50px;
  margin:0 10px 10px 0;
}

#carriagelist li strong {
  display:block;
  width:63px;
  height:24px;
  line-height:24px;
  text-align:center;
  font-weight:normal;
  color:#fff;
  background:#b4b4b4;
  border:1px solid #b4b4b4;
}

#carriagelist li span {
  display:block;
  width:63px;
  height:23px;
  line-height:23px;
  text-align:center;
  border-right:1px solid #b4b4b4;
  border-bottom:1px solid #b4b4b4;
  border-left:1px solid #b4b4b4;
}

#carriagelist li.red strong,
#carriagelist li.red span { border-color:#FB9A7A; }

#carriagelist li.red strong { background-color:#FB9A7A; }

/*価格・ポイントについて */

#guide #main div.point {
  width:740px;
  padding:1em 0 30px 0;
}

.point p {
  text-indent:-1em;
  margin-left:1em;
}

/*キャンセル・返品・交換について */

#guide #main div.cancel {
  width:740px;
  padding:1em 0 30px 0;
}

.cancel p {
  text-indent:-1em;
  margin-left:1em;
}

.cancel p.kome { padding-left:1em; }

/****************************************************************************
レシピ一覧　#rlist
****************************************************************************/

#rlist #contents {
  width:760px;
  padding-right:10px;
  padding-bottom:20px;
}

#rlist ul#pathlist { margin-left:20px; }

#rlist h1 {
  width:740px;
  height:60px;
  margin-left:20px;
  background:url(../img/recipe_index_h1.jpg) no-repeat left top;
  text-indent:-9999px;
  overflow:hidden;
}

#rlist p#headcopy {
  width:740px;
  height:240px;
  margin-left:20px;
  background:url(../img/recipe_index_headcopy.jpg) no-repeat left top;
  text-indent:-9999px;
  overflow:hidden;
}

#rlist div#rcatlist {
  width:740px;
  margin-left:20px;
  padding-bottom:5px;
  background:url(../img/recipe_rcatlist.gif) no-repeat left bottom #FEEEDC;
  margin-bottom:20px;
}

#rcatlist h2 {
  width:740px;
  height:15px;
  font-size:1%;
  line-height:1%;
  text-indent:-9999px;
  overflow:hidden;
  background:url(../img/recipe_rcatlist_h2.gif) no-repeat left top;
}

#rcatlist ul { padding:0 15px 0 5px; }

#rcatlist li {
  float:left;
  height:1em;
  line-height:1em;
  padding-left:10px;
  padding-bottom:10px;
  white-space:nowrap;
}

#rcatlist li a {
  display:block;
  padding-right:10px;
  border-right:1px solid #C9664C;
}

#rlist div#recipelist { width:760px; }

#recipelist h2 {
  height:1%;
  font-size:1%;
  line-height:1%;
  text-indent:-9999px;
}

#recipelist ul { padding-bottom:10px; }

	*+html body #recipelist ul { padding-bottom:30px; }

#recipelist ul li {
  float:left;
  width:170px;
  padding-left:20px;
  margin-bottom:20px;
}

#recipelist ul li h3 {
  font-size:1em;
  font-weight:normal;
  padding-top:10px;
}

#recipelist div.pager { width:740px; }

#recipelist div.pager ul {
  padding-bottom:20px;
  margin:0 auto;
  list-style-type:none;
  float:left;
  position:relative;
  left:50%;
}

#recipelist div.pager ul li {
  float:left;
  position:relative;
  right:50%;
  width:auto;
  margin-left:10px;
  margin-bottom:0;
  padding:0;
}

#recipelist div.pager ul li a,
#recipelist div.pager ul li span.current_page {
  display:block;
  float:left;
  width:22px;
  height:22px;
  line-height:22px;
  text-align:center;
  color:#C9664C;
  border:1px solid #C9664C;
}

#recipelist div.pager ul li a.link_next,
#recipelist div.pager ul li a.link_before { width:44px; }

#recipelist div.pager ul li a:hover,
#recipelist div.pager ul li span.current_page {
  background:#c9664c;
  color:#fff;
  text-decoration:none;
}

/****************************************************************************
レシピ詳細　#rdetail
****************************************************************************/

#rdetail #contents { padding-bottom:40px; }

#rdetail div#container div#recipedata {
  float:left;
  width:360px;
}

#recipedata h1 {
  width:350px;
  height:30px;
  padding:0 0 20px 10px;
  overflow:hidden;
  background:url(../img/recipe_detail_h1.gif) no-repeat left top;
  line-height:30px;
  font-size:20px;
  color:#fff;
}

#recipedata div#uraracom {
  width:230px;
  height:104px;
  padding:8px 10px 8px 120px;
  overflow:hidden;
  background:url(../img/recipe_detail_uraracom.gif) no-repeat left top;
  margin-bottom:25px;
}

#rdetail #contents h3 {
  height:26px;
  padding-bottom:4px;
  background:url(../img/recipe_detail_h3.gif) repeat-x left bottom;
  line-height:26px;
  font-size:18px;
  color:#808080;
}

#rdetail #contents h3 span {
  padding-left:0.25em;
  font-size:12px;
  font-weight:normal;
  color:#808080;
}

#recipedata dl dt,
#recipedata dl dd {
  height:30px;
  padding-bottom:1px;
  line-height:30px;
  background:url(../img/line_w.gif) repeat-x left bottom;
}

#recipedata dl dt {
  padding-left:10px;
  width:200px;
  float:left;
  clear:left;
}

#recipedata dl dd {
  padding-right:10px;
  margin-left:200px;
  text-align:right;
}

#rdetail div#container div#recipeimage {
  float:right;
  width:375px;
}

#recipeimage div#mainimg { padding-left:15px; }

#recipeimage ul { padding-top:10px; }

#recipeimage ul li {
  float:left;
  width:110px;
  height:110px;
  padding-left:15px;
}

#recipeimage ul li img { cursor:pointer; }

#recipeimage ul li img:hover {
  filter: Alpha(opacity=50);
  opacity:0.5;
}

#rdetail div#recipeflow {
  clear:both;
  padding-top:25px;
}

#recipeflow ul li {
  width:360px;
  padding-top:20px;
  display:inline-block;
  vertical-align:top;
}

  * html body #recipeflow ul li {
    display:inline;
    zoom:1;
  }
  
  *+html body #recipeflow ul li {
    display:inline;
    zoom:1;
  }

#recipeflow ul li.eve { padding-left:20px; }

#recipeflow ul li h4 {
  height:20px;
  padding-bottom:5px;
  line-height:20px;
  font-size:18px;
  color:#808080;
}

#recipeflow ul li img {
  float:right;
  margin-left:15px;
}

/****************************************************************************
商品一覧　#list
****************************************************************************/

#list h1{
 margin:20px auto;  
}

#list h1#listall{
  margin:0;
}

#list #contents { padding-bottom:40px; }

ul.itemlist {
  width:740px;
  padding-bottom:1px;
  background:url(../img/line_w.gif) repeat-x left bottom;
}

ul.itemlist li {
  float:left;
  width:165px;
  padding:10px 11px 20px 9px;
  background:url(../img/line_h.gif) repeat-y right top;
}

ul.last,
ul.itemlist li.last { background:none; }

ul.itemlist li h2 {
  padding-top:0.5em;
  font-size:1em;
  font-weight:normal;
}

ul.itemlist li dl { padding-bottom:1em; }

ul.itemlist li dt {
  width:4em;
  float:left;
  clear:both;
}

ul.itemlist li dd { margin-left:4em; }

ul.itemlist li p {
  min-height:5em;
  _height:5em;
}

/****************************************************************************
商品詳細　#detail
****************************************************************************/

#detail #contents div.title {
  width:740px;
  height:24px;
  padding:30px 0 5px 0;
  margin-bottom:20px;
  background:url(../img/line_w.gif) repeat-x left bottom;
}

.title h1 {
  font-size:24px;
  line-height:24px;
  color:#FB9A7A;
}

.title p {
  height:20px;
  line-height:20px;
  text-align:right;
  margin-top:-18px;
}

#detail #contents { padding-bottom:40px; }

#detail #contents h2 { height:24px; }

#detail div#main { width:740px; }

#detail #main strong {
  display:block;
  font-size:1.5em;
  line-height:1.5em;
  padding:1em 0;
}

#detail div#images,
#detail div#recipes { padding-top:40px; }

#images p.zoom {
  height:18px;
  line-height:18px;
  margin-top:-18px;
  margin-left:150px;
  padding-left:70px;
  background:url(../img/detail_zoom.gif) no-repeat left 50%;
  _margin-top:-25px;
}

#images ul,
#recipes ul {
  width:760px;
  margin-left:-20px;
}

#images li,
#recipes li {
  width:170px;
  margin:0px;
  padding:10px 0 0 20px;
  display:inline-block;
  vertical-align:top;
}

  * html body #images li,
  * html body #recipes li {
    display:inline;
    zoom:1;
  }
  
  *+html body #images li,
  *+html body #recipes li {
    display:inline;
    zoom:1;
  }

#images li p,
#recipes li p { padding-top:0.5em; }

#subrecipe {
  width:740px;
  margin-top:20px;
  padding-bottom:11px;
  background:url(../img/line_w.gif) repeat-x left bottom;
}

#subrecipe h3 {
  color:#FB9A7A;
  padding-top:11px;
  background:url(../img/line_w.gif) repeat-x left top;
}

#detail div#feature {
  width:740px;
  padding-top:40px;
}

#feature div { padding:10px 0; }

#feature div.feature img {
  float:left;
  margin-right:20px;
}

#feature div h3 {
  display:inline;
  font-size:1.334em;
  color:#FB9A7A;
}

#detail div#producer {
  width:740px;
  padding-top:40px;
}

#producer div.name {
  height:28px;
  width:738px;
  padding:0 1px 1px 1px;
  background:url(../img/detail_producer_name.gif) no-repeat left bottom;
  margin-top:10px;
}

#producer .name h3 {
  font-size:1em;
  font-weight:normal;
  height:28px;
  line-height:28px;
  padding-left:10px;
  padding-top:1px;
  background:url(../img/line_w.gif) repeat-x right top;
}

#producer .name p {
  height:28px;
  line-height:28px;
  padding-right:10px;
  margin-top:-28px;
  text-align:right;
}

#producer div.producer { padding-top:20px; }

#producer div.producer img {
  float:left;
  margin-right:20px;
}

#producer div.producer h3 {
  font-size:1.334em;
  color:#FB9A7A;
}

#producer div.haveimg h3,
#producer div.haveimg p{
  width:490px;
  float:right;
}

#detail div#outline {
  width:740px;
  padding-top:40px;
}

#outline ul {
  width:740px;
  margin:10px 0;
  padding:1px 0 10px 0;
  background:url(../img/line_w.gif) repeat-x left top;
}

#outline ul li {
  width:740px;
  padding-bottom:1px;
  background:url(../img/line_w.gif) repeat-x left bottom;
}

#outline ul li h3 {
  float:left;
  clear:both;
  width:80px;
  padding-right:10px;
  text-align:right;
  font-size:1em;
  font-weight:normal;
  height:34px;
  line-height:34px;
}

#outline ul li div {
  width:639px;
  _width:629px;
  margin-left:90px;
  padding:6px 0 6px 11px;
  background:url(../img/line_h.gif) repeat-y left top;
}

#outline ul li div p { line-height:1.834em; }

#outline ul li div p img { margin-left:1em; }

#outline ul li div p strong {
  font-size:1.334em;
  color:#b40000;
  padding:0 0.25em;
}

#outline div.outline {
  margin:10px 0;
  padding:15px 20px;
  background:#FEF4E9;
}

#detail #contents form { width:740px; }

#detail #contents form div {
  float:left;
  width:490px;
  padding:30px 0;
  text-align:right;
}

#detail #contents form div input.kazu{
  width:20px;
}

#detail #contents form div label{
  padding:0 0.5em 0 1em;
}

#detail #contents form div span{
  padding-left:0.5em;
  color:#4d4d4d;
}

#detail #contents form button {
  float:right;
  width:240px;
  height:80px;
  background:url(../img/btn_putcart.gif) no-repeat left top;
  text-indent:-9999px;
}


#social-media-btns {
  width:760px;
  padding:20px 0;
}

.btn-twitter {
  float:left;
}

.btn-facebook {
  float:left;
}

.btn-plus1 {
  float:left;
}

.btn-mixi {
  width:70px;
  float:left;
}

.btn-hatebu {
  width:60px;
  float:left;
}


#detail ul#guide {
  width:760px;
  margin-top:30px;
  margin-left:-20px;
  clear:both;
}

ul#guide li {
  float:left;
  width:170px;
  height:40px;
  background:no-repeat right bottom;
  margin-left:20px;
  _display:inline;
}

ul#guide li#g01 { background-image:url(../img/g01.gif); }
ul#guide li#g02 { background-image:url(../img/g02.gif); }
ul#guide li#g03 { background-image:url(../img/g03.gif); }
ul#guide li#g04 { background-image:url(../img/g04.gif); }

ul#guide li:hover { background-position:right top; }

ul#guide li a {
  display:block;
  height:40px;
  text-indent:-9999px;
  overflow:hidden;
}

#detail div#review,
#detail div#relation {
  width:740px;
  padding-top:40px;
}

#detail div#review h2,
#detail div#relation h2 {
  padding-bottom:11px;
  background:url(../img/line_w.gif) repeat-x left bottom;
}

#review {
  padding-bottom:11px;
  background:url(../img/line_w.gif) repeat-x left bottom;
}

#review #Pagination{
  padding-top:10px;
  margin-left:-10px;
}

#review #Pagination a,
#review #Pagination span{
  margin-left:10px;
}


#review p#add {
  float:right;
  width:195px;
  height:30px;
  margin-top:-41px;
  background:url(../img/detail_review_add.gif) no-repeat left bottom;
}

#review p#add:hover { background-position:left top; }

#review p#add a {
  display:block;
  height:30px;
  text-indent:-9999px;
  overflow:hidden;
}

#review div.result{
  padding-top:10px;
}

#review div.comment {
padding:10px 0;
}

#review div.comment h3 {
  font-size:1em;
  color:#b40000;
  font-weight:normal;
  padding:0.5em 0;
}

#relation ul {
  width:750px;
  margin-left:-10px;
}

#relation li {
  width:115px;
  margin:0px;
  padding:10px 0 0 10px;
  display:inline-block;
  vertical-align:top;
}

* html #relation li {
  display:inline;
  zoom:1;
}

*+html body #relation li {
  display:inline;
  zoom:1;
}

#relation li p { padding-top:0.5em; }


/****************************************************************************
サイトマップ　#sitemap
****************************************************************************/

#sitemap #main {
  background:url(../img/sitemap_main.gif) repeat-y 240px top;
  margin-bottom:40px;
  margin-right:-40px;
}

#sitemap #main div{
  float:left;
  display:inline;
  width:220px;
  margin-right:40px;
}


#sitemap #main dl{
  min-height:450px;
  height: auto !important;
  height: 450px;
}

#sitemap #main .bottom{
  padding-top:40px;
}

#sitemap #main h2{
  padding-bottom:5px;
}

#sitemap #main dt,
#sitemap #main dd{
  padding-top:0.4em;
}
#sitemap #main dd{
  padding-left:1.25em;
}

/****************************************************************************
インフォメーション　#information
****************************************************************************/

#information #main { padding-bottom:40px; }

#information dt{
  height:36px;
  margin-bottom:10px;
}

#information dt span{
  float:left;
  display:inline;
  width:142px;
  height:26px;
  padding-bottom:10px;
  text-align:center;
  font-weight:bold;
  font-size:14px;
  color:#fff;
  background:no-repeat left top;
}

#information dt.type1 span{ background-image:url(../img/info_type1.gif);}
#information dt.type2 span{ background-image:url(../img/info_type2.gif);}
#information dt.type3 span{ background-image:url(../img/info_type3.gif);}

#information dt em{
  float:right;
  display:inline;
  width:585px;
  overflow:hidden;
  font-size:20px;
  font-style:normal;
  line-height:26px;
}

#information dd{
  background:url(../img/line_info.gif) repeat-x left bottom;
  padding-bottom:25px;
  margin-bottom:23px;
}

/****************************************************************************
トップページ　#home
****************************************************************************/

#contents div.headcopy { height:110px; }

#contents div#infobox {
  margin-top:20px;
  width:740px;
  padding-bottom:10px;
  background:url(../img/infobox.gif) no-repeat left bottom #FEEEDC;
}

#infobox h2 {
  width:740px;
  height:10px;
  text-indent:-9999px;
  overflow:hidden;
  line-height:1%;
  background:url(../img/infobox_h2.gif) no-repeat left top;
}

#infobox div {
  padding-left:150px;
  background:url(../img/infobox_div.gif) no-repeat 20px 50%;
}

#infobox h3 {
  color:#C9664C;
  font-size:1em;
}

#infobox p.morelink {
  padding-right:15px;
  text-align:right;
}

#contents ul#catlist {
  clear:both;
  width:760px;
  margin-left:-10px;
}

#catlist li {
  float:left;
  width:180px;
  padding:10px 0 0 10px;
  cursor:pointer;
}

#catlist li p {
  padding-top:0.5em;
  font-size:0.917em;
}

#catlist li h2 { font-size:1em; }