@charset "UTF-8";
/*CSS Document*/
/*---------------------------------
BaseCSS ベースデザインCSS
---------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: bottom;
}

.taC {
  text-align: center !important;
}

/*container*/
#container h2.bar01 {
  margin: 5px 0;
  text-align: center;
}

#container h1.type01 {
  background: #330000;
  color: #FFF;
  text-align: center;
  padding: 10px 0;
}

#container div.sourcepath {
  padding: 5px;
}

#container div.sourcepath ul {
  background: none repeat scroll 0 0 #DAE6C1;
  border-radius: 0 3px 3px 0;
  letter-spacing: -0.4em;
}

#container div.sourcepath ul li {
  color: #330000;
  display: inline-block;
  font-size: 80%;
  text-shadow: 1px 1px 0 #FFFFFF;
  letter-spacing: normal;
}

#container div.sourcepath ul li:not(:first-child) a {
  background: url(img/sourcepath/link_after.png) no-repeat scroll left top, url(img/sourcepath/link_bg.png) repeat-x scroll left top transparent;
}

#container div.sourcepath ul li:first-child a {
  background: url(img/sourcepath/link_before.png) no-repeat scroll left top, url(img/sourcepath/link_bg.png) repeat-x scroll left top transparent;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000;
}

#container div.sourcepath ul li:last-child:not(:first-child) {
  background: url(img/sourcepath/li_bg_before.png) no-repeat scroll left top transparent;
  line-height: 1;
  padding: 6px 0 5px 20px;
}

#container div.sourcepath ul li a {
  color: #FFFFFF;
  display: inline-block;
  line-height: 1;
  padding: 6px 5px 5px 20px;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000000;
}

#container div.sourcepath ul li:last-child:not(:first-child) a {
  background: none;
  padding: 0;
  color: #300;
  text-shadow: 1px 1px 0 #FFFFFF;
}

#container div.sourcepath_type02 {
  padding: 5px;
}

#container div.sourcepath_type02 ul {
  background: #DAE6C1;
  border-radius: 0 3px 3px 0;
  font-size: 0;
  background: url(img/sourcepath/type02_bg.png) right top no-repeat;
}

#container div.sourcepath_type02 ul li {
  padding: 0 0 0 20px;
  margin: 0 0 5px 0;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 100%;
  background: url(img/sourcepath/type02_li_bg.png) left top no-repeat;
  color: #330000;
  text-shadow: #FFF 1px 1px 0;
}

#container div.sourcepath_type02 ul li:first-child a {
  margin: 0 0 0 -20px;
  display: inline-block;
  padding: 0 5px 0 20px;
  background-image: url(img/sourcepath/link_before.png), url(img/sourcepath/link_bg.png);
  background-position: left top, center top;
  background-repeat: no-repeat, repeat-x;
  color: #FFF;
  text-decoration: none;
  text-shadow: #000 1px 1px 1px;
}

#container div.sourcepath_type02 ul li a {
  margin: 0 0 0 -20px;
  display: inline-block;
  padding: 0 5px 0 20px;
  background-image: url(img/sourcepath/link_after.png), url(img/sourcepath/link_bg.png);
  background-position: left top, center top;
  background-repeat: no-repeat, repeat-x;
  color: #FFF;
  text-decoration: none;
  text-shadow: #000 1px 1px 1px;
}

div.PageTop {
  text-align: right;
}

div.PageTop a {
  text-align: right;
}

#container article {
  margin: 10px 0;
}

#container article section.txtarea {
  font-size: 100%;
}

#container article section.txtarea p {
  margin: 10px;
}

#container article section.txtarea p.error01 {
  color: #900;
}

#container article section.txtarea div.btn_box01 {
  padding: 10px 0;
  text-align: center;
}

#container article section.txtarea div.btn_box02 {
  padding: 10px 0;
  text-align: center;
  background: url(img/border02.png) top repeat-x;
}

#container article section.txtarea div.pagenation01 {
  margin: 10px 0;
  height: 30px;
}

#container article section.txtarea div.pagenation01 img.next {
  float: right;
}

#container article section.txtarea div.pagenation01 img.prev {
  float: left;
}

#container article div.add_box {
  display: none;
}

#container article.type01 h2 {
  background: #330000;
  color: #FFF;
  text-align: center;
}

#container article.type01 h3 {
  background: #330000;
  color: #FFF;
  text-align: center;
}

#container article.type01 h3.pickup {
  background: #f2c43d;
  color: #FFF;
  text-align: center;
  padding: 3px 0 2px;
}

#container article.type02 h3 {
  padding: 5px;
  font-weight: normal;
}

#container article.type03 {
  background: #F7E1D9;
}

#container article.type03 h3 {
  background: #330000;
  color: #FFF;
  text-align: left;
}

#container article.type04 h2 {
  padding: 0 5px;
  font-weight: normal;
  border-bottom: #330000 solid 1px;
  color: #FFF;
  font-size: 13px;
  background-color: #330000;
}

#container article.type05 {
  background: #DCF1FA;
}

#container article.type05 h3 {
  background: #330000;
  color: #FFF;
  text-align: left;
}

#container article.type05 section.txtarea {
  border-radius: 3px;
}

#container article.type06 section.txtarea {
  font-size: 90%;
}

#container article.type06 section.txtarea p.type01 {
  padding: 5px;
  border: #85AD34 solid 2px;
  background: #DDE8C6;
  color: #330000;
}

#container article.type07 {
  width: 320px;
  margin: 0 auto;
}

#container article.type07 h3 img {
  vertical-align: middle;
}

#container article.type07 section.txtarea {
  padding: 10px 0;
  font-size: 90%;
  border: #EC981B solid 5px;
  border-top: 0;
  border-radius: 0 0 7px 7px;
}

#container article.type08 {
  background: #ece2c9;
  padding: 15px 0;
}

#container article.type08 h3 {
  background: #330000;
  color: #FFF;
  text-align: left;
}

#container article.type09 {
  background: #00a040;
  position: relative;
  margin: 0;
}

#container article.type09 h2 {
  color: #FFF;
  text-align: left;
  padding: 10px 0 0 10px;
  font-size: 100%;
  width: 80%;
}

#container article.type09 section.txtarea {
  color: #FFF;
}

#container article.formtype01 section.txtarea {
  padding: 5px 0;
}

#container article.formtype01 section.txtarea span.necces {
  color: #cc0000;
  font-weight: bold;
  font-size: 115%;
  line-height: 0;
}

#container article.formtype01 section.txtarea label {
  display: block;
  padding: 10px;
}

#container article.formtype01 section.txtarea input[type=text] {
  width: 90%;
  font-size: 20px;
}

#container article.formtype01 section.txtarea input[type=password] {
  width: 90%;
  font-size: 20px;
}

#container article.formtype01 section.txtarea select {
  margin: 0;
  font-size: 100%;
}

#container article.formtype01 section.txtarea label p {
  margin: 5px 0;
  font-size: 10px;
}

#container article.formtype01 section.txtarea ul li {
  position: relative;
  padding: 0;
  border-top: #856666 solid 1px;
  background: url(img/ul_type01_li_bg01.jpg) left bottom repeat-x;
  vertical-align: middle;
}

#container article.formtype01 section.txtarea ul li label {
  display: block;
  padding: 10px 5px;
}

#container article.formtype01 section.txtarea ul li label input {
  vertical-align: top;
}

#container article.formtype01 section.txtarea div.btn_box01 input[type=submit] {
  font-size: 20px;
  width: 90%;
  box-shadow: #999 2px 2px 2px;
}

#container article.formtype01 section.txtarea dl dt {
  clear: both;
  margin: 0 0 0 0;
  padding: 3px 10px;
  color: #300;
}

#container article.formtype01 section.txtarea dl dd {
  margin: 10px 10px 10px;
}

#container article.formtype01 section.txtarea dl dd.switch label {
  margin: 0 0 5px 0;
}

#container article.formtype01 section.txtarea dl dd.checkbox_dd label {
  padding: 0;
}

#container article.formtype01 section.txtarea dl dd textarea {
  width: 90%;
  height: 100px;
}

#container article.formtype01 section.txtarea table {
  width: 95%;
}

#container article.formtype01 section.txtarea th {
  padding-bottom: 5px;
  vertical-align: top;
  white-space: nowrap;
}

#container article.formtype01 section.txtarea td {
  padding-bottom: 5px;
}

#container article.formtype01 section.txtarea div.add_box {
  display: none;
}

#container article.bnr_box01 {
  text-align: center;
  font-size: 100%;
  background-color: #fff;
  margin-bottom: 0;
}

#container article.bnr_box01 img {
  margin: 5px;
}

#container article.tab_box01 nav ul {
  border-bottom: #300 solid 1px;
  text-align: center;
}

#container article.tab_box01 nav ul li {
  display: inline-block;
  width: 153px;
  height: 30px;
  margin: 5px 2px 0 2px;
  background: url(img/detail_tab_ul_li_bg.png) left bottom repeat-x;
  line-height: 30px;
  text-align: center;
  font-size: 100%;
}

#container article.tab_box01 nav ul li.active {
  padding: 0 0 0 0;
  background-image: url(img/detail_tab_ul_li_bg_on.png);
  color: #FFF;
  text-shadow: #000 1px 1px 1px;
}

#container article.tab_box01 nav ul li:first-child {
  border-left: none;
}

#container article.tab_box01 section.txtarea {
  display: none;
}

#container article.tab_box01 section.txtarea.display_show {
  display: block;
}

#container article.tab_box01 section.txtarea img.image {
  float: left;
  margin: 0 10px 10px 0;
}

#container article.tab_box02 {
  position: relative;
}

#container article.tab_box02 nav img {
  position: absolute;
}

#container article.tab_box02 nav img.prev {
  left: 0;
  top: 0;
}

#container article.tab_box02 nav img.next {
  right: 0;
  top: 0;
}

#container article.tab_box02 section.txtarea {
  margin: 20px;
  display: none;
}

#container article.tab_box02 section.txtarea.display_show {
  display: block;
}

#container article.tab_box02 section.txtarea div.mainvisual {
  text-align: center;
}

#container article.tab_box03 {
  position: relative;
}

#container article.tab_box03 nav img {
  position: absolute;
}

#container article.tab_box03 nav img.prev {
  left: 5px;
  top: 30px;
}

#container article.tab_box03 nav img.next {
  right: 5px;
  top: 30px;
}

#container article.tab_box03 section.txtarea {
  margin: 20px 0;
}

#container article.tab_box03 section.txtarea h2 {
  margin: 10px;
  color: #300;
}

#container article.tab_box03 section.txtarea div.mainvisual {
  text-align: center;
}

#container article.tab_box03.fish section.txtarea h2 {
  border-bottom: #14A8FE solid 2px;
}

#container article.tab_box03.fish section.txtarea h2 span {
  color: #14A8FE;
}

#container article.tab_box03.fish section.txtarea ul li span.no {
  color: #14A8FE;
}

#container article.tab_box03.meat section.txtarea h2 {
  border-bottom: #C00 solid 2px;
}

#container article.tab_box03.meat section.txtarea h2 span {
  color: #C00;
}

#container article.tab_box03.meat section.txtarea ul li span.no {
  color: #C00;
}

#container article.tab_box03.green section.txtarea h2 {
  border-bottom: #85AC33 solid 2px;
}

#container article.tab_box03.green section.txtarea h2 span {
  color: #85AC33;
}

#container article.tab_box03.green section.txtarea ul li span.no {
  color: #85AC33;
}

#container article div.bnr01 {
  position: relative;
  padding: 10px 0 10px 10px;
  border-top: #856666 solid 1px;
  border-bottom: #856666 solid 1px;
  background: url(img/ul_type01_li_bg01.jpg) left bottom repeat-x;
  vertical-align: middle;
}

#container article div.bnr01 a {
  display: table-cell;
  width: 100%;
  height: 60px;
  color: #852000;
  text-decoration: none;
  vertical-align: middle;
}

#container article div.bnr01 a:after {
  content: url(img/icon/arrow01.png);
  position: absolute;
  right: 10px;
  top: 40%;
}

#container article div.bnr01 a img.thumb {
  float: left;
  border: #B6A3A3 solid 1px;
}

#container article div.bnr01 a div.txt {
  margin: 0 25px 0 100px;
  font-size: 11px;
}

#container article div.bnr01 a div.txt h3 {
  font-size: 15px;
}

#container section#MainVisual {
  margin: 10px auto;
  position: relative;
  display: block;
  height: 206px;
  max-width: 320px;
  overflow: hidden;
}

#container section#MainVisual ul.imagelist {
  position: relative;
}

#container section#MainVisual ul.imagelist li {
  position: absolute;
  left: -300px;
  top: 0;
  margin: 0 0 0 -129px;
  display: none;
}

#container section#MainVisual ul.imagelist li.img1 {
  position: absolute;
  left: 50%;
  display: inline-block;
}

#container section#MainVisual nav {
  margin: 20px 0 0 0;
  width: 100%;
}

#container section#MainVisual nav ul li {
  position: absolute;
  cursor: pointer;
}

#container section#MainVisual nav ul li.prev {
  left: 5px;
  top: 33px;
}

#container section#MainVisual nav ul li.next {
  right: 5px;
  top: 33px;
}

/*反応装置用*/
/*---------------------------------
PageCSS 個別ページCSS
---------------------------------*/
#page-members_index article.main_menu section.txtarea ul li.teiki_box_in {
  background-image: url(img/icon/teiki_box_in.png), url(img/icon/circle03.png), url(img/ul_type01_li_bg03.jpg);
  background-position: 240px 50%, 5px 50%, left bottom;
  background-repeat: no-repeat, no-repeat, repeat-x;
}

#page-members_index article.main_menu section.txtarea ul li.teiki_box_in span {
  display: block;
  font-size: 10px;
  color: #C00;
  text-shadow: #FFF 1px 1px 0;
}

#page-members_index article.main_menu section.txtarea ul li.teiki_box_child {
  background-image: url(img/ul_type01_li_bg03.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
  vertical-align: middle;
}

#page-members_index article.main_menu section.txtarea ul li.teiki_box_empty {
  background-image: url(img/icon/teiki_box_empty.png), url(img/icon/circle01.png), url(img/ul_type01_li_bg01.jpg);
  background-position: 240px 50%, 5px 50%, left bottom;
  background-repeat: no-repeat, no-repeat, repeat-x;
}

#page-members_index article.main_menu section.txtarea ul li.teiki_box_empty span {
  display: block;
  font-size: 10px;
  color: #C00;
  text-shadow: #FFF 1px 1px 0;
}

/*suga 1007 ここから
#page-members_index article.main_menu section.txtarea ul li.history { background-image:url(img/icon/circle02.png),url(img/ul_type01_li_bg03.jpg); background-position:8px 50%,left bottom; background-repeat:no-repeat, repeat-x;}
suga 1007 ここまで*/
#page-members_index article.recommend {
  text-align: center;
}

#page-members_index article.recommend section.txtarea {
  margin: 0 auto;
  position: relative;
  display: inline-block;
  max-width: 320px;
  overflow: hidden;
}

#page-members_index article.recommend section.txtarea ol {
  padding: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

#page-members_index article.recommend section.txtarea ol li {
  margin: 10px 0 0 0;
  display: inline-block;
  width: 100px;
  vertical-align: top;
  position: relative;
}

#page-members_index article.recommend section.txtarea ol li div.icon_box {
  margin: 5px;
}

#page-members_index article.recommend section.txtarea ol li p {
  font-size: 100%;
  text-align: left;
  color: #852000;
}

#page-members_index article.recommend section.txtarea ol li p a {
  color: #00C;
  text-align: center;
}

#page-members_index article.recommend section.txtarea ol li p.price {
  color: #C00;
}

#page-members_index article.recommend section.txtarea ol li div.thumb {
  text-align: center;
}

#page-members_index article.recommend section.txtarea ol li div.thumb img {
  border: #B7A4A4 solid 1px;
  border-radius: 3px;
}

#page-members_index article.recommend section.txtarea ol li div.thumb img.btnlike {
  border-top: #e6cece solid 2px;
  border-right: #827575 solid 2px;
  border-bottom: #827575 solid 2px;
  border-left: #e6cece solid 2px;
  border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#page-members_index article.recommend section.txtarea ol li div.num_box img {
  vertical-align: middle;
}

#page-members_index article.recommend section.txtarea ol li div.num_box ul li {
  display: inline-block;
  padding: 0 5px;
  border-left: #C6A9A3 solid 1px;
}

#page-members_index article.recommend section.txtarea ol li div.num_box ul li:first-child {
  border-left: none;
}

#page-members_index article.recommend section.txtarea ol li div.btn_box {
  margin: 5px 0 0;
}

#page-members_index article.recommend section.txtarea ol li div.del_btn_box {
  left: 70px;
  position: absolute;
  top: -10px;
}

#page-members_index article.recommend section.txtarea ol li div.sanchi {
  display: none;
}

#page-members_index article.recommend section.txtarea ol li div.kikaku {
  display: none;
}

#page-members_index article.recommend section.txtarea ol li div.teikiIcon {
  display: none;
}

#page-members_index article.recommend section.txtarea ol li div.kingaku {
  display: none;
}

#page-members_index article.recommend section.txtarea ul.imagelist {
  position: relative;
}

#page-members_index article.recommend section.txtarea ul.imagelist li {
  position: absolute;
  left: -300px;
  top: 0;
  margin: 0 0 0 -129px;
  display: none;
}

#page-members_index article.recommend section.txtarea ul.imagelist li.img1 {
  position: absolute;
  left: 50%;
  display: inline-block;
}

#page-members_index article.recommend section.txtarea nav {
  margin: 20px 0 0 0;
  width: 100%;
}

#page-members_index article.recommend section.txtarea nav ul li {
  position: absolute;
  cursor: pointer;
}

#page-members_index article.recommend section.txtarea nav ul li.prev {
  left: 5px;
  top: 13px;
}

#page-members_index article.recommend section.txtarea nav ul li.next {
  right: 5px;
  top: 13px;
}

/*追加 suga 09/21*/
#customer_regist_form select#payment_select {
  margin: 10px;
}

/*ここまで*/
ul.product_list2 article.ranking li {
  border: none;
  padding: 0;
}

#page-category article.ranking section.txtarea ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

#container article.ranking h3 {
  background: none;
  margin-bottom: 0;
}

#container article.ranking div.rankingNumber {
  margin: 0;
  padding: 0;
  line-height: 1;
}

/*suga 1007*/
section.oiclaNyuukai {
  margin: 35px 0;
}

/*suga 1007*/
/*suga 1006 ここから
#page-category article.pickup section.txtarea { margin:0 5px 0 150px; padding:5px 0;}
*/
#page-category article.pickup section.sPickup img.thumb {
  margin: 0 5px 0 0;
  float: left;
  border: #B7A4A4 solid 1px;
  border-radius: 3px;
}

#page-category article.pickup section.sPickup {
  margin: 5px 5px 10px;
  padding: 0 0 10px;
  border-bottom: 1px dotted #f1f1f1;
}

#page-category article.pickup section.sPickup h4 {
  margin-bottom: 5px;
  font-size: 100%;
  text-align: left;
  color: #300;
}

#page-category article.pickup section.sPickup h5 {
  margin-bottom: 5px;
  font-weight: normal;
  font-size: 85%;
  border-bottom: 3px solid #ccc;
  color: #300;
}

article.pickup h4.underLine {
  margin: 5px 10px;
  font-weight: bold;
  font-size: 95%;
  text-decoration: underline;
  color: #300;
}

#page-category article.pickup section.sPickup p {
  margin: 0;
  color: #300;
  font-size: 80%;
  color: #300;
}

/*suga 1006 ここまで*/
#page-category article.pickup section.txtarea h4 a {
  text-decoration: underline;
}

#page-category article.pickup section.txtarea p.kikaku_meyasu {
  margin: 5px 0 !important;
  color: #4f273d;
  font-size: 90%;
}

#page-category article.pickup section.txtarea p.price {
  margin: 2px 0;
  color: #C00;
  font-size: 100%;
}

#page-category article.pickup section.txtarea div.cartin_box {
  vertical-align: middle;
}

#page-category article.pickup section.txtarea div.cartin_box div.num_box {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
}

#page-category article.pickup section.txtarea div.cartin_box img {
  vertical-align: middle;
}

#page-category article.pickup section.txtarea div.favorite_btn {
  margin: 5px 0;
}

/*2012_0112*/
#page-category article.pickup section.txtarea div.set div.favorite_btn {
  float: left;
}

#page-category article.pickup section.txtarea div.set div.cartin_box {
  float: right;
  margin-bottom: 0;
  margin-top: 0;
}

#page-category article.pickup section.txtarea div.set div.cartin_box div.num_box {
  margin-bottom: 0;
}

/*2012_0112*/
/*suga 変更 1006 ここから*/
#page-category article.pickup section.txt {
  clear: both;
  background: #f8f3c9;
  color: #300;
  font-size: 80%;
  padding: 5px;
}

/*suga 変更 1006 ここまで*/
div.cartin_box div.num_box {
  margin-bottom: 10px;
}

.txtarea2 div.set {
  clear: both;
  margin-left: 115px;
}

div.set div.cartin_box {
  margin: 10px;
}

div.set div.num_box {
  margin: 5px 10px 0 10px;
  float: left;
}

#page-cart article.cart {
  border-top: #856666 solid 1px;
}

#page-cart article.cart section.txtarea dl.charge {
  margin: 0 10px;
  font-size: 100%;
}

#page-cart article.cart section.txtarea dl.charge dt {
  padding: 5px 0 7px 0;
  clear: both;
  float: left;
  width: 200px;
}

#page-cart article.cart section.txtarea dl.charge dd {
  padding: 5px 0 7px 110px;
  text-align: right;
  background: url(img/border02.png) bottom repeat-x;
}

#page-cart article.cart section.txtarea div.point_box {
  margin: 10px;
  text-align: center;
}

#page-cart article.cart section.txtarea div.point_box dl {
  font-size: 100%;
  margin: 10px 20px;
  padding-bottom: 10px;
}

#page-cart article.cart section.txtarea div.point_box dl dt {
  padding: 3px;
  clear: both;
  float: left;
  width: 200px;
  text-align: left;
}

#page-cart article.cart section.txtarea div.point_box dl dd {
  padding: 3px 0 3px 90px;
  text-align: right;
}

#page-cart article.cart section.txtarea div.point_box dl dd select {
  margin: 0;
}

#page-cart article.cart section.txtarea div.all_sum {
  margin: 10px;
  padding: 7px;
  text-shadow: #FFF 1px 1px 0;
  border: #CC0000 solid 1px;
  background: #FFF;
  text-align: right;
  vertical-align: middle;
}

#page-cart article.cart section.txtarea div.all_sum span {
  padding: 0 0 0 10px;
  font-size: 20px;
  color: #CC0000;
}

#page-cart article.cart2 {
  margin: -10px 0;
  border-top: #DCF1FA solid 1px;
}

#page-cart article.cart2 section.txtarea h2 {
  margin: 5px 10px 0;
  font-size: 100%;
  font-weight: normal;
  text-shadow: #fff 1px 1px 1px;
}

#page-cart article.cart2 section.txtarea dl.charge {
  margin: 0 10px;
  font-size: 100%;
}

#page-cart article.cart2 section.txtarea dl.charge dt {
  padding: 5px 0 7px 0;
  clear: both;
  float: left;
  width: 150px;
}

#page-cart article.cart2 section.txtarea dl.charge dd {
  padding: 5px 0 7px 110px;
  text-align: right;
}

#page-cart article.cart2 section.txtarea div.point_box {
  margin: 10px;
  text-align: center;
}

#page-cart article.cart2 section.txtarea div.point_box dl {
  font-size: 100%;
  margin: 10px 50px;
}

#page-cart article.cart2 section.txtarea div.point_box dl dt {
  padding: 3px;
  clear: both;
  float: left;
  width: 150px;
  text-align: left;
}

#page-cart article.cart2 section.txtarea div.point_box dl dd {
  padding: 3px 0 3px 110px;
  text-align: right;
}

#page-cart article.cart2 section.txtarea div.all_sum {
  margin: 10px;
  padding: 7px;
  text-shadow: #FFF 1px 1px 0;
  border: #CC0000 solid 1px;
  background: #FFF;
  text-align: right;
  vertical-align: middle;
}

#page-cart article.cart section.txtarea div.all_sum span {
  padding: 0 0 0 10px;
  font-size: 20px;
  color: #CC0000;
}

#page-cart article.recommend section.txtarea {
  margin: 0 auto;
  position: relative;
  display: inline-block;
  max-width: 320px;
  overflow: hidden;
}

#page-cart article.recommend section.txtarea ol {
  padding: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

#page-cart article.recommend section.txtarea ol li {
  margin: 10px 0 0 0;
  display: inline-block;
  width: 30%;
  vertical-align: top;
}

#page-cart article.recommend section.txtarea ol li div.icon_box {
  margin: 5px;
}

#page-cart article.recommend section.txtarea ol li p {
  font-size: 100%;
  text-align: left;
  color: #852000;
}

#page-cart article.recommend section.txtarea ol li p a {
  color: #00C;
  text-align: center;
}

#page-cart article.recommend section.txtarea ol li p.price {
  color: #C00;
}

#page-cart article.recommend section.txtarea ol li div.thumb {
  text-align: center;
}

#page-cart article.recommend section.txtarea ol li div.thumb img {
  border: #B7A4A4 solid 1px;
  border-radius: 1px;
}

#page-cart article.recommend section.txtarea ol li div.num_box ul li {
  display: inline-block;
  padding: 0 5px;
  border-left: #C6A9A3 solid 1px;
}

#page-cart article.recommend section.txtarea ol li div.num_box ul li:first-child {
  border-left: none;
}

#page-cart article.recommend section.txtarea ol li div.btn_box {
  margin: 5px 0 0;
}

#page-cart article.recommend section.txtarea ul.imagelist {
  position: relative;
}

#page-cart article.recommend section.txtarea ul.imagelist li {
  position: absolute;
  left: -300px;
  top: 0;
  margin: 0 0 0 -129px;
  display: none;
}

#page-cart article.recommend section.txtarea ul.imagelist li.img1 {
  position: absolute;
  left: 50%;
  display: inline-block;
}

#page-cart article.recommend section.txtarea nav {
  margin: 20px 0 0 0;
  width: 100%;
}

#page-cart article.recommend section.txtarea nav ul li {
  position: absolute;
  cursor: pointer;
}

#page-cart article.recommend section.txtarea nav ul li.prev {
  left: 5px;
  top: 13px;
}

#page-cart article.recommend section.txtarea nav ul li.next {
  right: 5px;
  top: 13px;
}

#page-detail div.mainvisual {
  text-align: center;
}

#page-detail div.mainvisual img.main {
  border: #E5E5E5 solid 1px;
}

#page-detail div.mainvisual div.sns {
  text-align: right;
}

#page-detail article.info div.icon_box {
  margin: 5px;
}

#page-detail article.info section.txtarea p.price {
  text-align: right;
}

#page-detail article.info section.txtarea div.cartin_box {
  margin: 10px;
  vertical-align: middle;
  text-align: right;
}

#page-detail article.info section.txtarea div.cartin_box div.num_box {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
}

#page-detail article.info section.txtarea div.cartin_box img {
  vertical-align: middle;
}

#page-detail article.info section.txtarea div.favorite_btn {
  margin: 5px;
  text-align: right;
}

#page-detail article.info section.txtarea table.type01 {
  margin: 0 auto;
  width: 95%;
}

#page-detail article.tab_box ul {
  border-bottom: #300 solid 1px;
}

#page-detail article.tab_box ul li {
  display: inline-block;
  width: 153px;
  height: 30px;
  margin: 5px 2px 0 2px;
  background: url(img/detail_tab_ul_li_bg.png) left bottom repeat-x;
  line-height: 30px;
  text-align: center;
  font-size: 100%;
}

#page-detail article.tab_box ul li.active {
  padding: 2px 0 0 0;
  background-image: url(img/detail_tab_ul_li_bg_on.png);
  color: #FFF;
  text-shadow: #000 1px 1px 1px;
}

#page-detail article.tab_box ul li:first-child {
  border-left: none;
}

#page-detail article.tab_box section.txtarea {
  display: none;
  padding: 10px;
}

#page-detail article.tab_box section.txtarea.display_show {
  display: block;
}

#page-detail article.tab_box section.txtarea img.image {
  float: left;
  margin: 0 10px 10px 0;
}

#page-book article.calender div.ttl_box {
  position: relative;
  background: #330000;
}

#page-book article.calender div.ttl_box h3 {
  padding: 5px;
  text-align: center;
  color: #fff;
  font-size: 15px;
}

#page-book article.calender div.ttl_box img.prev_month {
  position: absolute;
  left: 5px;
  top: 2px;
  width: 64px;
}

#page-book article.calender div.ttl_box img.next_month {
  position: absolute;
  right: 5px;
  top: 2px;
  width: 64px;
}

#page-book article.calender section.txtarea table.cal {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: center;
}

#page-book article.calender section.txtarea table.cal tr th {
  color: #300;
  font-weight: normal;
  font-size: 100%;
  text-align: center;
  background: #E9E3E3;
}

#page-book article.calender section.txtarea table.cal tr td {
  padding: 3px 0;
  border-bottom: #E9E3E3 solid 1px;
  border-left: #E9E3E3 solid 1px;
  color: #300;
  font-size: 20px;
}

#page-book article.calender section.txtarea table.cal tr td:first-child {
  border-bottom: #E9E3E3 solid 1px;
  border-left: #E9E3E3 solid 1px;
}

#page-book article.calender section.txtarea table.cal tr td.off {
  color: #997F7F;
}

#page-book article.calender section.txtarea table.cal tr td.oitoku {
  background: url(img/icon/triangle_oitoku.png) right bottom no-repeat;
}

#page-book article.calender section.txtarea table.cal tr td.sanchoku {
  background: url(img/icon/triangle_sanchoku.png) right bottom no-repeat;
}

#page-book article.calender section.txtarea table.cal tr td.tanpin {
  background: url(img/icon/triangle_tanpin.png) right bottom no-repeat;
}

#page-book article.calender section.txtarea table.cal tr td.teiki {
  background: url(img/icon/triangle_teiki.png) right bottom no-repeat;
}

#page-book article.calender section.txtarea table.cal tr td.down {
  background-image: url(img/cal_td_bg01.png), url(img/cal_td_bg02.png);
  background-position: left top, right bottom;
  background-repeat: no-repeat;
}

#page-book article.info dl.type01 {
  margin: 15px;
  color: #666;
}

#page-book article.info dl.type01 dt {
  padding: 3px 0 3px 15px;
  width: 200px;
}

#page-book article.info dl.type01 dt.oitoku {
  background: url(img/icon/triangle_oitoku.png) left 50% no-repeat;
}

#page-book article.info dl.type01 dt.sanchoku {
  background: url(img/icon/triangle_sanchoku.png) left 50% no-repeat;
}

#page-book article.info dl.type01 dt.tanpin {
  background: url(img/icon/triangle_tanpin.png) left 50% no-repeat;
}

#page-book article.info dl.type01 dt.teiki {
  background: url(img/icon/triangle_teiki.png) left 50% no-repeat;
}

#page-book article.tab_box ul li {
  display: inline-block;
}

#page-book article.tab_box ul li.teiki {
  width: 48px;
  height: 20px;
  margin: 5px 0 0 5px;
  padding: 2px 0 0 0;
  background: #85AD33;
  border: #85AD33 1px solid;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  color: #85AD33;
  font-size: 0;
}

#page-book article.tab_box ul li.tanpin {
  width: 48px;
  height: 20px;
  margin: 5px 0 0 5px;
  padding: 2px 0 0 0;
  background: #E57D7C;
  border: #E57D7C 1px solid;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  color: #E57D7C;
  font-size: 0;
}

#page-book article.tab_box ul li.oitoku {
  width: 48px;
  height: 20px;
  margin: 5px 0 0 5px;
  padding: 2px 0 0 0;
  background: #EC981C;
  border: #EC981C 1px solid;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  color: #EC981C;
  font-size: 0;
}

#page-book article.tab_box ul li.sanchoku {
  width: 48px;
  height: 20px;
  margin: 5px 0 0 5px;
  padding: 2px 0 0 0;
  background: #71B7FF;
  border: #71B7FF 1px solid;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  color: #71B7FF;
  font-size: 0;
}

#page-book article.tab_box ul li:first-child {
  border-left: none;
}

#page-book article.tab_box section.txtarea {
  display: none;
  padding: 5px 0;
  background: #FFF;
}

#page-book article.tab_box section.txtarea.display_show {
  display: block;
}

#page-book article.tab_box section.txtarea.teiki {
  border-top: #85AD33 5px solid;
}

#page-book article.tab_box section.txtarea.tanpin {
  border-top: #E57D7C 5px solid;
}

#page-book article.tab_box section.txtarea.oitoku {
  border-top: #EC981C 5px solid;
}

#page-book article.tab_box section.txtarea.sanchoku {
  border-top: #71B7FF 5px solid;
}

#page-book article.tab_box section.txtarea ul li {
  display: inline-block;
  width: 100%;
  padding: 3px 5px;
  border-bottom: #71B7FF 1px dotted;
}

#page-book article.tab_box section.txtarea ul li.last {
  border-bottom: none;
}

#page-book article.tab_box section.txtarea ul li select {
  margin-left: 10px;
}

#page-book article.tab_box section.txtarea ul.oitoku li {
  display: inline-block;
  width: 100%;
  padding: 3px 5px;
  background: #F6F7FB;
  border-bottom: #71B7FF 1px dotted;
}

#page-book article.tab_box section.txtarea ul.oitoku li.item {
  display: inline-block;
  width: 100%;
  padding: 3px 5px;
  background: #fff;
  border-bottom: #71B7FF 1px dotted;
}

#page-book article.tab_box section.txtarea ul.oitoku li.last {
  border-bottom: none;
}

#page-book article.tab_box section.txtarea ul.oitoku li select {
  margin-left: 10px;
}

#page-book article.tab_box section.txtarea ul.oitoku li img {
  margin-left: 10px;
  vertical-align: middle;
}

#page-pass_reminder article.type01 {
  margin: 10px;
}

#page-pass_reminder article.type01 section.txtarea {
  padding: 20px;
  font-size: 25px;
  border: #330000 solid 1px;
}

#page-pass_reminder_key_input article.type01 {
  margin: 10px;
}

#page-pass_reminder_key_input article.type01 section.txtarea {
  padding: 20px;
  border: #330000 solid 1px;
}

#page-feature article section.txtarea p.type01 {
  margin: -5px 10px 0;
  padding: 10px;
  background: #E9E3E3;
  color: #300;
}

#page-feature article.pickup {
  margin-bottom: 15px;
}

#page-feature article.pickup h3.type01 {
  padding: 10px 5px 10px 60px;
  background: url(img/icon/feature_icn01.png) 5px 50% no-repeat #330000;
  color: #FFF;
  text-align: left;
}

/*Suga 2011 1003*/
#page-feature article.pickup h3.type00 {
  padding: 10px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  background: #300;
}

section.txtarea2 h4.lead {
  line-height: 1.2;
  font-size: 80%;
  font-weight: normal;
  padding: 5px 10px;
  border-top: 1px solid #856666;
}

/*Suga 2011 1003 ここまで*/
/*suga 2011 1004 ここから*/
.perlWhite01 {
  background-color: #fff1cf;
}

.perlWhite02 {
  background-color: #e9dece;
}

.pickup_bg03 {
  background-color: #f7f1e4;
}

.pickup_bg04 {
  background-color: #fbf8e4;
}

.pink01 {
  background-color: #FFEAEA;
}

#container article section.txtarea p.lead00 {
  margin: 0;
  padding: 5px 5px 10px 5px;
  font-size: 12px;
  line-height: 130%;
}

#container article section.txtarea p.lead {
  margin: 0;
  padding: 5px 5px 10px 5px;
  font-size: 14px;
  line-height: 130%;
}

#container article section.txtarea p.pict {
  margin: 0;
  text-align: center;
}

/*suga 2011 1004 ここまで*/
#page-feature article.pickup h3.type02 {
  padding: 10px 5px 10px 60px;
  background: url(img/icon/feature_icn02.png) 5px 50% no-repeat #330000;
  color: #FFF;
  text-align: left;
}

#page-feature article.pickup h3 span {
  font-size: 90%;
}

#page-feature article.pickup img.thumb {
  float: left;
  margin: 5px;
  border: #B7A4A4 solid 1px;
  border-radius: 3px;
}

#page-feature article.pickup section.txtarea2 {
  margin: 0 5px 0 150px;
  padding: 5px 0;
}

#page-feature article.pickup section.txtarea2 h4 {
  font-size: 75%;
  text-align: left;
}

#page-feature article.pickup section.txtarea2 h4 a {
  text-decoration: underline;
}

#page-feature article.pickup section.txtarea2 h4.type01 {
  font-size: 120%;
  text-align: left;
  color: #852000;
}

#page-feature article.pickup section.txtarea2 p.price {
  margin: 2px 0;
  color: #C00;
  font-size: 100%;
}

#page-feature article.pickup section.txtarea2 div.cartin_box {
  vertical-align: middle;
}

#page-feature article.pickup section.txtarea2 div.cartin_box div.num_box {
  display: inline-block;
  margin-right: 15px;
}

#page-feature article.pickup section.txtarea2 div.cartin_box img {
  vertical-align: middle;
}

#page-feature article.pickup section.txtarea2 div.favorite_btn {
  margin: 5px 0;
}

#page-feature article.pickup section.txt {
  clear: both;
  color: #300;
  font-size: 100%;
  padding: 10px;
}

#page-course article section.txtarea p.type01 {
  margin: 10px;
  background: #E9E3E3;
  color: #300;
}

#page-course article section.txtarea p.type02 {
  font-size: 120%;
  font-weight: bold;
  color: #300;
}

#page-course article section.txtarea.type01 input + label {
  width: 320px;
  height: 178px;
  margin: 0px auto;
  padding: 0;
  background: url(../img/1301/course_select_otameshi.jpg) left top no-repeat;
  -moz-background-size: 100%;
  -webkit-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  display: block;
}

#page-course article section.txtarea.type01 input:checked + label {
  background-image: url(../img/1301/course_select_otameshi_s.jpg);
}

#page-course article section.txtarea.type02 input + label {
  width: 320px;
  height: 178px;
  margin: 0px auto;
  padding: 0;
  background: url(../img/1301/course_BK_otameshi.jpg) left top no-repeat;
  -moz-background-size: 100%;
  -webkit-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  display: block;
}

#page-course article section.txtarea.type02 input:checked + label {
  background-image: url(../img/1301/course_BK_otameshi_s.jpg);
}

#page-course article section.txtarea.type04 {
  position: relative;
}

#page-course article section.txtarea.type04 input {
  position: absolute;
  left: 2px;
  top: 42%;
}

#page-otamesi ul.pagetype01 li {
  padding: 15px 0;
  clear: both;
  font-size: 80%;
  border-top: #856666 solid 1px;
}

#page-otamesi ul.pagetype01 li:first-child {
  border: 0;
}

#page-otamesi ul.pagetype01 li div.thumb {
  width: 130px;
  float: left;
  margin: 5px;
  border: #B7A4A4 solid 1px;
  border-radius: 3px;
}

#page-otamesi ul.pagetype01 li div.txt {
  margin: 0 0 0 150px;
}

#page-otamesi ul.pagetype01 li div.txt h3 {
  background: none;
  text-align: left;
}

#page-otamesi ul.pagetype01 li div.txt h3 a {
  color: #00F;
}

#page-otamesi ul.pagetype01 li div.txt p {
  margin: 10px 10px 10px 0;
}

#page-otamesi ul.pagetype01 li div.txt p.info {
  padding: 5px;
  background: #E9E3E3;
  color: #300;
}

#page-otamesi ul.pagetype01 li div.txt p.producer {
  padding: 5px;
  background: #ECDBBD;
  color: #300;
}

#page-otamesi ul.pagetype02 li {
  padding: 15px 0;
  clear: both;
  font-size: 80%;
  border-top: #856666 solid 1px;
  text-align: center;
}

#page-otamesi ul.pagetype02 li div.inbox {
  display: inline-block;
  width: 92px;
  margin: 5px;
  vertical-align: top;
  text-align: left;
}

#page-otamesi ul.pagetype02 li div.inbox div.thumb {
  border: #B7A4A4 solid 1px;
  border-radius: 3px;
}

#page-otamesi ul.pagetype02 li div.inbox h3 {
  background: none;
  text-align: left;
}

#page-otamesi ul.pagetype02 li div.inbox h3 a {
  color: #00F;
}

#page-otamesi ul.pagetype02 li div.inbox p.site {
  margin: 10px 0;
  padding: 5px;
  background: #ECDBBD;
  color: #300;
  text-align: center;
}

/*新商品レイアウト 2012_04_16追加 ここから*/
div#container .newLayout {
  margin: 0;
  padding: 10px 5px;
  border-top: 1px solid #dcdbda;
  border-bottom: 1px solid #726554;
}

div#container .setLayout {
  border: none;
}

div#container .newLayout p.setShouhin {
  font-size: 14px;
  line-height: 1;
  margin: 0 0 5px;
  padding: 0;
}

.newLayout h4.newLayoutName {
  font-size: 14px;
  line-height: 1.2;
}

article.setLayout h4.newLayoutName {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  color: #852000;
}

.newLayout div.layoutWrap {
  margin: 0;
  padding: 5px 0 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
}

div.layoutWrap section.layoutShousaiArea {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
}

div#container section.layoutShousaiArea p.kikaku_meyasu {
  font-size: 14px;
  line-height: 1;
  margin: 0 0 5px;
  padding: 0;
}

section.layoutShousaiArea div.icon_box {
  margin-bottom: 3px;
  padding: 0;
}

section.layoutShousaiArea div.icon_box img.wappen {
  margin-bottom: 3px;
  margin-right: 3px;
  line-height: 1;
  padding: 0;
}

div#container div.layoutWrap section.layoutShousaiArea p.price {
  font-size: 18px;
  line-height: 1.1;
  margin: 0 0 9px;
}

div.layoutWrap section.layoutShousaiArea span.zeikomiWaribikiBaika {
  color: #cc0000;
}

#container div.layoutWrap section.layoutShousaiArea div.cartin_box {
  text-align: right;
  margin-right: 10px;
}

section.layoutShousaiArea div.cartin_box div.num_box {
  padding: 0;
  margin: 0 20px 0 0;
  display: inline-block;
}

section.layoutShousaiArea div.cartin_box div.num_box .btn-numBox {
  margin-top: 3px;
  margin-bottom: 0;
}

div.layoutWrap section.layoutPictArea {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  margin-right: 10px;
  text-align: center;
}

article.setLayout div.layoutWrap section.layoutPictArea {
  margin-bottom: 20px;
}

div.layoutWrap section.layoutPictArea div.newSetPict {
  width: 94px;
}

div.layoutWrap section.layoutPictArea img.newLayoutThumb {
  margin-bottom: 5px;
  padding: 0;
  line-height: 0;
  width: 94px;
}

/*新商品レイアウト 2012_04_16追加 ここまで*/
/*新商品詳細レイアウト 2012_05_11追加 ここから*/
#container article.syousaiLayout {
  margin: 0;
  padding: 10px 5px 20px;
  border-top: 1px solid #ececec;
}

article.syousaiLayout h4.syousaiName {
  padding: 0;
  margin: 0 0 6px;
  font-size: 16px;
  color: #852000;
  line-height: 1.2;
}

article.syousaiLayout div.syousaiBuyArea {
  display: -moz-box;
  display: -webkit-box;
  display: -o-box;
  display: box;
  margin: 0 0 10px;
  width: 100%;
}

article.syousaiLayout div.syousaiBuyArea section.syousaiKounyuuArea {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -o-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
}

div.syousaiBuyArea section.syousaiKounyuuArea div.icon_box {
  margin: 0 0 6px;
  padding: 0;
}

div.syousaiBuyArea section.syousaiKounyuuArea div.icon_box img {
  margin: 0 3px 0 0;
  padding: 0;
}

div.syousaiBuyArea section.syousaiKounyuuArea p.price {
  font-size: 18px;
  line-height: 1.1;
  margin: 0 0 8px;
}

#container div.syousaiBuyArea section.syousaiKounyuuArea div.cartin_box {
  text-align: right;
  margin: 0;
  padding: 0;
}

div.syousaiBuyArea section.syousaiKounyuuArea div.cartin_box div.num_box {
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 0;
}

div.syousaiBuyArea section.syousaiKounyuuArea div.cartin_box div.num_box .btn-numBox {
  margin-bottom: 0;
  margin-top: 3px;
}

article.syousaiLayout div.syousaiBuyArea section.syousaiPictArea {
  margin-right: 10px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -o-box-ordinal-group: 1;
  box-ordinal-group: 1;
}

article.syousaiLayout div.syousaiBuyArea section.syousaiPictArea img {
  width: 100px;
  height: 100px;
  border: 1px solid #C8B9B9;
  border-radius: 5px 5px 5px 5px;
  line-height: 0;
  padding: 0;
}

article.syousaiLayout section.syousaiRecommendArea span.syousaiOkiniiri {
  margin: 0 10px 0 0;
}

/*新商品詳細レイアウト 2012_05_11追加 ここまで*/
/*追加＠Oisix ----------*/
/*新規用タブ*/
#shinki-lp #container article.tab_box01 nav ul {
  border-bottom: #300 solid 1px;
  text-align: center;
}

#shinki-lp #container article.tab_box01 nav ul li {
  display: inline-block;
  width: 153px;
  height: 30px;
  margin: 5px 2px 0 2px;
  background: url(img/tab_shinki.png) left bottom repeat-x;
  line-height: 30px;
  text-align: center;
  font-size: 100%;
}

#shinki-lp #container article.tab_box01 nav ul li.active {
  padding: 0 0 0 0;
  background-image: url(img/tab_shinki_on.png);
  color: #FFF;
  text-shadow: #C1443B 1px 1px 1px;
}

#shinki-lp #container article.tab_box01 nav ul li:first-child {
  border-left: none;
}

#shinki-lp #container article.tab_box01 section.txtarea {
  display: none;
}

#shinki-lp #container article.tab_box01 section.txtarea.display_show {
  display: block;
}

#shinki-lp #container article.tab_box01 section.txtarea img.image {
  float: left;
  margin: 0 10px 10px 0;
}

/*新規用タブ*/
#oikura_zeroto {
  background-color: #faede4;
}

/*ここから 定期TOP*/
#beginner_layer {
  display: none;
}

.portrait #beginner_layer {
  width: 100%;
}

.landscape #beginner_layer {
  width: 100%;
}

#beginner_layer {
  padding-bottom: 20px;
  display: none;
  position: absolute;
  background-color: #f0ebbf;
  opacity: 0.95;
  z-index: 100;
  text-align: center;
  -moz-box-shadow: 0 0 6px #333;
  -webkit-box-shadow: 0 0 6px #333;
  -o-box-shadow: 0 0 6px #333;
  -ms-box-shadow: 0 0 6px #333;
}

#beginner_layer img {
  margin: auto;
  margin-top: 10px;
  vertical-align: middle;
}

.addition {
  display: none;
}

/*ここまで 定期TOP*/
/*ここから input type 追加*/
#container article.formtype01 section.txtarea input[type=email] {
  width: 90%;
  font-size: 20px;
}

#container article.formtype01 section.txtarea input[type=number] {
  width: 90%;
  font-size: 20px;
}

#container article.formtype01 section.txtarea input[type=tel] {
  width: 90%;
  font-size: 20px;
}

/*ここまで input type 追加*/
/*ここからinformation*/
#info {
  font-size: 16px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #e4e4e4), color-stop(0.2, #e4e4e4), color-stop(0.2, #dddddd));
  background-size: 7px 10px;
}

#info .toolbarBox {
  position: relative;
}

#info .toolbarBox nav li {
  position: absolute;
}

#info .toolbarBox nav .toolBtn {
  display: block;
  padding: 2px 10px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8ea3c0), color-stop(0.5, #5776a2), color-stop(0.5, #49699a), color-stop(1, #4a6b9a));
  border-top-color: #2f363e;
  border-left-color: #435a79;
  border-right-color: #435a79;
  border-bottom-color: #385074;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  text-decoration: none;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

#info .toolbarBox nav .toolBtnTypeA {
  left: 4px;
  top: 8px;
}

#info .toolbarBox nav .toolBtnTypeB {
  right: 4px;
  top: 8px;
}

#info .toolbarBox nav .toolBtnArr {
  position: absolute;
  margin-left: 10px;
  padding: 3px 10px 1px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  z-index: 5;
}

#info .toolbarBox nav .toolBtnArr:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8ea3c0), color-stop(0.5, #5776a2), color-stop(0.5, #49699a), color-stop(1, #4a6b9a));
  border-top-color: #2f363e;
  border-right-color: #435a79;
  border-bottom-color: #385074;
  border-width: 1px;
  border-style: solid;
  border-radius: 7px;
  border-left: none;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  z-index: -1;
}

#info .toolbarBox nav .toolBtnArr:after {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  top: 0;
  width: 17px;
  height: 17px;
  -webkit-transform-origin: left top;
  -webkit-transform: rotate(45deg);
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #8ea3c0), color-stop(0.5, #5776a2), color-stop(0.5, #49699a), color-stop(1, #4a6b9a));
  border-left-color: #2f363e;
  border-bottom-color: #385074;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-right: none;
  border-top: none;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  z-index: -2;
}

#info .toolbar {
  padding: 10px 0;
  border-top: solid 1px #bec5cf;
  border-bottom: solid 1px #3f4e63;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #acb9c9), color-stop(0.5, #8395af), color-stop(0.5, #7388a5), color-stop(1, #7488a1));
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-shadow: -1px -1px 0 #434b57;
  text-align: center;
}

#info .toolbarB {
  padding: 1px 12px;
  border-top: solid 1px #99a7b2;
  border-bottom: solid 1px #999ea4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #919fa8), color-stop(1, #b7c0c9));
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

#info .footerToolbar {
  padding: 10px 0;
  border-top: solid 1px #2d3033;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b5c0ce), color-stop(0.5, #899cb4), color-stop(0.5, #7e94b0), color-stop(1, #6d83a1));
  color: #fff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}

/*btnType Serise*/
#info a.btnTypeA, a.btnTypeB, a.btnTypeC, a.btnTypeD, a.btnTypeE {
  position: relative;
  margin-bottom: 12px;
  margin-top: 12px;
  padding: 5px 10px;
  display: block;
  color: #000;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  z-index: 5;
}

#info .btnTypeA:after, a.btnTypeB:after, a.btnTypeC:after, a.btnTypeD:after, a.btnTypeE:after {
  content: "";
  position: absolute;
  left: -3px;
  top: -3px;
  width: 100%;
  height: 100%;
  padding: 2px;
  border-radius: 10px;
  background-color: #bebebe;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.5, rgba(255, 255, 255, 0)));
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.3);
  z-index: -1;
}

#info .btnTypeA:before, a.btnTypeB:before, a.btnTypeC:before, a.btnTypeD:before, a.btnTypeE:before {
  content: "";
  position: absolute;
  left: -6px;
  top: -5px;
  width: 100%;
  height: 100%;
  padding: 5px 5px 4px 5px;
  border-radius: 14px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #545454), color-stop(1, #9e9e9e));
  z-index: -2;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.3), 0 1.3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.3), 0 1.3px 0 rgba(0, 0, 0, 0.2);
}

#info a.btnTypeB {
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}

#info a.btnTypeB:after {
  background-color: #475ab0;
}

#info a.btnTypeC {
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}

#info a.btnTypeC:after {
  background-color: #333;
}

#info a.btnTypeD {
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}

#info a.btnTypeD:after {
  background-color: #f00;
}

#info a.btnTypeE {
  color: #fff;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}

#info a.btnTypeE:after {
  background-color: #009d0e;
}

#info a.btnType-s-A {
  display: inline-block;
  padding: 5px 9px;
  border-top: solid 1px #512f32;
  border-left: solid 1px #512f32;
  border-right: solid 1px #512f32;
  border-bottom: solid 1px #8c0f18;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ef868d), color-stop(0.5, #c7343e), color-stop(0.5, #bd1422), color-stop(1, #bd1422));
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

#info a.btnType-s-B {
  display: inline-block;
  padding: 5px 9px;
  border-top: solid 1px #29354e;
  border-left: solid 1px #163d8d;
  border-right: solid 1px #163d8d;
  border-bottom: solid 1px #1b49a5;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #759ae9), color-stop(0.5, #3770e0), color-stop(0.5, #2260dd), color-stop(1, #2462de));
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

/*lists*/
#info .listIPhone {
  background-color: #fff;
}

#info .listIPhone li {
  position: relative;
  border-bottom: solid 1px #ddd;
}

#info .listIPhone li a:not(.noListLink) {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #000;
  text-decoration: none;
  -webkit-box-sizing: border-box;
}

#info .listIPhone li .floatBtn {
  position: absolute;
  right: 8px;
  top: 7px;
}

#info .listIPhone li:last-child {
  border-bottom: none;
}

#info .listIPhone.listTypeA {
  border-radius: 10px;
  border: solid 1px #ccc;
}

#info .listIPhone.listTypeA li a:not(.noListLink):after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: solid 2px #979797;
  border-right: solid 2px #979797;
  -webkit-transform: rotate(45deg);
}

#info .listIPhone.listTypeB li a:not(.noListLink):after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  display: block;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
}

#info .listIPhone.listTypeB li a:not(.noListLink):before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -9px;
  background-image: -webkit-gradient(radial, center center, 0, center center, 10, from(#246cd8), color-stop(70%, #246cd8), color-stop(90%, white), to(white));
  border-radius: 16px;
  border: solid 2px #fff;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4), inset 0 6px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4), inset 0 6px 0 rgba(255, 255, 255, 0.3);
}

/*template styles.*/
#info .template-section {
  padding: 20px;
}

#info .template-section h1 {
  color: #4c566c;
  text-align: left;
}

/*mod styles*/
#info .mod-layout-l {
  text-align: left;
}

#info .mod-layout-r {
  text-align: right;
}

#info .mod-layout-ct {
  text-align: center;
}

/*ここまでinformation*/
/*ここから新CategoryList*/
.template-section {
  background-color: #E9E3E3;
  background-size: 7px 10px;
}

.template-section_ma {
  background-color: #00a13f;
  color: #FFF;
  padding: 10px;
  background-size: 7px 10px;
}

/*lists*/
/*
height: 100%;
padding: 12px 12px 12px 45px;
color: #000;
text-decoration: none;
-webkit-box-sizing: border-box;
}
}
*/
/*template styles.*/
/*--------------CSSスプライトここから 2012_0202 suga------------*/
/*新カテゴリUIアイコン表示用*/
ul.listIPhone > li {
  padding: 0;
}

article section ul.listIPhone li.accordion {
  position: relative;
}

article section ul.listIPhone li.accordion:after {
  position: absolute;
  content: "+";
  font-weight: bold;
  font-size: 130%;
  color: #c0b8b6;
  right: 15px;
  top: 27%;
}

article section ul.listIPhone li.accordion.close:after {
  content: "-";
  font-size: 190%;
  right: 16px;
  top: 16%;
}

ul.listIPhone > li > a.ui-link {
  background-image: url(img/sprite.png);
  background-repeat: no-repeat;
}

ul.listIPhone li.icon_okiniiri a.ui-link {
  background-position: 10px -165px;
}

ul.listIPhone li.icon_vip a.ui-link {
  background-position: 10px -212px;
}

ul.listIPhone li.icon_185 a.ui-link {
  background-position: 10px -259px;
}

ul.listIPhone li.icon_190 a.ui-link {
  background-position: 10px -306px;
}

ul.listIPhone li.icon_rireki a.ui-link {
  background-position: 10px -353px;
}

ul.listIPhone li.icon_oic a.ui-link {
  background-position: 10px -400px;
}

ul.listIPhone li.icon_mottainai a.ui-link {
  background-position: 10px -447px;
}

ul.listIPhone li.icon_182 a.ui-link {
  background-position: 10px -494px;
}

ul.listIPhone li.icon_omiyage a.ui-link {
  background-position: 10px -541px;
}

ul.listIPhone li.icon_170 a.ui-link {
  background-position: 10px -588px;
}

ul.listIPhone li.icon_kit a.ui-link {
  background-position: 10px -635px;
}

ul.listIPhone li.icon_buyer a.ui-link {
  background-position: 10px -682px;
}

ul.listIPhone li.icon_shin_shin a.ui-link {
  background-position: 10px -729px;
}

ul.listIPhone li.icon_wari a.ui-link {
  background-position: 10px -776px;
}

ul.listIPhone li.icon_shun a.ui-link {
  background-position: 10px -823px;
}

ul.listIPhone li.icon_shin_yotei a.ui-link {
  background-position: 10px -870px;
}

ul.listIPhone li.icon_999 a.ui-link {
  background-position: 10px -917px;
}

ul.listIPhone li.icon_966 a.ui-link {
  background-position: 10px -964px;
}

ul.listIPhone li.icon_215 a.ui-link {
  background-position: 10px -1011px;
}

ul.listIPhone li.icon_801 a.ui-link {
  background-position: 10px -1058px;
}

ul.listIPhone li.icon_216 a.ui-link {
  background-position: 10px -1105px;
}

ul.listIPhone li.icon_100 a.ui-link {
  background-position: 10px -1152px;
}

ul.listIPhone li.icon_101 a.ui-link {
  background-position: 10px -1199px;
}

ul.listIPhone li.icon_105 a.ui-link {
  background-position: 10px -1246px;
}

ul.listIPhone li.icon_106 a.ui-link {
  background-position: 10px -1293px;
}

ul.listIPhone li.icon_110 a.ui-link {
  background-position: 10px -1340px;
}

ul.listIPhone li.icon_115 a.ui-link {
  background-position: 10px -1387px;
}

ul.listIPhone li.icon_116 a.ui-link {
  background-position: 10px -1434px;
}

ul.listIPhone li.icon_120 a.ui-link {
  background-position: 10px -1481px;
}

ul.listIPhone li.icon_125 a.ui-link {
  background-position: 10px -1528px;
}

ul.listIPhone li.icon_140 a.ui-link {
  background-position: 10px -1575px;
}

ul.listIPhone li.icon_130 a.ui-link {
  background-position: 10px -1622px;
}

ul.listIPhone li.icon_135 a.ui-link {
  background-position: 10px -1669px;
}

ul.listIPhone li.icon_900 a.ui-link {
  background-position: 10px -1716px;
}

ul.listIPhone li.icon_192 a.ui-link {
  background-position: 10px -71px;
}

ul.listIPhone li.icon_196 a.ui-link {
  background-position: 10px -1763px;
}

ul.listIPhone li.icon_195 a.ui-link {
  background-position: 10px -1810px;
}

ul.listIPhone li.icon_214 a.ui-link {
  background-position: 10px -1857px;
}

ul.listIPhone li.icon_180 a.ui-link {
  background-position: 10px -1904px;
}

ul.listIPhone li.icon_217 a.ui-link {
  background-position: 10px -2123px;
}

ul.listIPhone li.icon_begin a.ui-link {
  background-position: 10px -2175px;
}

ul.listIPhone li.icon_mysetranking a.ui-link {
  background-position: 10px -2327px;
}

ul.listIPhone li.icon_fresh a.ui-link {
  background-position: 10px -2278px;
}

ul.listIPhone li.icon_oichika a.ui-link {
  background-position: 10px -118px;
}

ul.listIPhone li.icon_181 a.ui-link {
  background-position: 10px -2372px;
}

ul.listIPhone li.icon_kimerarenaino a.ui-link {
  background-position: 10px -2417px;
}

ul.listIPhone li.icon_shien a.ui-link {
  background-position: 10px -2462px;
}

ul.listIPhone li.icon_yoyaku a.ui-link {
  background-position: 10px -2509px;
}

ul.listIPhone li.icon_ranking a.ui-link {
  background-position: 10px -2555px;
}

/*フッター産直ボタン*/
#footerButtons {
  width: 100%;
  letter-spacing: -0.4em;
  border-top: 1px solid #ddd;
  margin: 0 0 18px;
}

#footerButtons > li {
  text-align: left;
  width: 50%;
  padding: 0;
  margin: 0;
  letter-spacing: normal;
  border: none;
  position: relative;
  border-bottom: 1px solid #ddd;
}

#footerButtons > li > a {
  display: block;
  height: 16px;
  padding: 13px 5px 13px 37px;
  background-image: url(img/sprite_footer.png);
  background-repeat: no-repeat;
  line-height: 16px;
}

#footerButtons > li:nth-child(2n) > a {
  padding-left: 32px;
  padding-right: 10px;
  border-left: 1px solid #ddd;
}

#footerButtons li.icon_sanchoku a {
  background-position: 10px 11px;
}

#footerButtons li.icon_oitoku a {
  background-position: 5px -36px;
}

#footerButtons li.icon_mailmaga a {
  background-position: 10px -83px;
}

#footerButtons li.icon_facebook a {
  background-position: 5px -130px;
}

/*注文確認ページへ ボタン*/
.spriteKessai {
  position: absolute;
  right: 5px;
  top: 3px;
  text-indent: -9999px;
  display: block;
  width: 100px;
  height: 30px;
  margin: 0;
  padding: 0;
  background: url(img/sprite.png) left top no-repeat;
}

/*---------------CSSスプライトここまで 2012_0202 suga-----------*/
/*ここからボタン*/
button::-moz-focus-inner {
  border: 0;
}

/*minimal
*******************************************************************************/
button.minimal {
  background: #e3e3e3;
  border: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -ms-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -o-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 8px 0 9px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  /*width: 150px;*/
}

button.minimal:hover {
  background: #d9d9d9;
  -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
  -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
  -ms-box-shadow: inset 0 0 1px 1px #eaeaea;
  -o-box-shadow: inset 0 0 1px 1px #eaeaea;
  box-shadow: inset 0 0 1px 1px #eaeaea;
  color: #222;
  cursor: pointer;
}

button.minimal:active {
  background: #d0d0d0;
  -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
  -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
  -ms-box-shadow: inset 0 0 1px 1px #e3e3e3;
  -o-box-shadow: inset 0 0 1px 1px #e3e3e3;
  box-shadow: inset 0 0 1px 1px #e3e3e3;
  color: #000;
}

/*clean gray
*******************************************************************************/
button.clean-gray {
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  /* font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;*/
  line-height: 1;
  padding: 10px 0;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  /* width: 150px;*/
  width: 70%;
}

button.clean-gray:hover {
  background-color: #dddddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(top, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}

button.clean-gray:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

/*cupid green (inspired by okcupid.com)
*******************************************************************************/
button.cupid-green {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
  -ms-box-shadow: inset 0 1px 0 0 #96ca6d;
  -o-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  /* font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;*/
  line-height: 1.3;
  padding: 7px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  /* width: 150px;*/
}

button.cupid-green:hover {
  background-color: #76b347;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76b347), to(#5e9e2e));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
  background-image: linear-gradient(top, #76b347, #5e9e2e);
  -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
  -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
  -ms-box-shadow: inset 0 1px 0 0 #8dbf67;
  -o-box-shadow: inset 0 1px 0 0 #8dbf67;
  box-shadow: inset 0 1px 0 0 #8dbf67;
  cursor: pointer;
}

button.cupid-green:active {
  border: 1px solid #5b992b;
  border-bottom: 1px solid #538c27;
  -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
}

/*cupid orange (inspired by okcupid.com)
*******************************************************************************/
button.cupid-orange {
  background-color: #fe8440;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fe8440), to(#e16f2e));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #fe8440, #e16f2e);
  background-image: -moz-linear-gradient(top, #fe8440, #e16f2e);
  background-image: -ms-linear-gradient(top, #fe8440, #e16f2e);
  background-image: -o-linear-gradient(top, #fe8440, #e16f2e);
  background-image: linear-gradient(top, #fe8440, #e16f2e);
  border: 1px solid #ef732d;
  border-bottom: 1px solid #e16f2e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #f59964;
  -moz-box-shadow: inset 0 1px 0 0 #f59964;
  -ms-box-shadow: inset 0 1px 0 0 #f59964;
  -o-box-shadow: inset 0 1px 0 0 #f59964;
  box-shadow: inset 0 1px 0 0 #f59964;
  color: #fff;
  /* font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;*/
  line-height: 1;
  padding: 7px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 0 #dc6f24;
  /* width: 150px;*/
}

button.cupid-orange:hover {
  background-color: #f28341;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f28341), to(#e87530));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #f28341, #e87530);
  background-image: -moz-linear-gradient(top, #f28341, #e87530);
  background-image: -ms-linear-gradient(top, #f28341, #e87530);
  background-image: -o-linear-gradient(top, #f28341, #e87530);
  background-image: linear-gradient(top, #f28341, #e87530);
  -webkit-box-shadow: inset 0 1px 0 0 #ff9f68;
  -moz-box-shadow: inset 0 1px 0 0 #ff9f68;
  -ms-box-shadow: inset 0 1px 0 0 #ff9f68;
  -o-box-shadow: inset 0 1px 0 0 #ff9f68;
  box-shadow: inset 0 1px 0 0 #ff9f68;
  cursor: pointer;
}

button.cupid-orange:active {
  border: 1px solid #ef732d;
  border-bottom: 1px solid #d46c2e;
  -webkit-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
}

/*cupid blue (inspired by okcupid.com)
*******************************************************************************/
button.cupid-blue {
  background-color: #d7e5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d7e5f5), to(#cbe0f5));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #d7e5f5, #cbe0f5);
  background-image: -moz-linear-gradient(top, #d7e5f5, #cbe0f5);
  background-image: -ms-linear-gradient(top, #d7e5f5, #cbe0f5);
  background-image: -o-linear-gradient(top, #d7e5f5, #cbe0f5);
  background-image: linear-gradient(top, #d7e5f5, #cbe0f5);
  border-top: 1px solid #abbbcc;
  border-left: 1px solid #a7b6c7;
  border-bottom: 1px solid #a1afbf;
  border-right: 1px solid #a7b6c7;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: inset 0 1px 0 0 white;
  -moz-box-shadow: inset 0 1px 0 0 white;
  -ms-box-shadow: inset 0 1px 0 0 white;
  -o-box-shadow: inset 0 1px 0 0 white;
  box-shadow: inset 0 1px 0 0 white;
  color: #1a3e66;
  /* font: normal 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;*/
  line-height: 1;
  padding: 6px 0 7px 0;
  text-align: center;
  text-shadow: 0 1px 1px #fff;
  /* width: 150px;*/
}

button.cupid-blue:hover {
  background-color: #ccd9e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ccd9e8), to(#c1d4e8));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #ccd9e8, #c1d4e8);
  background-image: -moz-linear-gradient(top, #ccd9e8, #c1d4e8);
  background-image: -ms-linear-gradient(top, #ccd9e8, #c1d4e8);
  background-image: -o-linear-gradient(top, #ccd9e8, #c1d4e8);
  background-image: linear-gradient(top, #ccd9e8, #c1d4e8);
  border-top: 1px solid #a1afbf;
  border-left: 1px solid #9caaba;
  border-bottom: 1px solid #96a3b3;
  border-right: 1px solid #9caaba;
  -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2;
  -moz-box-shadow: inset 0 1px 0 0 #f2f2f2;
  -ms-box-shadow: inset 0 1px 0 0 #f2f2f2;
  -o-box-shadow: inset 0 1px 0 0 #f2f2f2;
  box-shadow: inset 0 1px 0 0 #f2f2f2;
  color: #163659;
  cursor: pointer;
}

button.cupid-blue:active {
  border: 1px solid #8c98a7;
  -webkit-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
  -moz-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
  -ms-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
  box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
}

/*blue pill (inspired by iTunes)
*******************************************************************************/
button.blue-pill {
  background-color: #a5b8da;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a5b8da), to(#7089b3));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
  background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
  background-image: linear-gradient(top, #a5b8da, #7089b3);
  border-top: 1px solid #758fba;
  border-right: 1px solid #6c84ab;
  border-bottom: 1px solid #5c6f91;
  border-left: 1px solid #6c84ab;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  -webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
  -moz-box-shadow: inset 0 1px 0 0 #aec3e5;
  -ms-box-shadow: inset 0 1px 0 0 #aec3e5;
  -o-box-shadow: inset 0 1px 0 0 #aec3e5;
  box-shadow: inset 0 1px 0 0 #aec3e5;
  color: #fff;
  /* font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;*/
  line-height: 1;
  padding: 8px 0;
  text-align: center;
  text-shadow: 0 -1px 1px #64799e;
  text-transform: uppercase;
  /* width: 150px;*/
}

button.blue-pill:hover {
  background-color: #9badcc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9badcc), to(#687fa6));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #9badcc, #687fa6);
  background-image: -moz-linear-gradient(top, #9badcc, #687fa6);
  background-image: -ms-linear-gradient(top, #9badcc, #687fa6);
  background-image: -o-linear-gradient(top, #9badcc, #687fa6);
  background-image: linear-gradient(top, #9badcc, #687fa6);
  border-top: 1px solid #6d86ad;
  border-right: 1px solid #647a9e;
  border-bottom: 1px solid #546685;
  border-left: 1px solid #647a9e;
  -webkit-box-shadow: inset 0 1px 0 0 #a5b9d9;
  -moz-box-shadow: inset 0 1px 0 0 #a5b9d9;
  -ms-box-shadow: inset 0 1px 0 0 #a5b9d9;
  -o-box-shadow: inset 0 1px 0 0 #a5b9d9;
  box-shadow: inset 0 1px 0 0 #a5b9d9;
  cursor: pointer;
}

button.blue-pill:active {
  border: 1px solid #546685;
  -webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
}

/*dribbble (inspired by dribbble.com)
*******************************************************************************/
button.dribbble {
  background-color: #f26895;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f26895 0), to(#f26895 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #f26895 0, #f26895 50%, #f15587 50%, #f15587 100%);
  background-image: -moz-linear-gradient(top, #f26895 0, #f26895 50%, #f15587 50%, #f15587 100%);
  background-image: -ms-linear-gradient(top, #f26895 0, #f26895 50%, #f15587 50%, #f15587 100%);
  background-image: -o-linear-gradient(top, #f26895 0, #f26895 50%, #f15587 50%, #f15587 100%);
  background-image: linear-gradient(top, #f26895 0, #f26895 50%, #f15587 50%, #f15587 100%);
  border: 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #fcfcfc;
  /* font: bold 16px "helvetica neue", helvetica, arial, sans-serif;*/
  line-height: 1;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #a64767;
  /* width: 150px;*/
}

button.dribbble:hover {
  background-color: #e2558b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e2558b 0), to(#e2558b 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #e2558b 0, #e2558b 50%, #df3e7b 50%, #df3e7b 100%);
  background-image: -moz-linear-gradient(top, #e2558b 0, #e2558b 50%, #df3e7b 50%, #df3e7b 100%);
  background-image: -ms-linear-gradient(top, #e2558b 0, #e2558b 50%, #df3e7b 50%, #df3e7b 100%);
  background-image: -o-linear-gradient(top, #e2558b 0, #e2558b 50%, #df3e7b 50%, #df3e7b 100%);
  background-image: linear-gradient(top, #e2558b 0, #e2558b 50%, #df3e7b 50%, #df3e7b 100%);
  cursor: pointer;
}

button.dribbble:active {
  background-color: #c94477;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c94477 0), to(#c94477 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #c94477 0, #c94477 50%, #c22b65 50%, #c22b65 100%);
  background-image: -moz-linear-gradient(top, #c94477 0, #c94477 50%, #c22b65 50%, #c22b65 100%);
  background-image: -ms-linear-gradient(top, #c94477 0, #c94477 50%, #c22b65 50%, #c22b65 100%);
  background-image: -o-linear-gradient(top, #c94477 0, #c94477 50%, #c22b65 50%, #c22b65 100%);
  background-image: linear-gradient(top, #c94477 0, #c94477 50%, #c22b65 50%, #c22b65 100%);
}

/*slick black
*******************************************************************************/
button.slick-black {
  background-color: rgba(50, 50, 50, 0.9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, 0.9) 0%), to(rgba(30, 30, 30, 0.9) 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9) 0%, rgba(30, 30, 30, 0.9) 50%, rgba(20, 20, 20, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9) 0%, rgba(30, 30, 30, 0.9) 50%, rgba(20, 20, 20, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9) 0%, rgba(30, 30, 30, 0.9) 50%, rgba(20, 20, 20, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -o-linear-gradient(top, rgba(50, 50, 50, 0.9) 0%, rgba(30, 30, 30, 0.9) 50%, rgba(20, 20, 20, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%);
  background-image: linear-gradient(top, rgba(50, 50, 50, 0.9) 0%, rgba(30, 30, 30, 0.9) 50%, rgba(20, 20, 20, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%);
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1);
  -moz-box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1);
  -ms-box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1);
  -o-box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1);
  box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1);
  color: #fff;
  /* font: lighter 22px "helvetica neue", helvetica, arial, sans-serif;*/
  line-height: 1;
  padding: 12px 0;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8), 0 1px 1px rgba(255, 255, 255, 0.3);
  /* width: 150px;*/
}

button.slick-black:hover {
  background-color: rgba(70, 70, 70, 0.9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(70, 70, 70, 0.9) 0%), to(rgba(50, 50, 50, 0.9) 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(50, 50, 50, 0.9) 50%, rgba(40, 40, 40, 0.9) 50%, rgba(20, 20, 20, 0.9) 100%);
  background-image: -moz-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(50, 50, 50, 0.9) 50%, rgba(40, 40, 40, 0.9) 50%, rgba(20, 20, 20, 0.9) 100%);
  background-image: -ms-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(50, 50, 50, 0.9) 50%, rgba(40, 40, 40, 0.9) 50%, rgba(20, 20, 20, 0.9) 100%);
  background-image: -o-linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(50, 50, 50, 0.9) 50%, rgba(40, 40, 40, 0.9) 50%, rgba(20, 20, 20, 0.9) 100%);
  background-image: linear-gradient(top, rgba(70, 70, 70, 0.9) 0%, rgba(50, 50, 50, 0.9) 50%, rgba(40, 40, 40, 0.9) 50%, rgba(20, 20, 20, 0.9) 100%);
  cursor: pointer;
}

button.slick-black:active {
  background-color: rgba(30, 30, 30, 0.9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 30, 0.9) 0%), to(rgba(20, 20, 20, 0.9) 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(20, 20, 20, 0.9) 50%, rgba(10, 10, 10, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -moz-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(20, 20, 20, 0.9) 50%, rgba(10, 10, 10, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -ms-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(20, 20, 20, 0.9) 50%, rgba(10, 10, 10, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%);
  background-image: -o-linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(20, 20, 20, 0.9) 50%, rgba(10, 10, 10, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%);
  background-image: linear-gradient(top, rgba(30, 30, 30, 0.9) 0%, rgba(20, 20, 20, 0.9) 50%, rgba(10, 10, 10, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%);
}

/*thoughtbot (inspired by thoughtbot.com)
*******************************************************************************/
button.thoughtbot {
  background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ee432e 0%), to(#c63929 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  -ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  /* font: bold 20px "helvetica neue", helvetica, arial, sans-serif;*/
  line-height: 1;
  padding: 12px 0 14px 0;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  /* width: 150px;*/
}

button.thoughtbot:hover {
  background-color: #f37873;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f37873 0%), to(#db504d 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
  background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
  background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
  background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
  background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
  cursor: pointer;
}

button.thoughtbot:active {
  background-color: #d43c28;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d43c28 0%), to(#ad3224 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
  background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
  background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
  background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
  background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
  -ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
  -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
}

/*punch
*******************************************************************************/
button.punch {
  background: #4162a8;
  border-top: 1px solid #38538c;
  border-right: 1px solid #1f2d4d;
  border-bottom: 1px solid #151e33;
  border-left: 1px solid #1f2d4d;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  -moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  -ms-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  -o-box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  box-shadow: inset 0 1px 10px 1px #5c8bee, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  color: #fff;
  /* font: bold 20px "helvetica neue", helvetica, arial, sans-serif;*/
  line-height: 1;
  margin-bottom: 10px;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #1e2d4d;
  /* width: 150px;*/
  -webkit-background-clip: padding-box;
}

button.punch:hover {
  -webkit-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  -moz-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  -ms-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  -o-box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  box-shadow: inset 0 0px 20px 1px #87adff, 0px 1px 0 #1d2c4d, 0 6px 0px #1f3053, 0 8px 4px 1px #111111;
  cursor: pointer;
}

button.punch:active {
  -webkit-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
  -moz-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
  -ms-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
  -o-box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
  box-shadow: inset 0 1px 10px 1px #5c8bee, 0 1px 0 #1d2c4d, 0 2px 0 #1f3053, 0 4px 3px 0 #111111;
  margin-top: 58px;
}

/*blue candy (inspired by Apple iOS buttons)
*******************************************************************************/
button.blue-candy {
  background-color: #779be9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#779be9 0%), to(#376fe0 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
  background-image: -moz-linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
  background-image: -ms-linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
  background-image: -o-linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
  background-image: linear-gradient(top, #779be9 0%, #376fe0 50%, #2260dd 50%, #2463de 100%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  /* font: bold 12px "helvetica neue", helvetica, arial, sans-serif;*/
  line-height: 1;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #2c4d93;
  /* width: 150px;*/
  -webkit-background-clip: padding-box;
}

button.blue-candy:hover {
  background-color: #6989cf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6989cf 0%), to(#3263c7 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
  background-image: -moz-linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
  background-image: -ms-linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
  background-image: -o-linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
  background-image: linear-gradient(top, #6989cf 0%, #3263c7 50%, #1d55c4 50%, #1d55c4 100%);
  -webkit-background-clip: padding-box;
  cursor: pointer;
}

button.blue-candy:active {
  background: #1a4aab;
  background: -moz-radial-gradient(50% 31% 0deg, circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)), -moz-linear-gradient(top, #5c78b5 0%, #2b57ad 50%, #1a4aab 50%, #1b4bab 100%);
  background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #5c78b5), color-stop(0.5, #2b57ad), color-stop(0.5, #1a4aab), color-stop(1, #1b4bab));
  color: #ddd;
  -webkit-background-clip: padding-box;
}

/*purple candy
*******************************************************************************/
button.purple-candy {
  background-color: #9e76e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9e76e8 0%), to(#7038e0 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  background-image: -moz-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  background-image: -ms-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  background-image: -o-linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  background-image: linear-gradient(top, #9e76e8 0%, #7038e0 50%, #6021de 50%, #6224de 100%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  /* font: bold 12px "helvetica neue", helvetica, arial, sans-serif;*/
  line-height: 1;
  padding: 10px 0 12px 0;
  text-align: center;
  text-shadow: 0px -1px 1px #473569;
  /* width: 150px;*/
  -webkit-background-clip: padding-box;
}

button.purple-candy:hover {
  background-color: #8d69cf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8d69cf 0%), to(#6332c7 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
  background-image: -moz-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
  background-image: -ms-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
  background-image: -o-linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
  background-image: linear-gradient(top, #8d69cf 0%, #6332c7 50%, #551dc4 50%, #561fc4 100%);
  -webkit-background-clip: padding-box;
  cursor: pointer;
}

button.purple-candy:active {
  background: #4a1aab;
  background: -moz-radial-gradient(50% 31% 0deg, circle cover, rgba(38, 76, 153, 0.4), rgba(11, 23, 46, 0.4)), -moz-linear-gradient(top, #7b5cb5 0%, #572bad 50%, #4a1aab 50%, #4b1bab 100%);
  background: -webkit-gradient(radial, 50% 20%, 75, 50% 50%, 0, from(rgba(38, 76, 153, 0.4)), to(rgba(11, 23, 46, 0.4))), -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7b5cb5), color-stop(0.5, #572bad), color-stop(0.5, #4a1aab), color-stop(1, #4b1bab));
  color: #ddd;
  -webkit-background-clip: padding-box;
}

/*shiny blue (inspired by rdio iphone interface)
*******************************************************************************/
button.shiny-blue {
  background-color: #759ae9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#759ae9 0%), to(#376fe0 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  border-top: 1px solid #1f58cc;
  border-right: 1px solid #1b4db3;
  border-bottom: 1px solid #174299;
  border-left: 1px solid #1b4db3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  -moz-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  -ms-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  -o-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  color: #fff;
  /* font: bold 12px "helvetica neue", helvetica, arial, sans-serif;*/
  padding: 7px 0;
  text-shadow: 0 -1px 1px #1a5ad9;
  /* width: 150px;*/
}

button.shiny-blue:hover {
  background-color: #5d89e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5d89e8 0%), to(#2261e0 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
  background-image: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
  background-image: -ms-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
  background-image: -o-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
  background-image: linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
  cursor: pointer;
}

button.shiny-blue:active {
  border-top: 1px solid #1b4db3;
  border-right: 1px solid #174299;
  border-bottom: 1px solid #133780;
  border-left: 1px solid #174299;
  -webkit-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
}

/*download itunes
I wrote a blog post about creating this button:
http://robots.thoughtbot.com/post/2718077289/make-css3-buttons-like-a-boss
*******************************************************************************/
button.download-itunes {
  background-color: #52a8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#52a8e8), to(#377ad0));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #52a8e8, #377ad0);
  background-image: -moz-linear-gradient(top, #52a8e8, #377ad0);
  background-image: -ms-linear-gradient(top, #52a8e8, #377ad0);
  background-image: -o-linear-gradient(top, #52a8e8, #377ad0);
  background-image: linear-gradient(top, #52a8e8, #377ad0);
  border-top: 1px solid #4081af;
  border-right: 1px solid #2e69a3;
  border-bottom: 1px solid #20559a;
  border-left: 1px solid #2e69a3;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
  -moz-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
  -ms-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
  -o-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
  box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
  color: #fff;
  /* font: normal 11px "lucida grande", sans-serif;*/
  line-height: 1;
  padding: 3px 5px;
  text-align: center;
  text-shadow: 0 -1px 1px #3275bc;
  /* width: 112px;*/
  -webkit-background-clip: padding-box;
}

button.download-itunes:hover {
  background-color: #3e9ee5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5 0%), to(#206bcb 100%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
  background-image: -moz-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
  background-image: -ms-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
  background-image: -o-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
  background-image: linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
  border-top: 1px solid #2a73a6;
  border-right: 1px solid #165899;
  border-bottom: 1px solid #07428f;
  border-left: 1px solid #165899;
  -webkit-box-shadow: inset 0 1px 0 0 #62b1e9;
  -moz-box-shadow: inset 0 1px 0 0 #62b1e9;
  -ms-box-shadow: inset 0 1px 0 0 #62b1e9;
  -o-box-shadow: inset 0 1px 0 0 #62b1e9;
  box-shadow: inset 0 1px 0 0 #62b1e9;
  cursor: pointer;
  text-shadow: 0 -1px 1px #1d62ab;
  -webkit-background-clip: padding-box;
}

button.download-itunes:active {
  background: #3282d3;
  border: 1px solid #154c8c;
  border-bottom: 1px solid #0e408e;
  -webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
  -moz-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
  -ms-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
  -o-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
  box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
  text-shadow: 0 -1px 1px #2361a4;
  -webkit-background-clip: padding-box;
}

button[disabled].download-itunes,
button[disabled].download-itunes:hover,
button[disabled].download-itunes:active {
  background-color: #dadada;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#f3f3f3));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #dadada, #f3f3f3);
  background-image: -moz-linear-gradient(top, #dadada, #f3f3f3);
  background-image: -ms-linear-gradient(top, #dadada, #f3f3f3);
  background-image: -o-linear-gradient(top, #dadada, #f3f3f3);
  background-image: linear-gradient(top, #dadada, #f3f3f3);
  border-top: 1px solid #c5c5c5;
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #cecece;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #8f8f8f;
  cursor: not-allowed;
  text-shadow: 0 -1px 1px #ebebeb;
}

button.download-itunes::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*skip (inspired by okcupid iphone interface)
*******************************************************************************/
button.skip {
  background-color: #8c9cbf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8c9cbf 0%), to(#546a9e 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -ms-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -o-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  border: 1px solid #172d6e;
  border-bottom: 1px solid #0e1d45;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -ms-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -o-box-shadow: inset 0 1px 0 0 #b1b9cb;
  box-shadow: inset 0 1px 0 0 #b1b9cb;
  color: #fff;
  /* font: bold 16px "helvetica neue", helvetica, arial, sans-serif;*/
  padding: 7px 0 8px 0;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 -1px 1px #000f4d;
  /* width: 150px;*/
}

button.skip:hover {
  background-color: #7f8dad;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7f8dad 0%), to(#4a5e8c 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
  background-image: -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
  background-image: -ms-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
  background-image: -o-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
  background-image: linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
  cursor: pointer;
}

button.skip:active {
  -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
  -moz-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
  -ms-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
  -o-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
  box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
}

/*minimal indent (inspired by okcupid iphone interface)
*******************************************************************************/
div.indent {
  background-color: #e2e2e2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#fafafa));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #e2e2e2, #fafafa);
  background-image: -moz-linear-gradient(top, #e2e2e2, #fafafa);
  background-image: -ms-linear-gradient(top, #e2e2e2, #fafafa);
  background-image: -o-linear-gradient(top, #e2e2e2, #fafafa);
  background-image: linear-gradient(top, #e2e2e2, #fafafa);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  margin: 50px auto 0;
  padding: 10px 0;
  /* width: 170px;*/
}

button.minimal-indent {
  background-color: #f3f3f3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3 0%), to(#dddddd 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #b4b4b4;
  border-right: 1px solid #dfdfdf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  -moz-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  -ms-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  -o-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  color: #666;
  /* font: bold 16px "helvetica neue", helvetica, arial, sans-serif;*/
  margin: 0;
  padding: 7px 0;
  text-shadow: 0 1px 1px #fff;
  /* width: 150px;*/
}

button.minimal-indent:hover {
  background-color: #e5e5e5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5 0%), to(#d1d1d1 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
  background-image: -moz-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
  background-image: -ms-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
  background-image: linear-gradient(top, #e5e5e5 0%, #d1d1d1 50%, #c4c4c4 50%, #b8b8b8 100%);
  -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3;
  -moz-box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3;
  -ms-box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3;
  -o-box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3;
  box-shadow: inset 0 1px 0 0 #f2f2f2, 0 1px 0 0 #c9c9c9, 0 -1px 2px 1px #e3e3e3;
}

button.minimal-indent:active {
  -webkit-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
  -moz-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
  -ms-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
  -o-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
  box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
}

/*orange
*******************************************************************************/
input.orange, button.orange {
  background-color: #f03608;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5bfa1), to(#f03608));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #f5bfa1, #f03608);
  background-image: -moz-linear-gradient(top, #f5bfa1, #f03608);
  background-image: -ms-linear-gradient(top, #f5bfa1, #f03608);
  background-image: -o-linear-gradient(top, #f5bfa1, #f03608);
  background-image: linear-gradient(top, #f5bfa1, #f03608);
  border: 1px solid #f03608;
  border-bottom: 1px solid #e16f2e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, 0.5);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, 0.5);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, 0.5);
  -o-box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, 0.5);
  box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, 0.5);
  color: #fff;
  /* font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;*/
  line-height: 1;
  padding: 7px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(48, 26, 14, 0.3), 0 1px 0 rgba(240, 234, 228, 0.3);
  /* width: 150px;*/
}

input.orange:hover, button.orange:hover {
  background-color: #f28341;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f28341), to(#e87530));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #f28341, #e87530);
  background-image: -moz-linear-gradient(top, #f28341, #e87530);
  background-image: -ms-linear-gradient(top, #f28341, #e87530);
  background-image: -o-linear-gradient(top, #f28341, #e87530);
  background-image: linear-gradient(top, #f28341, #e87530);
  border: 1px solid #e87530;
  -webkit-box-shadow: inset 0 1px 0 0 #ff9f68;
  -moz-box-shadow: inset 0 1px 0 0 #ff9f68;
  -ms-box-shadow: inset 0 1px 0 0 #ff9f68;
  -o-box-shadow: inset 0 1px 0 0 #ff9f68;
  box-shadow: inset 0 1px 0 0 #ff9f68;
  cursor: pointer;
}

input.orange:active, button.orange:active {
  border: 1px solid #ef732d;
  border-bottom: 1px solid #d46c2e;
  -webkit-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
}

/*orange2
*******************************************************************************/
input.orange2, button.orange2 {
  background-color: #f03608;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5bfa1), to(#f03608));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #f5bfa1, #f03608);
  background-image: -moz-linear-gradient(top, #f5bfa1, #f03608);
  background-image: -ms-linear-gradient(top, #f5bfa1, #f03608);
  background-image: -o-linear-gradient(top, #f5bfa1, #f03608);
  background-image: linear-gradient(top, #f5bfa1, #f03608);
  border: 2px solid #f03608;
  border-bottom: 1px solid #e16f2e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, 0.5);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, 0.5);
  -ms-box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, 0.5);
  -o-box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, 0.5);
  box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, 0.5);
  color: #360000;
  /* font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;*/
  line-height: 1;
  padding: 7px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(48, 26, 14, 0.3), 0 1px 0 rgba(240, 234, 228, 0.3);
  /* width: 150px;*/
}

input.orange2:hover, button.orange2:hover {
  background-color: #f28341;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f28341), to(#e87530));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #f28341, #e87530);
  background-image: -moz-linear-gradient(top, #f28341, #e87530);
  background-image: -ms-linear-gradient(top, #f28341, #e87530);
  background-image: -o-linear-gradient(top, #f28341, #e87530);
  background-image: linear-gradient(top, #f28341, #e87530);
  border: 2px solid #e87530;
  -webkit-box-shadow: inset 0 1px 0 0 #ff9f68;
  -moz-box-shadow: inset 0 1px 0 0 #ff9f68;
  -ms-box-shadow: inset 0 1px 0 0 #ff9f68;
  -o-box-shadow: inset 0 1px 0 0 #ff9f68;
  box-shadow: inset 0 1px 0 0 #ff9f68;
  cursor: pointer;
}

input.orange2:active, button.orange2:active {
  border: 2px solid #ef732d;
  border-bottom: 1px solid #d46c2e;
  -webkit-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
}

/*btn-yellow
*******************************************************************************/
button.btn-yellow {
  background-color: #ffe850;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe850), to(#ffde00));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #ffe850, #ffde00);
  background-image: -moz-linear-gradient(top, #ffe850, #ffde00);
  background-image: -ms-linear-gradient(top, #ffe850, #ffde00);
  background-image: -o-linear-gradient(top, #ffe850, #ffde00);
  background-image: linear-gradient(top, #ffe850, #ffde00);
  border: 1px solid #f1d200;
  border-bottom: 1px solid #ffde00;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #ffde00;
  -moz-box-shadow: inset 0 1px 0 0 #ffde00;
  -ms-box-shadow: inset 0 1px 0 0 #ffde00;
  -o-box-shadow: inset 0 1px 0 0 #ffde00;
  box-shadow: inset 0 1px 0 0 #ffde00;
  color: #fff;
  /* font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;*/
  line-height: 1;
  padding: 7px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 0 #f1d200;
  /* width: 150px;*/
}

button.btn-yellow:hover {
  background-color: #f2f45b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f45b), to(#eef100));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #f2f45b, #eef100);
  background-image: -moz-linear-gradient(top, #f2f45b, #eef100);
  background-image: -ms-linear-gradient(top, #f2f45b, #eef100);
  background-image: -o-linear-gradient(top, #f2f45b, #eef100);
  background-image: linear-gradient(top, #f2f45b, #eef100);
  -webkit-box-shadow: inset 0 1px 0 0 #ffde00;
  -moz-box-shadow: inset 0 1px 0 0 #ffde00;
  -ms-box-shadow: inset 0 1px 0 0 #ffde00;
  -o-box-shadow: inset 0 1px 0 0 #ffde00;
  box-shadow: inset 0 1px 0 0 #ffde00;
  cursor: pointer;
}

button.btn-yellow:active {
  border: 1px solid #ef732d;
  border-bottom: 1px solid #d46c2e;
  -webkit-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #d56c2e, 0 1px 0 0 #eeeeee;
}

/*btn-clearBlack
*******************************************************************************/
.btn-clearBlack, .btn-clearBlack {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6), inset 0 1px rgba(255, 255, 255, 0.2), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.2), inset 0 -15px 30px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6), inset 0 1px rgba(255, 255, 255, 0.2), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.2), inset 0 -15px 30px rgba(0, 0, 0, 0.6);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6), inset 0 1px rgba(255, 255, 255, 0.2), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.2), inset 0 -15px 30px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6), inset 0 1px rgba(255, 255, 255, 0.2), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.2), inset 0 -15px 30px rgba(0, 0, 0, 0.6);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6), inset 0 1px rgba(255, 255, 255, 0.2), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.2), inset 0 -15px 30px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-shadow: 0 -1px 1px #aaa, -1px 0 1px #aaa, 1px 0 1px #000;
  padding: 4px 20px 6px;
}

.btn-clearBlack:hover,
.btn-clearBlack:hover {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.3), inset 0 10px 20px rgba(255, 255, 255, 0.3), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.3), inset 0 10px 20px rgba(255, 255, 255, 0.3), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.3), inset 0 10px 20px rgba(255, 255, 255, 0.3), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.3), inset 0 10px 20px rgba(255, 255, 255, 0.3), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.3), inset 0 10px 20px rgba(255, 255, 255, 0.3), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.btn-clearBlack:active,
.btn-clearBlack:active {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px rgba(0, 0, 0, 0.3), inset 0 1px rgba(0, 0, 0, 0.8), inset 0 10px 20px rgba(0, 0, 0, 0.8), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px rgba(0, 0, 0, 0.3), inset 0 1px rgba(0, 0, 0, 0.8), inset 0 10px 20px rgba(0, 0, 0, 0.8), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.7);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px rgba(0, 0, 0, 0.3), inset 0 1px rgba(0, 0, 0, 0.8), inset 0 10px 20px rgba(0, 0, 0, 0.8), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.7);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px rgba(0, 0, 0, 0.3), inset 0 1px rgba(0, 0, 0, 0.8), inset 0 10px 20px rgba(0, 0, 0, 0.8), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px rgba(0, 0, 0, 0.3), inset 0 1px rgba(0, 0, 0, 0.8), inset 0 10px 20px rgba(0, 0, 0, 0.8), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.7);
  padding: 6px 20px 4px;
}

/*btn-blue01
*******************************************************************************/
.btn-blue01 {
  border: none;
  border-top: 1px solid #96d1f8;
  background: #65a9d7;
  background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
  background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
  background: -moz-linear-gradient(top, #3e779d, #65a9d7);
  background: -ms-linear-gradient(top, #3e779d, #65a9d7);
  background: -o-linear-gradient(top, #3e779d, #65a9d7);
  padding: 5px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: rgb(0, 0, 0) 0 1px 0;
  -moz-box-shadow: rgb(0, 0, 0) 0 1px 0;
  box-shadow: rgb(0, 0, 0) 0 1px 0;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
  color: white;
  text-decoration: none;
  vertical-align: middle;
}

.btn-blue01:hover {
  border-top-color: #28597a;
  background: #28597a;
  color: #ccc;
  cursor: pointer;
}

.btn-blue01:active {
  border-top-color: #1b435e;
  background: #1b435e;
}

/*btn-green01
*******************************************************************************/
.btn-green01 {
  border: none;
  border-top: 1px solid #4db52a;
  background: #45a81e;
  background: -webkit-gradient(linear, left top, left bottom, from(#34d94f), to(#45a81e));
  background: -webkit-linear-gradient(top, #34d94f, #45a81e);
  background: -moz-linear-gradient(top, #34d94f, #45a81e);
  background: -ms-linear-gradient(top, #34d94f, #45a81e);
  background: -o-linear-gradient(top, #34d94f, #45a81e);
  padding: 5px 10px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: rgb(0, 0, 0) 0 1px 0;
  -moz-box-shadow: rgb(0, 0, 0) 0 1px 0;
  box-shadow: rgb(0, 0, 0) 0 1px 0;
  text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
  color: white;
  text-decoration: none;
  vertical-align: middle;
}

.btn-green01:hover {
  border-top-color: #3c9120;
  background: #3c9120;
  color: #ffffff;
  cursor: pointer;
}

.btn-green01:active {
  border-top-color: #4c730e;
  background: #4c730e;
}

/*btn-red01
*******************************************************************************/
.btn-red01 {
  font-size: 14px;
  color: #ffffff;
  padding: 10px 20px;
  background: -moz-linear-gradient(top, #f5858a 0%, #ff3d47);
  background: -webkit-gradient(linear, left top, left bottom, from(#f5858a), to(#ff3d47));
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #ffffff;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 2px rgb(255, 255, 255);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 2px rgb(255, 255, 255);
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0);
}

.btn-red01:hover {
  background: -moz-linear-gradient(top, #fa6767 0%, #d6333b);
  background: -webkit-gradient(linear, left top, left bottom, from(#fa6767), to(#d6333b));
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0px 0px 2px rgb(255, 255, 255);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0px 0px 2px rgb(255, 255, 255);
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0);
  cursor: pointer;
}

.btn-red01:active {
  background: -moz-linear-gradient(top, #f54949 0%, #d60d17);
  background: -webkit-gradient(linear, left top, left bottom, from(#f54949), to(#d60d17));
  border: 1px solid #ffffff;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), inset 0px 0px 5px rgb(3, 3, 3);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), inset 0px 0px 5px rgb(3, 3, 3);
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(255, 255, 255, 0);
}

/*btn-red01
http://girliemac.com/blog/2010/02/04/css3-box-shadow-with-inset-values-the-aqua-button-rerevisited/
*******************************************************************************/
.new-aqua {
  background: #cde;
  padding: 3px 10px 4px;
  border: 2px solid #ccc;
  border-color: #8ba2c1 #5890bf #4f93ca #768fa5;
  color: #fff;
  text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  -moz-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
  -webkit-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
  -ms-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
  -o-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
  box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad;
}

.new-aqua:hover,
.new-aqua:active {
  cursor: pointer;
  text-shadow: rgb(255, 255, 255) 0px 0px 5px;
}

/*btn-gold01
*******************************************************************************/
.btn-gold01 {
  color: #000000;
  padding: 7px 20px 9px;
  background: -moz-linear-gradient(top, #ffffff 0%, #c9ab34 50%, #57461c 50%, #755b1a 65%, #a38923);
  background: -ms-linear-gradient(top, #ffffff 0%, #c9ab34 50%, #57461c 50%, #755b1a 65%, #a38923);
  background: -o-linear-gradient(top, #ffffff 0%, #c9ab34 50%, #57461c 50%, #755b1a 65%, #a38923);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #c9ab34), color-stop(0.5, #57461c), color-stop(0.65, #755b1a), to(#a38923));
  background: linear-gradient(top, #ffffff 0%, #c9ab34 50%, #57461c 50%, #755b1a 65%, #a38923);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #000000;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 5px rgba(161, 142, 16, 0.6);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 5px rgba(161, 142, 16, 0.6);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 5px rgba(161, 142, 16, 0.6);
  text-shadow: 0px -1px 3px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);
}

.btn-gold01:hover,
.btn-gold01:active {
  padding: 8px 20px;
  background: -moz-linear-gradient(top, #ffffff 0%, #e6bf33 50%, #d6a228 50%, #cc9d31 65%, #a38923);
  background: -ms-linear-gradient(top, #ffffff 0%, #e6bf33 50%, #d6a228 50%, #cc9d31 65%, #a38923);
  background: -o-linear-gradient(top, #ffffff 0%, #e6bf33 50%, #d6a228 50%, #cc9d31 65%, #a38923);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #e6bf33), color-stop(0.5, #d6a228), color-stop(0.65, #cc9d31), to(#a38923));
  background: linear-gradient(top, #ffffff 0%, #e6bf33 50%, #d6a228 50%, #cc9d31 65%, #a38923);
  border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #000000;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), inset 0px 0px 5px rgba(227, 220, 173, 0.6);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), inset 0px 0px 5px rgba(227, 220, 173, 0.6);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), inset 0px 0px 5px rgba(227, 220, 173, 0.6);
  text-shadow: 0px -1px 3px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.3);
  cursor: pointer;
}

.btn-gold01:active {
  padding: 9px 20px 7px;
}

/*削除ボタン*/
.btn-shiitake {
  color: #FFF;
  text-decoration: none;
  text-align: center;
  width: 28px;
  padding: 3px 0 7px;
  display: block;
  font-size: 18px;
  line-height: 1;
  background: -moz-linear-gradient(top, #8a6d6d 0%, #330000 50%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a6d6d), color-stop(50%, #330000)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #8a6d6d 0%, #330000 50%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #8a6d6d 0%, #330000 50%); /*Opera 11.10+*/
  background: -ms-linear-gradient(top, #8a6d6d 0%, #330000 50%); /*IE10+*/
  background: linear-gradient(top, #8a6d6d 0%, #330000 50%); /*W3C*/
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  -o-border-radius: 14px;
  -ms-border-radius: 14px;
  border-radius: 14px;
  text-shadow: 0px 0px 3px #fff;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 2px #000;
  -moz-box-shadow: 0px 1px 2px #000;
  -ms-box-shadow: 0px 1px 2px #000;
  -o-box-shadow: 0px 1px 2px #000;
  box-shadow: 0px 1px 2px #000;
}

.btn-shiitake:hover,
.btn-shiitake:active {
  -webkit-box-shadow: inset 0 0 3px #000;
  -moz-box-shadow: inset 0 0 3px #000;
  -ms-box-shadow: inset 0 0 3px #000;
  -o-box-shadow: inset 0 0 3px #000;
  box-shadow: inset 0 0 3px #000;
}

/*btn-arrowRight*/
.btn-arrowRight {
  width: 67px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  position: relative;
  background: -moz-linear-gradient(top, #a7c36b 0%, #85ad33 50%, #85ad33 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7c36b), color-stop(50%, #85ad33), color-stop(100%, #85ad33)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #a7c36b 0%, #85ad33 50%, #85ad33 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #a7c36b 0%, #85ad33 50%, #85ad33 100%); /*Opera 11.10+*/
  background: -ms-linear-gradient(top, #a7c36b 0%, #85ad33 50%, #85ad33 100%); /*IE10+*/
  background: linear-gradient(top, #a7c36b 0%, #85ad33 50%, #85ad33 100%); /*W3C*/
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding: 2px 6px 4px 0;
  cursor: pointer;
  border: 1px solid #6B8C29;
  border-top: 1px solid #B8CF89;
  text-shadow: 1px 1px 1px #000;
}

.btn-arrowRight:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: -1px;
  top: -1px;
  border-top: 14px solid #330000;
  border-left: 14px solid transparent;
  z-index: 1;
}

.btn-arrowRight:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: -1px;
  bottom: -1px;
  border-bottom: 14px solid #330000;
  border-left: 14px solid transparent;
  z-index: 1;
}

/*btn-arrowLeft*/
.btn-arrowLeft {
  width: 67px;
  text-align: center;
  display: block;
  text-decoration: none;
  color: #fff;
  border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  position: relative;
  background: -moz-linear-gradient(top, #a7c36b 0%, #85ad33 50%, #85ad33 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7c36b), color-stop(50%, #85ad33), color-stop(100%, #85ad33)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #a7c36b 0%, #85ad33 50%, #85ad33 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #a7c36b 0%, #85ad33 50%, #85ad33 100%); /*Opera 11.10+*/
  background: -ms-linear-gradient(top, #a7c36b 0%, #85ad33 50%, #85ad33 100%); /*IE10+*/
  background: linear-gradient(top, #a7c36b 0%, #85ad33 50%, #85ad33 100%); /*W3C*/
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding: 2px 0 4px 6px;
  cursor: pointer;
  border: 1px solid #6B8C29;
  border-top: 1px solid #B8CF89;
  text-shadow: 1px 1px 1px #000;
}

.btn-arrowLeft:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: -1px;
  top: -1px;
  border-top: 14px solid #330000;
  border-right: 14px solid transparent;
  z-index: 1;
}

.btn-arrowLeft:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: -1px;
  bottom: -1px;
  border-bottom: 14px solid #330000;
  border-right: 14px solid transparent;
  z-index: 1;
}

/*btn-reload*/
.btn-reload {
  width: 150px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  position: relative;
  font-weight: bold;
  border: 1px solid #4F5E18;
  padding: 7px;
  background-color: #B8CF89;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#B8CF89), to(#68862A));
  background-image: -webkit-linear-gradient(top, #B8CF89, #68862A);
  background-image: -moz-linear-gradient(top, #B8CF89, #68862A);
  background-image: -ms-linear-gradient(top, #B8CF89, #68862A);
  background-image: -o-linear-gradient(top, #B8CF89, #68862A);
  background-image: linear-gradient(top, #B8CF89, #68862A);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  line-height: 1;
  cursor: pointer;
  text-shadow: 1px 1px 1px #4F5E18;
  background-position: 4px center;
}

/*btn-doui*/
.btn-doui,
#short_cut_oikura_button {
  width: 260px;
  display: block;
  text-decoration: none;
  color: #fff;
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 17px 0;
  margin: 0 auto 0 auto;
  background-color: #f75902;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa64e 0%), to(#f75902 50%));
  /*Saf4+, Chrome*/
  background-image: -webkit-linear-gradient(top, #ffa64e 0%, #fd7102 50%, #fc6902 50%, #f75902 100%);
  background-image: -moz-linear-gradient(top, #ffa64e 0%, #fd7102 50%, #fc6902 50%, #f75902 100%);
  background-image: -ms-linear-gradient(top, #ffa64e 0%, #fd7102 50%, #fc6902 50%, #f75902 100%);
  background-image: -o-linear-gradient(top, #ffa64e 0%, #fd7102 50%, #fc6902 50%, #f75902 100%);
  background-image: linear-gradient(top, #ffa64e 0%, #fd7102 50%, #fc6902 50%, #f75902 100%);
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
  border: 1px solid #D6A038;
  border-bottom: 1px solid #5A5A5A;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  cursor: pointer;
}

#short_cut_oikura_block a {
  text-decoration: none;
}

/*btn-hint*/
.btn-hint {
  width: 198px;
  display: block;
  text-decoration: none;
  color: #fff;
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 4px 0 5px;
  margin: 0 auto 0 auto;
  text-shadow: 1px 1px 1px #000;
  background: -moz-linear-gradient(top, #A4C5E8 0%, #548CC9 50%, #4883C7 50%, #4984C8 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A4C5E8), color-stop(50%, #548CC9), color-stop(50%, #4883C7), color-stop(100%, #4984C8)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #A4C5E8 0%, #548CC9 50%, #4883C7 50%, #4984C8 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #A4C5E8 0%, #548CC9 50%, #4883C7 50%, #4984C8 100%); /*Opera 11.10+*/
  background: -ms-linear-gradient(top, #A4C5E8 0%, #548CC9 50%, #4883C7 50%, #4984C8 100%); /*IE10+*/
  background: linear-gradient(top, #A4C5E8 0%, #548CC9 50%, #4883C7 50%, #4984C8 100%); /*W3C*/
  border: 1px solid #417EC1;
  border-top: 1px solid #9FC3E7;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  cursor: pointer;
}

/*btn-login*/
.btn-login {
  width: 94px;
  display: block;
  text-decoration: none;
  color: #fff;
  line-height: 1;
  font-size: 14px;
  text-align: center;
  padding: 6px 0;
  margin: 0 auto 0 auto;
  text-shadow: 1px 1px 1px #000;
  background: -moz-linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9D8484), color-stop(25%, #6D4848), color-stop(50%, #522929), color-stop(100%, #411111)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*Opera 11.10+*/
  background: -ms-linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*IE10+*/
  background: linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*W3C*/
  border: 1px solid #534747;
  border-top: 1px solid #AF9B9B;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  cursor: pointer;
}

.btn-login_shinki {
  width: 70px;
  display: block;
  text-decoration: none;
  color: #fff;
  line-height: 1;
  font-size: 10px;
  text-align: center;
  padding: 6px 0;
  margin: 0 auto 0 auto;
  text-shadow: 1px 1px 1px #000;
  background: -moz-linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9D8484), color-stop(25%, #6D4848), color-stop(50%, #522929), color-stop(100%, #411111)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*Opera 11.10+*/
  background: -ms-linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*IE10+*/
  background: linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*W3C*/
  border: 1px solid #534747;
  border-top: 1px solid #AF9B9B;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  cursor: pointer;
}

/*btn-search*/
.btn-search {
  width: 69px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 4px 0 5px;
  text-shadow: 1px 1px 1px #000;
  background: -moz-linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9D8484), color-stop(25%, #6D4848), color-stop(50%, #522929), color-stop(100%, #411111)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*Opera 11.10+*/
  background: -ms-linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*IE10+*/
  background: linear-gradient(top, #9D8484 0%, #6D4848 25%, #522929 50%, #411111 100%); /*W3C*/
  border: 1px solid #534747;
  border-top: 1px solid #AF9B9B;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  cursor: pointer;
}

/*btn-numBox*/
.btn-numBox {
  width: 10px;
  display: inline-block;
  text-decoration: none;
  color: #300;
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 2px 4px 5px;
  margin: 10px 0 10px 0;
  text-shadow: 1px 1px 1px #fff;
  background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 50%, #EFEFEF 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(50%, #FFFFFF), color-stop(100%, #EFEFEF)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 50%, #EFEFEF 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 50%, #EFEFEF 100%); /*Opera 11.10+*/
  background: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 50%, #EFEFEF 100%); /*IE10+*/
  background: linear-gradient(top, #FFFFFF 0%, #FFFFFF 50%, #EFEFEF 100%); /*W3C*/
  border: 1px solid #D6D6D6;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  cursor: pointer;
}

.set .btn-numBox {
  margin: 0;
}

/*btn-okiniiri*/
.btn-okiniiri {
  position: relative;
  width: 90px;
  display: block;
  text-decoration: none;
  color: #300;
  line-height: 1;
  font-size: 10px;
  font-weight: bold;
  text-align: right;
  padding: 5px 4px 6px 11px;
  text-shadow: 1px 1px 1px #fff;
  background: -moz-linear-gradient(top, #FFFFFF 0%, #EBE2E3 50%, #DFD6D7 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(50%, #EBE2E3), color-stop(100%, #DFD6D7)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #EBE2E3 50%, #DFD6D7 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #FFFFFF 0%, #EBE2E3 50%, #DFD6D7 100%); /*Opera 11.10+*/
  background: -ms-linear-gradient(top, #FFFFFF 0%, #EBE2E3 50%, #DFD6D7 100%); /*IE10+*/
  background: linear-gradient(top, #FFFFFF 0%, #EBE2E3 50%, #DFD6D7 100%); /*W3C*/
  border: 1px solid #5A5A5A;
  border-top: 1px solid #DFD6D7;
  border-left: 1px solid #DFD6D7;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  cursor: pointer;
}

.btn-okiniiri .heart {
  position: absolute;
  left: 3px;
  top: 5px;
}

.heart {
  position: relative;
  width: 14px;
  height: 12px;
}

.heart:before,
.heart:after {
  position: absolute;
  content: "";
  left: 7px;
  top: 0;
  width: 7px;
  height: 11px;
  background: red;
  -moz-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.heart:after {
  left: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

/*ここまでボタン*/
/*購入ボタンマージンここから*/
span.number {
  margin-right: 5px;
  margin-left: 5px;
  font-size: 90%;
}

/*購入ボタンマージンここまで*/
/*ここから角丸*/
div.kado1 {
  border-radius: 5px;
  border: 0px;
}

/*ここまで角丸*/
input[type=text3] {
  width: 85%;
  font-size: 16px;
}

.selectorQ {
  background: #fffff3;
  border-left: 7px solid #15AECB;
  border-bottom: 1px dotted #CCCCCC;
  padding: 0.7em 0.8em;
}

.selectorA {
  background: #fffff3;
  border-left: 7px solid #c9171e;
  padding: 0.7em 0.8em;
}

/*特集予定用*/
#container section#MainVisualbig {
  margin: 10px auto;
  position: relative;
  display: block;
  height: 206px;
  max-width: 320px;
  overflow: hidden;
}

#container section#MainVisualbig ul.imagelist {
  position: relative;
}

#container section#MainVisualbig ul.imagelist li {
  position: absolute;
  left: -300px;
  top: 0;
  margin: 0 0 0 -129px;
  display: none;
}

#container section#MainVisualbig ul.imagelist li.img1 {
  position: absolute;
  left: 50%;
  display: inline-block;
}

#container section#MainVisualbig nav {
  margin: 20px 0 0 0;
  width: 100%;
}

#container section#MainVisualbig nav ul li {
  position: absolute;
  cursor: pointer;
}

#container section#MainVisualbig nav ul li.prev {
  left: 5px;
  top: 33px;
}

#container section#MainVisualbig nav ul li.next {
  right: 5px;
  top: 33px;
}

/*新定期ボックス*/
.bgteiki01 {
  background-color: #460000;
}

.bgteiki02 {
  background-color: #ECE2C9;
  margin: 10px;
}

.bgteiki03 {
  background-color: #FFF;
}

.bgteiki01 h2 {
  color: #FFF;
  text-align: left;
  padding: 10px 0 0 10px;
  font-size: 100%;
  width: 80%;
}

article#big_cart_head {
  position: relative;
  margin: 0;
}

.kadomaru {
  border-radius: 10px;
}

.teikibgf {
  background-color: #FFF;
  border-radius: 5px;
}

/*アコーディオン新デザイン*/
.accordion_otameshi {
  border: 1px solid #ccc;
  margin: 5px;
  padding: 10px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image: -webkit-linear-gradient(top, #fff, #eee);
  background-image: -moz-linear-gradient(top, #fff, #eee);
  background-image: -ms-linear-gradient(top, #fff, #eee);
  background-image: -o-linear-gradient(top, #fff, #eee);
  background-image: linear-gradient(top, #fff, #eee);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.accordion_otameshi :target a:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  border-top: 5px solid #333;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.accordion_otameshi2 {
  border: 1px solid #008000;
  margin: 1px;
  padding: 10px;
  background-color: #f7ffef;
}

/*お客さまの声*/
dl.okyakusamaVoice {
  font-size: 70%;
  line-height: 130%;
  border: 1px solid #999;
  border-radius: 5px;
  padding: 5px;
  margin-top: 5px;
  -moz-box-shadow: 1px 1px 2px #999;
  -webkit-box-shadow: 1px 1px 2px #999;
  -o-box-shadow: 1px 1px 2px #999;
  box-shadow: 1px 1px 2px #999;
  background: -moz-linear-gradient(top, #ffd6d6 1%, #ffe0e0 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffd6d6), color-stop(100%, #ffe0e0)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #ffd6d6 1%, #ffe0e0 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #ffd6d6 1%, #ffe0e0 100%); /*Opera 11.10+*/
  background: -ms-linear-gradient(top, #ffd6d6 1%, #ffe0e0 100%); /*IE10+*/
  background: linear-gradient(top, #ffd6d6 1%, #ffe0e0 100%); /*W3C*/
}

dl.okyakusamaVoice dt {
  text-decoration: underline;
  color: #490808;
  text-align: center;
}

dl.okyakusamaVoice dd {
  padding-top: 5px;
}

dl.okyakusamaVoice dd li {
  padding: 5px;
  background: #fff;
  border-top: 1px solid #eee9e9;
  border-bottom: 1px solid #b4a7a7;
}

/*特集用内部リンクここから*/
nav.tokushuuNav {
  margin: 10px 5px 5px;
  display: block;
}

nav.tokushuuNav ul {
  width: 100%;
  text-align: center;
}

nav.tokushuuNav ul li {
  display: inline-block;
  width: 32%;
  margin-bottom: 5px;
}

nav.tokushuuNav ul li:nth-of-type(3n+2) {
  margin: 0 5px;
}

nav.tokushuuNav ul li a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid;
}

/*特集用内部リンクここまで*/
/*スポッターここから*/
div.spotter1 {
  position: relative;
  z-index: 10;
  width: 100px;
  margin: 5px 10px 4px;
  background: #cd0000;
  border-radius: 3px;
  text-align: center;
}

div.spotter1:before {
  content: "";
  position: absolute;
  left: 20px;
  bottom: -10px;
  width: 0;
  height: 0;
  border-top: 5px solid #cd0000;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #cd0000;
}

div.spotter1 p {
  padding: 3px;
  margin: 0 !important;
  line-height: 1;
  font-weight: bold;
  color: #fff;
}

div.spotter1 p span.fontLarge {
  color: #f9f230;
  font-size: 150%;
}

/*スポッターここまで*/
/*CSS プレゼント箱 ここから*/
div.present {
  position: relative;
  padding: 15px 0 0;
}

div.present span.presentRibon1:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 9px;
  top: 5px;
  border-top: 20px solid #f8203f;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

div.present span.presentRibon1:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 17px;
  top: 5px;
  border-top: 20px solid #f8203f;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  transform: rotate(60deg);
}

div.present span.presentRibon2:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 10px;
  top: 3px;
  border-top: 20px solid #f8203f;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

div.present span.presentRibon2:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 13px;
  top: 3px;
  border-top: 20px solid #f8203f;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  transform: rotate(20deg);
}

div.present span.presentBox {
  content: "";
  display: block;
  width: 10px;
  height: 30px;
  background-color: #f8203f;
  border-left: 10px solid #f794ed;
  border-right: 10px solid #f794ed;
}

/*CSS プレゼント箱 ここまで*/
/*特殊用袋文字ここから*/
article.pickup h4.hukuromoji1 {
  text-align: center;
  -webkit-text-shadow: 0px 1px 1px #000, 0px 0px 1px #000, 1px 0px 1px #000, 0px -1px 1px #000, -1px -1px 1px #000, -1px 0px 1px #000;
  -moz-text-shadow: 0px 1px 1px #000, 0px 0px 1px #000, 1px 0px 1px #000, 0px -1px 1px #000, -1px -1px 1px #000, -1px 0px 1px #000;
  -o-text-shadow: 0px 1px 1px #000, 0px 0px 1px #000, 1px 0px 1px #000, 0px -1px 1px #000, -1px -1px 1px #000, -1px 0px 1px #000;
  text-shadow: 0px 1px 1px #000, 0px 0px 1px #000, 1px 0px 1px #000, 0px -1px 1px #000, -1px -1px 1px #000, -1px 0px 1px #000;
  color: #fff;
}

/*特集用袋文字ここまで*/
/*送パスCSS ここから*/
section#soupassReason {
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
}

section#soupassReason * {
  margin: 0;
  padding: 0;
  line-height: 1;
}

section#soupassReason h1#muryoukikan {
  margin-bottom: 15px;
  font-size: 90%;
}

section#soupassReason img {
  width: 320px;
  vertical-align: top;
  font-size: 1px;
}

section#soupassReason p#corceSonnakatani {
  margin-bottom: 14px;
}

section#corceSentaku {
  text-align: center;
  margin-bottom: 15px;
}

section#corceSentaku ul {
  width: 314px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 3px;
}

section#corceSentaku ul li {
  float: left;
}

section#corceSentaku ul li:nth-child(2) {
  margin: 0 5px;
}

section#corceSentaku ul li img {
  width: 101px;
}

section#sopassNagare {
  width: 320px;
  margin: 0 auto 15px;
}

section#sopassNagare h1 {
  padding: 5px 10px;
  margin-bottom: 10px;
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
  background-color: #5d070c;
  color: #fff;
}

section#sopassNagare p img {
  font-size: 1;
  line-height: 1;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

section#sopassVoice {
  width: 320px;
  margin: 0 auto 15px;
}

section#sopassVoice h1 {
  padding: 5px 10px;
  margin-bottom: 10px;
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
  background-color: #5d070c;
  color: #fff;
}

section#sopassVoice p img {
  font-size: 1;
  line-height: 1;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

section.sopassTyuui div dl ul li {
  margin-bottom: 5px;
}

section.sopassTyuui div dl ul li:last-child {
  margin-bottom: 0;
}

/*送パスCSS ここまで*/
/*-------------- 新しいボタン追加ここから --------------*/
.button {
  /*text*/
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /*layout*/
  padding: 0.5em 0.6em 0.4em 0.6em;
  margin: 0.5em;
  display: inline-block;
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  /*effects*/
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.7)));
  background-image: -moz-radial-gradient(top, ellipse cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.7)));
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  /*color*/
  color: hsl(0, 0%, 40%) !important;
  background-color: hsl(0, 0%, 75%);
  -webkit-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(0, 0%, 60%) 0 0.1em 3px, hsl(0, 0%, 45%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
  -moz-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(0, 0%, 60%) 0 0.1em 3px, hsl(0, 0%, 45%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
  box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(0, 0%, 60%) 0 0.1em 3px, hsl(0, 0%, 45%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
}

/*-------------- button (tag) --------------*/
button.button {
  border-left: none;
  border-right: none;
}

button.button:hover {
  cursor: pointer;
}

/*-------------- icon --------------*/
.button:before {
  font: 1.2em/0 sans-serif;
  content: attr(data-icon); /*gets the icon value from the custom data attribute and puts it infront of the button label*/
  margin-right: 0.4em;
}

/*icon only*/
.icon {
  font-weight: normal;
  font-style: normal;
  text-indent: -999em;
}

.icon:before {
  margin-right: 0;
  display: block;
  height: 0;
  text-indent: 0px;
  line-height: 0.75em;
}

/*-------------- colours --------------*/
.button.orange {
  color: hsl(39, 100%, 30%) !important;
  background-color: hsl(39, 100%, 50%);
  -webkit-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(39, 100%, 40%) 0 0.1em 3px, hsl(39, 100%, 30%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
  -moz-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(39, 100%, 40%) 0 0.1em 3px, hsl(39, 100%, 30%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
  box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(39, 100%, 40%) 0 0.1em 3px, hsl(39, 100%, 30%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
}

.button.orange:hover {
  background-color: hsl(39, 100%, 65%);
}

.button.blue {
  color: hsl(208, 50%, 40%) !important;
  background-color: hsl(208, 100%, 75%);
  -webkit-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(208, 50%, 55%) 0 0.1em 3px, hsl(208, 50%, 40%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
  -moz-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(208, 50%, 55%) 0 0.1em 3px, hsl(208, 50%, 40%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
  box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(208, 50%, 55%) 0 0.1em 3px, hsl(208, 50%, 40%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
}

.button.blue:hover {
  background-color: hsl(208, 100%, 83%);
}

.button.green {
  color: hsl(88, 70%, 30%) !important;
  background-color: hsl(88, 70%, 60%);
  -webkit-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(88, 70%, 40%) 0 0.1em 3px, hsl(88, 70%, 30%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
  -moz-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(88, 70%, 40%) 0 0.1em 3px, hsl(88, 70%, 30%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
  box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(88, 70%, 40%) 0 0.1em 3px, hsl(88, 70%, 30%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
}

.button.green:hover {
  background-color: hsl(88, 70%, 75%);
}

.button.pink {
  color: hsl(340, 100%, 30%) !important;
  background-color: hsl(340, 100%, 75%);
  -webkit-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(340, 70%, 50%) 0 0.1em 3px, hsl(340, 80%, 40%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
  -moz-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(340, 70%, 50%) 0 0.1em 3px, hsl(340, 80%, 40%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
  box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, hsl(340, 70%, 50%) 0 0.1em 3px, hsl(340, 80%, 40%) 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px; /*drop shadow*/
}

.button.pink:hover {
  background-color: hsl(340, 100%, 83%);
}

.button.transparent {
  color: rgba(0, 0, 0, 0.5) !important;
}

.button.transparent, .button.transparent:hover, .button.transparent:active {
  background-color: transparent;
  background-image: none;
}

.button.transparent:hover {
  opacity: 0.9;
}

/*-------------- States --------------*/
.button:hover {
  background-color: hsl(0, 0%, 83%);
}

.button:active {
  background-image: -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), url(noise.png);
  background-image: -moz-gradient(radial, 50% 0, 100, 50% 0, 0, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), url(noise.png);
  background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), url(noise.png);
  -webkit-box-shadow: inset rgba(255, 255, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.2) 0 -0.1em 0.3em, rgba(0, 0, 0, 0.4) 0 0.1em 1px, rgba(0, 0, 0, 0.2) 0 0.2em 6px; /*drop shadow*/
  -moz-box-shadow: inset rgba(255, 255, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.2) 0 -0.1em 0.3em, rgba(0, 0, 0, 0.4) 0 0.1em 1px, rgba(0, 0, 0, 0.2) 0 0.2em 6px; /*drop shadow*/
  box-shadow: inset rgba(255, 255, 255, 0.6) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.2) 0 -0.1em 0.3em, rgba(0, 0, 0, 0.4) 0 0.1em 1px, rgba(0, 0, 0, 0.2) 0 0.2em 6px; /*drop shadow*/
  -webkit-transform: translateY(0.2em);
  -moz-transform: translateY(0.2em);
  transform: translateY(0.2em);
}

.button:focus {
  outline: none;
  color: rgba(254, 255, 255, 0.9) !important;
  text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
}

.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover {
  opacity: 0.5;
  cursor: default;
  color: rgba(0, 0, 0, 0.2) !important;
  text-shadow: none !important;
  background-color: rgba(0, 0, 0, 0.05);
  background-image: none;
  border-top: none;
  -webkit-box-shadow: inset rgba(255, 254, 255, 0.4) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.1) 0 -0.1em 0.3em, rgba(0, 0, 0, 0.3) 0 0.1em 1px, rgba(0, 0, 0, 0.2) 0 0.2em 6px; /*drop shadow*/
  -moz-box-shadow: inset rgba(255, 254, 255, 0.4) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.1) 0 -0.1em 0.3em, rgba(0, 0, 0, 0.3) 0 0.1em 1px, rgba(0, 0, 0, 0.2) 0 0.2em 6px; /*drop shadow*/
  box-shadow: inset rgba(255, 254, 255, 0.4) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.1) 0 -0.1em 0.3em, rgba(0, 0, 0, 0.3) 0 0.1em 1px, rgba(0, 0, 0, 0.2) 0 0.2em 6px; /*drop shadow*/
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  transform: translateY(5px);
}

/*-------------- Sizes --------------*/
.xs {
  font-size: 16px;
}

.xl {
  font-size: 32px;
}

/*-------------- Materials --------------*/
.button.glossy:after, .button.glass:after {
  content: "";
  position: absolute;
  width: 90%;
  height: 60%;
  top: 0;
  left: 5%;
  -webkit-border-radius: 0.5em 0.5em 1em 1em/0.5em 0.5em 2em 2em;
  -moz-border-radius: 0.5em 0.5em 1em 1em/0.5em 0.5em 2em 2em;
  border-radius: 0.5em 0.5em 1em 1em/0.5em 0.5em 2em 2em;
  background-image: -webkit-gradient(linear, 0% 0, 100% 0, from(rgba(255, 255, 255, 0.55)), to(rgba(255, 255, 255, 0.5)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.8, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.5));
  background-image: gradient(linear, 0% 0, 100% 0, from(rgba(255, 255, 255, 0.55)), to(rgba(255, 255, 255, 0.5)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.8, rgba(255, 255, 255, 0)));
}

.button.glossy:active:after,
.button.glass:active:after,
.button.disabled:after,
.button[disabled]:after {
  opacity: 0.6;
}

.button.icon.glossy:after,
.button.icon.glass:after {
  height: 75%;
}

/*-------------- Glass + Transparent --------------*/
.button.glass {
  text-shadow: rgba(255, 255, 255, 0.5) 0 -1px 0, rgba(0, 0, 0, 0.18) 0 0.18em 0.15em;
}

.button.glass:active {
  text-shadow: rgba(255, 255, 255, 0.3) 0 1px 0, rgba(0, 0, 0, 0.15) 0 0.18em 0.15em;
}

/*-------------- Shapes --------------*/
/*round*/
.round, .round.glossy:after, .round.glass:after {
  border-top: none;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}

/*oval*/
.oval {
  border-top: none;
  padding-left: 0.8em;
  padding-right: 0.8em;
  -webkit-border-radius: 5em/2em;
  -moz-border-radius: 5em/2em;
  border-radius: 5em/2em;
}

.oval.glossy:after, .oval.glass:after {
  top: 5%;
  -webkit-border-radius: 5em/2em 2em 1em 1em;
  -moz-border-radius: 5em/2em 2em 1em 1em;
  border-radius: 5em/2em 2em 1em 1em;
}

.oval.icon {
  padding-left: 0.8em;
  padding-right: 0.8em;
  -webkit-border-radius: 1.5em/1em;
  -moz-border-radius: 1.5em/1em;
  border-radius: 1.5em/1em;
}

.oval.icon.glossy:after, .oval.icon.glass:after {
  -webkit-border-radius: 1.5em/1em;
  -moz-border-radius: 1.5em/1em;
  border-radius: 1.5em/1em;
}

/*brackets*/
.brackets, .brackets.glossy:after, .brackets.glass:after {
  border-top: none;
  -webkit-border-radius: 0.5em/1em;
  -moz-border-radius: 0.5em/1em;
  border-radius: 0.5em/1em;
}

/*skew*/
.skew {
  border-top: none;
  padding-right: 1.2em;
  padding-left: 0.8em;
  -webkit-border-radius: 5em 1em/5em 1em;
  -moz-border-radius: 5em 1em/5em 1em;
  border-radius: 5em 1em/5em 1em;
}

.skew.glossy:after, .skew.glass:after {
  left: 10%;
  -webkit-border-radius: 7em 1em/5em 1em;
  -moz-border-radius: 7em 1em/5em 1em;
  border-radius: 7em 1em/5em 1em;
}

.skew.icon {
  padding-right: 0.9em;
  padding-left: 0.8em;
}

/*back*/
.back, .back.glossy:after, .back.glass:after {
  border-top-color: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 1.6em 1.6em 1em 1em/4em 4em 1em 1em;
  -moz-border-radius: 1.6em 1.6em 1em 1em/4em 4em 1em 1em;
  border-radius: 1.6em 1.6em 1em 1em/4em 4em 1em 1em;
}

.back.glossy:after, .back.glass:after {
  left: 6%;
  width: 88%;
}

/*knife*/
.knife {
  padding-left: 1.5em;
  -webkit-border-radius: 0.2em 0.5em 0.5em 8em/0.2em 0.5em 0.5em 5em;
  -moz-border-radius: 0.2em 0.5em 0.5em 8em/0.2em 0.5em 0.5em 5em;
  border-radius: 0.2em 0.5em 0.5em 8em/0.2em 0.5em 0.5em 5em;
}

.knife.glossy:after, .knife.glass:after {
  left: 3%;
  width: 97%;
  -webkit-border-radius: 0.1em 0.5em 0.5em 8em/0.1em 0.5em 0.5em 2em;
  -moz-border-radius: 0.1em 0.5em 0.5em 8em/0.1em 0.5em 0.5em 2em;
  border-radius: 0.1em 0.5em 0.5em 8em/0.1em 0.5em 0.5em 2em;
}

.knife.glossy.icon:after, .knife.glass.icon:after {
  left: 5%;
  width: 95%;
  -webkit-border-radius: 0.5em 0.5em 1em 6em/0.5em 0.5em 1em 4em;
  -moz-border-radius: 0.5em 0.5em 1em 6em/0.5em 0.5em 1em 4em;
  border-radius: 0.5em 0.5em 1em 6em/0.5em 0.5em 1em 4em;
}

/*shield*/
.shield, .shield.glossy:after, .shield.glass:after {
  -webkit-border-radius: 0.4em 0.4em 2em 2em/0.4em 0.4em 3em 3em;
  -moz-border-radius: 0.4em 0.4em 2em 2em/0.4em 0.4em 3em 3em;
  border-radius: 0.4em 0.4em 2em 2em/0.4em 0.4em 3em 3em;
}

.shield {
  padding-left: 0.8em;
  padding-right: 0.8em;
}

.shield.icon {
  padding-left: 0.6em;
  padding-right: 0.6em;
}

/*drop*/
.drop {
  border-top: none;
  -webkit-border-radius: 2em 5em 2em 0.6em/2em 4em 2em 0.6em;
  -moz-border-radius: 2em 5em 2em 0.6em/2em 4em 2em 0.6em;
  border-radius: 2em 5em 2em 0.6em/2em 4em 2em 0.6em;
}

.drop.glossy:after, .drop.glass:after {
  left: 4%;
  -webkit-border-radius: 2em 6em 2em 1em/2em 4em 2em 2em;
  -moz-border-radius: 2em 6em 2em 1em/2em 4em 2em 2em;
  border-radius: 2em 6em 2em 1em/2em 4em 2em 2em;
}

.drop.icon {
  padding-right: 0.6em;
}

/*morph*/
.morph {
  border-top: none;
  -webkit-border-radius: 5em/2em;
  -moz-border-radius: 5em/2em;
  border-radius: 5em/2em;
  -webkit-transition: -webkit-border-radius 0.3s ease-in-out;
  -moz-transition: -moz-border-radius 0.3s ease-in-out;
  transition: -moz-border-radius 0.3s ease-in-out;
}

.morph:hover {
  -webkit-border-radius: 0.4em 0.4em 2em 2em/0.4em 0.4em 3em 3em;
  -moz-border-radius: 0.4em 0.4em 2em 2em/0.4em 0.4em 3em 3em;
  border-radius: 0.4em 0.4em 2em 2em/0.4em 0.4em 3em 3em;
}

.morph:active {
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
}

.morph:after {
  display: none;
}

/*-------------- 新しいボタン追加 --------------*/
/*lists*/
.listIPhone_nav {
  background-color: #fff;
}

.listIPhone_nav li {
  position: relative;
  border-bottom: solid 1px #ddd;
}

.listIPhone_nav li a:not(.noListLink) {
  position: relative;
  display: block;
  /* width: 100%;*/
  height: 100%;
  padding: 12px 12px 12px 45px;
  color: #000;
  text-decoration: none;
  -webkit-box-sizing: border-box;
}

.listIPhone_nav li:last-child {
  border-bottom: none;
}

ul.listIPhone_nav li.child {
  padding: 5px;
  height: auto;
  background: #fffacd;
  display: none;
}

ul.listIPhone_nav li.child ul li {
  margin: 5px;
  height: auto;
  border-bottom: #B7A4A4 solid 1px;
}

ul.listIPhone_nav li.child ul li a {
  padding: 5px;
  height: auto;
  color: #00C; /*text-decoration:underline; color:#852100;*/
}

ul.listIPhone_nav li.child ul li a:after {
  content: "";
}

.mya_bg {
  background-image: url(img/globalnavi/current_arw.png);
  background-repeat: no-repeat;
  background-position: 29% 0px;
  height: 9px;
  width: 100%;
}

.listIPhone_nav.listTypeA {
  border-radius: 10px;
  border: solid 5px #00a13f;
  margin: 0 5px;
  background-position: 10px 25%;
}

.listIPhone_nav.listTypeA li a:not(.noListLink):after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -4px;
}

ul.listIPhone_nav > li {
  padding: 0;
}

article section ul.listIPhone_nav li.accordion {
  position: relative;
}

article section ul.listIPhone_nav li.accordion:after {
  position: absolute;
  content: "+";
  font-weight: bold;
  font-size: 130%;
  color: #c0b8b6;
  right: 15px;
  top: 27%;
}

article section ul.listIPhone_nav li.accordion.close:after {
  content: "-";
  font-size: 190%;
  right: 16px;
  top: 16%;
}

ul.listIPhone_nav > li > a.ui-link {
  background-image: url(img/sprite.png);
  background-repeat: no-repeat;
}

ul.listIPhone_nav li.icon_myac01 a.ui-link {
  background-position: 10px -1957px;
}

ul.listIPhone_nav li.icon_myac02 a.ui-link {
  background-position: 12px -165px;
}

ul.listIPhone_nav li.icon_myac03 a.ui-link {
  background-position: 12px -353px;
}

ul.listIPhone_nav li.icon_myac04 a.ui-link {
  background-position: 10px -2070px;
}

ul.listIPhone_nav li.icon_myac05 a.ui-link {
  background-position: 10px -2013px;
}

.contBox {
  border: 1px solid #cbcbcb;
  margin-bottom: 6px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.15);
  background: url(../../otameshi/image/arrow_list.png) no-repeat 98% center, #fff;
  background: url(../../otameshi/image/arrow_list.png) no-repeat 98% center, #fff;
  background: url(../../otameshi/image/arrow_list.png) no-repeat 98% center, #fff;
  background: url(../../otameshi/image/arrow_list.png) no-repeat 98% center, #fff;
  background: url(../../otameshi/image/arrow_list.png) no-repeat 98% center, #fff;
  background: url(../../otameshi/image/arrow_list.png) no-repeat 98% center, #fff;
  padding: 4px 5px;
  min-height: 70px;
  background-size: 8px 12px;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(153, 153, 153, 0.3);
}

.contImg {
  float: left;
}

.contImg img {
  width: 75px;
  margin: 0 6px;
}

.conttitle {
  font-size: 100%;
  color: #300;
  font-weight: bold;
  padding-bottom: 10px;
  padding-left: 10px;
  line-height: 1.1em;
}

.conttxt {
  color: #371e00;
  font-size: 80%;
  padding-bottom: 5px;
  padding-left: 87px;
  line-height: 1.1em;
}

.contred {
  color: #c70100;
  font-size: 80%;
  padding-left: 87px;
  line-height: 1.1em;
}

.slideVoice {
  width: 80%;
  margin: 0 auto;
  font-size: 12px;
  margin-top: 5px;
}

div.is_login {
  background-color: rgb(55, 30, 0) !important;
  color: #FFF;
}

a .torikumi {
  display: block;
}

.torikumi {
  background-color: #eeeada;
  color: #371e00;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-image: url(../../../gift/js_sp/images/garrow.png);
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: 6px 10px;
  width: 240px;
  font-size: 14px;
  border: none;
  text-align: center;
  margin: 0 auto;
  height: 26px;
  line-height: 26px;
}

.torikumi a {
  display: block;
  color: #371e00;
}

/*アコーディオン*/
/*青アコーディオンセンター寄せ*/
.list4 dt.trigger {
  text-align: center;
  color: #000066;
  margin-bottom: 10px;
  padding: 0 10px;
  text-decoration: underline;
  line-height: 14px;
}

.list4 dd.acordion_tree {
  padding: 10px 10px 10px 10px;
  border-top: none;
}

/*青アコーディオン右寄せ*/
.list5 dt.trigger {
  text-align: right;
  color: #000066;
  margin-bottom: 0;
  padding: 0 10px;
  text-decoration: underline;
}

.list5 dd.acordion_tree {
  padding: 0 10px 10px 10px;
  border-top: none;
}

/*新規トップ用*/
.list6 dl.acordion {
  margin: 0;
}

.list6 dt.trigger {
  text-align: left;
  border-top: 2px solid #cbcbcb;
  color: #000;
  margin-bottom: 0;
  padding: 10px 0 0 10px;
  height: 60px;
}

.list6 dt.trigger span.open-close {
  background: url(../../../gift/js_sp/images/button_open3.png) no-repeat right top;
  background-size: 20px;
  float: right;
  width: 20px;
  height: 20px;
  text-indent: -9999em;
  position: relative;
  top: 15px;
  right: 5px;
}

.list6 dt.active span.open-close {
  background: url(../../../gift/js_sp/images/button_close3.png) no-repeat right top;
  background-size: 20px;
  float: right;
  width: 20px;
  height: 20px;
}

.list6 dd.acordion_tree {
  padding: 10px 10px;
  border-top: none;
}

/*おためしセット申し込みフォーム用*/
.list7 dl.acordion {
  margin: 0 10px 10px 10px;
  border-radius: 10px;
  box-shadow: #999 2px 2px 2px;
}

.list7 dt.trigger {
  text-align: left;
  border: 1px solid #cbcbcb;
  color: #000;
  margin-bottom: 10px;
  padding: 10px 0 0 10px;
  height: 30px;
  border-radius: 10px;
  color: #310000;
  font-weight: bold;
  font-size: 13px;
}

.list7 dt.active {
  margin-bottom: 0px;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
}

.list7 dt.trigger span.open-close {
  background: url(../../../gift/js_sp/images/button_open7.png) no-repeat right top;
  background-size: 20px;
  float: right;
  width: 20px;
  height: 20px;
  text-indent: -9999em;
  position: relative;
  top: 0px;
  right: 5px;
}

.list7 dt.active span.open-close {
  background: url(../../../gift/js_sp/images/button_close7.png) no-repeat right top;
  background-size: 20px;
  float: right;
  width: 20px;
  height: 20px;
}

.list7 dd.acordion_tree {
  padding: 10px 10px;
  border-left: solid 1px #cbcbcb;
  border-right: solid 1px #cbcbcb;
  border-bottom: solid 1px #cbcbcb;
  margin-bottom: 10px;
  border-radius: 0 0 10px 10px;
}

.acoTitle {
  padding-left: 55px;
  font-size: 18px;
  color: #f39800;
  font-weight: bold;
}

.acoSubTitle {
  font-size: 11px;
  padding-left: 55px;
  font-weight: bold;
  font-size: 14px;
}

h1.type01 {
  background: none repeat scroll 0% 0% rgb(51, 0, 0);
  color: rgb(255, 255, 255);
  text-align: center;
}

.nameTable th {
  color: #310000;
  font-size: 14px;
}

/*for Webkit*/
input::-webkit-input-placeholder {
  font-size: 14px;
}

/*for Firefox*/
input:-moz-placeholder {
  font-size: 14px;
}

#oicSwipe nav {
  height: 22px;
  width: 320px;
  position: relative;
  margin: 0 auto;
}

#position {
  text-align: center;
  font-size: 20px;
  line-height: 1;
  color: #e9ead6;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -75px;
  width: 150px;
}

#position em {
  display: inline-block;
  padding: 0 3px;
  font-style: normal;
  font-family: sans-serif;
}

#position em.on {
  color: #6FAD40;
}

.fs10 {
  font-size: 10px;
}

.fs11 {
  font-size: 11px;
}

.fs14 {
  font-size: 14px;
}

.w160 {
  width: 160px;
}

.w300 {
  width: 300px;
}

.w320 {
  width: 320px;
}

.mslider {
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  margin: 0 10px 10px 10px;
  padding: 0 10px;
}

.mslider dt {
  text-align: left;
  color: #2f2f2f;
  /*padding: ;*/
  height: 30px;
  background-image: url(../img/button_open7.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: right;
  line-height: 30px;
}

.mslider dd {
  padding-bottom: 10px;
}

/*注文履歴ボタンCSS 2013_0409 suga*/
.syouhinPoint {
  font-size: 14px;
  color: #371e00 !important;
  line-height: 1;
  padding: 13px 10px 13px 40px !important;
  display: block !important;
  background-image: url("../../otameshi/image/icon_detail.png");
  background-position: 10px 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-color: #faf2e8;
  border-radius: 10px;
  border: 1px solid #5f3400;
  position: relative;
  text-decoration: none !important;
}

.syouhinPoint:after {
  background-image: url("../../../gift/js_sp/images/garrow.png");
  background-position: right 50%;
  background-repeat: no-repeat;
  background-size: 8px 12px;
  color: #2F2F2F;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 14px;
  width: 8px;
}

/*詳細ページお客さまコメント 2013_0422 suga*/
#okyakusamaComment {
  background-color: #f8efe3;
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #371e00;
}

#okyakusamaComment h1,
#okyakusamaComment p {
  margin-bottom: 5px;
}

#okyakusamaComment .okyakusamaText {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.2;
}

#okyakusamaComment input,
#okyakusamaComment textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 5px;
  border: 1px solid #371e00;
  padding: 10px 0;
}

#okyakusamaComment input[type=submit] {
  color: #371e00;
  margin: 10px 0;
  font-weight: bold;
  padding: 5px 30px;
  font-size: 14px;
  border-radius: 10px;
  background: #c1c1c1; /*Old browsers*/
  background: -moz-linear-gradient(top, #ffffff 0%, #c1c1c1 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #c1c1c1)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #ffffff 0%, #c1c1c1 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #ffffff 0%, #c1c1c1 100%); /*Opera 11.10+*/
  background: linear-gradient(to bottom, #ffffff 0%, #c1c1c1 100%); /*W3C*/
}

.mslider {
  border: 1px solid #5b5b5b;
  border-radius: 5px 5px 5px 5px;
  margin: 10px;
  padding: 0 10px;
  background-color: #fff;
  font-size: 12px;
}

.mslider dt {
  background-image: url("../img/button_open7.png");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  color: #5b5b5b;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.mslider dt.open {
  background-image: url("../img/button_close7.png");
}

.mslider dd {
  padding-bottom: 10px;
  color: #363636;
}

.torikumi {
  background-color: #eeeada;
  color: #371e00;
  border-radius: 8px;
  background-image: url(../../../gift/js_sp/images/garrow.png);
  background-repeat: no-repeat;
  background-position: 98% 50%;
  background-size: 6px 10px;
  width: 280px;
  font-size: 14px;
  border: solid 1px #371e00;
  text-align: center;
  margin: 0 auto 10px;
  line-height: 26px;
}

.torikumi a, .forpc a {
  display: block;
  color: #221815;
  padding: 0;
}

/*ログイン*/
#loginTitle {
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  background-color: #300;
  padding: 5px 0;
}

#loginWrapper {
  padding: 15px 0;
  /*background-color: #f8efe3;*/
}

.loginForm {
  padding: 10px;
  /*margin: 0 10px 15px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 3px #CCC;*/
}

.loginPara {
  padding: 10px 20px;
  margin: 0;
  background-color: #fff;
  box-shadow: 1px 1px 3px #CCC;
  color: #c00;
}

.loginForm p {
  text-align: center;
  font-size: 15px;
  line-height: 1.1;
  color: #2f2f2f;
}

.loginForm h3 {
  font-size: 16px;
  margin: 0 0 5px;
  font-weight: bold;
  color: #371e00;
}

.loginHenkou {
  margin: 0 10px;
  border-radius: 3px;
  border: 1px solid #2d0001;
  background-color: #fff;
}

/*
.loginHenkou li:first-child {
border-bottom: 1px solid #2d0001;
}
*/
.loginHenkou a {
  position: relative;
  display: block;
  color: #300;
  font-size: 16px;
  padding: 5px 10px;
  text-align: left;
}

.loginHenkou a:after {
  position: absolute;
  content: url(/lang_zh_HK/shared/img/login_arrow01.png);
  right: 5px;
  top: 25%;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

.loginFormText {
  border-radius: 3px;
  border: 1px solid #2d0001;
  margin: 15px 0px;
}

.loginFormText li {
  padding: 10px 5px;
  box-shadow: inset 2px 2px 5px #CCC;
}

.loginFormText li:not(:last-child) {
  border-bottom: 1px solid #2d0001;
}

.loginFormText input {
  width: 100%;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
  border: none;
  font-size: 16px;
  font-weight: bold;
}

#loginSyouryaku {
  text-align: left;
  color: #371e00;
  font-weight: bold;
  margin: 0 0 20px;
}

.loginSetumei {
  text-align: left !important;
  color: #eae8e9;
  margin: 0 0 5px;
}

.loginFormLogin, .loginFormSend {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 3px;
  border: 1px solid #c57c02;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  padding: 10px 0;
  width: 100%;
  background: -moz-linear-gradient(top, #ffffff 0%, #faab26 6%, #f39800 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(6%, #faab26), color-stop(100%, #f39800)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #ffffff 0%, #faab26 6%, #f39800 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #ffffff 0%, #faab26 6%, #f39800 100%); /*Opera 11.10+*/
  background: linear-gradient(to bottom, #ffffff 0%, #faab26 6%, #f39800 100%); /*W3C*/
}

.loginFormSend {
  border: 1px solid #488e12;
  background: -moz-linear-gradient(top, #ffffff 0%, #a2d677 6%, #5b992b 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(6%, #a2d677), color-stop(100%, #5b992b)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #ffffff 0%, #a2d677 6%, #5b992b 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #ffffff 0%, #a2d677 6%, #5b992b 100%); /*Opera 11.10+*/
  background: linear-gradient(to bottom, #ffffff 0%, #a2d677 6%, #5b992b 100%); /*W3C*/
}

.loginFormHajimete {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  border-radius: 3px;
  border: 1px solid #007930;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  padding: 10px 0;
  width: 100%;
  background: -moz-linear-gradient(top, #ffffff 0%, #00c850 6%, #00973c 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(6%, #00c850), color-stop(100%, #00973c)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #ffffff 0%, #00c850 6%, #00973c 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #ffffff 0%, #00c850 6%, #00973c 100%); /*Opera 11.10+*/
  background: linear-gradient(to bottom, #ffffff 0%, #00c850 6%, #00973c 100%); /*W3C*/
}

.loginFormHajimete:after {
  position: absolute;
  content: url(../img/login_arrow02.png);
  right: 5px;
  top: 20%;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

.loginFormOtameshi {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  border-radius: 3px;
  border: 1px solid #959595;
  color: #231815;
  font-size: 17px;
  font-weight: bold;
  padding: 10px 0;
  width: 100%;
  background: #fffdf6; /*Old browsers*/
  background: -moz-linear-gradient(top, #fffdf6 0%, #f9f4ed 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffdf6), color-stop(100%, #f9f4ed)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #fffdf6 0%, #f9f4ed 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #fffdf6 0%, #f9f4ed 100%); /*Opera 11.10+*/
  background: linear-gradient(to bottom, #fffdf6 0%, #f9f4ed 100%); /*W3C*/
}

.loginFormOtameshi:after {
  position: absolute;
  content: url(/lang_zh_HK/shared/img/login_arrow01.png);
  right: 5px;
  top: 20%;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

.tellBox {
  border: 1px solid #666;
  width: 280px;
  height: 80px;
  margin: 10px auto;
  padding: 10px;
}

.boxL {
  float: left;
  width: 180px;
}

.boxR {
  float: right;
  width: 78px;
  height: 80px;
  border: solid 1px #666666;
  border-radius: 10px;
  font-size: 11px;
  text-align: left;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe 0%), to(#d4d2d3 50%));
  background-image: -webkit-linear-gradient(top, #fefefe 0%, #e8e7e8 50%, #e4e3e3 50%, #d4d2d3 100%);
  background-image: -moz-linear-gradient(top, #fefefe 0%, #e8e7e8 50%, #e4e3e3 50%, #d4d2d3 100%);
  background-image: -ms-linear-gradient(top, #fefefe 0%, #e8e7e8 50%, #e4e3e3 50%, #d4d2d3 100%);
  background-image: -o-linear-gradient(top, #fefefe 0%, #e8e7e8 50%, #e4e3e3 50%, #d4d2d3 100%);
  background-image: linear-gradient(top, #fefefe 0%, #e8e7e8 50%, #e4e3e3 50%, #d4d2d3 100%);
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.3);
}

.boxRinner {
  background-image: url("/smart/shared/common/img/icon/tellarrow.png");
  background-repeat: no-repeat;
  background-position: 95% 50%;
  padding: 10px;
}

a .boxR {
  color: #333 !important;
}

.tellTitle {
  font-size: 11px;
  font-weight: bold;
  color: #ff6600;
}

.tellTell {
  font-size: 22px;
}

.tellTxt {
  font-size: 10px;
}

.read {
  margin: 10px;
  line-height: 1.3;
}

.oicShinki2 {
  background-color: #ffe96f;
  padding: 10px 0;
}

.oicShinki2 h2 {
  text-align: center;
  border-bottom: 2px solid #ffc600;
  margin: 0 20px 10px;
  font-size: 18px;
}

.oicShinki2 p {
  font-size: 13px;
  margin: 10px 20px;
}

.oicShinki2 .introBox {
  background-color: #FFF;
  border-radius: 5px;
  margin: 10px;
  padding: 10px;
}

.oicShinki3 {
  background-color: #70dffd;
  padding: 10px 0;
}

.oicShinki3 h2 {
  text-align: center;
  border-bottom: 2px solid #6fdeff;
  margin: 0 20px 10px;
  font-size: 18px;
}

.oicShinki3 p {
  font-size: 13px;
  margin: 10px 20px;
}

.oicShinki3 .introBox {
  background-color: #FFF;
  border-radius: 5px;
  margin: 10px;
  padding: 10px;
}

.oicShinki4 {
  background-color: #fffce4;
  padding-bottom: 0px;
}

.oicShinki4 h2 {
  color: #FFF;
  background-color: #ff5b6b;
  padding: 10px;
  font-size: 24px;
  text-align: center;
  line-height: 1.1;
}

.oicShinki4 .grayBox {
  background-color: #dadada;
  padding: 10px 0 0;
}

.oicShinki4 .itembox {
  background-color: #FFFFFF;
  box-shadow: 1px 1px 3px #CCC;
  border-radius: 5px;
  margin: 10px 10px 20px;
  padding-bottom: 10px;
}

.oicShinki4 .itembox p {
  margin: 0 10px;
  font-size: 13px;
  color: #4e4e4e;
}

.oicShinki4 h3 {
  background-color: #ff5b6b;
  color: #FFF;
  padding: 10px;
  border-radius: 5px 5px 0 0;
  font-size: 19px;
}

.oicShinki4 h4 {
  color: #ff5b6b;
  font-size: 20px;
  margin: 10px 10px;
}

.oicShinki5 {
  background-color: #fff4e9;
  padding-bottom: 25px;
  padding-top: 20px;
  background-image: url("../../kounyuu/image/oikr_service2_bg_top1.jpg"), url("../../kounyuu/image/oikr_service2_bg.jpg");
  background-repeat: repeat-x, repeat;
  background-position: top, top;
  background-size: 320px, 41px;
}

.oicShinki5 .itembox {
  background-color: #FFFFFF;
  box-shadow: 1px 1px 3px #CCC;
  border-radius: 5px;
  padding: 10px;
  margin: 10px;
  font-size: 13px;
  color: #4e4e4e;
}

.oicShinki5 .itembox p {
  font-size: 13px;
  color: #4e4e4e;
}

.oicShinki5 .itembox dt {
  color: #ff5b6b;
  font-weight: bold;
  font-size: 14px;
}

.oicShinki5 .itembox dd {
  color: #4e4e4e;
}

.oicShinki5 h2 {
  color: #2a0000;
  padding: 10px;
  text-align: left;
  font-size: 20px;
  line-height: 1.1;
  background-image: url("../../kounyuu/image/oikr_service_voice.png");
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: 10px 5px;
  padding-left: 70px;
  background-color: transparent;
}

h2.oich2 {
  color: #FFF;
  background-color: #ff5b6b;
  padding: 10px;
  text-align: left;
  line-height: 1.3;
  font-size: 22px;
}

.oicSlider dt.triger {
  text-align: left;
  border-top: 2px solid #cbcbcb !important;
  color: #000;
  margin-bottom: 0;
  padding: 10px 0 0 10px;
  height: 40px;
  background-image: url(../img/button_open7.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 99% 50%;
}

.oicSlider dd {
  padding: 0;
  color: #2f2f2f;
  font-size: 13px;
}

.oicSlider .acoTitle {
  font-size: 12px;
  font-weight: bold;
  font-size: 14px;
  background: none !important;
  color: #221815;
  text-align: left;
  padding-left: 0px !important;
  padding-top: 5px;
}

.radibox01 {
  margin: 10px;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 1px 1px 3px rgb(204, 204, 204);
  background-color: #FFF;
}

.pink {
  color: #ff5b6b;
}

.txtareaC {
  margin: 0 auto;
  width: 300px;
}

.txtareaC img {
  width: 280px;
  padding: 10px;
  opacity: 0.5;
}

.txtareaC input {
  display: none;
}

.txtareaC input:checked + img {
  border: solid 5px #f7941d;
  border-radius: 5px;
  padding: 5px;
  opacity: 1;
}

.title01 {
  background-color: #F8EFE3 !important;
  border-top: 4px solid #310000;
  color: #310000;
  font-weight: bold;
  padding: 3px 10px;
}

footer {
  background-color: #ececec;
}

section:not([id=lists]) > footer {
  padding-bottom: 35px !important;
}

#footerButtons {
  background-color: #FFF;
}

.copyright {
  padding: 10px;
}

.midashi {
  background-image: url("../../otameshi/image/icon_dish.png");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 28px 32px;
  background-color: rgb(248, 239, 227);
  padding: 10px 10px 10px 0px;
}

/*リピートトップ用CSS 2013_0710 Suga*/
#osusumeArea {
  background-color: #fffceb;
  padding: 0 0 15px;
}

.osusumeAreaTitle {
  margin-bottom: 10px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  background-color: #450307;
}

.topContents {
  margin: 0 10px 15px;
  background-color: #fff;
  padding: 15px 10px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.26);
  -o-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.26);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.26);
}

.topContents .title {
  padding: 0 0 0 42px;
  margin: 0;
  line-height: 32px;
  color: #450307;
  font-size: 16px;
  font-weight: bold;
  background-position: left center;
  background-repeat: no-repeat;
}

.topContents div {
  margin-top: 10px;
}

#newCommentTitle {
  background-image: url(../../top/images/rep_icon_koe.png);
  background-size: 38px 38px;
}

#newCommentArea a {
  text-decoration: none;
  color: #300;
}

.newCommentWrap {
  padding: 10px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 2px solid #300;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

.commentTitle {
  font-size: 16px;
  font-weight: bold;
  color: #f7941d;
  padding-bottom: 10px;
}

.commentTitle img {
  width: 53px;
  height: 53px;
  float: left;
}

.commentTitle span {
  display: block;
  padding: 5px 0 0 64px;
}

.newCommentContents {
  clear: both;
  font-size: 14px;
  line-height: 1.3;
  color: #000;
}

#oicIntroTitle {
  background-image: url(../../top/images/rep_icon_otoku.png);
  background-size: 38px 38px;
  line-height: 30px;
}

.topContentsImg img {
  width: 100%;
}

.shinkiBtn {
  color: #fff;
  display: block;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  padding: 0 10px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #fff;
  box-shadow: 0 1px 3px #333333;
  background: #fca532; /*Old browsers*/
  background: -moz-linear-gradient(top, #fca532 0%, #fd8c30 46%, #fb6f0d 51%, #fa5a0c 100%); /*FF3.6+*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fca532), color-stop(46%, #fd8c30), color-stop(51%, #fb6f0d), color-stop(100%, #fa5a0c)); /*Chrome,Safari4+*/
  background: -webkit-linear-gradient(top, #fca532 0%, #fd8c30 46%, #fb6f0d 51%, #fa5a0c 100%); /*Chrome10+,Safari5.1+*/
  background: -o-linear-gradient(top, #fca532 0%, #fd8c30 46%, #fb6f0d 51%, #fa5a0c 100%); /*Opera 11.10+*/
  background: linear-gradient(to bottom, #fca532 0%, #fd8c30 46%, #fb6f0d 51%, #fa5a0c 100%); /*W3C*/
}

#nextOtodokeTitle {
  background-image: url("../../top/images/rep_icon_otodoke.png");
  background-size: 38px 38px;
  float: left;
}

#nextOtodokeArea a {
  font-size: 14px;
  font-weight: bold;
  line-height: 32px;
  text-decoration: underline;
}

#myFavoriteTitle {
  background-image: url("../../top/images/rep_icon_favorite.png");
  background-size: 38px 38px;
}

#randomRirekiTitle {
  background-image: url("../../top/images/rep_icon_rireki.png");
  background-size: 38px 38px;
}

.topContentsThumb {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 64px;
  float: left;
  border: 2px solid #47060a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-right: 8px;
}

.topContentsThumb:last-child {
  margin-right: 0;
}

.topContentsThumb img {
  width: 100%;
}

#otameshiShare {
  margin: 10px;
  background-color: #3fc403;
  padding: 3px;
}

#otameshiShare h1 {
  font-size: 15px;
  font-weight: bold;
  line-height: 30px;
  color: #fff;
}

#otameshiShare .otameshiShareWrap {
  background-color: #fff;
  padding: 10px;
}

#otameshiShare p {
  line-height: 1.2;
  text-align: left;
  font-size: 14px;
  margin-bottom: 5px;
}

#otameshiShare .otameshiShareParagraph {
  display: block;
  padding-top: 10px;
  color: #460000;
}

#otameshiShare .otameshiShareParagraph span {
  color: #3fc403;
  font-weight: bold;
}

#otameshiShare p img {
  float: left;
  margin: 0 10px 0 0 !important;
}

#otameshiShare a img {
  width: 130px !important;
}

/*------------------------------------------------------------------------
	商品詳細 レイヤー 2014_0404
------------------------------------------------------------------------*/
#shouhin_shousai_block {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  /*overflow: hidden;width: 98%;box-shadow:7px 7px 7px rgba(0,0,0,0.7);*/
}

.ui-draggable {
  z-index: 30000;
  position: relative;
  display: none;
  top: 0px;
  left: 70px;
  background-color: #FFFFFF;
  -webkit-transition-property: left;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
}

.shouhinshousai__close {
  position: relative;
  padding-left: 30px;
  display: block;
  /*text-align: center;*/
  color: #FFFFFF;
  background-color: #888;
  /*padding-top: 5px;*/ /*padding-bottom: 5px;*/
  font-size: 16px;
  font-weight: bold;
  height: 45px;
  line-height: 45px;
}

.shouhinshousai__close:before {
  position: absolute;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  left: 10px;
  top: 41%;
  border-bottom: 4px solid #fff;
  border-left: 4px solid #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*------------------------------------------------------------------------
	Oiチカ商品詳細 2014_0404
------------------------------------------------------------------------*/
.oichikashouhinShousai_BrandLink {
  margin: 0 10px 8px;
}

.oichikashouhinShousai_BrandLink > a {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.1;
  color: #3990d9;
}

.shouhinShousaiName {
  margin: 0 10px 8px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.1;
  color: #000;
}

.shouhinShousaiRating {
  margin: 0 10px 10px;
}

.shouhinShousaiPictArea {
  width: 280px;
  margin: 0 auto 15px;
}

.shouhinShousaiPict {
  width: 100%;
}

.shouhinShousaiWappen {
  margin: 0 10px 10px;
  line-height: 1.1;
}

.shouhinShousaiWappen .wappen {
  margin-right: 5px;
}

.shouhinShousaiKounyuuArea {
  margin: 0 10px 20px;
}

.shouhinShousaiPrice {
  float: left;
  width: 130px;
  font-size: 14px;
  line-height: 1.3;
}

.shouhinShousaiPrice .zeikomiBaika {
  margin-top: 10px;
  color: #000;
}

.shouhinShousaiKounyuuArea div.cartin_box {
  float: right;
  margin: 0;
}

.shouhinShousaiKounyuuArea div.cartin_box div.num_box {
  display: inline;
  margin-right: 15px;
}

.shouhinShousaiKounyuuArea .btn-numBox {
  margin: 0;
}

.shouhinShousaiRecommendArea {
  text-align: right;
  margin: 0 10px 30px;
}

.shouhinShousaiContent td {
  font-size: 14px;
  line-height: 1.3;
}

.shouhinShousaiContent td > b > font {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 1.3;
  color: #000;
  font-weight: bold;
}

.shouhinShousaiInformation {
  margin: 0 0 20px;
  padding: 0;
  font-size: 12px;
  border-collapse: collapse;
  border-spacing: 0;
}

.shouhinShousaiSubTitle {
  margin-top: 25px 0 0;
  padding: 0 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  line-height: 33px;
  color: #fff;
  background-color: #000;
  border-collapse: collapse;
  border-spacing: 0;
}

.shouhinShousaiInformation tr {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #888;
  border-collapse: collapse;
  border-spacing: 0;
}

.shouhinShousaiInformation th {
  vertical-align: top;
  width: 105px;
  margin: 0;
  padding: 10px;
  font-weight: normal;
  background-color: #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
}

.shouhinShousaiInformation td {
  vertical-align: top;
  margin: 0;
  padding: 10px;
  font-weight: normal;
  border-collapse: collapse;
  border-spacing: 0;
}

#shouhin_shousai_inner_popup_recommend_area {
  margin-top: 15px;
}

.shouhinShousaiRecommendItem {
  float: left;
  margin-right: 20px;
  width: 100px;
}

.shouhinShousaiRecommendItem:first-child {
  margin-left: 20px;
}

.shouhinShousaiRecommendItem > img {
  width: 100%;
}

.shouhinShousaiRecommendItem > p {
  margin-top: 10px;
  font-size: 10px;
  line-height: 1.4;
  color: #000;
}

#shouhin_shousai_inner_popup_recommend_area .mCSB_scrollTools .mCSB_draggerContainer {
  opacity: 0 !important;
}

#shouhin_shousai_block .bv-cleanslate .bv-core-container-140 .bv-action-bar {
  padding: 5px 10px !important;
}