@charset "UTF-8";

/* ================================================

ベーススタイル

================================================ */
html {
	height: 100%;
	background: #f0f0f0 url(../_img/common/bg_01.png);
	font-family: "Hiragino Kaku Gothic Pro","Meiryo","Yu Gothic",sans-serif; 
	font-size: 75%; /* 12px */
	color: #333333;
}
body {
	position: relative;
	height: 100%;
}
/* font-size
 6px	0.500em	50.00%
 7px	0.583em	58.30%
 8px	0.667em	66.70%
 9px	0.750em	75.00%
10px	0.833em	83.30%
11px	0.917em	91.70%
12px	1.000em	100.00%
13px	1.083em	108.30%
14px	1.167em	116.70%
15px	1.250em	125.00%
16px	1.333em	133.30%
17px	1.417em	141.70%
18px	1.500em	150.00%
19px	1.583em	158.30%
20px	1.667em	166.70%
21px	1.750em	175.00%
22px	1.833em	183.30%
23px	1.917em	191.70%
24px	2.000em	200.00%
*/


/* テキスト関連 ============================= */
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre {
	margin-top: 0;
	margin-bottom: 1.8em;
}
h1,h2,h3,h4,h5,h6 {
	line-height: 1.6;
}
p,li,dt,dd,th,td,pre {
	line-height: 1.8;
	-ms-line-break: strict;
	line-break: strict;
	word-break: break-strict;
}
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
pre:last-child {
	margin-bottom: 0;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
img {
	max-width :100%;
	vertical-align: bottom;
}
em {
	font-style: normal;
	color: #c43131;
}
a {
	color: #3289ff;
	text-decoration: none;
}
a:focus,
a:hover {
	color: #3289ff;
	text-decoration: underline;
}

/* 表 ============================= */
table {
	width: 100%;
}
table caption {
	margin-bottom: 1em;
	text-align: left;
	font-weight: bold;
	font-size: 1.083em;
}
table th,
table td {
	padding: 1.5em;
	text-align: left;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
table th:empty,
table td:empty {
	border: none;
	background: none;
}
table th {
	background-color: #e2eae9;
	white-space: nowrap;
}
table thead th {
	padding-top: .5em;
	padding-bottom: .5em;
	text-align: center;
}


/* ================================================

サイトヘッダー

================================================ */
#siteHeader {
	height: 44px;
	padding: 0 20px;
	min-width: 740px;
	background: #00685d;
	color: #ffffff;
	box-shadow: 0 -1px 2px rgba(0,0,0,.3) inset;
}
#siteHeader * {
	margin: 0;
	padding: 0;
}
#siteHeader a {
	color: #ffffff;
}
#siteHeader a:focus,
#siteHeader a:hover {
	color: #a4ffed;
	text-decoration: none;
}
#siteHeader h1 {
	float: left;
	padding: 10px 0;
	height: 24px;
	vertical-align: top;
}
#siteHeader h1 img {
	height: 24px;
	vertical-align: top;
}
#siteHeader .headMenu {
	float: right;
	line-height: 44px;
	height: 44px;
}
#siteHeader .headMenu li {
	display: inline-block;
	margin-left: 1em;
	line-height: 44px;
	height: 44px;
}
#siteHeader .headMenu span[class^=icon] {
	font-size: 1.333em;
	opacity: .7;
	vertical-align: -.15em;
}
#siteHeader #myShop {
	padding-left: 1.5em;
	border-left: 1px solid #0a4640;
}

/* ログイン情報 ============================= */
#loginData {
	clear: both;
	overflow: hidden;
	margin-bottom: 40px;
	padding: .5em 20px;
	min-width: 740px;
	background: #ffffff;
	background: rgba(255,255,255,.6);	
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
#loginID {
	margin-bottom: 0;
	line-height: 2;
	float: left;
}

#supportMenu {
	float: right;
}
#supportMenu li {
	display: inline-block;
	margin-left: 1em;
}
#supportMenu a {
	color: inherit;
}
#supportMenu a:focus,
#supportMenu a:hover,
#supportMenu a span {
	color: #07a796;
	text-decoration: none;
}
#supportMenu a span {
	margin-right: .1em;
	vertical-align: -.05em;
}


/* ================================================

サイトフッター

================================================ */
#siteFooter {
	clear: both;
	padding: 10px 0;
	text-align: center;
}
#siteFooter small {
	color: #666666;
}
.pageTop a {
	color: #999999;
	font-size: 3em;
	line-height: 1;
}
.pageTop a:focus,
.pageTop a:hover {
	color: #049d8d;
	text-decoration: none;
}


/* ================================================

サイドメニュー

================================================ */
#wrapper {
	position: relative;
	margin-left: 18em;
}
#closeMenu {
	color: #07a796;
	padding: .5em 1em;
	text-align: right;
	background-color: #222222;
	cursor: pointer;
}
#sideMenu {
	position: fixed;
	top: 0;
	left: 0;
	width: 18em;
	height: 100%;
	background-color: #333333; /*IE8*/
	background-color: rgba(0,0,0,.8);
	box-shadow: -1px 0 2px rgba(0,0,0,.9) inset;
	z-index: 10;
}
#sideMenu {
}
#sideMenu ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
#sideMenu li {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#sideMenu li a {
	display: block;
	padding: 1em;
	border-top: 1px solid #444444;
	border-bottom: 1px solid #000000;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#sideMenu > ul > li > a {
	color: #a4ffed;
	line-height: 2em;
}
#sideMenu li > a:focus,
#sideMenu li > a:hover,
#sideMenu li.current > a {
	border-top-color: #00352f;
	background-color: #00685d;
	color: #ffffff;
}
#sideMenu li li > a {
	padding: .5em;
	padding-left: 3.5em;
}
#sideMenu li li li > a {
	padding: .5em 1em;
}
#sideMenu li li a:focus,
#sideMenu li li a:hover,
#sideMenu li li:hover > a,
#sideMenu li li.current > a {
	border-top-color: #222222;
	background-color: #222222;
	color: #a4ffed;
}
#sideMenu li li {
	position: relative;
}
#sideMenu li li ul {
	display: none;
	position: absolute;
	top: -1px;
	left: 18em;
	border-top: 1px solid #222222;
}
#sideMenu li li ul:after {
	content: ""; 
	display: block;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-top: .5em solid transparent;
	border-bottom: .5em solid transparent;
	border-left: .5em solid #222222;
	position: absolute; top:1em;
	z-index: 1;
}
#sideMenu li li:hover ul {
	display: block;
}
#sideMenu li li li a {
	border-bottom: 1px solid #222222;
	background-color: #444444;
	background-color: rgba(0,0,0,.75);
}

#sideMenu span[class^=icon],
#sideMenu span[class^=arrow] {
	vertical-align: -.2em;
	font-size: 1.5em;
}
#sideMenu .menuItem {
	margin-left: 1em;
	font-size: 1.167em;
}

/* .mMiniで表示切り替え ============================= */
#wrapper.mMini {
	margin-left: 3.5em;
}
.mMini #closeMenu [class^="arrow"]:before {
	content: "\e901";
}
#sideMenu.mMini {
	width: 3.5em;
	text-align: center;
}
#sideMenu.mMini li ul {
	display: none;
}
#sideMenu.mMini .menuItem {
	display: none;
}


/* ================================================

メインコンテンツブロック

================================================ */
#contents {
	margin: 0 auto;
	width: 90%;
	min-width: 740px;
}


/* ================================================

ログイン画面	

================================================ */
.loginWrapper {
	margin: 0 auto;
	width: 540px;
}
.loginWide {
	width: 800px;
}
#loginHeader {
	position: relative;
	padding: 40px 50px;
	background: #00685d;
	color: #ffffff;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}
#loginHeader:after {
	content: ""; 
	display: block;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-top: 8px solid #00685d;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute; bottom: -8px; left: 50px;
	z-index: 1;
}
#loginHeader a {
	color: #ffffff;
}
#loginHeader a:focus,
#loginHeader a:hover {
	color: #a4ffed;
}
#loginHeader h1 {
	margin-bottom: 0;
	line-height: 1;
}
#loginHeader p {
	position: absolute; bottom: 40px; right: 50px;
	line-height: 1;
	text-align: right;
	font-size: 1.083em;
}
#loginBox {
	clear: both;
	padding: 40px 50px;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}
#loginBox h1 {
	display: none;
}
#loginBox .withNote {
	margin-bottom: .5em;
}
#loginBox .switchPage {
	text-align: center;
}
#loginBox .switchPage {
	text-align: center;
}

/*　エラー・保存メッセージ */
.loginError {
	padding: 1em 1.5em;
	background: #ffcccc;
	color: #c43131;
}
.loginSave {
	padding: 1em 1.5em;
	background: #ffe198;
}

/*　ショップ選択 */
.shopList,
.shopList li {
	margin-left: 0;
	padding: 0;
	list-style: none;
}
.shopList a {
	margin: .5em 0;
	white-space: normal;
	line-height: inherit;
	font-size: inherit;
	text-align: left;
}
.shopList a:not(.disabled) {
	position: relative;
	padding-right: 42px;
}
.shopList a:not(.disabled):after {
	/* webfont */
	speak: none;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'arrow';
	content: "\e905";

	display: block;
	position: absolute;
	top: 50%;
	right: 8px;
	opacity: .7;
	margin-top: -12px;
	font-size: 24px;
}
.shopList a:focus:after,
.shopList a:hover:after {
	opacity: 1;
}
.shopList a h2 {
	margin-bottom: .5em;
	padding-bottom: .5em;
	border-bottom: 1px solid rgba(255,255,255,.4);
	font-size: inherit;
}
.shopList a [class^="status"] {
	margin-right: .5em;
	padding: 1px 3px;
	background: #ffffff;
	border-radius: 1px;
}
.shopList a .statusWL {
	color: #32558b;
}
.shopList a .statusWD {
	color: #c03e3e;
}
.shopList a dl {
	display: table;
	margin: 0;
	padding: 0;
	font-size: .833em;
	font-weight: normal;
}
.shopList a dl dt {
	float: left;
	clear: both;
}
.shopList a dl dd {
	margin-left: 8em;
}
.shopNew {
	text-align: right;
}

/* フッターメニュー */
#loginFootNav {
	margin-top: .5em;
}
#loginFootNav ul {
	padding-left: 0;
	list-style: none;
	text-align: right;
}
#loginFootNav li {
	padding: 0 0 0 1em;
	display: inline-block;
}
#loginFootNav li a {
	color: #777777;
}
#loginFootNav li a:hover {
	color: #3289ff;
}


/* ===============================================

ダッシュボード

================================================ */
.infoBox {
	clear: both;
	margin-bottom: 1.8em;
	padding: 3em;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.infoBox h1 {
	margin: -3em -3em 1.8em;
	padding: 1em 3em;
	background-color: #e2eae9;
	font-size: inherit;
}
.infoBox table th,
.infoBox table td {
	padding: .25em .5em ;
	vertical-align: top;
}
.infoBox table th {
	background-color: transparent;
	font-weight: normal;
}
.infoBox table a:not(:focus):not(:hover) {
	color: inherit;
}
.infoBox table a:focus,
.infoBox table a:hover {
	text-decoration: none;
}
.infoBox .notice {
	text-align: right;
}

/* 画面が広い時は横並び */
@media screen and (min-width: 1100px) {
	.infoGroup {
		display: table;
		table-layout: fixed;
		margin-bottom: 1.8em;
		width: 100%;
		box-shadow: 0 0 3px rgba(0,0,0,.3);
	}
	.infoGroup .infoBox {
		display: table-cell;
		box-shadow: none;
		border-right: 1px solid #dddddd;
		border-left: 1px solid #ffffff;
	}
	.infoGroup .infoBox:first-child {
		border-left: none;
	}
	.infoGroup .infoBox:last-child {
		border-right: none;
	}
}

/* セールス統計 ============================= */
#salesInfo .infoBox {}
#salesInfo .infoBox h1 {
	display: none;
}
#salesInfo .infoBox dl {
	width: 100%;
}
#salesInfo .infoBox dt {
	position: relative;
	float: left;
	margin: .25em 0;
	padding-left: 1em;
	width: 6em;
	border-left: 2px solid #7c9491;
	line-height: 3.5;
}
#salesInfo .infoBox dt:before {
	content: ""; 
	display: block;
	width: 5px;
	height: 2px;
	border-top: 1px solid #7c9491;
	position: absolute; top: 50%; left: 0;
	z-index: 1;
}
#salesInfo #countSales dt {
	border-left-color: #00685d;
	color: #00685d;
}
#salesInfo #countSales dt:before {
	border-top-color: #00685d;
}
#salesInfo #countOrder dt {
	border-left-color: #07a796;
	color: #07a796;
}
#salesInfo #countOrder dt:before {
	border-top-color: #07a796;
}
#salesInfo .infoBox dd {
	margin: .25em 0;
	padding-left: 8em;
	white-space: nowrap;
	text-align: right;
}
#salesInfo .infoBox .counter {
	font-family: 'Roboto', sans-serif;
	font-size: 3.5em;
	font-weight: 300;
	line-height: 1;
}
#salesInfo .infoBox .word {
	font-size: 1.5em;
}

/* お知らせ ============================= */
#dsInfo [class^="cat"] {
	display: block;
	padding: 0 .5em;
	background-color: #00685d;
	border-radius: 2px;
	color: #ffffff;
	font-size: .917em;
	text-align: center;
}
#dsInfo [class="catCampaign"] {
	background-color: #da8500;
}
#dsInfo [class="catAlert"] {
	background-color: #9b3333;
}

/* ショップ情報 ============================= */
#orderInfo td:first-child {
	white-space: nowrap;
}
#stockInfo td:last-child {
	white-space: nowrap;
	text-align: right;
}

/* 売上グラフ ============================= */
#chartBox h1 {
	display: none;
}
#chartBox #chart {
	height: 480px;
	min-width: 640px;
}

/* ショップ停止メッセージ ============================= */
#statusClose {
	padding: 0;
	background-color: #ffcccc;
	text-align: center;
}
#statusClose a {
	display: block;
	padding: 2em;
}
#statusClose a:hover em {
	text-decoration: underline;
}
#statusClose a [class^=icon-] {
	font-size: 1.333em;
}

/* 退会 ============================= */
#withdraw {
	position: absolute;
	right: 2em;
	bottom: 1em;
}
#withdraw p {
	margin: 0;
	text-align: right;
	font-size: .917em;
}
#withdraw a {
	color: #777777;
}


/* ================================================

各設定ページ〈共通〉

================================================ */
#settingBox {
	clear: both;
	margin: 40px auto;
	background-color: #ffffff;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.formHeader {
	position: relative;
	padding: 3em 80px 2em;
	background: #07a796;
	border-bottom: 1px solid rgba(0,0,0,.2);
	color: #ffffff;
}
.formHeader:after {
	content: ""; 
	display: block;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-top: 10px solid #07a796;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute; bottom: -10px;
	z-index: 1;
}
.formHeader h1,
.formHeader p {
	margin-bottom: .5em;
}
.formHeader h1 [class^=icon-] {
	opacity: .7;
}


/* submit後のメッセージ ============================= */
.formMsg {
	position: relative;
	padding: 2em 80px;
	background: #f0f0f0;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.formMsg:after {
	content: ""; 
	display: block;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-top: 10px solid #f0f0f0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute; bottom: -10px;
	z-index: 1;
}
.formMsg ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.formMsg ul li {
	margin: 0;
	list-style: none;
}
/* エラーメッセージ */
.formError {
	background: #ffcccc;
	color: #c43131;
}
.formError:after {
	border-top-color: #ffcccc;
}
/* 保存メッセージ */
.formSave {
	background: #ffe198;
}
.formSave:after {
	border-top-color: #ffe198;
}


/* フォームブロック ============================= */
.formBox {}
.inputBox {
	padding: 3em 80px 3.5em;
	border-bottom: 1px solid rgba(0,0,0,.2);
	border-top: 1px solid rgba(0,0,0,.1);
}
.submitBox {
	text-align: center;
}

/* 書類形式 */
.paperBox {
	position: relative;
	padding: 3em;
	background-color: #f0f0f0;
}
.paperBox:not(:last-child) {
	margin-bottom: 1.8em;
}
.paperBox:after {
	content: ""; 
	display: block;
	width: 0;
	height: 0;
	border-top: 8px solid #cccccc;
	border-right: 8px solid #ffffff;
	border-bottom: 8px solid #ffffff;
	border-left: 8px solid #cccccc;
	position: absolute; bottom: 0; right: 0;
	z-index: 1;
}
.paperBox input[type=text],
.paperBox input[type=email],
.paperBox input[type=url],
.paperBox textarea {
	background: #ffffff;
}
#paperDelivery h1 {
	text-align: center;
	letter-spacing: 1em;
}


/* ラベル ============================= */
.titLabel {
	display:block;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1.083em;
}
.subLabel {
	display:block;
	margin-bottom: 0;
	font-weight: normal;
	font-size: 1em;
}
.subLabel:not(:first-child) {
}
span.requiredTag {
	margin-left: 1em;
	font-weight: normal;
	color: #cc6666;
}


/* 注釈 ============================= */
.note {
	color: #666666;
	font-weight: normal;
}
ul.note {
	padding: 0;
	list-style: none;
}
.note li {
	position: relative;
	margin: 0;
	padding: 0 0 0 1em;
	list-style: none;
	text-indent: -1em;
}


/* 入力フォーム ============================= */
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	margin: .25em 0;
	padding: .6em .5em;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f0f0f0;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #aaaaaa #cccccc #cccccc #aaaaaa;
	box-shadow: 0 0 2px rgba(0,0,0,.2) inset;
	border-radius: 2px;
/*	color:#222222; */
	transition: padding .3s linear, height .3s linear;
	font-size: 1.083em;
}
input[type=text][disabled],
input[type=email][disabled],
input[type=url][disabled],
input[type=password][disabled],
textarea[disabled] {
	background: #dddddd;
	border-color: #dddddd;
	box-shadow: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:not([readonly]):focus {
	outline: none;
	background: #ddfeff;
	box-shadow: none;
}
input[type=text][parsley-type="digits"] {
	width: 8em;
}
input[type=text].priceTit,
input[type=text][maxlength="7"][parsley-type="digits"] {
	width: 12em;
}
input[type=file] {
	padding: 1em 2em;
	background-color: #e2eae9;
	box-shadow: 1px 1px rgba(0,0,0,.1) inset;
}
textarea {
	height: 10em;
}
textarea:not([readonly]):focus {
	height: 16em;
}
textarea[readonly] {
	height: 24em;
}
textarea[readonly]:focus {
	outline: none;
}


/* 送信ボタン ============================= */
.button,
button,
input[type=button],
input[type=submit],
input[type=reset] {
	margin: .25em 0;
	padding: .8em;
	border: none;
	border-radius: 4px;
	font-weight: bold;
	color: #ffffff;
	background: #ea5e01;
	background: -moz-linear-gradient(top, #ea5e01 0%, #d45500 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #ea5e01 0%, #d45500 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #ea5e01 0%, #d45500 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ea5e01 0%, #d45500 100%); 
	font-size: 1.083em;
	text-align: center;
	line-height: 1;
	box-shadow: 0 -1px rgba(0,0,0,.3) inset;
	white-space: nowrap;
	cursor:pointer;
}
.button {
	display: inline-block;
}
.submitBox [type=submit] {
	padding: 15px 30px;
}
.button:focus, .button:hover,
button:focus, button:hover,
input[type=button]:focus, input[type=button]:hover,
input[type=submit]:focus, input[type=submit]:hover,
input[type=reset]:focus, input[type=reset]:hover {
	outline: none;
	background: #c65204;
	box-shadow: 1px 2px rgba(0,0,0,.2) inset, -1px 0 rgba(0,0,0,.2) inset;
	text-decoration: none;
	color: #ffffff;
}
.button.disabled, .button.disabled:focus, .button.disabled:hover,
button[disabled], button[disabled]:hover,
input[type=button][disabled], input[type=button][disabled]:hover,
input[type=submit][disabled], input[type=submit][disabled]:hover,
input[type=reset][disabled], input[type=reset][disabled]:hover {
	background: #aaaaaa;
	box-shadow: none;
	color: #f0f0f0;
	cursor: default;
}

/* 大ボタン */
.btnLarge, input.btnLarge {
	display: block;
	padding: 20px;
}

/* 小ボタン */
.btnMini, input.btnMini {
	position: relative;
	padding: .5em .7em;
	font-weight: normal;
	font-size: 1em;
}
.btnMini:focus, input.btnMini:focus,
.btnMini:hover, input.btnMini:hover {
	box-shadow: none;
	top: 1px;
}

/* ボタン1-重要度普通 */
.btnLv1, input.btnLv1 {
	background: #07a796;
}
.btnLv1:focus, .btnLv1:hover,
input.btnLv1:focus, input.btnLv1:hover {
	background: #00685d;
}

/* ボタン2-重要度低 */
.btnLv2, input.btnLv2 {
	background: #7c9491;
}
.btnLv2:focus, .btnLv2:hover,
input.btnLv2:focus, input.btnLv2:hover {
	background: #586d6a;
}

/* ボタン3-注意 */
.btnLv3, input.btnLv3 {
	background: #c03e3e;
}
.btnLv3:focus, .btnLv3:hover,
input.btnLv3:focus, input.btnLv3:hover {
	background: #9b3333;
}

/* セレクトフォームとボタンの組み合わせ ============================= */
.selectxBtn .customSelect {
	display: inline-block;
	margin-right: 0;
	border-right: 1px solid rgba(255,255,255,.3);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background: #cad9d6;
	color: inherit;
}
.selectxBtn .customSelect.customSelectHover,
.selectxBtn .customSelect.customSelectOpen,
.selectxBtn .customSelect.customSelectFocus {
	background: #7c9491;
	color:#ffffff;
}

.selectxBtn .button,
.selectxBtn button,
.selectxBtn input[type=button],
.selectxBtn input[type=submit],
.selectxBtn input[type=reset] {
	display: inline-block;
	position: relative;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.selectxBtn .button:before,
.selectxBtn button:before,
.selectxBtn input[type=button]:before,
.selectxBtn input[type=submit]:before,
.selectxBtn input[type=reset]:before {
	content: ""; 
	display: block;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid #cad9d6;
	position: absolute; top:1em; left:0;
	z-index: 1;
}
.selectxBtn .button:after,
.selectxBtn button:after,
.selectxBtn input[type=button]:after,
.selectxBtn input[type=submit]:after,
.selectxBtn input[type=reset]:after {
	border-left-color: #cad9d6;
}

/* チェックボックス・ラジオボタンのレイアウト ============================= */
/* 通常タテ並び */
.inputListH {
	padding: 0;
}
.inputListH li {
	display: inline-block;
	margin: .25em 0;
	margin-right: 2em;
	list-style: none;
}

/* チェックボックス・ラジオボタンのレイアウト ============================= */
/* 通常タテ並び */
.checkList,
.radioList {
	overflow: hidden;
	padding: 0;
}
.checkList.hasOption,
.radioList.hasOption {
	margin-bottom: 0;
}
.checkList li,
.radioList li {
	margin: .25em 0;
	list-style: none;
}
/* ヨコ並び */
.checkListH li,
.radioListH li {
	margin-right: 2em;
	float: left;
}

/* チェックボックスと入力フォームの組み合わせ */
.checkListDetail {
	margin: 0;
	clear: both;
	padding: 2em 0;
	border-top: 1px solid #cccccc;
}
.checkListDetail:last-child {
}
.checkListDetail dt {
	margin: 0 0 1em;
	font-weight: bold;
}
.checkListDetail dd {
	margin: 0 0 0 23px;
}


/* 画像アップロードフォーム ============================= */
.selectImg {
	overflow: hidden;
}
.selectImg .button {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 14em;
	vertical-align: bottom;
}
.selectImg .button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	height: 3em;
	font-size: 1.083em;
	direction: ltr;
	cursor: pointer;
}

#upLogo td:first-child,
#upProductImg td:first-child,
#upProductImg td:nth-child(2) {
	text-align: center;
}
.uploadImg td img {
	max-width: 100px;
	max-height: 100px;
}
.uploadImg td button {
	margin: .2em;
}


/* ================================================

ショップ設定

================================================ */

/* ショップ情報 ============================= */

/* カラーテーマ */
#siteColor label[for^="siteColor"] {
	position: relative;
	display: inline-block;
	padding: .5em 1em;
	background-color: #f0f0f0;
	border-radius: 2px;
	color: #ffffff;
}
#siteColor label[for^="siteColor"]:after {
	content: ""; 
	display: block;
	width: 0;
	height: 0;
	border-top: 3px solid rgba(0,0,0,.4);
	border-right: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	border-left: 3px solid rgba(0,0,0,.4);
	position: absolute; bottom: 0; right: 0;
	z-index: 1;
}
#siteColor label[for="siteColorW"] {
	color: inherit;
}
#siteColor label[for="siteColorW"]:after {
	border-top-color: #cccccc;
	border-left-color: #cccccc;
}
#siteColor label[for="siteColorBk"] {
	background-color: #222222;
}
#siteColor label[for="siteColorBk"]:after {
	border-top-color: #999999;
	border-left-color: #999999;
}
#siteColor label[for="siteColorR"] {
	background-color: #fc1711;
}
#siteColor label[for="siteColorOr"] {
	background-color: #ffab28;
}
#siteColor label[for="siteColorOl"] {
	background-color: #47b848;
}
#siteColor label[for="siteColorSk"] {
	background-color: #298dd2;
}
#siteColor label[for="siteColorNv"] {
	background-color: #325880;
}

/* 支払い方法 ============================= */

/* 代引き手数料 */
#pymtCODcharge {
	width: auto;
	border: 1px solid #cccccc;
}
#pymtCODcharge th,
#pymtCODcharge td {
	font-weight: normal;
	border: none;
}
#pymtCODcharge th,
#pymtCODcharge td {
	padding: .25em 1em;
}
#pymtCODcharge tr:nth-child(2) td {
	padding-top: 2em;
}
#pymtCODcharge tr:last-child td {
	padding-bottom: 2em;
}
#pymtCODcharge tr td:first-child {
	padding-left: 2em;
}
#pymtCODcharge tr td:last-child {
	padding-right: 2em;
}

/* イプシロン申込 */
#epsilon {
	background: #344f9c;
}
#epsilon:after {
	border-top-color: #344f9c;
}
.epsButton {
	display: inline-block;
	padding: 1em;
	border: none;
	border-radius: 4px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%); 
	box-shadow: 0 -1px rgba(0,0,0,.3) inset;
	white-space: nowrap;
	font-weight: bold;
	font-size: 1.083em;
	line-height: 34px;
}
.epsButton:focus, .epsButton:hover {
	background:#eeeeee;
	cursor:pointer;
	box-shadow: 1px 1px rgba(0,0,0,.3) inset, -1px 0 rgba(0,0,0,.3) inset;
	text-decoration: none;
}
.epsButton b {
	display: inline-block;
	margin-left: 1em;
	padding: 0 .8em;
	border: none;
	border-radius: 4px;
	background: #ea5e01;
	color: #ffffff;
}
.epsButton:focus b, .epsButton:hover b {
	background:#c65204;
}

/* 支払い方法 ============================= */

/* 送料 */
#delivFeeError {
	margin-bottom: 1em;
}
#delivFeeTable th {
	width: 6em;
	font-weight: normal;
}
#delivFeeTable td > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#delivFeeTable td > ul > li {
	margin: .25em .5em;
	display: inline-block;
}
#delivFeeTable label {
	display: inline-block;
	width: 4em;
	text-align: right;
}


/* ================================================

商品管理

================================================ */

/* 商品管理 ============================= */

/* 検索フォーム */
.searchForm {
	margin: 0 auto;
	max-width: 1200px;
}
.searchForm th,
.searchForm td {
	padding: .25em 0;
	border: none;
}
.searchForm th {
	padding-left: 2em;
	padding-right: .75em;
	width: 7em;
	background-color: transparent;
	text-align: right;
	font-weight: normal;
}
.searchForm th:first-child {
	padding-left: 0;
	width: 4em;
}
.searchBtn {
	text-align: center;
}

/* 商品一覧 - 注釈 */
.listNote {
	margin-bottom: 1.8em;
	padding: 1.5em;
	background-color: #f0f0f0;
}
#productNote ul {
	padding: 0;
	list-style: none;
}
#productNote b {
	margin-right: 1em;
	font-weight: bold;
}
#productNote li {
	display: block;
}
#productNote li:nth-child(n+3) {
	display: inline-block;
	min-width: 26em;
}


/* 商品一覧 - 操作ボタン */
#productControl {
	overflow: auto;
	margin-bottom: 1em;
	text-align: right;
}
#productControl > div {
	margin-left: 1em;
}
#productControl .productSortMenu {
	display: inline-block;
}
#productControl .productSortMenu .customSelect {
	margin-right: 0;
	margin-left: 1em;
}
#productControl .productCSV {
	display: inline-block;
}
#productControl .productNew {
	display: inline-block;
	width: 20em;
}

.productNew .button {
	display: block;
	margin-bottom: 0;
}
.productNew:hover .button,
.productNew:active .button {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.productNew ul {
	display: none;
	padding: 0;
	width: 20em;
	list-style: none;
}
.productNew:hover ul {
	display: block;
	position: absolute;
}
.productNew ul li a {
	display: block;
	border-bottom: 1px solid #222222;
	background-color: #444444;
	background-color: rgba(0,0,0,.8);
	padding: .5em 1em;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
}
.productNew ul li a:hover,
.productNew ul li a:focus {
	background-color: #222222;
	color: #a4ffed;
}

/* 商品一覧 - ページナビ */
.pagingBox {
	margin-bottom: 1em;
	text-align: right;
}
.pagingBox p,
.pagingBox ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.pagingBox p {
	margin: 0 .5em;
}
.pagingBox p a {
	margin: 0 1px;
	line-height: 1.9;
}
.pagingBox p a:not(:focus):not(:hover) {
	color: #586d6a;
}
.pagingBox li {
	display: inline-block;
}
.pagingBox li a {
	display: inline-block;
	margin: 0 1px;
	border: 1px solid #7c9491;
	padding: .5em .5em .4em;
	line-height: 1;
	font-size: .833em;
	color: #586d6a;
}
.pagingBox li a:focus,
.pagingBox li a:hover {
	border-color: #586d6a;
	background-color: #586d6a;
	color: #ffffff;
	text-decoration: none;
}
.pagingBox li.current a {
	background-color: #7c9491;
	color: #ffffff;
}

/* 商品一覧 - 表 */
.listTable {
	margin-bottom: 1em;
}
.listTable th,
.listTable td {
	padding: 1em;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
}
.listTable th {
	padding-top: .5em;
	padding-bottom: .5em;
	text-align: center;
}
#productList td:first-child {
	min-width: 60px;
	max-width: 100px;
	text-align: center;
}
#productList td:nth-child(3) .price {
	display: inline-block;
}
#productList .type_digital {
	display: inline-block;
	padding: .25em .5em;
	border: 1px solid #07A796;
	border-radius: 1px;
	text-align: center;
	line-height: 1;
	font-weight: bold;
	font-size: .917em;
	color: #07A796;
}

/* 編集ボタン */
.editButtons {
	margin: 0;
	padding: 0;
	list-style: none;
}
.editButtons li {
	float: left;
}
.editButtons a {
	display: block;
	width: 3.5em;
	margin: .2em;
}


/* 新規登録 ============================= */

/* デジタルコンテンツ注意メッセージ */
#digitalMsg {
	padding: 2em;
	background-color: #ffe198;
	text-align: center;
}
#digitalMsg [class^=icon-] {
	font-size: 1.333em;
}


/* 在庫登録 ============================= */

/* 管理方法 */
#stocksButtons {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#stocksButtons li {
	display: inline-block;
}
#stocksButtons li .button {
	width: 10em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: normal;
}
#stocksButtons li [class^=icon] {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 3em;
}

/* バリエーション２つ */
#stocks3Table input[type=text][parsley-type="digits"] {
	width: auto;
	max-width: 4em;
}
#stocks3Table th,
#stocks3Table td {
	text-align: center;
	padding: .5em;
}
#stocks3Table input[type=text] {
	padding: .25em;
}


/* 一括登録 ============================= */
.csvList {
	overflow: auto;
	border-bottom: 1px solid #e0e0e0;
}
.csvList dt {
	clear: both;
	float: left;
	width: 25em;
	padding: .2em 0;
	border-top: 1px solid #e0e0e0;
	font-weight: bold;
	counter-increment: csvListNo;
}
.csvList dt:before {
	content: "項目" counter(csvListNo);
	display: inline-block;
	width: 4em;
	font-weight: normal;
	color: #999;
}
.csvList dd {
	margin-left: 16em;
	padding: .2em 0;
	border-top: 1px solid #e0e0e0;
}


/* 一括登録実行結果 ============================= */
.csvListCheck {
	overflow: auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: .6em .5em;
	background: #f0f0f0;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #aaaaaa #cccccc #cccccc #aaaaaa;
	box-shadow: 0 0 2px rgba(0,0,0,.2) inset;
	border-radius: 2px;
	color:#222222;
	max-height: 30em;
}


/* ================================================

受注管理

================================================ */

/* 受注管理 ============================= */

/* 受注済み商品一覧 - 注釈 */
#orderNote dt {
	float: left;
	width: 11em;
	font-weight: bold;
}
#orderNote dd {
	margin-left: 11em;
}

/* 受注済み商品一覧 - 操作ボタン */
#orderControl {
	margin-bottom: 1em;
	text-align: right;
}
#orderControl > div {
	margin-left: 1em;
}
#orderControl .orderPrint {
	display: inline-block;
}
#orderControl .orderCSV {
	display: inline-block;
}

/* 受注済み商品一覧 - 表 */
#orderList td:first-child,
#orderList td:last-child {
	text-align: center;
}
#orderList .icheckbox {
	margin-right: 0;
}

/* 注文詳細 ============================= */

/* ステータス */
.orderStatus tbody th {
	width: 8em;
}

/* 注文内容 */
#orderDetailBox {
	position: relative;
}
#orderDetailBox h2 {
	line-height: 2.6em;
}
.orderReMail {
	display: inline-block;
	position: absolute;
	top: 3em;
	right: 80px;
}
.orderDetail tbody th {
	text-align: right;
}
.orderDetail tbody th input[type=text] {
	width: 10em;
}
.orderDetail tbody td:nth-child(4) input[type=text] {
	width: 4em;
}
.orderDetail tbody td:nth-child(3),
.orderDetail tbody td:last-child {
	text-align: right;
}
.orderDetail tbody td:nth-child(4) {
	text-align: center;
}
.orderDetail tbody td:first-child {
	min-width: 60px;
	max-width: 100px;
	text-align: center;
}


/* ================================================

JavaScriptプラグイン用のCSS	

================================================ */

/* ========================
parsley plugin
======================== */
/* エラーがある入力フォーム */
input.parsley-error {
	background: #ffcccc;
	box-shadow: none;
}
/* エラーメッセージ */
ul.parsley-error-list {
	position: relative;
	margin: 15px 0 0;
	padding: 1em;
	list-style: none;
	background: #ffe0e0;
}
ul.parsley-error-list:before {
	content: "";
	display: block;
	position: absolute;
	top: -10px;
	left: 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent #fccdcd transparent;
}
ul.parsley-error-list li {
	font-size: .917em;
	color: #c43131;
}
/* エラーメッセージを上に表示 */
span.errorBox {
	display: block;
}
.errorBoxTop .parsley-error-list {
	margin-top: 0;
	margin-bottom: 15px;
}
.errorBoxTop ul.parsley-error-list:before {
	top: auto;
	bottom: -10px;
	border-width: 10px 0 0 10px;
	border-color: #fccdcd transparent transparent transparent;
}


/* ========================
iCheck plugin
======================== */
.icheckbox,
.iradio {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0;
	width: 18px;
	height: 18px;
	background: url(../_img/form/icheck.png) no-repeat;
	border: none;
	cursor: pointer;
	vertical-align: middle;
}
.icheckbox {
	background-position: 0 0;
}
.icheckbox.checked {
	background-position: -20px 0;
}
.icheckbox.disabled {
	background-position: -40px 0;
	cursor: default;
}
.icheckbox.checked.disabled {
	background-position: -60px 0;
}
.iradio {
	background-position: -80px 0;
}
.iradio.checked {
	background-position: -100px 0;
}
.iradio.disabled {
	background-position: -120px 0;
	cursor: default;
}
.iradio.checked.disabled {
	background-position: -140px 0;
}
/* Retina対応 */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5) {
		.icheckbox,
		.iradio {
			background-image: url(../_img/form/icheck@2x.png);
			-webkit-background-size: 160px 20px;
			background-size: 160px 20px;
		}
}
/* label位置調整 */
.radioLabel,
.checkLabel {
	cursor:pointer;
	line-height: 18px;
	vertical-align: middle;
}

/* ========================
customSelect plugin
======================== */
.customSelect {
	margin: .25em 0;
	margin-right: 1em;
	padding: .8em 8px .8em .8em;
	border-radius: 4px;
	background: #07a796;
	box-shadow: 0 -1px rgba(0,0,0,.3) inset;
	line-height: 1;
	color:#ffffff;
	font-size: 1.083em;
	white-space: nowrap;
}
.customSelect.customSelectHover,
.customSelect.customSelectOpen,
.customSelect.customSelectFocus {
	background: #00685d;
}
.customSelect.customSelectHover,
.customSelect.customSelectOpen {
	box-shadow: 0 1px rgba(0,0,0,.2) inset;
}
.customSelect.customSelectDisabledOption {}
.customSelect.customSelectDisabled {
	background: #aaaaaa;
	color: #f0f0f0;
}
.customSelectInner {
	padding-right: 36px;
	background: url(../_img/form/select_arrow.png) right center no-repeat;
	text-align: left;
}
.customSelect.customSelectDisabled .customSelectInner {
	background: none;
}

/* ========================
jQuery UI Datepicker
======================== */
input[type=text].hasDatepicker {
	width: 12em;
}

.ui-datepicker {
	width: 17em;
	padding: .5em;
	display: none;
	background-color: #ffffff;
	box-shadow: 0 0 2px rgba(0,0,0,.6);
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 2.5em;
	height: 1.8em;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {}
.ui-datepicker .ui-datepicker-prev {
	left: 0;
}
.ui-datepicker .ui-datepicker-next {
	right: 0;
}
.ui-datepicker .ui-datepicker-prev-hover {}
.ui-datepicker .ui-datepicker-next-hover {}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 1em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 0 2px;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .5em;
}
.ui-datepicker th {
	padding: .2em .5em;
	text-align: center;
	font-weight: bold;
}
.ui-datepicker td {
	padding: 0;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em .5em;
	text-align: right;
	text-decoration: none;
	color: inherit;
}
.ui-datepicker td span {
	color: #999999;
}
.ui-datepicker td a:hover {
	background-color: #ddfeff;
}
.ui-datepicker td:nth-child(6) a {
	color: #0066bb;
}
.ui-datepicker td:nth-child(7) a {
	color: #aa0000;
}
.ui-datepicker-today {
	background-color: #f0f0f0;
	font-weight: bold;
}
.ui-datepicker .ui-datepicker-buttonpane {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	cursor: pointer;
	padding: .4em .5em;
	width: auto;
	overflow: visible;
	font-weight: normal;
	font-size: inherit;
	background: #999999;
	box-shadow: none;
	border-radius: 2px;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* ========================
vex plugin
======================== */
@keyframes vex-fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes vex-fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes vex-fadeout {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes vex-fadeout {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes vex-rotation {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
	}
}
@-webkit-keyframes vex-rotation {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
	}
}
.vex,
.vex *,
.vex *:before,
.vex *:after {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.vex {
	position: fixed;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 1111;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding-top: 100px;
}
.vex-overlay {
	background: black;
}
.vex-overlay {
	animation: vex-fadein .5s;
	-webkit-animation: vex-fadein .5s;
	position: fixed;
	background: rgba(0,0,0,.6);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.vex.vex-closing .vex-overlay {
	animation: vex-fadeout .5s;
	-webkit-animation: vex-fadeout .5s;
}
.vex-content {
	animation: vex-fadein .5s;
	-webkit-animation: vex-fadein .5s;
	background: white;

	border-radius: 2px;
	box-shadow: 0 0 2px rgba(0,0,0,.6);
	background: #ffffff;
	padding: 1.5em;
	position: relative;
	margin: 0 auto;
	max-width: 90%;
	width: 450px;
}
.dlUploadDialog .vex-content {
	width: 640px;
}
.vex-content ul,
.vex-content p {
	margin-bottom: 1em;
}
.vex.vex-closing .vex-content {
	animation: vex-fadeout 0.5s;
	-webkit-animation: vex-fadeout 0.5s;
}
.vex-close {
	border-radius: 0 2px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.vex-close:before {
	font-family: Arial, sans-serif;
	content: "\00D7";

	border-radius: 3px;
	position: absolute;
	font-size: 26px;
	font-weight: normal;
	line-height: 31px;
	height: 30px;
	width: 30px;
	text-align: center;
	top: 3px;
	right: 3px;
	color: #bbbbbb;
	background: transparent;
}
.vex .vex-close:hover:before,
.vex .vex-close:active:before {
	color: #777777;
	background: #e0e0e0;
}
.vex-dialog-form {
	margin: 0;
}
.vex-dialog-form .vex-dialog-message {
	margin-bottom: 1em;
	font-weight: bold;
}
.vex-dialog-form .vex-dialog-input textarea,
.vex-dialog-form .vex-dialog-input textarea:focus {
	height: 6em;
}
.vex-dialog-form .vex-dialog-buttons {
	text-align: center;
}
.vex-dialog-form .vex-dialog-buttons:after {
	content: "";
	display: table;
	clear: both;
}
.vex .vex-dialog-button {
	-webkit-appearance: none;
	cursor: pointer;
	margin: 0 .25em;
}
.vex-dialog-button.vex-dialog-button-primary {
	background: #c03e3e;
}
.vex-dialog-button.vex-dialog-button-primary:focus,
.vex-dialog-button.vex-dialog-button-primary:hover {
	background: #9b3333;
}
.vex-dialog-button.vex-dialog-button-secondary {
	background: #7c9491;
}
.vex-dialog-button.vex-dialog-button-secondary:focus,
.vex-dialog-button.vex-dialog-button-secondary:hover {
	background: #586d6a;
}
.vex-loading-spinner {
	animation: vex-rotation 0.7s linear infinite;
	-webkit-animation: vex-rotation 0.7s linear infinite;
	position: fixed;
	z-index: 1112;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: 0 0 0 1px rgba(0,0,0,.2), 0 0 0.5em rgba(0,0,0,.2);
	border-radius: 100%;
	background: rgba(255,255,255,.2);
	width: 0;
	height: 0;
	border: 1.2em solid #bbbbbb;
	border-top-color: #f0f0f0;
	border-bottom-color: #f0f0f0;
}
body.vex-open {
	overflow: hidden;
}

/*IE10以降*/
:-ms-input-placeholder {
  color: #ccc;
}