@charset "utf-8";
/*
--------------------------------------------------
CSS Skin Settings
FileName:   main.css
Version:    2008/03/11
--------------------------------------------------
*/

h1 {
  background: url(../images/bg_h1.gif) no-repeat 0px 5px;
  height: 33px;
  padding: 2px 0px 0px 22px;
  font-weight: bold;
  font-size: 122%;
}

#contents p {
  margin: 10px 0px;
}

#canvas {
  background-color: #FEEEAC;
  padding: 5px 10px 10px;
}

#pankuzu {
  background: url(../images/bg_pankuzu.gif) repeat-x bottom;
  padding: 0px 1px 5px 1px;
  font-size: 85%;
}

#item {
  clear: both;
  height: 396px;
}

#itemImage {
  float: left;
  border: solid 1px #FCD579;
  width: 394px;
  height: 394px;
}

.tagNew {
  float: left;
  position: relative;
  top: -12px;
  left: 0px;
}

#itemDetail {
  height: 396px;
  width: 218px;
  float: right;
  background-color: #FCA75B;
}

#itemDetail ul {
  margin: 8px 0px;
  font-size: 77%;
}

#itemDetail li {
  background-color: #FC7910;
  margin: 3px 0px;
}

#itemDetail dl {
  padding: 2px 0px 0px 13px;
  line-height: 100%;
  clear: both;
  overflow: hidden;
}

#itemDetail dl:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/*\*/
* html #itemDetail dl {
  height: 1em;
  overflow: visible;
}
/**/

#itemDetail dt {
  float: left;
  width: 110px;
}

#itemDetail dd {
  float: left;
  width: 90px;
}

#itemDetail p {
  padding: 0px 15px;
  font-size: 85%;
}

#itemCart {
  width: 130px;
  float: right;
}

#itemCart p {
  margin: 2px 0px;
  padding: 0px 0px;
  font-size: 85%;
}

#itemCart p img {
  vertical-align: middle;
}

#itemCart input {
  width: 116px;
  padding: 2px 2px;
}

#itemSubImage {
  padding: 20px 0px;
  clear: both;
  overflow: hidden;
}

#itemSubImage:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/*\*/
* html #itemSubImage {
  height: 1em;
  overflow: visible;
}
/**/

#itemSubImage li {
  float: left;
  margin: 8px 10px 0px 0px;
}

#itemSubImage li img {
  border: solid 1px #FCD579;
}

h2.item {
  margin: 8px 0px 0px;
  font-size: 107%;
  color: #E83E03;
  font-weight: bold;
}

h3.item {
  margin: 0px 0px;
  font-size: 100%;
  #color: #0000CC;
}


#customervoicearea {
  padding: 20px 0px 10px;
}

.pagenavi {
  padding: 10px 0px;
  clear: both;
  overflow: hidden;
}

.pagenavi li {
  float: left;
  width: 206px;
  font-size: 85%;
}

#items li.items {
  border: solid 1px #FCD579;
  margin-bottom: 10px;
  clear: both;
  overflow: hidden;
}

#items li.items:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/*\*/
* html #items li.items {
  height: 1em;
  overflow: visible;
}
/**/

#items .itemi {
  margin: 0px;
  width: 133px;
  height: 133px;
  padding: 7px 9px 8px 7px;
  float: left;
}

#items .itemiDetail {
  margin: 0px;
  padding: 7px 0px 8px;
  width: 461px;
  float: left;
}

#items .itemiDetail .code {
  margin: 0px;
  padding: 0px;
  font-size: 85%;
}

#items .itemiDetail h2 {
  margin: 0px;
  padding: 3px 8px;
  background-color: #FDC56D;
  font-size: 100%;
  color: #E83E03;
}

#items .itemiDetail .price {
  margin: 2px 0px 0px;
  padding: 0px;
}

#items .itemiDetail .other {
  margin: 0px;
  padding: 0px;
  font-size: 85%;
  color: #0000CC;
}

#items .itemiDetail ul {
  margin: 5px 0px 0px;
  padding: 12px 10px;
  background-color: #FCA75B;
  font-size: 85%;
  clear: both;
  overflow: hidden;
}

#items .itemiDetail ul:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/*\*/
* html #items .itemiDetail ul {
  height: 1em;
  overflow: visible;
}
/**/

#items .itemiDetail ul li {
  float: left;
}

#items .itemiDetail ul li.zk {
  margin-top: 3px;
  margin-right: 45px;
}

#items .itemiDetail ul li.ks {
  margin-top: 3px;
  margin-right: 5px;
}

#items .itemiDetail ul li.kf {
  margin-top: 2px;
  margin-right: 10px;
}

#items .itemiDetail ul li.ct {
  
}


#items .itemiDetail ul li img {
  vertical-align: middle;
}

#items .itemiDetail ul li input {
  width: 80px;
  font-size: 110%;
}


/*-----------------------*/

h2 {
  margin: 10px 0px;
  font-size: 114%;
}

h3 {
  margin: 10px 0px;
  font-size: 107%;
}

#contents p {
  margin: 10px 0px;
}

#contentsS p {
  margin: 10px 0px;
}

.bold {
  font-weight: bold;
}

.red {
  color: #CC0000;
}

.blue {
  color: #3366CC;
}

.green {
  color: #339900;
}

.black {
  color: #000000;
}

.gray {
  color: #666666;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.small {
  font-size: 92%;
}

.xsmall {
  font-size: 85%;
}

.xxsmall {
  font-size: 77%;
}

.bgBrawn {
  background-color: #CC6600;
  padding: 20px 20px;
  margin: 20px 0px;
}

.bgWhite {
  background-color: #FFFFFF;
  padding: 10px 10px;
  margin: 15px 0px;
}

/* ログイン
----------------------------------------------- */
div#under02column_login {
padding:0px 0 10px;
margin-top:0px;
background:#FEEEAC;
}
div#under02column_login .title {
margin:0px auto 15px;
width:700px;
}


div#under02column_login .loginarea {
    width: 620px;
    margin: 0 auto 20px auto;
    padding: 20px 15px;
    border: 5px solid #ccc;
	background: #FFF;
}

div#under02column_login .loginarea .inputtext {
    width: 500px;
    margin: 15px auto 0 auto;
}
div#under02column_login .loginarea .inputbox p img {
vertical-align:middle;
}

div#under02column_login .loginarea .inputtext02 {
    width: 500px;
    margin: 15px auto 0 auto;
    font-size: 90%;
}

div#under02column_login .loginarea .inputbox {
    width: 460px;
    margin: 0px auto 0 auto;
    padding: 15px 20px;
}

div#under02column_login .loginarea .inputbox .passwd {
    margin: 15px 0 0 0;
}

div#under02column_login .loginarea .inputbox .box300 {
    width: 300px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#under02column_login .loginarea .inputbox02 {
    width: 460px;
    margin: 15px auto 0 auto;
    padding: 15px 20px;
    text-align: center;
}

input.box140[type="image"] {
height:30px;
width:140px;
}
input[type="image"] {
border:medium none;
}
div.tblareabtn input {
text-align:center;
vertical-align: bottom;
}
div#under02column_login .loginarea .inputbox02 input
{
text-align:center;
vertical-align: bottom;
    }
div#under02column_login .loginarea .inputbox02 a:link    {color: #003399; text-decoration: none;}
div#under02column_login .loginarea .inputbox02 a:visited {color: #003399; text-decoration: none;}
div#under02column_login .loginarea .inputbox02 a:active  {color: #003399; text-decoration: none;}
div#under02column_login .loginarea .inputbox02 a:hover   {color: #225599; text-decoration: none;}
/* カゴの中
----------------------------------------------- */
div#under02column_cart {
padding:35px 0 10px;
margin-top:28px;
background:#FEEEAC;
}
div#under02column_cart .totalmoneyarea {
    width: 680px;
    margin: 15px auto 0 auto;
    padding: 10px 5px;
    border: 1px solid #ccc;
    text-align: center;
	background:#FFFFFF;
}
div#under02column_cart .empty {
margin:0px auto 15px;
width:700px;
}
div#under02column_cart .form1 {
margin:0px auto 15px;
width:700px;
}

div#under02column_cart div#cartarea {
    width: 144px;
    padding: 10px;
    border: solid 1px #ccc;
}

div#under02column_cart p.item {
    padding: 0 0 10px 0;
    background: url("../img/side/line_146.gif") no-repeat bottom;
}

div#under02column_cart .btn {
    padding: 0;
    text-align: center;
}
div#under02column_cart table {
width:690px;
}
div#under02column_cart .mini {
font-size:90%;
width:690px;
margin:0px auto 15px;
}
div#under02column_cart .box150 {
vertical-align:bottom;
}
div#under02column_cart td#quantity {
text-align:center;
width:70px;
}
div#under02column_cart th {
text-align:center;
}
div#under02column_cart table th.resulttd {
text-align:right;
}
div#under02column_cart ul#quantity_level li {
    display: inline;
    padding: 3px;
}

div#under02column_cart a:link    {color: #003399; text-decoration: none;}
div#under02column_cart a:visited {color: #003399; text-decoration: none;}
div#under02column_cart a:active  {color: #003399; text-decoration: none;}
div#under02column_cart a:hover   {color: #225599; text-decoration: none;}
/* テーブル共通指定
----------------------------------------------- */
table  {
	background:#FFFFFF;
    margin: 15px auto 0 auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    text-align: left;
}
table th {
    padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f0f0f0;
    font-weight: normal;
}
table td {
    padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
div.tblareabtn {
    clear: both;
    margin: 15px 0 0 0;
    text-align: center;
}
.phototd {
    width: 75px;
    text-align: center;
}
.centertd {
    text-align: center;
}
.pricetd {
    text-align: right;
}
.pricetd em {
    font-weight: bold;
}
div#completetext {
    width: 470px;
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #ccc;
    background: #FFF;
}
div#completetext em {
    font-weight: bold;
}
div#completetext p{
    padding: 20px 0 0 0;
    text-align: left;
}


/* MYPAGE共通指定
----------------------------------------------- */
div#mypagecolumn_bg {
	overflow:hidden;
	background:#FEEEAC;
	margin-top:28px;
    padding:35px 0 10px;
}
div#mypagecolumn {
    width: 700px;
    margin: 0px auto 0 auto;
}

div#mypagecolumn h2.title{
    width: 700px;
    margin: 0 0 15px 0;
}

div#mypagecolumn table {
    width: 510px;
}

div#mycontentsarea {
    width: 510px;
	padding-bottom:15px;
}

div#mycontentsarea table th.resulttd {
    text-align: right;
}

div#mycontentsarea table.delivname th {
    text-align: left;
    width: 140px;
}

div#mycontentsarea table caption {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 8px;
    background-color: #f0f0f0;
    text-align: left;
    font-weight: bold;
    color: #000;
}
div#mycontentsarea p.delivempty,
div#mycontentsarea #completetext {
background:#FFFFFF;
}

/* 購入履歴一覧/詳細
----------------------------------------------- */
div#mynavarea {
    float: left;
    width: 185px;
    height: 225px;
}

div#mynavarea li {
    display: block;
    height: 30px;
}

div#mycontentsarea {
    float: right;
}

div#mycontentsarea h3 {
    margin: 0 0 10px 0;
}

div#mycontentsarea table th {
    text-align: center;
}

div#mycontentsarea p.myconditionarea {
    clear: both;
    width: 500px;
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
}

div#mycontentsarea p.delivempty {
    clear: both;
    width: 500px;
    margin: 30px auto;
    padding: 10px 0;
    border: solid 5px #CCC;
    text-align: center;
}


/* 会員登録内容変更/>退会
----------------------------------------------- */
div#mycontentsarea .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#mycontentsarea .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#mycontentsarea .box300 {
    width: 300px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#mycontentsarea .box260 {
    width: 260px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#mycontentsarea .zipimg img {
    margin: 5px 0 0 0;
}

div#mycontentsarea #completetext {
    width: 470px;
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #ccc;
}

div#completetext p.changetext {
    padding: 40px 0;
    text-align: center;
}
div#windowcolumn {
background-color:#FFFFFF;
border-bottom:5px solid #FFA85C;
border-top:5px solid #FFA85C;
margin:15px auto 0;
width:550px;
}



/* お客様の声の書き込み・新しいお届け先の追加・変更
----------------------------------------------- */
div#windowcolumn {
    width: 550px;
    margin: 15px auto 0 auto;
    background-color:#FEEEAC;
    border-top: 5px solid #ffa85c;
    border-bottom: 5px solid #ffa85c;
}

div#windowcolumn h2 {
    width: 500px;
    margin: 0 0 15px 0;
}

div#windowarea {
    width: 500px;
    margin: 15px auto 0 auto;
}

div#windowarea p.windowtext {
    margin: 15px 0 0 0;
    text-align:left;
}

div#windowarea table {
    width: 490px;
}

div#windowarea .zipimg img {
    margin: 5px 0 0 0;
}

div#windowarea .box350 {
    width: 350px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#windowarea .area350 {
    width: 350px;
    height: 120px;
    border: 1px solid #ccc;
}

div#windowarea .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#windowarea .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#windowarea .box300 {
    width: 300px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#windowarea .btn {
    margin: 15px 0 30px 0;
    text-align: center;
}

div#windowarea #completebox {
    width: 490px;
    margin: 15px 0 0 0;
    border: 5px solid #ccc;
    background:#FFF;
}

div#windowarea #completebox p{
    padding: 60px 5px;
    text-align: center;
}
.attention {
color:#FF0000;
}

/* 下層共通指定
----------------------------------------------- */
div.under02column_bg {
	background:#FEEEAC;
	margin-top:28px;
    padding:35px 0 10px;
}
div#under02column {
    margin: 0px auto 0 auto;
}
div#under02column #under02column_customer
{
    width:670px;
    margin: 0px auto 0 auto;
}

div#under02column h2.title{
    width: 700px;
    margin: 0 auto 15px;
}

div#under02column table {
    width: 690px;
}

/* お届け先指定
----------------------------------------------- */
div#under02column_shopping table th {
    text-align: center;
}
div#under02column_shopping {
    margin: 0px auto 0 auto;
    width: 700px;
}

.addbtn {
    margin: 10px 0 0 0;
}
/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#under02column_shopping .payarea {
    width: 670px;
    margin: 0 auto;
}

div#under02column_shopping h3 {
    margin: 0 0 15px 0;
}

div#under02column_shopping .payarea02 {
    width: 670px;
    margin: 40px auto 0 auto;
}

div#under02column_shopping .payarea02 div {
    margin: 10px 0 0 0;
}

div#under02column_shopping .payarea02 em {
    font-weight: bold;
    color: #000;
}

div#under02column_shopping .payarea table {
    width: 670px;
}

div#under02column_shopping .payarea table th {
    text-align: center;
}

div#under02column_shopping .payarea02 .area660 {
    width: 660px;
    height: 150px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#under02column_shopping .pointarea {
    width: 670px;
    margin: 40px auto 0 auto;
}

div#under02column_shopping .pointarea div {
    border: 3px solid #ccc;
    padding: 5px;
    text-align: center;
    background: #FFF;
}

div#under02column_shopping .pointarea ul {
    margin: 10px auto;
    width: 500px;
}

div#under02column_shopping .pointarea li {
    text-align: left;
    padding: 2px 10px;
}

div#under02column_shopping .pointarea li.underline {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 7px;
}


div#under02column_shopping form#form1 div.tblareabtn a:link    {color: #003399; text-decoration: none;}
div#under02column_shopping form#form1 div.tblareabtn a:visited {color: #003399; text-decoration: none;}
div#under02column_shopping form#form1 div.tblareabtn a:active  {color: #003399; text-decoration: none;}
div#under02column_shopping form#form1 div.tblareabtn a:hover   {color: #225599; text-decoration: none;}
/* 確認
----------------------------------------------- */

div#under02column_shopping table.delivname thead th {
    width: 690px;
    text-align: left;
    font-weight: bold;
}

div#under02column_shopping table.delivname tbody th {
    text-align: left;
    width: 155px;
}

div#under02column_shopping table.delivname td {
    text-align: left;
    width: 550px;
}
div#under02column_shopping table th.resulttd
{
    text-align:right;}

/* エラー
----------------------------------------------- */
div#under02column_error {

	background:#FEEEAC;
	margin-top:28px;
    padding:35px 0 10px;
}

div#under02column_error .messagearea {
    width: 680px;
    margin: 15px auto 0 auto;
    padding: 10px 5px;
    border: 5px solid #ccc;
    text-align: center;
    background:#FFF;
}

div#under02column_error .messagearea .error {
    padding: 120px 0;
}

/* 特定商取引法
----------------------------------------------- */
div#undercolumn_order {

}

div#undercolumn_order table th {
    width: 140px;
}


/* お問い合わせ
----------------------------------------------- */
div.undercolumn_bg {
	background:#FEEEAC;
	margin-top:-10px;
    padding:0px 29px 10px;
    width:579px;
}

div#undercolumn_contact {
    width: 580px;
}

div#undercolumn_contact .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_contact .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_contact .box380 {
    width: 380px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_contact .area380 {
    width: 380px;
    height: 250px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_contact .zipimg img {
    margin: 5px 0 0 0;
}

div#under02column_contact form#form1 div.tblareabtn a:link    {color: #003399; text-decoration: none;}
div#under02column_contact form#form1 div.tblareabtn a:visited {color: #003399; text-decoration: none;}
div#under02column_contact form#form1 div.tblareabtn a:active  {color: #003399; text-decoration: none;}
div#under02column_contact form#form1 div.tblareabtn a:hover   {color: #225599; text-decoration: none;}


/* 会員登録
----------------------------------------------- */


div#undercolumn_entry form#form1 {
    width: 580px;
}
div#undercolumn table {
width:570px;
}

div#undercolumn_entry .area470 {
    width: 580px;
    height: 520px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_entry .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_entry .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_entry .box380 {
    width: 380px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_entry .box320 {
    width: 320px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#undercolumn_entry .zipimg img {
    margin: 5px 0 0 0;
}

div#undercolumn_entry div#completetext {
    width: 470px;
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #ccc;
}

div#undercolumn_entry div#completetext em {
    font-weight: bold;
}

div#undercolumn_entry div#completetext p{
    padding: 20px 0 0 0;
    text-align: left;
}

div#undercolumn_entry dt {
    float: left;
    width: 4em;
    border: 1px solid #FF0000;
}