@charset "UTF-8";

/*==============================================================================
■目次--------------------------------------------------------------------------

1.デフォルト
2.モーダルメニュー
3.ヘッダー
4.コンテンツラッパー
5.検索
6.PR商品バナー
7.ホームメニュー
8.お知らせ
9.カテゴリメニュー
10.フッター
11.共通コンテンツ
12.商品詳細(デフォルト)
13.商品詳細(画像)
14.商品詳細(一覧)
15.ダイアログ
16.画像ズームダイアログ
17.レジ、カート
18.ガイドメニュー
19.ログイン
20.お知らせ(詳細、アーカイブ)
21.発注履歴
22.商品コード読取
23.ヘルプ
24.出荷実績

00.ウェブフォント用
00.ヘルパークラス
00.ボーダー

00.代理ログイン画面
00.商品一覧在庫情報モーダル
==============================================================================*/



/* ==========================================================================
1.デフォルト
========================================================================== */
html,
button,
input,
select,
textarea {
    color: #333;
}

body{
	font:normal 12px Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height:normal;
	background-color: #e3e3e3;
}

img{
    vertical-align: middle;
}

a{
	outline:none;
	border:0;
}

dl{
	margin:0;
}



/* ==========================================================================
2.モーダルメニュー
========================================================================== */
.mMenu{
	position:fixed;
	left:auto;
	bottom:30px;

	opacity:0.8;

	z-index:99;
}

.mMenuWrap{
	width:120px;
	height:105px;

	position:relative;
}

.mMenuWrap a{
	color:#fff;
	font-size:165%;
	text-decoration:none;

	background:#e62074;

	border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;

	box-shadow:rgba(210, 210, 210, 0.8) 0px 0px 3px 2px;
}

.mMenuWrap a:hover{
	color:#fff;
	background:#666;
}

.start{
	left:3px;
	bottom:26px;
	position:absolute;
}

.start a{
	background:#666;
	padding:0.75em 0.9em;
}

.start a:hover{
	background:#e62074;
}

.toTopIcon{
	left:8px;
	bottom:83px;
	position:absolute;
}

.toTopIcon a{
	background:#666;
	padding:0.5em 0.7em;
}

/*
.toTopIcon a:hover{
	background:#e62074;
}
*/

.menuCaption{
	position: absolute;
	bottom: -42px;
	color: #333;
	white-space: nowrap;
	left: 3px;
	font-size: 120%;
	background: rgba(255,255,255,1);
	display: inline-block;
	letter-spacing: -0.05em;
	font-weight: bold;
	background-color: #e3e3e3;
}


.support{
	right:0;
	bottom:25px;
	position:absolute;
}

.support a{
	background:#999;
	border:1px solid #ccc;
	padding:0.5em 0.7em;
}

.cash{
	top:-65px;
	left:3px;
	position:absolute;
}

.cash a{
	padding:0.35em 0.5em;
	font-size: 220%;
	padding:0.3em 0.5em;
}





/* ==========================================================================
3.ヘッダー
========================================================================== */
header{
	width:100%;
	margin:0 0 2em 0;
	padding:1em 0;
}

.headerWrapper{
	width:1180px; /*960px*/
	padding:0;
	margin:0 auto;
}

.logo{
	float:left;
}

.logo a{
	float:left;
	display:inline-block;
	text-decoration:none;
}

.logo img{
	width:70px;
	height:32px;
	border:0;
	margin:0;
	padding:0;
}

.logo .memberSelectButton{
	display:inline-block;
	font-size: 120%;
	margin:0.4em 0 0 0.5em;
	background-color: #248;
	color:#FFF;
	border:5px;
	border-radius:3px;
	padding:0 5px;
	cursor: pointer;
}

.logo p.custName{
	color:#333;
	float:left;
	font-size:120%;
	font-weight:normal;
	line-height:120%;
	margin:0 0 0 1em;
}

.logo p.custName span{
	font-weight:bold;
	margin:0 0.5em 0 0;
}

.logout{
	float:right;
	margin:0;
}

.logout a{
	display:block;
	color:#333;
	text-decoration:none;
	font-size:100%;
	letter-spacing:0.1em;
	padding:0.5em 0.3em 0.5em 0.8em;
	position:relative;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.logout a:hover{
	color:#999;
}



/* ==========================================================================
4.コンテンツラッパー
========================================================================== */
.content{
	width:100%;
	margin:2em 0 5em 0;
}

#startMenu.content{
	margin:0;
}

#dialog.content{
	margin:0;
}

.contentWrapper{
	width:1180px; /*960px*/
	margin:0 auto;

	position:relative;
}



/* ==========================================================================
5.検索
========================================================================== */
.search{
	display:table-cell;
	width:50%;
	padding:0 0.5em 0 0;
	margin:0;
	vertical-align:middle;
}

.guideNav.search{
	display:table;
	width:100%;
}

.search.sub{
	width:40%;
}

.searchCat{
	display:table-cell;
	width:30%;
}

.guideNav .formBox{
	width:83%;
	margin:0 0 0 1em;
}

.formBox{
	width:85%;
	float:left;
}

.formBox input[type="text"]{
	width:100%;
	border:1px solid #999;
	padding:1.0em 0;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.searchSubmit{
	width:15%;
	float:right;
}

.searchSubmit a{
	display:block;
	width:40px;
	height:40px;
	background:url("../images/icon/search_submit.png") no-repeat;
	border:0;

	background-size:40px 40px;
	-o-background-size:40px 40px;
	-moz-background-size:40px 40px;
	-ms-background-size:40px 40px;
	-webkit-background-size:40px 40px;

	vertical-align:middle;

	margin:0 auto;
}

.searchSubmit a:hover{
	opacity:0.8;
}



/* ==========================================================================
6.PR商品バナー
========================================================================== */
.prItemBnr{
	display:table-cell;
	width:50%;
	padding:0 0 0 0.5em;
	vertical-align:middle;
}

.prItemBnr a{
	display:block;
}

.prItemBnr a img{
	max-width:100%;
	width:100%;
}

.prItemBnr a:hover img{
	opacity:0.8;
}



/* ==========================================================================
7.ホームメニュー
========================================================================== */
.homeBox{
	padding:0.5em 0.8em;
	margin:0 0 1em 0;
	border:1px solid #e62074;

	border-radius:2px;
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
}

.homeBox > div.clearfix{
	display:table;
	width:100%;
}

.homeSearch{
	display:table-cell;
	width:50%;
	padding:0.5em 0.5em 0 0.5em;
	margin:0;
	vertical-align:middle;
}

.homeStartMenu{
	width:100%;
	margin:1em 0 0 0;
}

.homeStartMenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0px;
	letter-spacing:-0.4em;
	text-align:center;
}

.homeStartMenu ul li{
	display:inline-block;
	width:98%;
	font-size:12px;
	letter-spacing:normal;
	margin:0.25em 0.25em 0.5em 0.25em;
}

.homeStartMenu ul li a{
	display:block;
	color:#e62074;
	font-size:150%;
	font-weight:bold;
	text-align:center;
	text-decoration:none;

	background:#ffedf5;
	padding:0.6em 0.35em;

	border:1px solid #e62074;
	border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.homeStartMenu ul li a:hover{
	color:#333;
	background:#eee;
}

.homeMenu{
	width:100%;
	margin:1em 0 0 0;
	border-top:1px dotted #ccc;
}

.homeMenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0px;
	letter-spacing:-0.4em;
	text-align:center;
}

.homeMenu ul li{
	display:inline-block;
	width:48%;
	font-size:12px;
	letter-spacing:normal;
	margin:1em 0.5em 1em 0.5em;
}

/*
.homeMenu ul li:last-child{
	margin:1em 0 1em 0.9em;
}
*/

.homeMenu ul li a{
	display:block;
	color:#fff;
	font-size:125%;
	font-weight:normal;
	text-align:center;
	text-decoration:none;

	background:#e62074;
	padding:0.8em 0.55em;

	border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.homeMenu ul li a:hover{
	color:#333;
	background:#eee;
}



/* ==========================================================================
8.お知らせ
========================================================================== */
.news{
	width:48%;
	float:left;
	margin:0;
}

.news strong{
	display:block;
	color:#e62074;
	font-size:120%;
	font-weight:bold;
	letter-spacing:0.1em;

	text-align:center;
}

.newsLoop{
	width:auto;
	margin:1em 0;
}

.newsLoop ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.newsLoop ul li{
	border-top:1px dotted #ccc;
	padding:0.5em 0;
	margin:0.5em 0;
}

.newsLoop ul li:last-child{
	border-bottom:1px dotted #ccc;
}

.newsLoop dt{
	font-size:90%;
	font-weight:bold;
	letter-spacing:-0.05em;
}

.newsLoop dd{
	font-size:100%;
	font-weight:normal;
	line-height:130%;
	margin:0;
}

.newsLoop dd a{
	text-decoration:none;
}

.newsLoop dd a:hover{
	color:#333;
}

.newsLoop span.new{
	display:inline-block;
	color:#fff;
	font-size:90%;
	font-weight:bold;
	letter-spacing:0.05em;

	padding:0.15em 0.8em;
	margin:0.15em;

	background:#ff0000;

	border-radius:2px;
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
}

.newsArchive{
	width:auto;
	text-align:right;
}

.newsArchive a{
	display:inline-block;
	color:#fff;
	font-size:90%;
	font-weight:normal;
	letter-spacing:0.05em;
	text-decoration:none;

	padding:0.3em 0.8em;

	background:#e62074;

	border-radius:2px;
	-ms-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
}

.newsArchive a:hover{
	color:#333;
	background:#eee;
}



/* ==========================================================================
9.カテゴリメニュー
========================================================================== */
.cat{
	width:48%;
	float:right;
	margin:0;
}

.cat.sub{
	width:auto;
	float:none;
	padding:0 0.8em;
	margin:5em 0 1em 0;
}

.cat strong{
	display:block;
	color:#e62074;
	font-size:120%;
	font-weight:bold;
	letter-spacing:0.1em;

	text-align:center;
}

.catList{
	width:auto;
	margin:1em 0;
	overflow-y:auto;
	max-height:312px;
}

.catList ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.catList ul li{
	margin:0;
	padding:0.5em 0.3em 0.5em 0.8em;
	background:#fefefe;
	border:1px solid #eee;
}

.cat.sub .catList ul li:first-child{
	border:1px solid #eee;
}

.cat.sub .catList ul li{
	display:inline-block;
	width:31.3%;
	vertical-align:top;
	margin:0.25em 0;
}

.catList ul li:first-child{
	border-bottom:none;

	border-radius:2px 2px 0 0;
	-ms-border-radius:2px 2px 0 0;
	-o-border-radius:2px 2px 0 0;
	-moz-border-radius:2px 2px 0 0;
	-webkit-border-radius:2px 2px 0 0;
}

.catList ul li:last-child{
	border-top:none;

	border-radius:0 0 2px 2px;
	-ms-border-radius:0 0 2px 2px;
	-o-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	-webkit-border-radius:0 0 2px 2px;
}

.catList ul li:only-child{
	border:1px solid #eee;

	border-radius:0 0 2px 2px;
	-ms-border-radius:0 0 2px 2px;
	-o-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	-webkit-border-radius:0 0 2px 2px;
}

.catList ul li a{
	display:table;
	width:100%;

	color:#333;
	text-decoration:none;
}

.catList ul li a:hover span{
	background:#e62074;
}

.catList ul li a p{
	width:93%;
	color:#333;
	font-size:110%;
	font-weight:normal;
	letter-spacing:-0.05em;
	line-height:130%;

	float:left;
	margin:0;
	padding:0.95em 0;
}

.catList ul li a span{
	display:table-cell;
	width:7%;
	color:#fff;
	text-align:center;

	background:#999;
	vertical-align:middle;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}



/* ==========================================================================
10.フッター
========================================================================== */
footer{
	width:100%;
	margin:5em 0 0 0;
	border-top:1px solid #ccc;
}

footer.log{
	border:none;
}

.footerWrapper{
	width:1220px; /*960px*/
	padding:0;
	margin:1em auto;
}

.footerNav ul{
	width:80%;
	margin:0;
	padding:0;
	list-style-type:none;
	letter-spacing:-0.4em;
	font-size:0px;
	float:left;
}

.footerNav ul li{
	display:inline-block;
	letter-spacing:normal;
	font-size:12px;
}

.footerNav ul li:last-child{
	border:none;
}

.footerNav ul li .footerCode{
	display:inline-block;
	color:#333;
	font-size:100%;
	text-decoration:none;
	padding:0.5em 0.3em 0.5em 0.8em;
}


.footerNav ul li a{
	display:inline-block;
	color:#333;
	font-size:100%;
	text-decoration:none;

	padding:0.5em 0.3em 0.5em 0.8em;
}

.footerNav ul li a:hover{
	color:#999;
}



.copyright{
	width:auto;
	margin:2em 0 5em 0;
	text-align:center;
}

.copyright p{
	display:inline-block;
	color:#333;
	font-size:90%;
	letter-spacing:-0.01em;
	text-align:center;

	margin:0;
}

.copyright a{
	color:#333;
}

.copyright a:hover{
	color:#333;
}



/* ==========================================================================
11.共通コンテンツ
========================================================================== */
.pageTitle{
	margin:2em 0 1em 0;
}

.pageTitle strong{
	display:block;
	color:#333;
	font-size:140%;
	font-weight:normal;
	letter-spacing:0.1em;

	background:#ccc;
	padding:0.25em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.pageDec{
	width:auto;
}

.pageDec strong{
	display:block;
	color:#333;
	font-size:120%;
}

.pageDec strong span{
	color:#e62074;
}

.pageDec p{
	font-size:100%;
	letter-spacing:-0.05em;
	margin:1em 0;
	line-height:140%;
}

.subTitle{
	display:table-cell;
	width:10%;
	margin:0.5em 0;
}

.subTitle strong{
	color:#333;
	font-size:120%;
	font-weight:normal;
	border-left:1px solid #333;
	padding:0 0 0 0.7em;
}

.histSearch .subTitle{
	display:block;
	width:auto;
	margin:0;
}

.histSearch .subTitle strong{
	border:none;
	padding:0;
}

.sub{
	margin:0;
}

.formSelect{
	width:auto;
}

.formSelect select{
	width:100%;
	padding:0.6em;

	border:1px solid #999;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	line-height:24px;
}

.formSelect select.w100{
	width:100%;
}

.formSelect select.w90{
	width:90%;
}

.formSelect select.w80{
	width:80%;
}

.formSelect select.w45{
	width:45%;
}

.formSelect select.w20{
	width:20%;
}

.searchCatTab{
	width:100%;
	display:inline;
}

.formSelectCaption{
	font-size:110%;
	display: inline-block;
	width:200px;
	text-align:center;
}

.formSelectTab{
	font-size:80%;
	display: inline-block;
	width:20%;
	text-align:center;
}

.searchStockTab{
	width:100%;
	display:inline;
}

.formRadioCaption{
	font-size:110%;
	display: inline-block;
	width:100px;
	text-align:right;
}

.formRadioTab{
	font-size:100%;
	display: inline-block;
	width:20%;
	text-align:right;
	vertical-align: bottom;
	padding: 0 0 0.1em 0;
}

.formRadioTab label{
	font-size:105%;
	display: inline-block;
	vertical-align:bottom;
}

.formRadioTab input#stock_radio_1_stockonly{
	margin:0 0 0 0.5em;
}

.result{
	width:auto;
	padding:0.5em;
	margin:1em 0;

	border:1px solid #e62074;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.result p{
	color:#e62074;
	font-size:125%;
	font-weight:bold;
	letter-spacing:0.05em;
	margin:0;
	text-align:center;
}

.dispOpt{
	width:auto;
}

.dispOpt ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:right;
}

.dispOpt ul li{
	display:inline-block;
	vertical-align:middle;
	margin:0 1em 0 0;
}

.dispOpt ul li:last-child{
	margin:0;
}

.dispOpt ul li p{
	color:#333;
	font-size:100%;
	font-weight:bold;
	letter-spacing:0.05em;
	margin:0;
}

.dispOpt ul li a{
	display:block;
	color:#333;
	font-size:200%;
	text-decoration:none;

	padding:0.2em 0.35em;
	background:#eee;
	border:1px solid #ccc;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.dispOpt ul li a:hover{
	color:#e62074;
}

.dispOpt ul li a span.selected{
	color:#e62074;
}

.sortNav{
	width:auto;
	margin:1em 0;
}

.sortNav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
	letter-spacing:-0.4em;
}

.sortNav ul li{
	display:inline-block;
	width:99.5%;
	padding:0.65em 0;
	letter-spacing:normal;
	background:#e62074;
}

/*
.sortNav ul li:first-child{
	border-right:1px solid #96124a;
}


.sortNav ul li:last-child{
	border-left:1px solid #fff;
}
*/

.sortNav ul li a{
	color:#fff;
	font-size:110%;
	letter-spacing:0.05em;
	text-decoration:none;
}

.sortNav ul li a.selected{
	color:#e62074;
	font-weight:bold;
	padding:0.25em 0.7em;
	background:#fff;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.paging{
	width:auto;
	border-top:1px solid #e62074;
	border-bottom:1px solid #e62074;
}

.paging ul{
	margin:0.5em 0;
	padding:0;
	list-style-type:none;
	text-align:right;
	letter-spacing:-0.4em;
}

.paging ul li{
	margin:0 0.5em 0 0;
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
}

.paging ul li:last-child{
	margin:0;
}

.paging ul li a{
	display:block;
	color:#333;
	font-size:110%;
	padding:0.25em 0.65em;
	text-decoration:none;
	background:#fafafa;
	border:1px solid #eee;
}

.paging ul li a.selected{
	color:#fff;
	background:#e62074;
}

.kigouInputWrap{
	width:100%;
	margin:0 0 0 0;
}

.kigouInputCount{
	padding: 0.25em 0 0 0;
}

.kigouInputCount .kigouInputBox{
	text-align: center;
	font-size: 120%;
    display: block;
    padding: 0.25em 0.5em;
	margin: 0.5em 0 0 0;
	background: #cccccc;
    border: 1px solid #ccc;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.kigouInputBox input[type="text"]{
	width: 1.5em;
	text-align: center;
}

.itemStockWrap{
	width:100%;
	margin:0 0 0 0;
}

.itemStockCount{
	padding: 0.25em 0;
}

.itemStockCount .itemStockBox{
	text-align: center;
	font-size: 100%;
	display: block;
	padding: 0.25em 1em;
	margin: 0.5em 0 0 0;
	background: #cccccc;
	border: 1px solid #ccc;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.itemStockCount .itemStockBox.mini{
	font-size:120%;
	padding: 0.15em 0 0 0;
}

.itemStockValue{
	color: #cc0000;
	font-weight: bold;
	margin: 0 0.25em 0 0.25em;
}

.itemStockAlert{
	color: #cc0000;
	font-weight: bold;
	margin: 0 0.1em;
	line-height: 1.5;
}

input[type="text"][readonly="readonly"].amount,
input[type="tel"][readonly="readonly"].amount{
	background-color:#cccccc;
}

input[type="text"][readonly="readonly"].agent_kigou{
	background-color:#ffffcc;
}

p.assignComment{
	color:#0000cc;
	font-size:120%;
	font-weight:bold;
}

/* ==========================================================================
12.商品詳細(デフォルト)
========================================================================== */
.itemList{
	width:auto;
}

.itemList ul{
	margin:0;
	padding:0;
	list-style-type:none;
	letter-spacing:-0.4em;
	font-size:0px;
}

.itemList ul li{
	display:inline-block;
	width:33.33%;
	vertical-align:top;
	letter-spacing:normal;
	font-size:12px;
	box-shadow:0 0 0 1px #fafafa inset;
}

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

.itemList li:only-child{
	border:none;
}

/*
.pd{
	max-height:100%;
	height:100%;
}
*/

.itemBox{
	width:auto;
	display:table;
/*	padding:0 0.5em;*/
	padding:0.1em 0.1em;
	height:100%;
	border:1px solid #888;
}

.items{
	display:table-row;
}

.itemImg{
	width:25%;
	float:left;
	padding:0.5em 0 0 0;
}

.itemImg a{
	display:inline-block;
	padding:0 0.25em 0.25em 0;
}

.itemImg img{
	max-width:100%;
	max-height:200px;
	width:100%;
	position:relative;
	z-index:-5;
}

.itemImgList img{
	max-width:64px;
	max-height:64px;
}

.itemDec{
	width:70%;
	float:left;
	padding:0.5em 0 0 0;
}

.itemName{
	width:auto;
}

.itemName em{
	display:block;
	color:#333;
	font-size:90%;
	font-style:normal;
	letter-spacing:0.05em;
}

.itemName strong{
	font-size:120%;
	letter-spacing:-0.05em;
	line-height:120%;
}

.itemName p{
	font-size:100%;
	letter-spacing:-0.025em;
	line-height:130%;
	margin:1em 0 0 0;
}

.itemName .itemNameTable{
	display:table;
	width: 100%;
}

.itemName .itemNameInfo{
	display:table-cell;
	width: 70%;
	vertical-align: top;
	text-align: left;
}

.itemName .itemNameFav{
	display:table-cell;
	width: 30%;
	vertical-align: top;
	text-align:right;
}

.itemName .itemNameFav .itemNameFavCaption{
	text-align:center;
}

.fav{
	display:table;
	width:100%;
	margin:0 0 0.5em 0;
}

.fav a{
	display:table-cell;
	color:#ffd557;
	font-size:400%;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}

.numbers{
	width:auto;
	margin:0.5em 0;
	padding:0.5em 0;
	border-bottom:1px dotted #ccc;
}

.numbers dt{
	float:left;
	margin:0.25em 0;
}

.numbers dd{
	float:left;
	margin:0 0 0 1em;
}

.numbers dd p{
	font-size:100%;
	margin:0.25em 0;
}

.numbers dd p span.kon_index{
	display:inline-block;
	color:#fff;
	text-align:center;
	margin:0 0.5em 0 0;
	padding:0.1em 0.5em;
	background:#666;
	min-width:50px;
}

.counts{
	display:table-cell;
	vertical-align:top;
	padding:0.5em 0;
}

.buttons{
	border-bottom: 1px dotted #ccc;
	padding: 0.8em 0 0.35em 0;
	background: #e3e3e3;
}

.buttonWrap{
	width:100%;
	margin:0 0 0 0;
}

.buttons .konAndPrice{
	text-align: right;
	margin: 0.65em 0 0.5em 0;
	padding: 0 1em;
}

.buttons .konDisplay{
	display: inline-block;
	font-size:120%;
	font-weight: bold;
	background: rgba(102,102,102,0.0);
	padding: 0.35em 0.25em 0.35em 0.5em;
	color: #d43535;
	line-height: 100%;
	margin: 0 0.35em 0 0;
}

.buttons .priceDisplay{
	display: inline-block;
	font-size:120%;
	font-weight: bold;
	background: rgba(102,102,102,0.0);
	padding: 0.35em 0.25em 0.35em 0.5em;
	color: #496794;
	line-height: 100%;
	margin: 0 0.35em 0 0;
}

/*
.buttons p{
	margin:0.5em 0;
	padding:0;
}*/

.buttons ul{
	margin:0;
	padding:0;
	list-style-type:none;
	letter-spacing:-0.4em;
}

.buttons ul li{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	text-align:center;
	width:18.0%;
	border:none;
	box-shadow:none;
}

.buttons ul li.konCaption{
	width: 20%;
	text-align: center;
}

.buttons ul li.konCaption span{
	display: inline-block;
	font-size:120%;
	background: rgba(102,102,102,0.0);
	font-weight: bold;
	padding: 0.85em 0.25em;
	border-radius: 3px;
	vertical-align: middle;
	min-width:40px;
}

.buttons ul li.numInput{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	text-align:center;
	width:22.0%;
	border:none;
	box-shadow:none;
	margin:0 0.5em 0 0;
}

.buttons ul li input[type="text"],
.buttons ul li input[type="tel"]{
	width:80%;
	font-size:150%;
	font-weight: bold;
	text-align:center;

	border:1px solid #999;
	padding:0.5em 0.3em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.buttons ul li a{
	color:#fff;
	font-size:240%;
	text-decoration:none;
	padding:0.2em 0.45em;
	background:#666;

	border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
}

.buttons ul li a:hover,
.buttons ul li a.plus:hover,
.buttons ul li a.minus:hover{
	color:#333;
	background:#eee;
}

.buttons ul li a.plus{
	background:#669900;
}

.buttons ul li a.minus{
	background:#FF6600;
}

.buttons ul li.pushButton{
	font-size:10px;
}

/* ==========================================================================
13.商品詳細(画像のみ)
========================================================================== */
.onlyImg ul{
	font-size:0px;
	letter-spacing:-0.4em;
}

.onlyImg ul li{
	display:inline-block;
	width:15.91%;
	font-size:12px;
	letter-spacing:normal;
	padding:0.3em;
	border:none;
	vertical-align:top;

	box-shadow:0 0 1px 0 #ccc inset;
	-ms-box-shadow:0 0 1px 0 #ccc inset;
	-o-box-shadow:0 0 1px 0 #ccc inset;
	-moz-box-shadow:0 0 1px 0 #ccc inset;
	-webkit-box-shadow:0 0 1px 0 #ccc inset;
}

.onlyImg .itemBox{
	padding:0;
	display:table;
}

.onlyImg .itemDec{
	width:auto;
	float:none;
	display:table-row;
}

.onlyImg .itemName{
	margin:0.5em 0;
}

.onlyImg .itemImg{
	width:auto;
	float:none;
	text-align:center;
	display:table-row;
}

.onlyImg .itemDecBottom{
	display:table-cell;
	vertical-align:bottom;
}

.onlyImg .buttons ul{
	display:block;
}

.onlyImg .buttons ul li{
	display:inline-block;
	width:33%;
	padding:0;
	border:none;
	box-shadow:none;
	vertical-align:middle;
}



/* ==========================================================================
14.商品詳細(一覧)
========================================================================== */
.itemBoxWrap{
	border:1px solid #eee;
	overflow-y:auto;
	overflow-x:scroll;
}

.itemBoxSummary{
	position: relative;
}

.itemBoxWrapSummary{
	border:1px solid #eee;
	overflow-x:scroll;
}

/* テーブルヘッダ用
.fixedHead{
	position: fixed;
	top: 0;
	z-index: 10;
	width: 945px;
	left: 0;
	right: 0;
	margin: auto;
}
*/

.onlyTxt .itemBox{
	display:block;
}

.onlyTxt table{
	width:1170px;
}

.onlyTxt table.summary{
	table-layout:fixed;
	z-index:1;
}

.onlyTxt thead th{
	color:#fff;
	font-size:120%;
	text-align:center;
	letter-spacing:0.05em;
	padding:0.5em 0;
	background:#333;
	border:1px solid #ccc;
}

.onlyTxt tbody.oneItem{
	border-bottom:3px solid #333;
}


.onlyTxt tbody th{
	border:1px solid #eee;
}

.onlyTxt th.w5{
	width:5%;
}

.onlyTxt th.w6{
	width:6%;
}

.onlyTxt th.w8{
	width:8%;
}

.onlyTxt th.w10{
	width:10%;
}

.onlyTxt th.w12{
	width:12%;
}

.onlyTxt th.w15{
	width:15%;
}

.onlyTxt th.w17{
	width:17%;
}

.onlyTxt table.summary th.w100{
	width:100px;
}

.onlyTxt table.summary th.w300{
	width:300px;
}

.onlyTxt td{
	padding:0.35em;
	border:1px solid #ccc;
}

.onlyTxt td em{
	display:block;
	color:#333333;
	font-size:100%;
	font-style:normal;
	letter-spacing:0.05em;
}

.onlyTxt td strong{
	font-size:120%;
	letter-spacing:-0.05em;
	line-height:120%
}

.onlyTxt td p{
	font-size:110%;
	letter-spacing:-0.05em;
	margin:0;
}

/*
.onlyTxt td p span{
	display:inline-block;
	color:#fff;
	text-align:center;
	margin:0.25em 0.5em 0.25em 0;
	padding:0.1em 0.5em;
	background:#666;
	min-width:50px;
}
*/

.onlyTxt td.left{
	text-align:left;
}

.onlyTxt td.center{
	text-align:center;
}

.onlyTxt td.right{
	text-align:right;
}

.onlyTxt .fav{
	border-top:none;
	border-bottom:none;
	margin:0;
}

.onlyTxt .fav p{
	font-size:90%;
	text-align:left;
}

.onlyTxt .center .buttons ul li{
	width:96%;
}

.onlyTxt .buttons{
	border-style: none;
}

.onlyTxt .buttons ul li input[type="text"],
.onlyTxt .buttons ul li input[type="tel"]{
	font-size:150%;
	font-weight: bold;
	text-align:center;
	padding:0.75em 0.3em;
}

.leftArrow{
	float:left;
	width:20px;
	color:#248;
	font-size:240%;
	cursor: pointer;
}

.rightArrow{
	float:right;
	width:20px;
	color:#248;
	font-size:240%;
	cursor: pointer;
}

.hiddenArrow{
	visibility:hidden;
}

tr.onlyTxtStockLine{
	height: 28px;
}

tr.onlyTxtStockLine td{
	background: #cccccc;
}

tr.onlyTxtStockLine .onlyTxtStockLineTable{
	display:table;
	width: 100%;
}

tr.onlyTxtStockLine .onlyTxtFavButtonZone{
	display:table-cell;
	width: 140px;
	vertical-align: middle;
	text-align:left;
}

tr.onlyTxtStockLine .onlyTxtFavButtonZone .onlyTxtFavButton{
	background-color: #ffd557;
	color:#FFF;
	border:5px;
	border-radius:3px;
	padding:0 8px;
	cursor: pointer;
	text-decoration:none;
}

tr.onlyTxtStockLine .onlyTxtStockLineCount{
	display:table-cell;
	width: 740px;
	vertical-align: middle;
	text-align: center;
}

tr.onlyTxtStockLine .onlyTxtStockLineButton{
	display:table-cell;
	width: 100px;
	vertical-align: middle;
	text-align:right;
}

input.sortNum[type="text"],
input.sortNum[type="tel"]{
	font-size: 120%;
	text-align: left;
	border: 1px solid #999;
	padding:0.35em;
	width: 80%;

	box-sizing: border-box;

	border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	-webkit-appearance: none;
}

.sortDone{
	width:auto;
	border-bottom:1px solid #ccc;
	text-align:right;
	padding:1em 0;
}
.sortDone a{
	display:inline-block;
	color:#fff;
	font-weight:normal;
	text-align:center;
	text-decoration:none;

	background:#e62074;
	padding:0.55em 1em;
	margin:0 0 0 1em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.sortDone a.right{
	float:right;
}
.sortDone a:hover{
	color:#333;
	background:#eee;
}

.onlyInventory .buttons ul li{
	width:82.5%;
}

/* ==========================================================================
15.ダイアログ
========================================================================== */
.digTitle{
	width:auto;
	padding:0.8em;
	margin:1em 0;
	position:relative;
}

.digTitle strong{
	color:#333;
	font-size:120%;
	letter-spacing:0.1em;
}

.digWrap{
	padding:0.8em;
}

.digMain{
	width:100%;
	position:relative;
}

.digMain ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.digMain ul li{
	padding:0 0.8em;
	border-top:1px solid #ccc;
}

.digMain ul li a{
	display:table;
	width:100%;
	padding:0.2em 0;
	text-decoration:none;
}

.digMain ul li a:hover span{
	color:#333;
}

.digMain ul li a p{
	display:table-cell;
	width:93%;
	color:#333;
	font-size:120%;
	letter-spacing:-0.05em;
	text-indent:1em;
	vertical-align:middle;
}

#supportSearch .digMain ul li a p{
	text-indent:0;
}

.digMain .digNext{
	display:table-cell;
	width:7%;
	color:#333;
	text-align:center;

	vertical-align:middle;
}

.digClose{
	position:absolute;
	top:4px;
	right:5px;
}

.digClose a{
	display:inline-block;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;

	background:#e62074;
	padding:0.5em 0.7em;

	border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
}

.digImgList{
	width:auto;
	padding:0.8em;
	border-top:1px solid #ccc;
}

.digImgList a{
	display:inline-block;
	text-decoration:none;
	outline:none;
	padding:0.165em;
	width:15.69%;
}

.digImgList a img{
	max-width:100%;
}



/* ==========================================================================
16.画像ズームダイアログ
========================================================================== */
#dialog .digTitle{
	border-bottom:1px solid #ccc;
	padding:0.8em 0.8em 1.5em 0.8em;
}

.digzTable{
	display:table;
	width:100%;
	table-layout:fixed;
}

.digzImg{
	display:table-cell;
	width:45%;
	text-align:center;
	padding:0.8em;
}

.digzImg img{
	max-width:100%;
}

.digzRight{
	display:table-cell;
	width:45%;
	vertical-align:top;
	padding:0.8em;
}

.digzItemName{
	padding:0;
}

.digzItemName dt{
	font-size:90%;
	color:#999;
}

.digzItemName dd{
	font-size:120%;
	font-weight:bold;
	letter-spacing:-0.05em;
	line-height:140%;

	margin:0;
}

.digzDec{
	padding:0;
}

.digzDec dl{
	display:table;
	width:100%;
	margin:0.5em 0;
}

.digzDec dt{
	display:table-cell;
	width:24%;

	color:#fff;
	font-size:110%;
	text-align:center;
	vertical-align:middle;
	background:#999;
	padding:0.25em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.digzDec dd{
	display:table-cell;
	width:75%;
	font-size:110%;
	letter-spacing:-0.05em;
	line-height:120%;
	padding:0.5em;
	margin:0;
}

.digzDec dd p{
	margin:0.5em 0;
}

.digzDec dd p span{
	display:inline-block;
	color:#fff;
	text-align:center;
	margin:0 0.5em 0 0;
	padding:0.1em 0.5em;
	background:#666;
	min-width:50px;
}

.digzDec dd a{
	color:#fad976;
	font-size:400%;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}



/* ==========================================================================
17.レジ、カート
========================================================================== */
.buyNow{
	width:auto;
	text-align:center;
	margin:1em 0;
}

.histSearch .buyNow{
	text-align:left;
}

.buyNow.done{
	border-bottom:1px dotted #ccc;
	padding:0 0 2em 0;
	margin:0;
}

.buyNow a{
	display:inline-block;
	color:#fff;
	font-size:125%;
	font-weight:normal;
	text-align:center;
	text-decoration:none;

	background:#e62074;
	padding:0.55em 2.65em;

	border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.buyNow a:hover{
	color:#333;
	background:#eee;
}

.buyNow a.negativeLink{
	display:inline-block;
	color:#fff;
	font-size:120%;
	font-weight:normal;
	text-align:center;
	text-decoration:none;

	margin:0 0 0 1em;
	background:#444;
	padding:0.65em 1.5em;

	border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}


.estimate{
	width:auto;
	padding:0.8em;
}

.estimateWrap{
	padding:0.5em;
	background:#ccc;
	border:1px dotted #eee;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.estimateTitle{
	width:auto;
	margin:0 0 1em 0;
}

.estimateTitle strong{
	display:block;
	font-size:160%;
	letter-spacing:0.1em;
	text-align:center;
	padding:0.35em 0;
	border-bottom:2px dotted #ccc;
}

.estimateTitle p{
	font-size:100%;
	text-align:right;
	margin:0.5em 0 0 0;
	letter-spacing:-0.05em;
}

.detailOrderUser{
	font-weight:bold;
}

.amount{
	width:35%;
	float:right;
}

.amount ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.amount ul li strong{
	display:block;
	color:#e62074;
	font-size:160%;
	text-align:right;
	padding:0.5em;
	border:1px solid #e62074;
	background:#fff;
}

.amount ul li strong span{
	color:#333;
	font-weight:normal;
	margin:0 1em 0 0;
}

.amount ul li p{
	font-size:100%;
	text-align:right;
	margin:0;
}

.amount ul li p span{
	display:inline-block;
	text-align:right;
	margin:0 1em 0 0;
	min-width:50px;
}

.totalItem{
	width:63%;
	border:1px solid #e62074;
	background:#fff;
	float:left;
}

.totalItem ul{
	margin:0;
	padding:0.5em 0;
	list-style-type:none;
}

.totalItem ul li{
	display:inline-block;
}

.totalItem ul li strong{
	display:block;
	color:#e62074;
	font-size:120%;
	text-align:center;
	padding:0.5em;
	border-right:1px dotted #ccc;
}

.totalItem ul li p{
	font-size:120%;
	text-align:right;
	margin:0.25em;
}

#total_amount_case,
#total_amount_ball,
#total_amount_fukuro,
#total_amount{
	color:#e62074;
	font-weight:bold;
}

.totalItem ul li p span{
	display:inline-block;
	text-align:right;
	margin:0 1em 0 0;
	min-width:50px;
}

.shipDate{
	width:auto;
	margin:1em 0;
	padding:0.8em 0;
	border-top:1px dotted #ccc;
}

.shipDate strong{
	display:block;
	color:#333;
	font-size:120%;
}

.shipDate ul{
	margin:0;
	padding:0;
	list-style-type:none;
	letter-spacing:-0.4em;
	font-size:0px;
}

.shipDate ul li{
	display:inline-block;
	width:20%;
	font-size:12px;
	letter-spacing:normal;
	vertical-align:top;
	margin:0 1em 0 0;
}

.shipDate ul li:last-child{
	margin:0;
	width:30%;
}

.shipDate ul li label{
	display:block;
	padding:0.5em;
	background:#fafafa;
	border:1px solid #ccc;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.shipDate ul li input[type="radio"]{
	vertical-align:middle;
	margin:0 1em 0 0;
}

.shipDate ul li select{
	width:100%;
	padding:0.6em;
	border:1px solid #999;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	line-height:26px;
}

.shipDate ul li select.w45{
	width:45%;
}

.shipDate ul li select.w20{
	width:25%;
}

.shipDate ul li select[disabled="disabled"]{
	background:#999;
}

.shipDate ul li p{
	color:#333;
	font-size:100%;
	margin:0;
}

.shipDate ul li em{
	color:#999;
	font-size:90%;
	font-style:normal;
	letter-spacing:-0.025em;
}

.remarks{
	width:auto;
	padding:0.8em 0;
	border-top:1px dotted #ccc;
}

.remarks strong{
	display:block;
	color:#333;
	font-size:120%;
}

.remarks ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.remarks ul li{
	margin:0 0 0.8em 0;
}

.remarks ul li:last-child{
	margin:0;
}

.remarks ul li p{
	color:#333;
	font-size:100%;
	margin:0;
}

.remarks ul li textarea{
	width:94.5%;
	padding:0.6em;
	border:1px solid #999;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	min-height:100px;
}

.orderDone{
	width:auto;
	border-bottom:1px solid #ccc;
	text-align:center;
	margin:1em 0;
	padding:1em 0 3em 0;
}

.orderDone a{
	display:inline-block;
	color:#fff;
	font-size:140%;
	font-weight:normal;
	text-align:center;
	text-decoration:none;

	background:#e62074;
	padding:0.55em 5em;

	border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.orderDone a:hover{
	color:#333;
	background:#eee;
}

.orderDone a.negativeLink{
	display:inline-block;
	color:#fff;
	font-size:120%;
	font-weight:normal;
	text-align:center;
	text-decoration:none;

	margin:0 0 0 1em;
	background:#444;
	padding:0.75em 1.5em;

	border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.orderDone a.negativeLinkMini{
	padding:0.75em 1.2em;
}


/* ==========================================================================
18.ガイドメニュー
========================================================================== */
.guide{
	width:auto;
}

.guide ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.guide ul li{
	margin:0.5em 0 0 0;
	border-bottom:1px dotted #ccc;
}

.guide ul li:last-child{
	border:none;
}

.guide ul li a{
	display:inline-block;
	color:#333;
	font-size:120%;
	text-decoration:none;
	padding:0.5em 0.3em 0.5em 0.8em;
}

.guideNav{
	width:auto;
	padding:1em 0.8em;
	border-top:1px dotted #ccc;
	margin:0;
}

.guideNav strong{
	display:table-cell;
	color:#fff;
	font-size:100%;
	vertical-align:middle;
	text-align:center;
	background:#333;
}

.pageTop{
	width:auto;
	text-align:center;
	border-top:1px solid #e62074;
}

.pageTop a{
	display:inline-block;
	color:#fff;
	font-size100%;
	font-weight:normal;
	letter-spacing:0.05em;
	text-decoration:none;
	vertical-align:bottom;

	padding:0.5em 25%;

	background:#e62074;

	border-radius:0 0 2px 2px;
	-ms-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	-o-border-radius:0 0 2px 2px;
	-webkit-border-radius:0 0 2px 2px;
}

.pageTop a:hover{
	color:#333;
	background:#eee;
}



/* ==========================================================================
19.ログイン
========================================================================== */
header.log{
	margin:4em 0 3em 0;
	border:none;
	background:none;
	padding:0;
}

header.log .headerWrapper{
	width:290px;
	padding:0;
	margin:0 auto;
	text-align:center;
}

header.log .headerWrapper img{
	max-width:40%;
	opacity:0.5;
}

.loginBox{
	width:290px;
	margin:0 auto;
}

.logFormBox{
	position:relative;
}

.logFormBox span{
	color:#ccc;
	font-size:140%;
	font-weight:normal;
	text-align:center;
	padding:0.25em;

	position:absolute;
	top:5px;
	left:7px;
}

.logFormBox input[type="text"],
.logFormBox input[type="password"]{
	width:90%;
	font-size:120%;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #f6f6f6;
	padding:0.6em 0 0.6em 2em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	outline:none;
}

.logFormCheck{
	margin:1em 0 0 0;
}

.logFormCheck label{
	display:block;
	color:#999;
	padding:0.5em;
	background:#f9f9f9;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	letter-spacing:0.05em;
}

.logFormCheck label input[type="checkbox"]{
	margin:0 1em 0 0;
	vertical-align:middle;
}

.login{
	width:auto;
	margin:1em 0 2em 0;
}

.login a{
	display:block;
	color:#e62074;
	font-size:120%;
	text-align:center;
	text-decoration:none;
	padding:0.8em 0;

	border:1px solid #f9f9f9;
	background: #fff;
}

.login a:hover{
	background:#333;
	color:#fff;
}

.loginBox p.error{
	color:#ff0000;
	font-size:90%;
	font-weight:bold;
	letter-spacing:-0.025em;
	margin:0.5em 0 0 0;
}



/* ==========================================================================
20.お知らせ(詳細、アーカイブ)
========================================================================== */
.newsArcBox{
	width:auto;
	padding:0 0.8em;
}

.newsArcBox dl{
	border-top:none;
	border-bottom:none;
}

.newsArcBox li{
	border-bottom:none;
}

.newsArcBox li:only-child{
	border:none;
}

.newsArcBox li:last-child{
	border-top:1px dotted #ccc;
}

.newsDec{
	width:auto;
}

.newsDate{
	background:#666;
	padding:0.25em;
	margin:1em 0;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.newsDate p{
	color:#fff;
	font-size:110%;
	text-align:center;
	margin:0;
}

.newsTitle{
	width:auto;
}

.newsTitle strong{
	display:block;
	font-size:140%;
	letter-spacing:0.05em;
	word-break:break-all;
	line-height:normal;
	margin:1em 0;
}

.newsTxt{
	width:auto;
}

.newsTxt p{
	font-size:120%;
	line-height:180%;
	margin:0;
	word-break:break-all;
}

.newsImg{
	width:auto;
	margin:1em 0;
	text-align:center;
}

.newsImg img{
	max-width:100%;
}

.itemList.single{
	margin:2em 0;
	border:1px solid #eee;
}

.itemList.single ul li{
	width:100%;
	border:none;
}

.single .itemBox{
	width:1200px;
}

.single .items{
	display:table-cell;
	width:60%;
}

.single .counts{
	display:table-cell;
	width:40%;
	vertical-align:top;
	padding:0 0 0 7em;
}

.single .itemName .itemNameInfo{
	width: 80%;
}

.single .itemNameFav{
	display:none;
}

.single .buttonWrap{
	width:auto;
	margin:0 auto;
}

.single .numbers{
	border-bottom:none;
}

.single .buttons ul li{
	width:18.0%;
}



/* ==========================================================================
21.発注履歴
========================================================================== */

.historyTxt table{
	width:1170px;
}

.histBox{
	display:table;
	width:100%;
	margin:2em 0 0 0;
}

.histBox .boxPadding{
	font-weight:bold;
	margin:0 1em;
}

.histNav{
	display:table-cell;
	width:60%;
}

.histNav ul{
	margin:0 1em;
	padding:0;
	list-style-type:none;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.histNav ul:first-child{
	border-bottom:none;
}

.histNav ul:last-child{
	border-top:1px solid ccc;
	border-bottom:1px solid #ccc;
}

.histNav ul:only-child{
	border:1px solid #ccc;
}

.histNav ul li span.trigger{
	display:table;
	width:100%;
	background:#eee;
	cursor:pointer;
}

.histNav ul li strong{
	width:90%;
	float:left;

	font-size:120%;
	text-align:left;
	padding:1em;
}

.histNav ul li span{
	width:10%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.histNav ul li ul{
	display:none;
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:0;
}

.histNav ul li ul li{
	background:#fff;
	border-top:1px dotted #ccc;
	position:relative;
}

.histNav ul li ul li a{
	display:block;
	font-size:110%;
	text-decoration:none;
	padding:1em;
}

.histNav ul li ul li a span{
	display:inline;
	width:auto;
	color:#e62074;
}

.histNav ul li ul li a span.price{
	color:#e62074;
	font-weight:bold;
	text-align:right;
	right:5%;
	position:absolute;
}

.histSearch{
	display:table-cell;
	width:40%;
	vertical-align:top;
	padding:0;
	border-right:2px dotted #ccc;
}

.hDate{
	padding:1em 0.8em;
	border-top:1px solid #ccc;
}

.hRemark{
	padding:1em 0.8em;
	margin:1em 0;
	border-top:1px dotted #ccc;
	border-bottom:1px solid #e62074;
}

.repeat{
	padding:0;
	margin:1em 0;
	text-align:right;
}

.repeat a{
	display:inline-block;
	color:#fff;
	font-size:120%;
	text-decoration:none;
	padding:0.5em;
	background:#e62074;
	border-radius:3px;
}



/* ==========================================================================
22.商品コード読取
========================================================================== */
.codeItemBox{
	padding:0.8em;
}

.codeDec{
	width:auto;
	border:1px dotted #ccc;
	padding:0.5em;
}

.codeForm{
	width:auto;
}

.codeHead{
	display:table;
	width:100%;
	margin:0 0 0.5em 0;
}

.codeHeadTitle{
	display:table-cell;
	width:70%;
}

.codeForm strong{
	display:block;
	font-size:110%;
	letter-spacing:-0.05em;
}

.codeHeadChange{
	display:table-cell;
	width:30%;
	text-align:right;
}

.codeForm a{
	display:inline-block;
	color:#fff;
	font-size:100%;
	font-weight:normal;
	text-align:center;
	text-decoration:none;

	background:#e62074;
	padding:0.55em 2em;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	min-width:50px;
}

.codeForm input[type="text"],
.codeForm input[type="tel"]{
	width:100%;
	border:1px solid #999;
	padding:0.6em 0;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.codeDel{
	width:auto;
	text-align:center;
	background:#f9f9f9;
	padding:0.5em 0;
}

.codeDel a{
	display:inline-block;
	color:#fff;
	text-align:center;
	text-decoration:none;
	padding:0.5em 5em;
	background:#333;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.codeCount{
	font-size:90%;
	color:#fff;
	letter-spacing:0.05em;
	padding:0.5em;
	background:#999;
}

.codeButton{
	padding:1em 0;
	display:none;
}

.codeButton ul{
	margin:1em 0;
}

.codeButton ul li{
	width:20%;
}

.codeDec .itemBox{
	margin:1em 0 0 0;
}

.codeDec .itemDec{
	width:auto;
	float:none;
}

.codeImgWrap{
	display:table-cell;
	width:40%;
	margin:1em auto;
	padding:0 2em 0 0;
	text-align:center;
}

.codeDec .itemImg{
	width:auto;
	float:none;
	max-width:100%;
}

.codeButtonWrap{
	display:table-cell;
	width:60%;
	vertical-align:middle;
}

.codeMsg{
	display:none;
	padding:0.8em;
}

.codeMsg strong{
	display:block;
	color:#e62074;
	font-size:150%;
	text-align:center;
	padding:0.3em 0.8em;
	border:1px solid #e62074;
}

.codeMsg p{
	font-size:110%;
	margin:0.5em 0;
}

#barcodeList.itemList li:first-child{
	display:block;
	width:auto;
	box-shadow:none;
}

#barcodeList.itemList .codeButtonWrap li{
	display:inline-block;
	width:20%;
}



/* ==========================================================================
23.ヘルプ
========================================================================== */
.helpNav{
	display:block;
	width:auto;
	margin:0 0 1em 0;
}

.helpNav ul{
	margin:0;
	border:1px solid #ccc;
}

.helpNav ul li ul{
	border:none;
}

p.help{
	color:#333;
	font-size:110%;
	letter-spacing:-0.05em;
	line-height:140%;
	padding:1em;
	margin:0;
}



/* ==========================================================================
24.出荷実績
========================================================================== */
.shipment{
	display:table-cell;
	width:60%;
}

.shipment ul{
	margin:0 1em;
	padding:0;
	list-style-type:none;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.shipment ul:first-child{
	border-bottom:none;
}

.shipment ul:last-child{
	border-top:1px solid ccc;
	border-bottom:1px solid #ccc;
}

.shipment ul li{
	background:#fff;
	border-top:1px solid ccc;
	position:relative;
}

.shipment ul li a{
	display:block;
	font-size:110%;
	text-decoration:none;
	padding:1em;
}

.shipment ul li a span{
	display:inline;
	width:auto;
	color:#e62074;
}

.shipment ul li a strong{
	color:#cc0000;
	margin: 0 0 0 30%;
}

.summaryNow{
	width:auto;
	text-align:center;
	margin:1em 0;
}

.histSearch .summaryNow{
	text-align:left;
}

.summaryNow.done{
	border-bottom:1px dotted #ccc;
	padding:0 0 2em 0;
	margin:0;
}

.summaryNow a{
	display:inline-block;
	color:#fff;
	font-size:125%;
	font-weight:normal;
	text-align:center;
	text-decoration:none;

	background:#e62074;
	padding:0.55em 2.65em;

	border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.summaryNow a:hover{
	color:#333;
	background:#eee;
}

.shipBox{
	display:table;
	width:100%;
	margin:2em 0 0 0;
}

.shipSearch{
	display:table-cell;
	width:40%;
	vertical-align:top;
	padding:0;
}

.shipSearch .subTitle{
	display:block;
	width:auto;
	margin:0;
}

.shipSearch .subTitle strong{
	border:none;
	padding:0;
}

.shipment ul li .billingTable{
	display: table;
	width: 100%;
}

.shipment ul li .billingTable i.icon-caret-right{
	margin: 0 0.5em 0 0;
}

.shipment ul li .billingTable .billingTableIndex{
	display: table-cell;
	width: 30%;
	vertical-align: middle;
}

.shipment ul li .billingTable .billingTableIndex p{
	padding: 0.5em 1em;
	margin: 0;
	line-height:;
}

.shipment ul li .billingTable .billingTableIndex p span{
	display: inline-block;
	vertical-align: middle;
	background: #e62074;
	color: #fff;
	line-height: 100%;
	padding: 0.35em 0.5em;
	margin: 0 0.5em 0 0;
	border-radius: 3px;
	font-weight: bold;
	font-size: 90%;
	position: relative;
	top: -1px;
}

.shipment ul li .billingTable .billingTableDL1{
	display: table-cell;
	width: 21%;
	vertical-align: middle;
}

.shipment ul li .billingTable .billingTableDL2{
	display: table-cell;
	width: 25%;
	vertical-align: middle;
}

.shipment ul li .billingTable .billingTableDL3{
	display: table-cell;
	width: 21%;
	vertical-align: middle;
}


.dispArea{
	display:table;
	width:100%;
	box-sizing:border-box;
	table-layout:fixed;
	margin: 0 0 1em 0;
}

.dispLo{
	display:table-cell;
	width:100%;
	vertical-align:middle;
}

.dispLoWrap{
	display:table;
	width:100%;
	box-sizing:border-box;
	table-layout:fixed;
}



.loDateWrap1{
	display:table-cell;
	width:220px;
}

.loDate1{
	display:table;
	width:100%;
	table-layout:fixed;
}

.loYear1{
	display:table-cell;
	width:80px;
	vertical-align:middle;
}

.loYear1 p{
	color:#999;
	margin:0;
}

.loYear1 p span{
	display:inline-block;
	min-width:40%;
	border-radius:2px;
}

.loMonth1{
	display:table-cell;
	width:65px;
	vertical-align:middle;
}

.loMonth1 p{
	color:#999;
	margin:0;
}

.loMonth1 p span{
	display:inline-block;
	min-width:35%;
	border-radius:2px;
}

.loTilde1{
	display:table-cell;
	width:20px;
	vertical-align:middle;
}

.loTilde1 span{
	color:#999;
	vertical-align:text-top;
}




.loDateWrap2{
	display:table-cell;
	width:220px;
}

.loDate2{
	display:table;
	width:100%;
	table-layout:fixed;
}

.loYear2{
	display:table-cell;
	width:80px;
	vertical-align:middle;
}

.loYear2 p{
	color:#999;
	margin:0;
}

.loYear2 p span{
	display:inline-block;
	min-width:40%;
	border-radius:2px;
}

.loMonth2{
	display:table-cell;
	width:75px;
	vertical-align:middle;
}

.loMonth2 p{
	color:#999;
	margin:0;
}

.loMonth2 p span{
	display:inline-block;
	min-width:35%;
	border-radius:2px;
}

.loTilde2{
	display:table-cell;
	width:5%;
	vertical-align:middle;
}

.loTilde2 span{
	color:#999;
	vertical-align:text-top;
}



.loItemInputWrap{
	display:table-cell;
	width:245px;
	vertical-align:top;
}


.loItemInput{
	display:table;
	width:80%;
	table-layout:fixed;
}

.loItemInput p{
	display:inline-block;
	min-width:35%;
	margin: 0;
}

.loItemInput input[type="text"]{
	width:220px;
	font-size:14px;
	margin: 0 1em 0 0;
	padding:0.75em 0 0.75em 0;
}


.loCategorySelectWrap{
	display:table-cell;
	width:210px;
	vertical-align:top;
}

.loCategorySelect{
	display:table;
	width:100%;
	table-layout:fixed;
}

.loCategorySelect p{
	display:inline-block;
	min-width:35%;
	margin: 0;
}

.loCategorySelect p span{
	display:inline-block;
	min-width:40%;
	border-radius:2px;
}

.loCategorySelect select{
	width:100%;
	height:40px;
	padding:0.6em;

	border:1px solid #999;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	line-height:24px;
}

.shipSearch .summaryGo{
	display:table-cell;
	margin:1em 0 0 0;
	width:35%;
	text-align:left;
	vertical-align: top;
}

.shipSearch .summaryGo.done{
	border-bottom:1px dotted #ccc;
	padding:0 0 2em 0;
	margin:0;
}

.shipSearch .summaryGo a{
	display:inline-block;
	color:#fff;
	margin: 0;
	font-size:125%;
	font-weight:normal;
	text-align:center;
	text-decoration:none;

	background:#e62074;
	padding:0.55em 2.65em;

	border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.shipSearch .summaryGo a:hover{
	color:#333;
	background:#eee;
}


/* ==========================================================================
00.ウェブフォント用
========================================================================== */
span[class^="icon-"], [class*=" icon-"]{

}

span.mr{
	margin:0 0.5em 0 0;
}

span.ml{
	margin:0 0 0 0.5em;
}

span.digMr{
	color:#e62074;
	font-size:380%;
}

span.red{
	color: #ff0000;
}

span.decEdit{
	display:inline-block;
	background:#e62074;
	padding:0.3em 0.5em;
	color:#fff;

	border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
}



/* ==========================================================================
00.商品入れ替えページ
========================================================================== */
html.ref{
	height:100%;
	background:#fff;
}

html.ref .contentWrapper{
	border:none;
}

.refArea{
	width:auto;
	text-align:center;
	margin:2em 0;
}

.refArea span.mark{
	display:inline-block;
	color:#333;
	font-size:800%;
	margin:0.25em 0;
}

.refArea h2{
	color:#fff;
	font-size:260%;
	font-weight:bold;
	letter-spacing:-0.05em;
	margin:0;
	padding:0.25em 0;
	background:#333;
}

.refArea strong{
	display:block;
	color:#333;
	font-size:140%;
	letter-spacing:0.1em;
	padding:0 0.8em;
	margin:0.5em 0 1em 0;
	text-align:left;
}

.refArea p{
	color:#333;
	font-size:120%;
	margin:0;
	padding:0.8em;
	text-align:left;
}

.refArea a{
	display:inline-block;
	color:#fff;
	font-size:120%;
	text-align:center;
	text-decoration:none;
	padding:0.65em 0.8em;
	margin:0;

	background: #333;

	min-width:170px;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.refArea a:hover{
	background:#eee;
	color:#333;
}

.refArea ul{
	margin:3em 0 10em 0;
	padding:0;
	list-style-type:none;
}

.refArea ul li{
	margin:0 0 2em 0;
}

.refArea ul li:last-child{
	margin:0;
}



/* ==========================================================================
00.404,403,505,エラーページ
========================================================================== */
html.err{
	height:100%;
	background:#e62074;
}

html.err .contentWrapper{
	border:none;
	width:auto;
}

.errArea{
	width:auto;
	text-align:center;
	margin:8em 0;
}

.errArea span.mark{
	display:inline-block;
	color:#e62074;
	font-size:800%;
	margin:0.25em 0;
}

.errArea h2{
	color:#e62074;
	font-size:500%;
	font-weight:bold;
	letter-spacing:-0.05em;
	margin:0;
	padding:0.25em 0;
	background:#fff;
}

.errArea strong{
	display:block;
	color:#444;
	font-size:200%;
	letter-spacing:0.1em;
	padding:0 0.8em;
	margin:0.5em 0 1em 0;
}

.errArea p{
	color:#444;
	font-size:120%;
	margin:0;
	padding:0.8em;
	text-align:center;
}

.errArea a{
	display:inline-block;
	color:#e62074;
	font-size:120%;
	text-align:center;
	text-decoration:none;
	padding:0.65em 0.8em;
	margin:3em 0;

	background: #fff;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.errArea a:hover{
	background:#333;
	color:#444;
}

footer.err{
	border:none
}

footer.err p,
footer.err a{
	color:#444;
}



/* ==========================================================================
00.ヘルパークラス
========================================================================== */
.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}

iframe{
	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

p.info{
	display:block;
	color:#ff0000;
	font-size:110%;
	font-weight:bold;
	letter-spacing:-0.025em;
	text-align:center;
	margin:2em 0;
	padding:2em 0;

	background:#fff;
	border:1px dotted #ff0000;

	border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.content p.error{
	color:#ff0000;
}

.content p.errorBig{
	color:#ff0000;
	font-size:120%;
	font-weight:bold;
}

td.inputReservation input[type="text"]{
	width: 3em;
	margin: 6px 0 0 0em;
}



/* ==========================================================================
00.ボーダー
========================================================================== */
.borders{
	padding:1em 0.8em;
	border-top:1px solid #e62074;
	border-bottom:1px solid #e62074;
}

.noBorder{
	border:none;
	border-top:none;
}



/* ==========================================================================
00.クリックアニメーション
========================================================================== */
.wave{
position:relative;
}

.wave .ring {
background:rgba(111,148,182,0.25);
position:absolute;
height:70px;
width:70px;
top:-10px;
left:-10px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-ms-border-radius:100px;
	-o-border-radius:100px;
	border-radius:100px;
z-index: -1;
opacity:0;
}

.waved .ring {
   	-webkit-animation: wave 0.5s forwards;
	-webkit-animation-iteration-count: 1;
   	-moz-animation: wave 0.5s forwards;
	-moz-animation-iteration-count: 1;
   	-ms-animation: wave 0.5s forwards;
	-ms-animation-iteration-count: 1;
   	-o-animation: wave 0.5s forwards;
	-o-animation-iteration-count: 1;
   	animation: wave 0.5s forwards;
	animation-iteration-count: 1;
}

@-webkit-keyframes wave {
	0% {-webkit-transform: scale3d(0.1, 0.1, 1); opacity:1;}
	100% {-webkit-transform: scale3d(8, 8, 1); opacity: 0.0;}
}

@-moz-keyframes wave {
	0% {-moz-transform: scale3d(0.1, 0.1, 1); opacity:1;}
	100% {-moz-transform: scale3d(8, 8, 1); opacity: 0.0;}
}

@-o-keyframes wave {
	0% {-o-transform: scale3d(0.1, 0.1, 1); opacity:1;}
	100% {-o-transform: scale3d(8, 8, 1); opacity: 0.0;}
}

/* ==========================================================================
00.代理ログイン画面
========================================================================== */

.agentLogFormBox{
	margin: 0 0 0.5em 0;
}

.agentLogFormBox input[type="text"], select{
	width:100%;
	font-size:120%;
	padding:0.3em 0;
}

.memberSelectWrap{
	margin-top: 2em;
}

/* ==========================================================================
00.商品一覧在庫情報モーダル
========================================================================== */

.modalStockItemInfo{
	border: none;
	margin:0.5em 0;
	text-align:left;
}

.modalStockKonInfo{
	border: 1px solid #000000;
	margin:0.5em 0;
}

.modalStockStockPointName{
	border: 1px solid #000000;
	vertical-align:middle;
	text-align:left;
	padding: 0 0 0 0.25em;
}

.modalStockStockIndex{
	border:1px solid #000000;
	border-right:none;
	vertical-align:middle;
	text-align:left;
	padding: 0 0.25em 0 0;
}

.modalStockStockNum{
	border:1px solid #000000;
	border-left:none;
	vertical-align:middle;
	text-align:right;
	padding:0 0.25em 0 0;
}

.modalStockCaseFukuroCount{
	border:1px solid #000000;
	vertical-align:middle;
	text-align:left;
	padding:0 0 0 0.25em;
}

.modalStockArrivalDate{
	border:1px solid #000000;
	vertical-align:middle;
	text-align:left;
	padding:0 0 0 0.25em;
}

.modalStockArrivalIndex{
	border:1px solid #000000;
	border-right:none;
	vertical-align:middle;
	text-align:left;
	padding: 0 0.25em 0 0;
}

.modalStockArrivalCount{
	border:1px solid #000000;
	border-left:none;
	vertical-align:middle;
	text-align:right;
	padding:0 0.25em 0 0;
}

.modalStockOpenButton{
	background-color: #248;
	color:#FFF;
	border:5px;
	border-radius:3px;
	padding:0 5px;
	cursor: pointer;
}

.modalStockTable{
	width:100%;
}

.modalStockStrongWord{
	color:#0000cc;
	font-size:120%;
	font-weight:bold;
}

.modalStockCurrentStockPoint span.modalStockStrongWord{
	color:#cc0000;
	font-size:120%;
	font-weight:bold;
}

.modalKigouOpenButton{
	background-color: #248;
	color:#FFF;
	border:5px;
	border-radius:8px;
	padding:0 2px;
	cursor: pointer;
}

.modalKigouOpenButtonWrap{
	padding:0.5em 0 0 0;
}
.modalKigouOpenButtonList{
	background-color: #248;
	color:#FFF;
	border:5px;
	border-radius:8px;
	padding:0 2px;
	cursor: pointer;
}

a.noUnderLink{
	text-decoration:none;
}

.digzStockTable{
	display:table;
	width:95%;
	margin:auto;
}

.digzStockInfo{
	display:table-cell;
	width:100%;
	text-align:center;
	padding:0.8em;
}