@charset "utf-8";

body {
	padding: 0;
	margin: 0;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
	font-size: 90%;
	background: #fff;
	color: #000;
}
a {
	text-decoration: none;
}
a:hover {
	/*background: #0168B7;*/
	color: #fff;
}

#main-top {
	position:relative;
	width:1270px;
	margin:0 auto;
	padding:1.2em 1em;
	border-right:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
}
#main {
	position:relative;
	width:1100px;
	margin:0 auto;
	padding:1.2em 1em;
	border-right:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
}
#main_law {
	width: 1000px;
	background: #fff;
	margin: 0em auto;
	padding:1.2em 1em 0em 1em;
	text-align:center;
	border-right:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
}

/* 画面横位置設定（右寄せ、左寄せ、センタリング） */
.ta-r {
	text-align: right !important;
}
.ta-l {
	text-align: left;
}
.ta-c {
	text-align: center;
}
div.main {
	text-align: center;
}


/* ヘッダー */
/* ショップタイトル */
h1 {
	font-size: x-large;
	margin: 0;
	text-shadow: 1px 2px 3px #808080;
}
#head {
	padding: 0;
	margin: 0;
	background: #fff;
}
#head02 {
	padding: 0;
	margin: 0;
	background: #fff;
	border-bottom:3em solid #2ca9e1;
}
#main-ttl {
	margin: 0;
	padding: 20px 0 20px 110px;
}
#main-ttl a {
	color: #000;
	text-decoration: none;
}
#top-menu {
	background: #2ca9e1;
	color: #fff;
	padding: 15px 0;
	text-align: center;
}
#top-menu a {
	color: #fff;
}
#top-menu span {
	margin: 2em;
}

div.main-menu {
	float:left;
	width: 750px;
	text-align: center;
	padding: 5px;
	margin: 0 15px;
}
.navi-ttl {
	width: 640px;
	border: 1px solid #ccc;
	margin: 0 auto 1em auto;
	padding: 1em;
	border-radius: 6px;
}
.navi {
	width:450px;
	margin: 0 auto;
	font-weight: bold;
	letter-spacing: 1px;
	color: gray;
}
div.menu-ttl {
	line-height:125%;
	color: #fff;
	font-size: 14pt;
	font-weight: bold;
	text-align:left;
	padding: 1em;
	margin-bottom: 15px;
	background-color:#fff;
	border-bottom: 1px solid #e6bfab;
	border-right: 1px solid #e6bfab;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-shadow: 0px 1px 1px #000;
	box-shadow: 1px 2px 8px 1px #cac4ac;
	-webkit-box-shadow: 1px 2px 8px 1px #cac4ac;
	-moz-box-shadow: 1px 2px 8px 1px #cac4ac;
}

div.cart-detail {
	width: 730px;
	border: 1px solid #ccc;
	margin: 0 auto 1em auto;
	padding: 1em;
	border-radius: 6px;
}

/* 詳細画面内画像スライダー(bxslider) */
.bxslider img {
	margin: 0 auto;
	display: block;
	text-align:center;
	height:38%;
}
/* bxslider枠 */
div#bxs {
	margin: 0 auto;
	width:92%;
}

#point {
	width:350px;
	margin: 0 auto;
	font-size:9pt;
	color:#8d93c8;
}

div#info {
	width: 300px;
	float:right;
	margin-right:1em;
	padding: 10px;
	border: 1px dotted #941f57;
	text-align:left;
}
div#item_inf {
	width:94%;
	margin-right:1em;
	padding: 10px;
	text-align:right;
}

.cart {
	width: 640px;
	border: 1px solid #ccc;
	margin: 0 auto 1em auto;
	padding: 1em;
	border-radius: 6px;
}

p.cart-btn {
	border-top: 1px dotted gray;
	padding: 6px;
}
div.item-no {
	float:right;
	margin:0 1em 0.3em auto;
	padding:0;
	background: #fdede4;
}
div#paybox {
	width:300px;
	float:right;
	text-align:right;
	margin-right:1em;
}

div#memo {
	width: 680px;
	margin:0.3em auto;
	padding: 15px;
	border-bottom: 1px dotted #915da3;
	text-align: left;
}

#detail {
	width:680px;
	margin: 1em auto;
	text-align: left;
	border-bottom: 1px dotted #915da3;
	padding: 1em;
}
#detail-data {
	text-align: left;
}
.mt-1em {
	margin-top: 1.5em !important;
}
div#art-title {
	width: 87%;
	margin: 0.3em auto;
	padding: 5px 6px 5px 1em;
	border-bottom: 1px dotted #221111;
	border-left: 6px solid #b0778c;
	color: #460e44;
	font-size: 100%;
	text-align: left;
}

div.item-detail {
	float:right;
	margin:0.7em 0.5em 0.5em auto;
}

/* 詳細画面用スピナー */
input.spinner {
	padding: 3px;
	width: 40px;
	margin-right: 6px;
}

/* 一覧用スピナー */
input.spin {
	width: 35px;
	margin-right: 6px;
}
/* 詳細ページ商品価格 */
.price {
	font-size: 110%;
	color: #2ca9e1;
}
.stock {
	font-size: 110%;
	color: #ee836f;
	font-weight:bolder
}
.cart-item h3 {
	font-size: 120%;
	color: #666;
}
div.dot {
	border-bottom: 1px dotted #b6b6b6;
	padding: 16px 0px;
}

input[type="search"] {
	position: relative;
	display: block;
	box-sizing: border-box;
	height: 30px;
	width: 200px;
	margin: 8px 0 0 0;
	padding: 3px 8px;
	border: 1px solid #aaa;
	border-radius: 4px;
	color: #333;
	outline: 0;
}

.intext {
	margin: 8px 0 0 0;
	padding: 5px 8px;
	border: 1px solid #aaa;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.find-btn {
	position: relative;
	box-sizing: border-box;
	height: 25px;
	margin: 0;
	padding: 6px 8px;
	top: 5px;
	right: 5px;
	border: none;
	border-radius: 4px;
	background: #aaa;
	color: #fff;
	cursor: pointer;
}
.find-btn:hover {
	background: #666;
}

.addr-ttl {
	width: 260px;
	padding: .5em;
	margin: 1em auto;
	text-align: center;
	color: #078080;
	background: #eaf4ed;
	border-radius: 5px;
}

ol.policy01{
	list-style-type: upper-roman;
}

ol.policy02{
	list-style-type: lower-latin;
}

/* 商品カゴ内商品コード枠 */
.code {
	position:realtive;
	margin-top:10px;
	margin-left:15px;
	color:#d83473;
}
/*=====================================
　ボタン装飾（画像挿入）
===================================== */

/* 買い物かごに入れるボタン枠 */
.cart-in {
	position:relative;
	float:right;
	margin-top:0px;
	margin-right:15px;
}
/* 買い物かごに入れるボタン */
input#cartin {
	background:url(ecbzns001_002.png) no-repeat;
	/*display:block;*/
	width:150px;
	height:28px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
input#cartin:hover {
	background:url(ecbzns001_006.png) no-repeat;
	/*display:block;*/
	width:150px;
	height:28px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
/* TOPにもどるボタン */
input#return {
	background:url(btn1-1.gif) no-repeat;
	/*display:block;*/
	width:144px;
	height:43px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
input#return:hover {
	background:url(btn1-1_f5.gif) no-repeat;
	/*display:block;*/
	width:144px;
	height:43px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}

/* 商品検索ボタン枠(検索画面) */
#find-in {
	position:relative;
	float:right;
	top:-36px;
	right:0px;
	margin-bottom:-25px;
}

/* 商品検索ボタン枠(商品詳細画面）*/
#find-in03 {
	position:relative;
	float:right;
	top:-38px;
	right:-30px;
	margin-bottom:-25px;
}
/* 商品検索ボタン */
input#find {
	position:relative;
	background:url(ecalbt007_001.png) no-repeat;
	width:76px;
	height:24px;
	left:210px;
	top:-27px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
input#find:hover {
	position:relative;
	background:url(ecalbt007_008.png) no-repeat;
	width:76px;
	height:24px;
	left:210px;
	top:-27px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
/* かごを見るボタン */
input#lookcart {
	background:url(ecbzns001_014.png) no-repeat;
	/*display:block;*/
	width:150px;
	height:28px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
input#lookcart:hover {
	background:url(ecbzns001_018.png) no-repeat;
	/*display:block;*/
	width:150px;
	height:28px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}

/* 買い物続行ボタン */
input#resume {
	background:url(ecbzns019_007.png) no-repeat;
	/*display:block;*/
	width:127px;
	height:30px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
input#resume:hover {
	background:url(ecbzns019_022.png) no-repeat;
	/*display:block;*/
	width:127px;
	height:30px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
/* 注文手続きへ */
input#procedures {
	background:url(../cmn/ecbzns019_010.png) no-repeat;
	/*display:block;*/
	width:127px;
	height:30px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
input#procedures:hover {
	background:url(../cmn/ecbzns019_025.png) no-repeat;
	/*display:block;*/
	width:127px;
	height:30px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
/* 特定商取引法ボタン */
input#transactions {
	background:url(ecbzns001_020.png) no-repeat;
	/*display:block;*/
	width:150px;
	height:28px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
input#transactions:hover {
	background:url(ecbzns001_020a.png) no-repeat;
	/*display:block;*/
	width:150px;
	height:28px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
/* 前に戻る */
input#back {
	background:url(../cmn/btn1-10_f2.gif) no-repeat;
	/*display:block;*/
	width:140px;
	height:43px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
input#back:hover {
	background:url(../cmn/btn1-10_f8.gif) no-repeat;
	/*display:block;*/
	width:140px;
	height:43px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
/* 次に進むボタン */
input#next {
	background:url(../cmn/btn1-9_f2.gif) no-repeat;
	/*display:block;*/
	width:140px;
	height:43px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
input#next:hover {
	background:url(../cmn/btn1-9_f8.gif) no-repeat;
	/*display:block;*/
	width:140px;
	height:43px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
/* 注文確定ボタン */
input#paycheck {
	background:url(../cmn/paycheck.gif) no-repeat;
	/*display:block;*/
	width:140px;
	height:43px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
input#paycheck:hover {
	background:url(../cmn/paycheck_a.gif) no-repeat;
	/*display:block;*/
	width:140px;
	height:43px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
/* 商品リストに戻るボタン */
input#backlist {
	background:url(../cmn/backlist.gif) no-repeat;
	/*display:block;*/
	width:140px;
	height:43px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
input#backlist:hover {
	background:url(../cmn/backlist_a.gif) no-repeat;
	/*display:block;*/
	width:140px;
	height:43px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
/* お買い物方法ページボタン */
.btn_buy {
	position: relative;
	width: 127px;
	height: 30px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}
.btn_buy img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.btn_buy:hover img:nth-of-type(2) {
	-webkit-transform: translate(-50%, -50%) scale(1.15) !important;
	transform: translate(-50%, -50%) scale(1.15) !important;
	opacity: 0;
}

.btn_buy02 {
	position: relative;
	width: 150px;
	height: 28px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}
.btn_buy02 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.btn_buy02:hover img:nth-of-type(2) {
	-webkit-transform: translate(-50%, -50%) scale(1.15) !important;
	transform: translate(-50%, -50%) scale(1.15) !important;
	opacity: 0;
}

.option {
	width:200px;
	margin-top:12px;
}

.list {
	border-collapse: collapse;
	margin: 1em 0;
}
.list th, .list td {
	border: 1px solid #666;
	padding: 5px;
}
.list th {
	background: #e0e0e0;
}
.list td {
	background: #fff;
}

#side-menu {
	float: left;
	width: 270px;
	text-align: left;
	padding: 5px;
	margin:0;
}
.heading {
	background: #0a2633;
	padding: .8em;
	width: 90%;
	border-radius: 8px;
}
.heading p {
	margin: 0;
	padding: 0 1em;
	border-left: 4px solid #c3cccf;
	font-weight: bold;
	color:#fff;
}
.heading-in {
	margin: 10px 0 30px 5px;
}
#find {
	width: 150px;
	padding: 4px;
}

.eiji {
	font-family: Verdana,Helvetica,Arial !important;
	font-size: 90%;
}
div.cart-now {
	background: #fff;
	padding: 10px;
}
div.total {
	text-align: right;
	border-top: 1px dashed #6f8289;
	padding: 5px;
	width: 80%;
	margin: 0 auto;
}
div.total span {
	font-family: Verdana,Helvetica,Arial;
}
td.nums {
	white-space: nowrap;
}
/* 進行パネル */
#prog-bar {
	table-layout: fixed;
	border-collapse: collapse;
	margin: 1em auto;
}
#prog-bar td {
	text-align: center;
}
#prog-bar td span {
	font-size: smaller;
}
#prog-bar td.act, #prog-bar td.in-act {
	width: 80px;
}
#prog-bar td.arrow {
	width: 22px;
	color: #aaa;
}
#prog-bar td p {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	color: #fff;
	font-weight: bold;
	margin: 0 auto;
	line-height: 50px;
	font-size: normal;
}
#prog-bar td.act p {
	background: #078080;
}
#prog-bar td.in-act p {
	background: #b9d6c4;
}

table.panel {
	margin: 1.5em auto;
}
table.panel th {
	background: #f2ab00;
	color: #fff;
	padding: 0.5em;
	width: 100px;
}
td.panel-off {
	background: #a8a8a8;
	color: #fff;
	padding: 0.5em;
	text-align: center;
	width: 100px;
}
td.panel-arrow {
	color: #a8a8a8;
	text-align: center;
	width: 20px;
}
input.button {
	width: 140px;
	margin: 0 14px;
}

/* 詳細説明ページ(商品タイトル) */
#detail_head{
	position:relative;
	margin:15px 10px　0 10px;
	padding:0 10px 0 55px;
	font:bold 14px/40px Arial, Helvetica, sans-serif;
	color:#666;
	background:#f3f3f3;
	z-index:1;
}
#detail_head:before{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	border-right:#fff solid 2px;
	background:#f60;
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to bottom,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}
#detail_head:after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
    background-image: -webkit-gradient(linear, left top, right top,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to right,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}

/* カートの中身テーブル */
.cart-tbl {
	border-collapse: collapse;
	margin: 2em auto;
}
.cart-tbl th, .cart-tbl td {
	padding: 1em;
	color: #333;
}
.cart-tbl th {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
.cart-tbl td {
	text-align: left;
	border-bottom: 1px solid #bbb;
}
td.top-line {
	border-top: 1px solid #bbb;
}
.indata {
	width: 30em;
}
.item { 
	width:auto;
}
.indata {
	width: 30em;
}
input.cart-num {
	width: 26px;
	ime-mode: inactive;
	border: 1px solid gray;
}
.cart-img, .cart-name {
	display: inline-block;
}
.cart-name {
	margin-left:40px;
}
.cart-name b {
	color: #078080;
	font-size: lager;
}
hr.bottom {
	width:90%;
	height:0;
	border:0;
	border-top:1px solid #008db7;
	border-bottom:1px solid #fff;
}
.clear {
	clear: both;
}
.find { 
	position:absolute;
	overflow: hidden;
	top:1.2em;
	right:1.2em;
	border:solid 1px #B2B2B2;
	padding:10px;
	width:360px;
}

/* 入力フォーム */
.cart_form {
	width: 600px;
	margin: 1.3em auto;
	border-collapse: collapse;
}
.cart_form th, .cart_form td {
	text-align: left;
	border: solid 1px #B2B2B2;
	white-space: nowrap;
	padding: 6px;
}
.cart_form th {
	background: #EBE5E1;
}
.cart_form td {
	background: #fff;
}
.cart_form input[type="text"], .cart_form textarea, #find-tbl input[type="text"], .cart-box input[type="text"] {
	padding: 5px 3px;
	border: 1px solid #a2a2a2;
}
td.w-key {
	width: 130px;
	padding: 6px 0 6px 10px !important;
}
input.ime-on {
	ime-mode: active;
}
input.ime-off {
	ime-mode: inactive;
}

/* 入力必須 */
div.req {
	background-image: url(red.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
}

/* 入力任意 */
div.opt {
	padding-left: 16px;
}

td.tbl-wide {
	border: solid 1px #B2B2B2;
	background: #fff;
	white-space: nowrap;
	padding: 6px;
	text-align: center;
}

/* 赤文字 */
.red {
	color: #dd0000;
}

table.btn-tbl {
	margin: 0px auto;
}
.eiji {
	font-family:Verdana,Helvetica,Arial !important;
	font-size:90%;
}

input.inp-mem {
	width: 150px;
	ime-mode: inactive;
}
table.tbl-join td {
	background: #fff;
	color: #444;
}

/* 入力画面でのメッセージ */
div.cart-msg {
	padding: 6px;
	background: #e6f5ff;
	color: #000;
	width: 600px;
	margin: 20px auto;
	line-height: 140% !important;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

div.login-note {
	text-align: left;
	margin: 1em auto 0.5em auto;
	width: 23em;
}
table.enter {
	margin: 80px auto;
	width: 400px;
	border: 1px solid #004080;
	border-collapse: collapse;
}
table.enter th {
	border: 1px solid #004080;
	padding: 1em;
	background: #004080;
	color: #fff;
	text-align: left;
}
table.enter td {
	border: 1px solid #004080;
	padding: 1em;
	background: #fff;
	font-family: verdana,helvetica,arial;
}
input.len {
	width: 220px;
	margin-bottom: 1em;
}
div.btn input {
	font-family: verdana,helvetica,arial;
	width: 100px;
	height: 32px;
}

/* 画面TOPボタン */
div.top-btn input {
	width: 9.5em;
	margin-bottom: 1.5em;
}

/* 特商法 */
div.law-data {
	width: 95%;
	margin: 1em auto;
	border: 1px solid #666;
	padding: 1em;
	text-align: left;
	background: #fff;
}

/* 検索画面 */
#find-tbl {
	width:430px;
	margin: 1.5em auto;
	border-collapse: collapse;
}
#find-tbl th, #find-tbl td {
	border: solid 1px #B2B2B2;
	padding: 6px;
}
#find-tbl th {
	background: #EBE5E1;
}
#find-tbl td {
	text-align: left;
	background: #fff;
	white-space:nowrap;
}
#find-tbl td .w40 {
	width:40px;
}
.cart-box {
	overflow: hidden;
	width: 640px;
	height: auto;
	text-align: left;
	border: 1px solid #B2B2B2;
	margin: 0.8em auto;
	padding: 1em;
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.find-img {
	float: right;
	margin: -2em 5px 5px 5px;
	width:160px;
}
.list-img {
	float: right;
	margin: 5px;
	width:38%;
	height:38%;
}
.cart-img {
	margin: 5px;
	width:60px;
	height:auto;
}

/* toppage(商品一覧)枠 */
.main-frame {
	float:left;
	width:980px;
	margin:0;
	padding:10px auto;
}
.cart-frame {
	position:relative;
	float:left;
	width: 450px;
	height: 250px;
	text-align: left;
	border: 1px solid #B2B2B2;
	margin: 0.8em 0.4em 0.8em 0em;
	padding: 1em;
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

div.cart-item {
	text-align: left;
	margin:0;
	padding:0;
}
div.cart-item b {
	color: #640000;
}
#main_item {
	position:relative;
	float:left;
	width: 445px;
	height: 215px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border-bottom:1px dotted #c0c0c0;
}
#item_bottom {
	position:relative;
	float:left;
	width: 450px;
	height: 20px;
	text-align: left;
	margin: 0;
	padding: 0;
}


.memo {
	font-size:10pt;
	width:auto;
}

.bottom-info {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	margin:5px 0 0 0;
	padding:0;
}
.item-head {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

/* 詳細ページへのリンク */
input#detail {
	position:absolute;
	top:-20px;
	right:0px;
	background:url(detail.png) no-repeat;
	width:104px;
	height:28px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
input#detail:hover {
	position:absolute;
	top:-20px;
	right:0px;
	background:url(detail02.png) no-repeat;
	width:104px;
	height:28px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}

div.initial {
	width: 820px;
	margin: 2px auto 15px auto;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0px 1px 8px #cac4ac;
	-webkit-box-shadow: 1px 2px 10px #cac4ac;
	-moz-box-shadow: 1px 2px 10px #cac4ac;
	color: #4d4d4d;
	font-size: 10pt;
	background: #fff;
	padding: 0.2em 1.7em;
	border: solid #C0C0C0 1px;
	text-decoration: none;
	text-align:left;
	line-height:165%;
}
div.initial2 {
	width: 900px;
	margin: 2px auto 15px auto;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0px 1px 8px #cac4ac;
	-webkit-box-shadow: 1px 2px 10px #cac4ac;
	-moz-box-shadow: 1px 2px 10px #cac4ac;
	color: #4d4d4d;
	font-size: 10pt;
	background: #fff;
	padding: 0.2em 1.7em;
	border: solid #C0C0C0 1px;
	text-decoration: none;
	text-align:left;
	line-height:165%;
}
div.initial_ttl {
	line-height:135%;
	color: #4e454a;
	font-size: 12pt;
	text-align:left;
	padding: 4px 1em;
	margin: 0.3em auto 0.5em auto;
	background-color:#fce4d6;
	background-image: linear-gradient(to bottom, #ffffff, #fce4d6);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fce4d6)); 
	background-image: -moz-linear-gradient(top, #ffffff, #fce4d6);
	border-bottom: 1px solid #e6bfab;
	border-right: 1px solid #e6bfab;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-shadow: 1px 1px 1px #FFF;
	box-shadow: 1px 2px 8px 1px #cac4ac;
	-webkit-box-shadow: 1px 2px 8px 1px #cac4ac;
	-moz-box-shadow: 1px 2px 8px 1px #cac4ac;
}

/* 配送方法・送料テーブル */
/* --------------------------------------------------
   coder Table
-------------------------------------------------- */
.coder {
	width: 880px;
	font-family: "MS PGothic",Osaka,Arial,sans-serif;
	border-spacing: 0;
	border: 1px solid #CCC;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px #CCC;
	-moz-box-shadow: 0 1px 1px #CCC;
	box-shadow: 0 1px 1px #CCC;
	margin-bottom:1.5em;	
}
.coder th {
	padding:10px;
	background:#FFF;
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
.coder td {
	width: 120px;
	padding:10px;
	background:#FFF;
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;
	text-align:right;
}
.coder th {
	background:#e3dcd5;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	color:#69655c;
}

/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
.coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
.coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
.coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
.coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* --------------------------------------------
  thaed,tbodyを使う場合の設定
-------------------------------------------- */
.coder thead th {background:#e3dcd5;}
.coder thead+tbody th {background:#f4ede6;}
.coder tbody th {text-align:left;}/*IE*/
/* -----------------------
  左上角丸 thead内　最初の行の最初のセル
----------------------- */
.coder thead tr:first-child th:first-child,
.coder thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸 thead内　最初の行の最後のセル
----------------------- */
.coder thead tr:first-child th:last-child,
.coder thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  角丸なし　thaedの後のtbody 最初の行の最初のセル
  角丸なし　thaedの後のtbody 最初の行の最後のセル
----------------------- */
.coder thead+tbody tr:first-child th:first-child,
.coder thead+tbody tr:first-child td:first-child,
.coder thead+tbody tr:first-child th:last-child,
.coder thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  左下角丸　thaedの後のtbody 最後の行の最初のセル
----------------------- */
.coder thead+tbody tr:last-child th:first-child,
.coder thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　thaedの後のtbody 最後の行の最後のセル
----------------------- */
.coder thead+tbody tr:last-child th:last-child,
.coder thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}

/* お支払い方法（代引き代金テーブル） */

/* ------------------------------
 Table
------------------------------ */

#pay_table {
	width:498px;
	border:1px solid #C0C0C0;
	cellpadding:6;
	cellspacing:1;
	bgcolor:#CACCCB;
	margin:10px auto;
}

.tbl_ttl {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
}

.tbl_cll1 {
	background-color:#FFFFFF;
	font-size: 12px;
	line-height: 18px;
}

.tbl_cll2 {
	background-color:#F8F8F8;
	font-size: 12px;
	line-height: 18px;
}
/*
	ページ送り
	参考: http://css-happylife.com/template/page_nav/
*/
ul.pager {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
}
ul.pager li {
	display: inline;
	margin: 0 1px;
	padding: 0;
}
ul.pager li span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 3px 6px;
	background: #9fa09e;
	color: #fff;
	border: 1px solid #9fa09e;
	text-decoration: none;
	vertical-align: middle;
}
ul.pager li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 3px 6px;
	background: #fff;
	color: #f3a68c;
	border: 1px solid #f3a68c;
	text-decoration: none;
	vertical-align: middle;
}
ul.pager li a:hover {
	background: #f3a68c;
	color:#fff;
}

/* ページ繰越ボタン */
span.pg-on,span.pg-off {
	display:-moz-inline-box;
	-moz-box-align: center;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	width: 23px;
	height: 23px;
	margin: 2px;
	padding: 2px;
	border: 1px solid #6b868b;
	font-family: Verdana,Helvetica,Arial;
}
span.pg-on,span.pg-on a {
	color: #f0f0f0;
	background: #6b868b;
}
span.pg-off,span.pg-off a {
	color: #6b868b !important;
	background: #fff;
}
div.pgbtn {
	margin: 0.6em 0;
}
div.err-addr {
	color: #dd0000 !important;
}

/* 進行ボタン */
input.bigbtn {
	height: 32px;
	width: 150px;
	margin: 0 14px;
}

/* datepickerサイズ */
div.ui-datepicker {
	font-size: 95%;
}

/* アイコン */
img.icon {
	vertical-align: middle;
	border: none;
}

/* エラー画面 */
#err-box {
	margin: 3em auto;
	background: #EBE5E1;
	padding: 1em;
	width: 600px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/* 特商法 */
#law-tbl {
	border-collapse: collapse;
	table-layout: fixed;
	margin: 1em auto;
}
#law-tbl th, #law-tbl td {
	border: 1px solid #B2B2B2;
	padding: 3px 5px;
	font-size: 12px;
	text-align: left;
}
#law-tbl th {
	background: #EBE5E1;
}
td.key {
	width: 150px;
}

.law-tbl {
	width:650px;
	border-collapse: collapse;
	margin: 2em auto;
}
.law-tbl th, .law-tbl td {
	padding: 1em;
	color: #333;
}
.law-tbl th {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
.law-tbl td {
	text-align: left;
	border-bottom: 1px solid #bbb;
}

/* ボトムメニュー */
#bottom {
	margin-top:0em;
	margin-bottom:0em;
	padding-top:2em;
	padding-bottom:2em;
	text-align:center;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
	font-size:10pt;
	background:#0f394d;
}
input.btn {
	display: inline-block;
	font-size: 14px;
	background-color: #f7f6f5;
	border: 1px solid #c0c0c0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 2px;
	padding: 4px 15px 3px 15px;
}
input.btn:hover {
	background-color: #f39800;
	border: 1px solid #f39800;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#fff;
}
/* フッター */
#footer {
	margin-top:0em;
	margin-bottom:0em;
	padding-top:4.5em;
	padding-bottom:4.5em;
	text-align:center;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
	font-size:10px;
	background:#0a2633;
}
#footer a {
	color:#ffffff;
}
/* ----------------------------------------------------------------------------------------------------- */
/* スマホ用 */
@media screen and (max-width: 480px) {
	* { box-sizing: border-box; }

#main-top {
	position:relative;
	width:100%;
	margin:0 auto;
	padding:1.2em 1em;
	border-right:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
}
#main {
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0.6em 5px;
	border-right:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
}
#main_law {
	width: 100%;
	background: #fff;
	margin: 0em auto;
	padding:1.2em 1em 0em 1em;
	text-align:center;
	border-right:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
}
#main-ttl {
	margin: 0;
	padding: 20px auto;
}
#main-ttl a {
	color: #000;
	text-decoration: none;
}

#top-menu {
	background: #2ca9e1;
	color: #fff;
	padding: 15px 0;
	text-align: center;
}
#top-menu a {
	color: #fff;
}
#top-menu span {
	margin: 2em 10px;
}
div.main-menu {
	width: 100%;
	text-align: center;
	padding: 5px;
	margin: 0;
}
.clear {
	clear: both;
}
.navi-ttl {
	width:100%;
	border: 1px solid #ccc;
	margin: 0 auto 1em auto;
	padding: 1em;
	border-radius: 6px;
}
.navi {
	width:100%;
	margin: 0 auto;
	font-weight: bold;
	letter-spacing: 1px;
	color: gray;
}

/* 商品一覧(TOP)枠 */
.main-frame {
	width:100%;
	margin:0;
	padding:10px auto;
}
/* 商品表示枠 */
.cart-frame {
	position:relative;
	width: 106%;
	height: auto;
	font-size:9pt;
	text-align: left;
	border: 1px solid #B2B2B2;
	margin: 0.5em auto 0.5em -10px;
	padding: 1em;
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#main_item {
	position:relative;
	width: 100%;
	height:auto;
	display:block;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 5px 0;
	border-bottom:1px dotted #c0c0c0;
}

#item_bottom {
	position:relative;
	display:block;
	width: 100%;
	height:auto;
	text-align: left;
	margin: 5px 0 0 0;
	padding: 0px;
}

/* 詳細ページへのリンク */
input#detail {
	position:absolute;
	top:5px;
	left:195px;
	background:url(detail.png) no-repeat;
	width:104px;
	height:28px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
input#detail:hover {
	position:absolute;
	top:5px;
	right:195px;
	background:url(detail02.png) no-repeat;
	width:104px;
	height:28px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}

/* 商品画像 */
.list-img {
	position:absolute;
	top:45px;
	left:175px;
	width:140px;
}
/* 商品名/詳細ページリンク枠 */
.item-head {
	position:relative;
	width:345px;
	margin:0;
	padding:0;
}
/* 単価,数量,在庫,メモ,オプション枠 */
div.cart-item {
	text-align: left;
	margin:0;
	padding:0;
}
div.cart-item b {
	color: #640000;
}
/* 商品カゴ内商品コード枠 */
.code {
	position:realtive;
	margin-top:10px;
	margin-left:15px;
	color:#d83473;
}

/* 買い物かごに入れるボタン枠 */
.cart-in {
	position:absolute;
	float:right;
	margin-top:-5px;
	margin-left:165px;
}
/* 商品コード,カートに入れるボタン枠 */
.bottom-info {
	position:relative;
	display:block;
	width:350px;
	margin:5px 0 0 0;
	padding:0;
}
.memo {
	margin-top:10px;
	font-size:9pt;
	width:170px;
}
.option {
	width:200px;
	margin-top:12px;
}
div.cart-detail {
	width: 100%;
	border: 1px solid #ccc;
	margin: 0 auto;
	padding: 10px;
	border-radius: 6px;
}
div#memo {
	width: 100%;
	margin:0.3em auto;
	padding: 15px;
	border-bottom: 1px dotted #915da3;
	text-align: left;
}

#detail {
	width:100%;
	margin: 1em auto;
	text-align: left;
	border-bottom: 1px dotted #915da3;
	padding: 1em;
}
#detail img {
	width:340px;
}
#detail ul li {
	margin-left:-2em;
	line-height:1.6;
}
div#info {
	width: 300px;
	float:right;
	margin-right:0;
	padding: 10px;
	border: 1px dotted #941f57;
	text-align:left;
}
div.item-no {
	float:right;
	margin:0 10px 0.3em auto;
	padding:0;
	background: #fdede4;
}
#side-menu {
	float: left;
	width: 340px;
	text-align: left;
	padding: 5px;
	margin:0;
}
	/* 買物カート */
	.cart-tbl {
		width: 100% !important;
		margin: 0 auto;
	}
	.cart-tbl .thead {
		display: none;
	}
	.cart-tbl tr {
		width: 100%;
	}
	.cart-tbl th, .cart-tbl td {
		display: block;
		text-align: left;
		width: 100%;
		padding: 0;
		white-space: normal !important;
	}
	.cart-tbl td:first-child {
		color: #f45d48;
		font-weight: bold;
		/*text-align: center;*/
	}
	.cart-tbl td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		margin-right: 10px;
	}
	td.cart-del {
		text-align: right;
		border-bottom: 1px solid #bbb;
	}
	.cart-item {
		display: block;
		width: 100%;
	}
	.cart-topmsg {
		line-height: normal !important;
		width: 100%;
		margin: 1em auto;
	}
	.button {
		width: 250px;
		height: 50px;
	}
	.cart-attn {
		width: 100% !important;
		text-align: center !important;
	}
	.credit-btn {
		height: 50px;
	}
	.err-bar {
		width: 95%;
	}
	/* メッセージボックス */
	.cart-msg {
		width: 92% !important;
		margin: 10px auto !important;
		font-size:13px;
	}
	/* 入力テーブル */
	.cart_form {
		width: 100% !important;
		margin: 0 auto;
	}
	.cart_form .thead {
		display: none;
	}
	.cart_form tr {
		width: 100%;
	}
	.cart_form th, .cart_form td {
		display: block;
		text-align: left;
		width: 100%;
		padding: 0;
		white-space: normal !important;
	}
	.cart_form td:first-child {
		background: #006bad;
		color: #fff;
		font-weight: bold;
		text-align: center;
	}
	.cart_form td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		margin-right: 10px;
	}
	/* エラー画面 */
	#err-box {
		width: 96% !important;
	}
	/* 検索画面 */
	#find-tbl, .cart-box, #law-tbl {
		width: 100% !important;
	}
	#find-tbl .thead, #law-tbl .thead {
		display: none;
	}
	#find-tbl tr, #law-tbl tr {
		width: 100%;
	}
	#find-tbl .find-ttl, #law-tbl .key {
		background: #eee;
	}
	#find-tbl td, #law-tbl td {
		display: block;
		text-align: left;
		width: 100% !important;
		padding: 4px 0;
	}
}
/*
	button design by:
	http://red-team-design.com/css3-patterned-buttons/
*/
.button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button {
  display: inline-block;
  *display: inline;
  zoom: 1;  
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 12px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)),
                    url(data:image/png;base64,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);
  background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0)),
                    url(data:image/png;base64,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);
  -webkit-transition: background-color .2s ease-out;  
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 
              0 2px 2px -1px rgba(0, 0, 0, .5), 
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);  
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.button:hover {
  background-color: #eee;
  color: #555;
}

.button:active {
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

.button[disabled], 
.button[disabled]:hover, 
.button[disabled]:active {
  border-color: #eaeaea;
  background: #fafafa;
  cursor: default;
  position: static;
  color: #999;
  /* Usually, !important should be avoided but here it's really needed :) */
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Smaller buttons styles */

.button.small {
  padding: 4px 12px;
}

/* Larger buttons styles */

.button.large {
  padding: 12px 30px;
  text-transform: uppercase;
}

.button.large:active {
  top: 2px;
}

/* Colored buttons styles */

.button.color {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0)),
                    url(data:image/png;base64,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);
  background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0)),
                    url(data:image/png;base64,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);  
}

/* */

.button.prussian-blue {
  background-color: #192f60;
  border-color: #001e43;
}

.button.prussian-blue:hover {
  background-color: #3565cc;
  color: #fafdff;
}

.button.prussian-blue:active {
  background-color: #661b34;
  color:#f7f6f5;
  border-color: #f7f6f5;
}

/* */

.button.cerulean-blue {
  background-color: #008db7;
  border-color: #227aae;
}

.button.cerulean-blue:hover {
  background-color: #00608d;
  color: #fafdff;
}

.button.cerulean-blue:active {
  background-color: #d83473;
  color:#f7f6f5;
  border-color: #f7f6f5;
}

/* */

.button.oldrose {
  background-color: #e29399;
  border-color: #b0778c;
}

.button.oldrose:hover {
  background-color: #e3adc1;
}

.button.oldrose:active {
  background: #e29399;
}

/* */

.button.koinezu {
  background-color: #4f455c;
  border-color: #393f4c;
}

.button.koinezu:hover {
  background-color: #95859c;
}

.button.koinezu:active {
  background: #4f455c;
}

/* */

.button.burnt_umber {
  background-color: #6f5436;
  border-color: #6f5436;
}

.button.burnt_umber:hover {
  background-color: #c49a6a;
}

.button.burnt_umber:active {
  background: #6f5436;
}

/* */

.button.olivegreen {
  background-color: #5f6527;
  border-color: #5f6527;
}

.button.olivegreen:hover {
  background-color: #a7d28d;
}

.button.olivegreen:active {
  background: #5f6527;
}

/* */

.button.orange {
  background-color: #ee7800;
  border-color: #ee7800;
}

.button.orange:hover {
  background-color: #f7b977;
}

.button.orange:active {
  background: #ee7800;
}

/* */

.button.winered {
  background-color: #b33e5c;
  border-color: #b33e5c;
}

.button.winered:hover {
  background-color: #ea618e;
}

.button.winered:active {
  background: #b33e5c;
}

/* */

.button.purple {
  background-color: #734E93;
  border-color: #5a4498;
}

.button.purple:hover {
  background-color: #9C7EB6;
}

.button.purple:active {
  background: #734E93;
}

/* */

.button.green {
  background-color: #57a957;
  border-color: #57a957;
}

.button.green:hover {
  background-color: #62c462;
}

.button.green:active {
  background: #57a957;
}

/* */

.button.red {
  background-color: #c43c35;
  border-color: #c43c35;
}

.button.red:hover {
  background-color: #ee5f5b;
}

.button.red:active {
  background: #c43c35;
}

/* */

.button.blue {
  background-color: #269CE9;
  border-color: #269CE9;
}

.button.blue:hover {
  background-color: #70B9E8;
}

.button.blue:active {
  background: #269CE9;
}

/* */

.prussian-blue[disabled], 
.prussian-blue[disabled]:hover, 
.prussian-blue[disabled]:active {
  border-color: #001e43;
  background: #192f60;
  color: #99694d;
}


.cerulean-blue[disabled], 
.cerulean-blue[disabled]:hover, 
.cerulean-blue[disabled]:active {
  border-color: #4d7d99;
  background: #578ead;
  color: #99694d;
}

.oldrose[disabled], 
.oldrose[disabled]:hover, 
.oldrose[disabled]:active {
  border-color: #e29399;
  background: #fdeff2;
  color: #e29399;
}

.koinezu[disabled], 
.koinezu[disabled]:hover, 
.koinezu[disabled]:active {
  border-color: #393f4c;
  background: #d3cfd9;
  color: #9790a4;
}

.olivegreen[disabled], 
.olivegreen[disabled]:hover, 
.olivegreen[disabled]:active {
  border-color: #5f6527;
  background: #5f6527;
  color: #a7d28d;
}

.orange[disabled], 
.orange[disabled]:hover, 
.orange[disabled]:active {
  border-color: #ee7800;
  background: #ee7800;
  color: #f7b977;
}

.winered[disabled], 
.winered[disabled]:hover, 
.winered[disabled]:active {
  border-color: #b33e5c;
  background: #b33e5c;
  color: #522B72;
}

.purple[disabled], 
.purple[disabled]:hover, 
.purple[disabled]:active {
  border-color: #734E93;
  background: #734E93;
  color: #c7a5cc;
}

.green[disabled], 
.green[disabled]:hover, 
.green[disabled]:active {
  border-color: #57A957;
  background: #57A957;
  color: #D2FFD2;
}

.red[disabled], 
.red[disabled]:hover, 
.red[disabled]:active {
  border-color: #C43C35;
  background: #C43C35;
  color: #FFD3D3;
}

.blue[disabled], 
.blue[disabled]:hover, 
.blue[disabled]:active {
  border-color: #269CE9;
  background: #269CE9;
  color: #93D5FF;
}

/* Group buttons */

.button-group,
.button-group li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.button-group {
  font-size: 0; /* Inline block elements gap - fix */
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, .04);
  border-bottom: 1px solid rgba(0, 0, 0, .07);
  padding: 7px;
  border-radius: 7px; 
}

.button-group li {
  margin-right: -1px; /* Overlap each right button border */
}

.button-group .button {
  font-size: 13px; /* Set the font size, different from inherited 0 */
  border-radius: 0; 
}

.button-group .button:active {
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 
              5px 0 5px -3px rgba(0, 0, 0, .2) inset, 
              -5px 0 5px -3px rgba(0, 0, 0, .2) inset;   
}

.button-group li:first-child .button {
  border-radius: 3px 0 0 3px;
}

.button-group li:first-child .button:active {
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 
              -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}

.button-group li:last-child .button {
  border-radius: 0 3px 3px 0;
}

.button-group li:last-child .button:active {
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 
              5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}