@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.ボーダー

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



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

body{
	font:normal 12px Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height:normal;
}

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:15px;
	position:absolute;
}

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

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

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

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

.cash{
	top:0px;
	left:10px;
	position:absolute;
}

.cash a{
	padding:0.5em 0.85em;
}





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

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

.logo{
	float:left;
}

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

.logo img{
	width:111px;
	height:48px;
	border:0;
	margin:0;
	padding:0;
}

.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: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:0.6em 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:30px;
	height:30px;
	background:url("../images/icon/search_submit.png") no-repeat;
	border:0;

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

	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%;
}

.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:49%;
	font-size:12px;
	letter-spacing:normal;
	margin:1em 0;
}

.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:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.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.category{
	width:auto;
	float:none;
	padding:0 0.8em;
	margin:1em 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.category .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;
}

.cat.category .catList ul li{
	display:inline-block;
	width:30%;
	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: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 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:#eee;
	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.w45{
	width:45%;
}

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

.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:49.75%;
	padding:0.85em 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;
}



/* ==========================================================================
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;
	height:100%;
}

.items{
	display:table-row;
}

.itemImg{
	width:30%;
	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;
}

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

.itemName{
	width:auto;
}

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

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

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

.fav{
	display:table;
	width:100%;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin:0.5em 0;
}

.fav p{
	display:table-cell;
	width:70%;
	vertical-align:middle;
}

.fav a{
	display:table-cell;
	color:#fad976;
	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{
	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:bottom;
	padding:0.5em 0;
}

.buttons{
	width:auto;
}

.buttonWrap{
	width:70%;
	margin:0 0 0 8em;
}

.buttons strong{
	display:block;
	font-size:90%;
	margin:0.5em 0 0 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:24.7%;
	border:none;
	box-shadow:none;
}

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

.buttons ul li.w70{
	text-align:left;
	width:55%;
}

.buttons ul li.cIcon{
	width:45%;
}

.buttons ul li input[type="text"]{
	width:68%;
	font-size:140%;

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

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

.buttons.buttons_item_color ul li input[type="text"]{
	width:30%;
	font-size:100%;

	border:1px solid #999;
	padding:0.75em 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:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.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;
}



/* ==========================================================================
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;
}
.onlyTxt .itemBox{
	display:block;
}

.onlyTxt table{
	width:1000px;
}

.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 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 td{
	padding:0.35em;
	border:1px solid #ccc;
}

.onlyTxt td em{
	display:block;
	color:#999;
	font-size:90%;
	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;
}



/* ==========================================================================
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%;
}

.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:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

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

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

.estimateWrap{
	padding:0.5em;
	background:#fafafa;
	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;
}

.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{
	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[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:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

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



/* ==========================================================================
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%;
}

.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;
}

.itemList.double ul li{
	width:50%;
	border:none;
}

.single .itemBox{
	width:auto;
}

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

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

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

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

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



/* ==========================================================================
21.発注履歴
========================================================================== */
.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;
}



/* ==========================================================================
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;
}



/* ==========================================================================
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%;
}



/* ==========================================================================
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:#fff;
	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:#fff;
	font-size:200%;
	letter-spacing:0.1em;
	padding:0 0.8em;
	margin:0.5em 0 1em 0;
}

.errArea p{
	color:#fff;
	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:#fff;
}

footer.err{
	border:none
}

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



/* ==========================================================================
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;
}



/* ==========================================================================
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;}
}



/* ==========================================================================
24.お気に入り
========================================================================== */
.favPro{
	min-height:180px;
}

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

.favPro.single ul li{
	padding:0 0.8em;
	border-top:1px solid #ccc;
	display:inline-block;
	border:1px solid #e62074;
	width:30.3%;
	margin:0.2em;
}

.favPro.single ul li:nth-child(3n){
	margin:0.2em 0 0.2em 0.2em;
}

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

.favPro.single ul li a.fpAdd{
	padding:0;
}

.favPro.single ul li a.fpAdd span{
	font-size:350%;
}

.favPro:not(.single) ul li:first-child{
	border-top:none;
	padding-bottom: 1em;
}

.favPro:not(.single) ul li:last-child{
	border-bottom:1px solid #ccc;
}

.favPro:not(.single) ul li:only-child{
	border-top:none;
	border-bottom:none;
}

.favPro ul li .favBoxWrap span.fpNum{
	display:inline-block;
	color:#fff;
	font-size:120%;
	text-align:center;
	background:#e62074;
	padding:0.45em 0;
	min-width:30px;
	vertical-align:middle;
	border-radius:1em;
}

.favPro ul li .favBoxWrap{
	display:table;
	width:100%;
}

.favPro.single ul li .favBoxWrap{
	min-height:45px;
}

.favPro ul li .favBoxCnt{
	display:table-cell;
	width:5%;
	vertical-align:middle;
	text-align:center;
}

.digMain .favProAdd p{
	width:94.7%;
}

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

.favPro.single ul li p{
	width:65%;
	padding:0.8em 0;
}

.favPro.single .favProAdd p{
	width:90%;
}

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

.favPro.single ul li .favBox{
	width:20%;
}

.favPro.single ul li .favBox.fpEdit a{
	display:inline-block;
	color:#fff;
	font-size:125%;
	background:#e62074;
	text-align:center;
	border-radius:2px;
}

.favPro ul li .favBox .favPlus{
	display:inline-block;
	width:auto;
	color:#fad976;
	font-size:400%;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	padding:0;
}

.fpAddBox{
	display:none;
	border-top:2px dotted #ccc;
	padding:0.5em 0;
}

.fpAddBox.dig{
	display:block;
	margin:0 0.8em;
}

.fpAddBox strong{
	color:#444;
	font-size:125%;
}

.fpAddBoxForm input{
	width:100%;
	border:1px solid #999;
	padding:0.6em 0.25em;

	-webkit-appearance: none;

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

	box-sizing:border-box;
}

.fpAddBox .buyNow a{
	display:inline-block;
	width:auto;
	padding:0.2em 1.5em;
}

.inFav{
	position:relative;
}

.inFav .outline{
	position:absolute;
	top:11%;
	left: 0;
	right: 0;
	margin: auto;
}

.inFavNum{
	position:absolute;
	display:inline-block;
	color:#fff;
	font-size:20%;
	padding:0.1em 0.2em;
	background:#cc3333;
	border-radius:1em;
	top:6%;
	right:10%;

	min-width:10px;
}

.digMain .favDigTitle{
	width:auto;
	padding:0.8em;
	margin:1em 0;
	position:relative;
}


/* ==========================================================================
00.アーガスカスタマイズ
========================================================================== */
body.dialog_select{

}

.news{
	width:auto;
	float:none;
}

.cat.level{
	width:auto;
	float:none;
	margin:1em 0 2em 0;
}

.cNumbers dd.cBox{
	float:none;
	margin:0;
}

.cBox .cWrap{
	display:table;
	width:100%;
	margin:0 0 0.25em 0;
}

.cName{
	display:table-cell;
	width:65%;
	vertical-align:middle;
	font-weight:bold;
}

.cTag{
	display:table-cell;
	width:10%;
	vertical-align:middle;
	text-align:center;
}

.cNumbers .cTags{
	background:none;
	color:#666;
	font-weight:bold;
	margin:0;
	min-width:auto;
	font-size:135%;
	line-height:100%;
}

.cNumbers .cNum{
	display:table-cell;
	width:25%;
	text-align:right;
	vertical-align:middle;
	font-size:135%;
	min-width:55px;
}

.buttons .item_color_selection{
	display:inline-block;
	padding:0.2em 0.35em;
}

.itemList.double .buttons ul li{
	width:24.7%;
}

#dialog .pd{
	overflow:hidden;
}

.h100{
	height:50%;
}