@charset "UTF-8";
/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 10pt; -webkit-text-size-adjust:none; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body {margin:0; font-family:arial; font-size: 100%; line-height: 1.5em; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



/* =============================================================================
   font icon
   ========================================================================== */
span.button{
	margin:0 0.5em 0 0;
	color:#e62074;
}

span.buttonR{
	margin:0 0 0 0.5em;
	color:#e62074;
}

span.pc{
	display:none;
}



/* =============================================================================
   error
   ========================================================================== */
p.error{
	color:#ff0000;
	font-size:0.85em;
	font-weight:bold;
	line-height:100%;
}


/* =============================================================================
   cursor
   ========================================================================== */
span.cursorPageTop{
	background:url("../images/cursor/cursor_top.png") no-repeat 100% 50%;
	cursor:pointer;
	zoom:1;
	padding:0 0.5em;
	margin:0 0.4em 0 0;
	color:#333;
	background-size:12px 12px;
	-moz-background-size:12px 12px;
	-o-background-size:12px 12px;
	-ms-background-size:12px 12px;
	-webkit-background-size:12px 12px;
}

span.cursorReturn{
	background:url("../images/cursor/cursor_return.png") no-repeat 100% 50%;
	cursor:pointer;
	zoom:1;
	padding:0 0.5em;
	margin:0 0.4em 0 0;
	color:#333;
	background-size:12px 12px;
	-moz-background-size:12px 12px;
	-o-background-size:12px 12px;
	-ms-background-size:12px 12px;
	-webkit-background-size:12px 12px;
}

/* テーブルフリック注意カーソル用 */
#spScrollCursor{
	display:none;
	position:absolute;
	left:4%;
	top:28%;
	background:rgba(0,0,0,0.3);
	padding:0.25em 1em;
	border-radius:5px;
}

#spScrollCursor p{
	color:#fff;
	text-align:center;
	margin:0;
}

#spScrollCursor p span{
	font-size:240%;
	color:#e62074;
}



/* =============================================================================
   clearfix
   ========================================================================== */
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}



/* =============================================================================
   text css
   ========================================================================== */
.dtCaption{
	font-size:1em;
	font-weight:bold;
}



/* =============================================================================
   pagetop
   ========================================================================== */
#pagetop{
	width:auto;
	border-top:1px solid #e6307c;
	padding:0.5em 1em 0 1em;
	text-align:right;
	clear:both;
}

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

#pagetop.noBorders{
	border-top:none;
}

#newsDate #pagetop.noBorder{
	padding:0.5em 0 0 1em;
}

#pagetop a{
	color:#000;
	text-decoration:none;
}



/* =============================================================================
   error
   ========================================================================== */
#error{
	width:auto;
	padding:0 1em;
}

#error dl,
#error dt,
#error dd{
	margin:0;
	padding:0;
}

#error dd strong{
	font-size:100%;
}



/* =============================================================================
   responNav
   ========================================================================== */
#responNav{
	display:block;
	width:100%;
	min-height:30px;
	clear:both;
	z-index:99999;
	position:relative;
}

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

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

ul.accordion > li {
	background:#fff;
	border-bottom:1px dotted #ccc;
}

ul.accordion > li > p {
	color:#000;
	margin:0;
	padding:0;
}

ul.accordion > li > ul > li {
	background:#eee;
}

ul.accordion > li > ul > li > p {
	color:#000;
	margin:0;
	padding:0;
}

ul.accordion > li > ul > li > ul > li {
	background:#ccc;
}

ul.accordion > li > ul > li > ul > li p{
	color:#000;
}

ul.accordion a {
	display:block;
	text-decoration:none;
}

ul.accordion span {
	display:block;
}



/* =============================================================================
   setup (ID、パスワード設定)
   reset(ID、パスワード再設定)
   ========================================================================== */
#setupArea{
	width:auto;
	margin:0 auto;
	padding:0 1em;
}

#setupBox{
	background:#eee;
	border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	padding:1em;
}

#setupBox h1{
	font-size:1.45em;
	margin:0;
	padding:0.3em 0 0 0;
	display:block;
	color:#333;
}

#setupBox h2{
	margin:0;
	position:absolute;
	right:3%;
	top:3%;
}

#setupBox h2 img{
	width:81px;
	height:43px;
}

#setupBox p{
	display:block;
	margin:2em 0 0 0;
}

#infoWrapper{
	width:auto;
	padding:1em;
	background:#fff;
	margin:1em 0 0 0;

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

#setupBox dl{
	width:100%;
	clear:both;
}

#setupBox dt{
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0.1em;
}

#setupBox dd{
	margin:0.2em 0 0 0;
}

#setupBox dd strong{
	color:#e62074;
	font-size:1.1em;
	display:inline-block;
	padding:1em 0 0.25em 0;
	border-bottom:1px dotted #ccc;
}

#setupBox dd input{
	width:97%;
	padding:0.4em 0.2em;
}

#setupSubmit{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:1em 0;
}

#setupSubmit ul{
	list-style-type:none;
	text-align:center;
	letter-spacing:-0.4em;
}

#setupSubmit ul li{
	display:inline-block;
	letter-spacing:normal;
	margin:0 1em;
}

#setupSubmit ul li input:hover{
	background:#fff;
	color:#333;
	border:1px solid #ccc;
}

#setupButton{
	background:#e62074;
	border:1px solid #eee;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	font-weight:bold;
	font-size:1.1em;
	color:#fff;
	padding:0.7em 5em;
}

p.setupRed{
	color:#ff0000;
	font-weight:bold;
}

em.setupRed{
	display:block;
	color:#ff0000;
	font-size:0.9em;
	font-weight:bold;
	font-style:normal;
}



/* =============================================================================
   login
   ========================================================================== */
#loginArea{
	width:auto;
	margin:0 auto;
	padding:0 1em;
}

#loginBox{
	background:#eee;
	border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	padding:1em;
}

#loginBox.error{
	background:none;
}

#loginBox.error strong{
	display:block;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#e62074;
	border-bottom:1px solid #e62074;
	padding:0 0 0.5em 0;
}

#loginBox.error p{
	text-align:left;
	font-size:1.1em;
	font-weight:normal;
	letter-spacing:0.1em;
	line-height:140%;
}

#loginBox h1{
	font-size:1.45em;
	margin:0;
	padding:0.3em 0 0 0;
	display:block;
	color:#333;
}

#loginBox h2{
	margin:0;
	position:absolute;
	right:3%;
	top:3%;
}

#loginBox h2 img{
	width:81px;
	height:43px;
}

#loginBox p{
	display:block;
	margin:2em 0 0 0;
}

#loginBox dl{
	width:100%;
	clear:both;
	margin:0;
	padding:1em 0;
}

#loginBox dt{
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0.1em;
}

#loginBox dd{
	margin:0.2em 0 0 0;
}

#loginBox dd input{
	width:99%;
	padding:0.4em 0.2em;
}

#loginSave{
	width:auto;
	background:#fff;
	padding:0.5em;
	margin:1em 0 0 0;

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

#loginSave dl{
	padding:0;
}

#loginSave dt{
	float:left;
	width:6%;
	text-align:center;
}

#loginSave dt input{
	position:relative;
	top:2px;
}

#loginSave dd{
	float:left;
	width:90%;
	margin:0 0 0 0.25em;
}

#loginSave dd p{
	margin:0;
}

#loginSubmit{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:1em 0;
}

#loginButton{
	background:#e62074;
	border:1px solid #eee;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	font-weight:bold;
	font-size:1.1em;
	color:#fff;
	padding:0.7em 5em;
}

p.loginRed{
	color:#ff0000;
	font-weight:bold;
}



/* =============================================================================
   header
   ========================================================================== */
#header-container{
	width:100%;
	background:#fff;
	position:fixed !important;
	top:0;
	z-index:3;
}

#main-container{
	position:relative;
	z-index:1;
	top:6.5em;
}



#main.login{
	border:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;

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



#headerWrapper p.customerName{
	float:left;
	margin:0.5em 0 0 0.5em;
	font-size:0.9em;
	line-height:120%;
}

#headerWrapper p.customerName span{
	font-weight:bold;
}



header{

}

header h1{
	margin:0;
	padding:0.2em 0em 0.2em 0.8em;
	float:left;
}

header h1 img{
	width:50px;
	height:29px;
}

header nav{
	background:#e7e7e7;
	background:-0-linear-gradient(top,#f5f5f5 0%,#e7e7e7 100%);
	background:-ms-linear-gradient(top,#f5f5f5 0%,#e7e7e7 100%);
	background:-moz-linear-gradient(top,#f5f5f5 0%,#e7e7e7 100%);
	background:-webkit-linear-gradient(top,#f5f5f5 0%,#e7e7e7 100%);
	border-top:0.1em solid #ddd;
	border-bottom:0.1em solid #ddd;
	position:relative;
	padding:0.4em 10px 0.8em 10px;
	margin:0;
	clear:both;
}

header nav ul{
	list-style-type:none;
	text-align:right;
	letter-spacing:-0.4em;
}

header nav ul li{
	display:inline-block;
	letter-spacing:normal;
}

header nav ul li .navText{
	margin:0;
	font-size:1em;
	font-weight:bold;
	vertical-align:middle;
}

header nav ul li span a{
	text-decoration:none;
	color:#000;
}

header nav ul li span a:hover{
	color:#000;
}

.navSec{
	font-size:100%;
	color:#ddd;
	vertical-align:middle;
	padding:0 0.3em;
}

.home img{
	width:22px;
	height:20px;
}

.barcode a{
	color:#000;
}

.barcode a:hover{
	color:#000;
}

.barcode span{
	font-size:1.8em;
	position:relative;
	top:6px;
}

.category img{
	width:24px;
	height:20px;
}

li.cart img{
	width:23px;
	height:20px;
}



/* =============================================================================
   font change
   ========================================================================== */
#fontChange{
	float:right;
	margin:0;
	padding:0.5em 0.8em 0.2em 0em;
}

#fontChange a{
	color:#666;
	background:#e7e7e7;
	background:-0-linear-gradient(top,#f5f5f5 0%,#e7e7e7 100%);
	background:-ms-linear-gradient(top,#f5f5f5 0%,#e7e7e7 100%);
	background:-moz-linear-gradient(top,#f5f5f5 0%,#e7e7e7 100%);
	background:-webkit-linear-gradient(top,#f5f5f5 0%,#e7e7e7 100%);
	padding:0.2em 0.4em;
	display:inline-block;
	border:1px solid #ccc;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}

#fontChange a:hover{
	color:#666;
}



/* =============================================================================
   search form
   ========================================================================== */
#searchformBox{
	padding:0.4em;
}

#searchformBox.border{
	border-top:1px solid #ccc;
	margin:1em 0 0 0;
}

#searchformTitle{
	width:auto;
	padding:0 1em;
}

#searchformTitle strong{
	font-size:1.1em;
	font-weight:bold;
}

#searchform{
	margin:0.4em;
}

#searchform .searchBox{
	border:1px solid #4d4d4d;
	color:#333;
	font-size:130%;
	width:100%;
	-ms-border-radius:0.5em;
	-moz-border-radius:0.5em;
	-o-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	padding:0 0 0.2em 0;
	margin:0.2em 0 0 0;
}

#searchform .searchSubmit{
	width:30px;
	height:30px;
	background:url(../images/button/search_submit.png) no-repeat;
	border:none;
	display:inline-block;
	background-size:30px 30px;
	-moz-background-size:30px 30px;
	-o-background-size:30px 30px;
	-ms-background-size:30px 30px;
	-webkit-background-size:30px 30px;
}

.searchLeft{
	width:auto;
	vertical-align:middle;
}

.searchRight{
	padding:0 1em;
	vertical-align:middle;
	width:2em;
}

#searchCategoryTitle{
	margin:0.4em;
}

#searchCategory{
	width:100%;
	margin:0.4em 0.4em 0.4em 0em;
	padding:0.2em 0.4em 0.2em 1em;
	border:1px solid #ccc;
	font-size:1.1em;
}

#searchformResult{
	width:auto;
	padding:0 0.6em;
}

#searchformResult strong{
	font-size:1.1em;
	font-weight:bold;
}



/* =============================================================================
   favorite
   ========================================================================== */
#favorite{
	margin:1em auto;
	padding:0 1em;
	text-align:center;
}

#favorite img{
	width:100%;
	height:auto;
}

p.noFav{
	margin:1em 0;
	padding:0 1em;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:0.1em;
}



/* =============================================================================
   home menu,home search
   ========================================================================== */
#homeMenuTitle{
	display:none;
}





/* =============================================================================
   new arrival
   ========================================================================== */
#newArrival{
	margin:1em auto;
	text-align:center;
	width:290px;
	max-height:50px;
	overflow:hidden;
	border:1px solid #eee;
}

#newArrival img{
	max-width:100%;
	max-height:50px;
	overflow:hidden;
}

#newMessage{
	padding:0 1em;
}



/* =============================================================================
   newsList(include toNewsArchive)
   ========================================================================== */
#newsList{
	width:auto;
	margin:2em 0;
	padding:0 1em;
}

#newsList.archive{
	margin:0.9em 0 2em 0;
}

#newsList h1{
	color:#E6307C;
	font-size:120%;
	font-weight:bold;
	padding:1em 0 0.5em 0;
	text-align:center;
}

#newsLoop{
	display:block;
	width:100%;
	clear:both;
}

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

#newsLoop ul li{
	margin:0.5em 0;
}

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

#newsLoop ul li dl{
	margin:0;
	padding:0;
}

#newsLoop ul li dt{
	font-size:90%;
}

#newsLoop ul li dd{
	margin:0;
	padding:0;
}

#newsLoop ul li dd a{
	text-decoration:none;
}

#toNewsArchive{
	width:auto;
	border-top:1px solid #e6307c;
	padding:0.5em 0 0 1em;
	text-align:right;
}

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

#toNewsArchive a{
	color:#000;
	text-decoration:none;
}

#newsDetail{
	width:auto;
	padding:0 1em;
	margin:0;
}

#newsDate{
	width:auto;
	margin:0 0 1em 0;
}

#newsDate dl{
	width:auto;
	margin:0;
	padding:0;
}

#newsDate dt{
	font-size:0.8em;
	color:#333;
}

#newsDate dd{
	margin:0.5em 0 0 0;
	font-size:1.1em;
	color:#000;
	letter-spacing:0.1em;
}

#newsBox{
	width:auto;
}

#newsBoxText{
	width:auto;
	margin:0.5em 0;
}

#newsBoxImage{
	width:auto;
	margin:0.5em 0;
	text-align:center;
}

#newsBoxImage img{
	max-width:100%;
	border:none;
}



/* =============================================================================
   mainNav(include responsive Nav)
   ========================================================================== */
#mainNav{
	width:auto;
	margin:2em 0;
	padding:0 1em;
}

#mainNav.catOnly{
	margin:0 auto;
}

#mainNav.historyNav{
	padding:0;
}

#mainNav h1{
	color:#E6307C;
	font-size:120%;
	font-weight:bold;
	padding:1em 0 0.5em 0;
	text-align:center;
}

#mainNav.catOnly h1{
	padding:0 0 0.5em 0;
	margin:0;
}

#mainNav ul li.mainNavTop{
	border:1px solid #ccc;
	background:#eee;
	font-size:110%;
	font-weight:bold;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

#mainNav ul li.mainNavBottom{
	border:1px solid #ccc;
	border-top:none;
	background:#eee;
	font-size:110%;
	font-weight:bold;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	clear:both;
}

#mainNav ul li{
	border:1px solid #ccc;
	border-top:1px solid #ccc;
	background:#eee;
	font-size:110%;
	font-weight:bold;
}

#mainNav ul li span{
	display:block;
	padding:1.2em 1.5em;
	background:url("../images/cursor/nav_cursor.png") no-repeat 100% 50%;
	cursor:pointer;
	zoom:1;
	margin:0 10px 0 0;
	color:#333;
	background-size:10px 7px;
	-moz-background-size:10px 7px;
	-o-background-size:10px 7px;
	-ms-background-size:10px 7px;
	-webkit-background-size:10px 7px;
}

#mainNav ul li span.open{
	background:url("../images/cursor/nav_cursor_open.png") no-repeat 100% 50%;
	background-size:10px 7px;
	-moz-background-size:10px 7px;
	-o-background-size:10px 7px;
	-ms-background-size:10px 7px;
	-webkit-background-size:10px 7px;
}

#mainNav ul li span.child{
	display:inline;
	background:none;
	padding:0;
}

#mainNav ul li ul li{
	border:none;
/*
	border-bottom:1px dotted #ccc;
*/
	background:#fff;
	-ms-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-o-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}

#mainNav ul li ul{
	border-bottom:1px dotted #ccc;
}

#mainNav ul li ul:last-child{
	border:none;
}


#mainNav ul li ul li strong{
	font-size:80%;
	font-weight:bold;
	color:#000;
}

#mainNav ul li ul li p{
	font-size:80%;
	font-weight:normal;
	color:#000;
	margin:0;
	padding:1em 1em 1em 1.5em;
}



/* =============================================================================
   banner list(最大5件)
   ========================================================================== */
#banner{
	width:auto;
	margin:0 auto;
	padding:0 1em;
	clear:both;
	position:relative;
	top:6.5em;
}

#banner ul{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
}

#banner ul li{
	display:block;
	margin:1em 0;
	padding:0.5em 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

#banner ul li dl{
	margin:0;
	width:auto;
	clear:both;
}

#banner ul li dt{
	text-align:center;
}

#banner ul li dd{
	margin:0;
}

#banner ul li dd p{
	margin:0;
}



/* =============================================================================
   footer
   ========================================================================== */
#footer-container{
	width:100%;
	position:relative;
	z-index:2;
	top:9em;
}

footer{
	width:auto;
	padding:0 1em;
}

footer h1{
	color:#E6307C;
	font-size:120%;
	font-weight:bold;
	padding:1em 0 0.5em 0;
	text-align:center;
}

footer nav ul li.footerNavTop{
	border-top:1px dotted #ccc;
}

footer nav ul li{
	border-bottom:1px dotted #ccc;
}

footer nav ul li p{
	margin:0;
	padding:1em 0;
	font-size:110%;
	font-weight:bold;
	color:#666;
}

footer nav ul li p a{
	text-decoration:none;
	color:#666;
	display:inline-block;
	width:100%;
	height:100%;
}



/* =============================================================================
   copyright
   ========================================================================== */
#copyright{
	width:auto;
	margin:1em auto;
	text-align:center;
}

#copyright em{
	font-style:normal;
	font-size:90%;
	color:#999;
	display:block;
}



/* =============================================================================
   contentTitle
   ========================================================================== */
#contentTitle{
	width:auto;
	padding:0 1em;
	border-bottom:1px solid #ccc;
}

#contentTitle h2{
	font-size:1.1em;
	font-weight:bold;
	padding:0;
	margin:0.5em 0;
}

#contentTitle.noBorder{
	border:none;
}



/* =============================================================================
   closeTime
   ========================================================================== */
#closeTimeBox{
	width:auto;
	padding:0 1em;
	margin:0 0 0.5em 0;
}

#closeTimeBox strong{
	font-size:100%;
}

#closeTimeBox span.closeTime{
	color:#E5307A;
}

#closeTimeBox.border{
	border-bottom:1px solid #ccc;
	padding:0 1em 0.5em 1em;
}



/* =============================================================================
   contentBox
   ========================================================================== */
#contentBox{
	width:auto;
	padding:1em 0 0.5em 0;
}



/* =============================================================================
   cart
   ========================================================================== */
#cart{
	width:auto;
	padding:0 1em;
}

#cart dl,
#cart dt,
#cart dd{
	margin:0;
	padding:0;
}

#cart dd strong{
	font-size:100%;
}

#cart dd strong span.closeTime{
	color:#E5307A;
}



/* =============================================================================
   cartSubMenu
   ========================================================================== */
#cartSubMenu{
	width:auto;
	border-bottom:1px solid #ccc;
	padding:0 0 1.5em 0;
	margin:0 1em;
}

#cartSubMenu.history{
	border-top:1px solid #ccc;
}

#cartSubMenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#cartSubMenu ul li{
	margin:0.5em 0;
}

#cartSubMenu ul li p{
	margin:0;
	padding:0;
}



/* =============================================================================
   item
   ========================================================================== */
#itemList{
	width:auto;
	border-top:1px solid #E6307C;
}

#itemList.cart{

}

#itemList.noCart{
	border-bottom:1px solid #e6307c;
}

#itemBox{
	width:100%;
	float:left;
	position:relative;
}

#itemBox dl{
	width:auto;
	padding:0 1em;
	margin:2em 0;
}

#itemBox dt{
	float:left;
	width:22.8%;
}

#itemBox dt img{
	max-width:100%;
	height:auto;
	overflow:hidden;
	max-height:220px;
}

#itemBox dd{
	float:right;
	width:70%;
	margin:0;
}

#itemBox dd strong{
	word-break:break-all;
	display:block;
}

#itemBox dd p{
	word-break:break-all;
}

#itemBox .itemSpace strong{
	height:auto;
}

#itemBox .itemSpace p{
	height:auto;
}

#itemBox.line{
	border-bottom:1px dotted #ccc;
}

#itemBox.lineEnd{
/*
	border-bottom:none;
*/
	border-bottom:1px dotted #ccc;
}

#itemMenu td{
	vertical-align:middle;
}

#itemMenu input.itemBox{
	width:36px;
	height:40px;
	border:1px solid #999;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#itemMenu p{
	margin:0;
}

#itemMenu p.inCart{
	color:#ff0000;
	font-size:0.9em;
	font-weight:bold;
	margin:0 0 1em 0;
}

#itemMenu img{
	width:49px;
	height:49px;
}

#border.itemSpace{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#border.itemSpace td{
	padding:5% 0;
}

#borderBottom.itemSpace{
	border-bottom:1px solid #ccc;
}

#borderBottom.itemSpace td{
	padding:5% 0;
}

.itemSpace td{
	padding:0 0 5% 0;
}

.itemSpace td em{
	font-size:70%;
	font-style:normal;
	color:#E6307C;
	font-weight:normal;
}

.historyNav .itemSpace td em{
	font-size:70%;
}

.reload td em{
	font-size:80%;
	font-style:normal;
	color:#E6307C;
}

.reloadButton{
	padding:0 0 5% 0;
}



/* =============================================================================
   itemBoxBarcode
   ========================================================================== */
#barcodeMessage{
	width:auto;
	padding:0 1em;
}

#itemBoxBarcode{
	width:100%;
	float:left;
	position:relative;
}

#itemBoxBarcode dl{
	width:auto;
	padding:0 1em;
	margin:2em 0;
}

#itemBoxBarcode dt{
	width:auto;
}

#itemBoxBarcode dt strong{
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.1em;
}

#itemBoxBarcode dt input{
	width:95%;
	padding:0.5em;
	border:1px solid #999;
	text-align:left;
	font-size:120%;
	font-weight:bold;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#itemBoxBarcode dd{
	width:auto;
	margin:0.5em 0 0 0;
}

#itemBoxBarcode dd strong{
	word-break:break-all;
	height:60px;
	display:block;
}

#itemBoxBarcode dd p{
	word-break:break-all;
	height:40px;
}

#itemBoxBarcode .itemSpace strong{
	height:auto;
}

#itemBoxBarcode .itemSpace p{
	height:auto;
}

#itemBoxBarcode.line{
	border-bottom:1px dotted #ccc;
}

#itemBoxBarcode.lineEnd{
/*
	border-bottom:none;
*/
	border-bottom:1px dotted #ccc;
}

.barcodeRemove{
	width:auto;
	clear:both;
	text-align:center;
	padding:2em 0;
}

.barcodeRemove a{
	background:#e62074;
	-ms-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	behavior: url(./PIE.htc);
	font-weight:bold;
	font-size:1.1em;
	color:#fff;
	padding:0.78em 6em;
	text-decoration:none;
}

.barcodeRemove a span{
	color:#fff;
}

.barcodeRemove a:hover span{
	/*color:#333;*/
}

.barcodeRemove a:not(:target){
	filter:none;
	-ms-filter:none;
}

.barcodeRemove a:hover{
	/*background:#eee;
	color:#333;
        */
}



/* =============================================================================
   itemList(erase add items)
   ========================================================================== */
/*
.itemDelivery{
	display:none;
}

.itemStock{
	display:none;
}

.itemPrice{
	display:none;
}

.itemTiName{
	display:none;
}

.itemTiNamecase{
	display:none;
}

.btLinecase{
	display:none;
}

.itemTiNamebara{
	display:none;
}

.btLinebara td{
	padding:5% 0 0 0;
	width:22%;
}
*/



/* =============================================================================
   paging
   ========================================================================== */
#paging{
	width:auto;
	clear:both;
	border-top:1px solid #e6307c;
	border-bottom:1px solid #e6307c;
	padding:0.5em;
	text-align:center;
}

#paging a{
	text-decoration:underline;
	color:#000;
}

#paging a:hover{
	color:#000;
}

#paging a.current{
	font-weight:bold;
	color:#e6307c;
	text-decoration:none;
}

#paging td{
	text-align:center;
}

#paging td.left,
#paging td.right{
	width:20%;
}



/* =============================================================================
   option(include shipping remark)
   ========================================================================== */
#option{
	width:auto;
	padding:0 1em;
	clear:both;
	border-top:1px solid #ccc;
	margin:0.5em 0 0 0;
}

#shipping{
	width:auto;
	border-bottom:1px solid #ccc;
	padding:0.5em 0;
}

#shipping dd{
	margin:0.5em 0 0 0;
	padding:0;
}

#shipping dd table{
	margin:0.25em 0 0 0;
}

#shipping dd td{
	vertical-align:middle;
	display:inline-block;
}

#shipping dd td select{
	padding:0.2em 0.4em 0.2em 0.8em;
	border:1px solid #ccc;
	font-size:1.1em;
}

#shipping dd ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#shipping dd ul li{
	margin:0.5em 0;
}

#shipping dd ul li label{
	display:inline-block;
	background:#fafafa;
	padding:0.25em 0.5em;
	min-width:230px;
	border:1px solid #eee;

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

#shipping p{
	margin:0.5em 0;
}

#shipping em{
	font-size:75%;
	color:#666;
	font-style:normal;
	display:block;
}

#remark{
	width:auto;
	padding:0.5em 0;
}

#remark dd{
	margin:0;
	padding:0;
}

#remark dd td textarea{
	width:100%;
	border:1px solid #ccc;
	font-size:1.1em;
}



/* =============================================================================
   order
   ========================================================================== */
#order{
	width:auto;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	padding:1.5em 0;
}

#orderButtonBox{
	background:#e7e7e7;
	border-bottom:1px solid #ccc;
	padding:1.45em 0;
}

#orderButtonBox a{
	background: #fce0ec; /* Old browsers */
	background: -moz-linear-gradient(top,  #fce0ec 0%, #fbd5e4 4%, #f7b5d0 22%, #ee77aa 74%, #ec5e9a 96%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce0ec), color-stop(4%,#fbd5e4), color-stop(22%,#f7b5d0), color-stop(74%,#ee77aa), color-stop(96%,#ec5e9a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* IE10+ */
	background: linear-gradient(to bottom,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce0ec', endColorstr='#ec5e9a',GradientType=0 ); /* IE6-9 */
	border:1px solid #000;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-weight:bold;
	font-size:1.1em;
	padding:0.78em 5.38em;

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

#orderButton{
	background: #fce0ec; /* Old browsers */
	background: -moz-linear-gradient(top,  #fce0ec 0%, #fbd5e4 4%, #f7b5d0 22%, #ee77aa 74%, #ec5e9a 96%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce0ec), color-stop(4%,#fbd5e4), color-stop(22%,#f7b5d0), color-stop(74%,#ee77aa), color-stop(96%,#ec5e9a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* IE10+ */
	background: linear-gradient(to bottom,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce0ec', endColorstr='#ec5e9a',GradientType=0 ); /* IE6-9 */
	border:1px solid #000;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-weight:bold;
	font-size:1.1em;
	padding:0.78em 7.38em;

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

#confirmButtonBox{
	background:#e7e7e7;
	border-top:1px solid #ccc;
	padding:1.45em 0;
}

#confirmButtonBox a{
	background: #fce0ec; /* Old browsers */
	background: -moz-linear-gradient(top,  #fce0ec 0%, #fbd5e4 4%, #f7b5d0 22%, #ee77aa 74%, #ec5e9a 96%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce0ec), color-stop(4%,#fbd5e4), color-stop(22%,#f7b5d0), color-stop(74%,#ee77aa), color-stop(96%,#ec5e9a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* IE10+ */
	background: linear-gradient(to bottom,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce0ec', endColorstr='#ec5e9a',GradientType=0 ); /* IE6-9 */
	border:1px solid #000;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-weight:bold;
	font-size:1.1em;
	padding:0.78em 5.38em;

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

#toCartButtonBox{
	background:#e7e7e7;
	border-top:1px solid #ccc;
	padding:1.45em 0;
}

#toCartButtonBox a{
	background: #fce0ec; /* Old browsers */
	background: -moz-linear-gradient(top,  #fce0ec 0%, #fbd5e4 4%, #f7b5d0 22%, #ee77aa 74%, #ec5e9a 96%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce0ec), color-stop(4%,#fbd5e4), color-stop(22%,#f7b5d0), color-stop(74%,#ee77aa), color-stop(96%,#ec5e9a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* IE10+ */
	background: linear-gradient(to bottom,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce0ec', endColorstr='#ec5e9a',GradientType=0 ); /* IE6-9 */
	border:1px solid #000;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-weight:bold;
	font-size:1.1em;
	padding:0.78em 4.65em;

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

#toOrder{
	width:auto;
	clear:both;
	text-align:center;
	padding:2em 0;
}

#toOrder a{
	background:#e62074;
	-ms-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	behavior: url(./PIE.htc);
	font-weight:bold;
	font-size:1.1em;
	color:#fff;
	padding:0.78em 4em;
	text-decoration:none;
}

#toOrder a:not(:target){
	filter:none;
	-ms-filter:none;
}

#toOrder a:hover{
	background:#eee;
	color:#333;
}



/* =============================================================================
   upform
   ========================================================================== */
#upform{
	width:auto;
	height:50px;
	background:#E6307C;
	border-top:1px solid #B01557;
	border-bottom:1px solid #B01557;
	text-align:center;
	margin:1em 0 0.5em 0;
}

#upform table{
	height:100%;
}

#upform td.left{
	width:48%;
	text-align:center;
	vertical-align:middle;
}

#upform td.center{
	background:url(../images/other/upform_sec.png) repeat-y center;
	text-align:center;
	vertical-align:middle;
}

#upform td.right{
	width:48%;
	text-align:center;
	vertical-align:middle;
}

#upform td a span.down{
	padding:0 0.8em 0 0.4em;
	background:url("../images/cursor/upform_cursor_down.png") no-repeat 100% 50%;
	cursor:pointer;
	zoom:1;
	background-size:10px 7px;
	-moz-background-size:10px 7px;
	-o-background-size:10px 7px;
	-ms-background-size:10px 7px;
	-webkit-background-size:10px 7px;
}

#upform td a span.current span.down{
	padding:0 0.8em 0 0.4em;
	background:url("../images/cursor/upform_cursor_c_down.png") no-repeat 100% 50%;
	cursor:pointer;
	zoom:1;
	background-size:10px 7px;
	-moz-background-size:10px 7px;
	-o-background-size:10px 7px;
	-ms-background-size:10px 7px;
	-webkit-background-size:10px 7px;
}

#upform td a span.up{
	padding:0 0.8em 0 0.4em;
	background:url("../images/cursor/upform_cursor_up.png") no-repeat 100% 50%;
	cursor:pointer;
	zoom:1;
	background-size:10px 7px;
	-moz-background-size:10px 7px;
	-o-background-size:10px 7px;
	-ms-background-size:10px 7px;
	-webkit-background-size:10px 7px;
}

#upform td a span.current span.up{
	padding:0 0.8em 0 0.4em;
	background:url("../images/cursor/upform_cursor_c_up.png") no-repeat 100% 50%;
	cursor:pointer;
	zoom:1;
	background-size:10px 7px;
	-moz-background-size:10px 7px;
	-o-background-size:10px 7px;
	-ms-background-size:10px 7px;
	-webkit-background-size:10px 7px;
}

#upform a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0.65em 0;
	font-weight:bold;
	font-size:1em;
}

#upform a span.current{
	color:#E6307C;
	background:#fff;
	display:inline;
	padding:0.2em 1.5em;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}



/* =============================================================================
   history
   ========================================================================== */
#historyList{
	width:auto;
}

#historyBox{
	width:100%;
	float:left;
	background:#fff;
}

#historyBox dl{
	width:auto;
	float:left;
	padding:0 1em;
	margin:2em 0;
}

#historyBox dt{
	float:left;
	width:21.8%;
}

#historyBox dd{
	float:right;
	width:75%;
	margin:0;
}

#historyBox.line{
	border-bottom:1px dotted #ccc;
}

#historyBox.lineEnd{
/*
	border-bottom:none;
*/
	border-bottom:1px dotted #ccc;
}

#historyMenu td{
	vertical-align:middle;
}

#historyMenu input.itemBox{
	width:46px;
	height:46px;
	border:1px solid #999;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#historyMenu img{
	width:49px;
	height:49px;
}



/* =============================================================================
   historyOption(include historyShipping historyRemark)
   ========================================================================== */
#historyOption{
	width:auto;
	padding:0 1em;
	clear:both;
}

#historyOption dl dt span{
	background:none;
	padding:0;
	cursor:default;
	margin:0;
	color:#000;
	font-size:80%;
}

#historyShipping{
	width:auto;
	border-bottom:1px solid #ccc;
	padding:0.5em 0;
}

#historyShipping dd{
	margin:0.5em 0 0 0;
	padding:0;
}

#historyShipping dd td{
	vertical-align:middle;
	font-weight:normal;
	font-size:90%;
	display:inline-block;
}

#historyShipping dd td select{
	padding:0.2em 0.4em 0.2em 0.8em;
	border:1px solid #ccc;
}

#historyRemark{
	width:auto;
	padding:0.5em 0;
}

#historyRemark dd{
	margin:0;
	padding:0;
}

#historyRemark dd td textarea{
	width:100%;
	border:1px solid #ccc;
	font-size:1.1em;
}



/* =============================================================================
   historySearch
   ========================================================================== */
#historySearch{
	width:auto;
	border-bottom:1px solid #ccc;
	padding:0.5em 1em;
}

#historySearch dd{
	margin:0.5em 0 0 0;
	padding:0;
}

#historySearch dd td{
	vertical-align:middle;
	display:inline-block;
}

#historySearch dd td select{
	padding:0.2em 0.4em 0.2em 0.8em;
	border:1px solid #ccc;
	font-size:1.1em;
}

#hSearchButtonBox{
	padding:1.45em 0;
	text-align:center;
}

#hSearchButton{
	background: #fce0ec; /* Old browsers */
	background: -moz-linear-gradient(top,  #fce0ec 0%, #fbd5e4 4%, #f7b5d0 22%, #ee77aa 74%, #ec5e9a 96%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce0ec), color-stop(4%,#fbd5e4), color-stop(22%,#f7b5d0), color-stop(74%,#ee77aa), color-stop(96%,#ec5e9a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* IE10+ */
	background: linear-gradient(to bottom,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce0ec', endColorstr='#ec5e9a',GradientType=0 ); /* IE6-9 */
	border:1px solid #000;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-weight:bold;
	font-size:1.1em;
	padding:0.78em 5em;
}



/* =============================================================================
   change
   ========================================================================== */
#change{
	width:auto;
	text-align:center;
	padding:1.5em 0;
}

#changeButtonBox{
	background:#e7e7e7;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:1.45em 0;
}

#changeButton{
	background: #fce0ec; /* Old browsers */
	background: -moz-linear-gradient(top,  #fce0ec 0%, #fbd5e4 4%, #f7b5d0 22%, #ee77aa 74%, #ec5e9a 96%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce0ec), color-stop(4%,#fbd5e4), color-stop(22%,#f7b5d0), color-stop(74%,#ee77aa), color-stop(96%,#ec5e9a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* IE10+ */
	background: linear-gradient(to bottom,  #fce0ec 0%,#fbd5e4 4%,#f7b5d0 22%,#ee77aa 74%,#ec5e9a 96%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce0ec', endColorstr='#ec5e9a',GradientType=0 ); /* IE6-9 */
	border:1px solid #000;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-weight:bold;
	font-size:87%;
	padding:0.78em 7.38em;
}



/* =============================================================================
   help
   ========================================================================== */
#mainNav.help{
	margin:2em 0 0 0;
}

#helpMessage{
	width:auto;
	padding:0 1em;
}

#helpBox{
	padding:1em;
}

#mainNav #helpBox p{
	line-height:170%;
}

#mainNav #helpBox em{
	font-size:75%;
	font-style:normal;
	font-weight:normal;
	display:block;
	margin:0.5em 0;
	color:#E6307C;
}

#helpList{
	display:block;
	list-style-type:decimal;
	padding:0 0 0 1em;
}

#mainNav #helpList li{
	font-weight:normal;
	font-size:100%;
}

#mainNav #helpBox dl{
	width:auto;
}

#mainNav #helpBox dt{
	font-size:100%;
	font-weight:normal;
	letter-spacing:0.1em;
}

#mainNav #helpBox dd{
	margin:1em 0 0 0;
}

#mainNav.help ul li ul li{
	border-bottom:none;
}



/* =============================================================================
   order done
   ========================================================================== */
#doneMessage{
	width:auto;
	padding:0 1em;
}

#doneMessage.error strong{
	display:block;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#e62074;
	padding:0.5em;
	border:1px solid #e62074;
}

#doneMessage.error p{
	text-align:left;
	font-size:1.1em;
	font-weight:normal;
	letter-spacing:0.1em;
	line-height:140%;
}

#doneMessage.error em{
	font-size:0.9em;
	text-align:left;
	display:block;
	font-weight:normal;
	font-style:normal;
	letter-spacing:0.1em;
	color:#cc0000;
}



/* =============================================================================
   theme change
   ========================================================================== */
#themeMessage{
	width:auto;
	padding:0 1em;
}

#themeMessage p{
	text-align:left;
	font-size:100%;
	font-weight:normal;
	letter-spacing:0.1em;
	margin:0;
}

#themeMessage strong{
	display:block;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	letter-spacing:-0.1em;
}

#themeMessage strong span{
	color:#e62074;
}

#themeListWrapper{
	width:auto;
	border-top:1px solid #e62074;
	border-bottom:1px solid #e62074;
	margin:1em 0 0 0;
}

#themeList{
	width:auto;
	padding:0 1em;
}

#themeList ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#themeList ul li{
	border-bottom:1px dotted #ccc;
}

#themeList ul li:last-child{
	border-bottom:none;
}

#themeList ul li dl{
	width:auto;
	margin:1em 0;
	padding:0.5em 0.5em 0.8em 0.5em;
}

#themeList ul li#act dl{
	background:#eee;

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

#themeList ul li dt{
	float:left;
	width:24%;
}

#themeList ul li dd{
	float:left;
	width:60%;
	margin:0 0 0 1em;
}

#themeList ul li dd strong{
	display:block;
	font-size:110%;
	font-weight:bold;
}

#themeList ul li dd #changeTheme{
	width:auto;
	clear:both;
	text-align:center;
	margin:0.5em 0 0 0;
}

#themeList ul li dd a{
	background:#e62074;
	-ms-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	font-weight:bold;
	font-size:100%;
	color:#fff;
	padding:0.6em 2.5em;
	text-decoration:none;
	display:block;
}

#themeList ul li dd a span{
	color:#fff;
}

#themeList ul li dd a:hover{
	background:#eee;
	color:#333;
}

#themeList ul li dd a:hover span{
	color:#333;
}

#colorBlock{
	width:66px;
	height:66px;
}

/* pink style color start */
#themeList table.pink td.colorOne{
	width:33px;
	height:33px;
	background:#e62074;
}

#themeList table.pink td.colorTwo{
	width:33px;
	height:33px;
	background:#ba145a;
}

#themeList table.pink td.colorThree{
	width:33px;
	height:33px;
	background:#f185b3;
}

#themeList table.pink td.colorFour{
	width:33px;
	height:33px;
	background:#facde0;
}
/* pink style color end */

/* blue style color start */
#themeList table.blue td.colorOne{
	width:33px;
	height:33px;
	background:#203ee6;
}

#themeList table.blue td.colorTwo{
	width:33px;
	height:33px;
	background:#131cbb;
}

#themeList table.blue td.colorThree{
	width:33px;
	height:33px;
	background:#859af1;
}

#themeList table.blue td.colorFour{
	width:33px;
	height:33px;
	background:#cdd1fa;
}
/* blue style color end */

/* yellow style color start */
#themeList table.yellow td.colorOne{
	width:33px;
	height:33px;
	background:#E8E21E;
}

#themeList table.yellow td.colorTwo{
	width:33px;
	height:33px;
	background:#BCB412;
}

#themeList table.yellow td.colorThree{
	width:33px;
	height:33px;
	background:#F2ED84;
}

#themeList table.yellow td.colorFour{
	width:33px;
	height:33px;
	background:#FBF7CC;
}
/* yellow style color end */

/* orange style color start */
#themeList table.orange td.colorOne{
	width:33px;
	height:33px;
	background:#EB7D1B;
}

#themeList table.orange td.colorTwo{
	width:33px;
	height:33px;
	background:#C0590E;
}

#themeList table.orange td.colorThree{
	width:33px;
	height:33px;
	background:#F2AD84;
}

#themeList table.orange td.colorFour{
	width:33px;
	height:33px;
	background:#FCE0CB;
}
/* orange style color end */

/* green style color start */
#themeList table.green td.colorOne{
	width:33px;
	height:33px;
	background:#1CEA64;
}

#themeList table.green td.colorTwo{
	width:33px;
	height:33px;
	background:#1BB426;
}

#themeList table.green td.colorThree{
	width:33px;
	height:33px;
	background:#98DE9D;
}

#themeList table.green td.colorFour{
	width:33px;
	height:33px;
	background:#DEF4D2;
}
/* green style color end */

/* mono style color start */
#themeList table.mono td.colorOne{
	width:33px;
	height:33px;
	background:#333;
}

#themeList table.mono td.colorTwo{
	width:33px;
	height:33px;
	background:#ccc;
}

#themeList table.mono td.colorThree{
	width:33px;
	height:33px;
	background:#999;
}

#themeList table.mono td.colorFour{
	width:33px;
	height:33px;
	background:#fafafa;
}
/* mono style color end */





/* =============================================================================
   favorite
   ========================================================================== */
#favoriteMessage{
	width:auto;
	padding:0 1em;
}



/* =============================================================================
   primary style
   ========================================================================== */







/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}






/* =============================================================================
   お見積もり(estimate)
   ========================================================================== */
#estimate{
	width:auto;
	margin:0 auto;
	padding:1em;
	position:relative;
}

#estimateTitle{
	text-align:center;
}

#estimateTitle h2{
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:0;
	padding:0 0 0.25em 0;
	border-bottom:1px solid #000;
}

#estimateTitle em{
	display:block;
	text-align:right;
	font-style:normal;
	font-size:1.1em;
	letter-spacing:0.1em;
	margin:0.5em 0;
}

#estimateTotal{

}

#estimateTotal #left{
	float:none;
	width:auto;
}

#estimateTotal #left ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#estimateTotal #left ul li{
	margin:0.15em 0;
	width:auto;
	text-align:right;
}

#estimateTotal #left ul li span{
	margin:0 0 0 1em;
}

#estimateTotal #left ul li strong{
	font-size:1.45em;
}

#estimateTotal #left ul li p{
	margin:0;
}

#estimateTotal #left ul li.total{
	border:1px solid #000;
	padding:0.5em;
	text-align:center;
}

#estimateTotal #left ul li.noTax{

}

#estimateTotal #left ul li.postage{

}

#estimateTotal #left ul li.tax{

}

#estimateTotal #right{
	float:none;
	width:auto;
	margin:1em 0 0 0;
}

#estimateTotal #right ul{
	margin:0;
	padding:0;
	list-style-type:none;
	border:1px solid #eee;
	padding:0.5em;
}

#estimateTotal #right ul li{
	margin:0.15em 0;
	text-align:right;
}

#estimateTotal #right ul li p{
	margin:0;
}

#estimateTotal #right ul li.company{
	text-align:left;
	font-weight:bold;
}

#estimateTotal #right ul li.tel{

}

#estimateTotal #right ul li.fax{

}

#estimateList{
	margin:2em 0 0 0;
	-webkit-overflow-scrolling:touch;
	overflow-x:scroll;
	overflow-y:auto;
	width:95%;
	margin:0 auto;
	border:1px solid #c0c0c0;
	max-height:200px;
}

#estimateList table{
	width:100%;
	border-collapse:separate;
	color:#000;
}

#estimateList table thead th{
	text-align:center;
	background:#000;
	color:#fff;
	height:30px;
	padding:0 1em;
	margin:0;
	white-space:nowrap;
}

#estimateList table thead th.estimateItemName{
	white-space:normal;
	padding:0 7em;
}

#estimateList table thead th.estimateItemName span{
	white-space:nowrap;
}

#estimateList table th.w45{
	width:45%;
}

#estimateList table th.w15{
	width:15%;
}

#estimateList table th.w12{
	width:12%;
}

#estimateList table th.w7{
	width:7%;
}

#estimateList table th.w5{
	width:5%;
}

#estimateList table td.left{
	text-align:left;
	vertical-align:middle;
	padding:0.5em 0 0.5em 0.5em;
}

#estimateList table td.center{
	text-align:center;
	vertical-align:middle;
}

#estimateList table td.right{
	text-align:right;
	vertical-align:middle;
	padding:0.5em 0.5em 0.5em 0;
}

#estimateList table tr{
	border:1px solid #ccc;
}

#estimateList table td{
	border:1px solid #ccc;
	padding:0.5em 0;
}



/* =============================================================================
   注文履歴詳細(history detail)
   ========================================================================== */
#historyAttention{
	width:auto;
	padding:0 1em;
}

#historyAttention em{
	font-size:1em;
	font-style:normal;
}



/* =============================================================================
   エラーメニュー(errorMenu)
   ========================================================================== */
#errorMenu{
	width:auto;
	clear:both;
	padding:1em 0;
}

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

#errorMenu ul li{
	display:block;
	letter-spacing:normal;
	margin:1em auto;
	width:92%;
}

#errorMenu ul li a{
	display:block;
	background:#e62074;
	-ms-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	behavior: url(./PIE.htc);
	font-weight:bold;
	font-size:1.1em;
	color:#fff;
	padding:0.78em 5em;
	text-decoration:none;
}

#errorMenu ul li a span{
	color:#fff;
}

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

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



/* =============================================================================
   画面内メニュー(moveMenu)
   ========================================================================== */
#moveMenu{
	display:block;
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:999999;
	background:rgba(100,100,100,0.8);
	padding:0.25em 1em;

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

#moveMenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#moveMenu ul li{
	margin:0.5em 0;
}

#moveMenu ul li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}



/* =============================================================================
   Media Queries
   ========================================================================== */
/* 360 start */
@media screen and (min-width: 330px) and (max-width: 360px) {

}
/* 360 end */



/* 420 start */
@media screen and (min-width: 370px) and (max-width: 420px) {

}
/* 420 end */



/* 480 start */
@media screen and (min-width: 430px) and (max-width: 480px) {
	#main{
		padding:4em 0 0 0;
	}

	header h1 img{
		width:100px;
		height:50px;
	}

	#fontChange{
		padding:0.8em 0.8em 0.2em 0em;
	}

	#fontChange a{
		padding:0.5em 0.8em;
	}

	header nav{
		padding:1em 14px;
	}

	li.home img{
		width:44px;
		height:40px;
	}

	li.category img{
		width:48px;
		height:40px;
	}

	li.cart img{
		width:46px;
		height:40px;
	}

}
/* 480 end */



/* 603 start */
@media screen and (min-width: 490px) and (max-width: 603px) {
	#main-container{
		top:10em;
		width:auto;
	}

	#main{
		width:96%;
		padding:0;
		margin:0 auto;
		border-left:1px solid #eee;
		border-right:1px solid #eee;

		-ms-box-shadow:0px 5px 15px #eee;
		-o-box-shadow:0px 5px 15px #eee;
		-moz-box-shadow:0px 5px 15px #eee;
		-webkit-box-shadow:0px 5px 15px #eee;
		box-shadow:0px 5px 15px #eee;

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

	header h1 img{
		width:100px;
		height:50px;
	}

	#fontChange{
		padding:0.8em 0.8em 0.2em 0em;
	}

	#fontChange a{
		padding:0.5em 0.8em;
	}

	header nav{
		padding:1em 14px;
	}

	li.home img{
		width:44px;
		height:40px;
	}

	li.category img{
		width:48px;
		height:40px;
	}

	li.cart img{
		width:46px;
		height:40px;
	}

	#homeMenuTitle{
		display:block;
		width:auto;
		margin:0;
		padding:0;
	}

	#homeMenuTitle h1{
		color:#e6307c;
		font-size:120%;
		font-weight:bold;
		padding:1em 0 0.5em 0;
		text-align:center;
	}

	#homeMenu{
		width:auto;
		padding:1em;
		margin:0 1em;
		background:#fafafa;
		border:1px solid #e62074;
		-ms-border-radius:5px;
		-o-border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

	section.homeSearch{
		margin:1em auto;
		float:left;
		width:47%;
	}

	#newArrival{
		margin:1em auto;
		text-align:center;
		float:right;
		width:47%;
		padding:0;
	}

	/* 検索 */
	#upform{
		height:50px;
	}

	#searchformBox table.double{
		width:100%;
	}

	#searchformBox table.double tbody{
		width:100%;
		display:inline-block;
		padding:0.5em 0;
		margin:0 auto;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}

	tr.txtSearch{
		display:block;
		float:left;
		width:43%;
	}

	tr.txtSearch .searchLeft{
		width:85%;
	}

	tr.catSearch{
		display:block;
		float:left;
		width:57%;
	}

	tr.catSearch strong{
		font-size:70%;
	}

	tr.catSearch td{
		display:inline-block;
		width:100%;
	}

	tr.catSearch #searchCategoryTitle{
		display:block;
		float:left;
		width:25%;
		margin:0.4em 0.4em 0.4em 0;
		padding:0.2em 0.4em 0.2em 1em;
		text-align:center;
	}

	tr.catSearch #searchCategory{
		width:60%;
		float:left;
		display:inline-block;
	}

	#searchformResult{
		padding:0.5em 1em;
		margin:2em auto 0 auto;
		background:#fafafa;
		border:1px solid #ccc;

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

	#newsList{
		width:43%;
		margin:2em auto;
		padding:0 1em;
		float:left;
	}

	#newsList.archive{
		width:96%;
	}

	#mainNav.home{
		width:43%;
		margin:2em auto;
		padding:0 1em;
		float:right;
	}

	#footer-container{
		top:11em;
	}

	#itemList{
		width:auto;
		text-align:left;
		margin:0 auto;
	}

	#itemMenu tr.itemSpace td{
		padding:0;
	}

	#itemMenu tr.itemSpace td em{
		font-size:50%;
		line-height:normal;
	}

	#itemMenu tr.itemSpace td em br{
		display:none;
	}

	#itemBox{
		width:48%;
		float:none;
		display:inline-block;
		vertical-align:top;
	}

	#itemBox.mos1-3 dl{
		min-height:357px;
	}

	#itemList.cart #itemBox.mos1-3 dl{
		min-height:260px;
	}

	#itemBox.mos1-3_db dl{
		min-height:420px;
	}

	#itemList.cart #itemBox.mos1-3_db dl{
		min-height:350px;
	}

	#itemBox.mos2-4 dl{
		min-height:320px;
	}

	#itemList.cart #itemBox.mos2-4 dl{
		min-height:240px;
	}

	#itemBox.mos2-4_db dl{
		min-height:460px;
	}

	#itemList.cart #itemBox.mos2-4_db dl{
		min-height:440px;
	}

	#itemBox dl{
		width:100%;
		float:left;
		padding:0 0.5em;
		margin:1.5em 0;
	}

	#itemBox dt{
		float:left;
		width:24.1%;
	}

	#itemBox dt img{
		max-width:100%;
		height:auto;
		overflow:hidden;
	}

	#itemBox dd{
		float:left;
		width:66%;
		margin:0 0 0 1em;
		text-align:left;
	}

	#pagetop.noBorder{
		padding:0 1em 3em 0;
	}

	#itemBox dd strong{
		word-break:break-all;
		height:75px;
		display:block;
		line-height:normal;
		font-size:80%;
	}

	#itemBox dd p{
		word-break:break-all;
		height:80px;
		line-height:normal;
		font-size:75%;
		margin:1em 0 0 0;
	}

	#itemBox .itemSpace p{
		margin:0;
	}

	#itemList.cart #itemBox dd p{
		height:auto;
	}

	#itemBox dd p.error{
		height:auto;
	}

	#itemMenu p.inCart{
		height:auto;
		font-size:50%;
		margin:0;
	}

	#shipping dd li.mark table{
		display:block;
		width:45%;
		float:left;
		margin:0.2em 0 0 0.5em;
	}

	#shipping dd ul li{
		margin:0.5em 0;
		display:inline-block;
		vertical-align:top;
		width:30%;
	}

	#shipping dd ul li.mark{
		width:64%;
		margin:0.5em 0 0.5em 1em;
	}

	#shipping dd ul li label{
		display:block;
		background:#fafafa;
		padding:0.25em 0.5em;
		min-width:120px;
		border:1px solid #eee;

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

		float:left;
		width:20%;
	}

	#shipping p{
		clear:both;
		margin:0.5em 0;
	}

	#shipping em{
		font-size:75%;
		color:#666;
		font-style:normal;
		display:block;
	}

	/* estimateList 商品欄の縦幅 */
	#estimateList{
		max-height:350px;
	}
}
/* 603 end */



/* 768 start */
@media screen and (min-width: 603px) and (max-width: 768px) {
	#main-container{
		top:10em;
		width:auto;
	}

	#main{
		width:96%;
		padding:0;
		margin:0 auto;
		border-left:1px solid #eee;
		border-right:1px solid #eee;

		-ms-box-shadow:0px 5px 15px #eee;
		-o-box-shadow:0px 5px 15px #eee;
		-moz-box-shadow:0px 5px 15px #eee;
		-webkit-box-shadow:0px 5px 15px #eee;
		box-shadow:0px 5px 15px #eee;

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

	header h1 img{
		width:100px;
		height:50px;
	}

	#fontChange{
		padding:0.8em 0.8em 0.2em 0em;
	}

	#fontChange a{
		padding:0.5em 0.8em;
	}

	header nav{
		padding:1em 14px;
	}

	li.home img{
		width:44px;
		height:40px;
	}

	li.category img{
		width:48px;
		height:40px;
	}

	li.cart img{
		width:46px;
		height:40px;
	}

	#homeMenuTitle{
		display:block;
		width:auto;
		margin:0;
		padding:0;
	}

	#homeMenuTitle h1{
		color:#e6307c;
		font-size:120%;
		font-weight:bold;
		padding:1em 0 0.5em 0;
		text-align:center;
	}

	#homeMenu{
		width:auto;
		padding:1em;
		margin:0 1em;
		background:#fafafa;
		border:1px solid #e62074;
		-ms-border-radius:5px;
		-o-border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

	section.homeSearch{
		margin:1em auto;
		float:left;
		width:47%;
	}

	#newArrival{
		margin:1em auto;
		text-align:center;
		float:right;
		width:47%;
		padding:0;
	}

	/* 検索 */
	#upform{
		height:50px;
	}

	#searchformBox table.double{
		width:100%;
	}

	#searchformBox table.double tbody{
		width:100%;
		display:inline-block;
		padding:0.5em 0;
		margin:0 auto;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}

	tr.txtSearch{
		display:block;
		float:left;
		width:43%;
	}

	tr.txtSearch .searchLeft{
		width:85%;
	}

	tr.catSearch{
		display:block;
		float:left;
		width:57%;
	}

	tr.catSearch strong{
		font-size:70%;
	}

	tr.catSearch td{
		display:inline-block;
		width:100%;
	}

	tr.catSearch #searchCategoryTitle{
		display:block;
		float:left;
		width:25%;
		margin:0.4em 0.4em 0.4em 0;
		padding:0.2em 0.4em 0.2em 1em;
		text-align:center;
	}

	tr.catSearch #searchCategory{
		width:60%;
		float:left;
		display:inline-block;
	}

	#searchformResult{
		padding:0.5em 1em;
		margin:2em auto 0 auto;
		background:#fafafa;
		border:1px solid #ccc;

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

	#newsList{
		width:43%;
		margin:2em auto;
		padding:0 1em;
		float:left;
	}

	#newsList.archive{
		width:96%;
	}

	#mainNav.home{
		width:43%;
		margin:2em auto;
		padding:0 1em;
		float:right;
	}

	#footer-container{
		top:11em;
	}

	#itemList{
		width:auto;
		text-align:left;
		margin:0 auto;
	}

	#itemMenu tr.itemSpace td{
		padding:0;
	}

	#itemMenu tr.itemSpace td em{
		font-size:50%;
		line-height:normal;
	}

	#itemMenu tr.itemSpace td em br{
		display:none;
	}

	#itemBox{
		width:48%;
		float:none;
		display:inline-block;
		vertical-align:top;
	}

	/* プラン別アイテムボックス高さ */
	#itemBox.mos1-3 dl{
		min-height:320px;
	}

	#itemList.cart #itemBox.mos1-3 dl{
		min-height:260px;
	}

	#itemBox.mos1-3_db dl{
		min-height:430px;
	}

	#itemList.cart #itemBox.mos1-3_db dl{
		min-height:370px;
	}

	#itemBox.mos2-4 dl{
		min-height:340px;
	}

	#itemList.cart #itemBox.mos2-4 dl{
		min-height:320px;
	}

	#itemList.cart #itemMenu tr.itemSpace td{
		width:20%;
	}

	#itemBox.mos2-4_db dl{
		min-height:465px;
	}

	#itemList.cart #itemBox.mos2-4_db dl{
		min-height:440px;
	}

	#itemBox dl{
		width:100%;
		float:left;
		padding:0 0.5em;
		margin:1.5em 0;
	}

	#itemBox dt{
		float:left;
		width:24.1%;
	}

	#itemBox dt img{
		max-width:100%;
		height:auto;
		overflow:hidden;
	}

	#itemBox dd{
		float:left;
		width:66%;
		margin:0 0 0 1em;
		text-align:left;
	}

	#pagetop.noBorder{
		padding:0 1em 3em 0;
	}

	#itemBox dd strong{
		word-break:break-all;
		height:75px;
		display:block;
		line-height:normal;
		font-size:80%;
	}

	#itemBox dd p{
		word-break:break-all;
		height:80px;
		line-height:normal;
		font-size:75%;
		margin:1em 0 0 0;
	}

	#itemBox .itemSpace p{
		margin:0;
	}

	#itemList.cart #itemBox dd p{
		height:auto;
	}

	#itemBox dd p.error{
		height:auto;
	}

	#itemMenu p.inCart{
		height:auto;
		font-size:50%;
		margin:0;
	}

	#shipping dd li.mark table{
		display:block;
		width:45%;
		float:left;
		margin:0.2em 0 0 0.5em;
	}

	#shipping dd ul li{
		margin:0.5em 0;
		display:inline-block;
		vertical-align:top;
		width:30%;
	}

	#shipping dd ul li.mark{
		width:64%;
		margin:0.5em 0 0.5em 1em;
	}

	#shipping dd ul li label{
		display:block;
		background:#fafafa;
		padding:0.25em 0.5em;
		min-width:120px;
		border:1px solid #eee;

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

		float:left;
		width:20%;
	}

	#shipping p{
		clear:both;
		margin:0.5em 0;
	}

	#shipping em{
		font-size:75%;
		color:#666;
		font-style:normal;
		display:block;
	}

	/* estimateList 商品欄の縦幅 */
	#estimateList{
		max-height:400px;
	}

}
/* 768 end */



/* 800 start */
@media screen and (min-width: 768px) and (max-width: 800px) {
	#main{

	}

	header h1 img{
		width:100px;
		height:50px;
	}

	#fontChange{
		padding:1.2em 0.8em 0.2em 0em;
	}

	#fontChange a{
		padding:0.5em 0.8em;
	}

	header nav{
		padding:1em 14px;
	}

	li.home img{
		width:44px;
		height:40px;
	}

	.barcode span{
		font-size:2.8em;
		position:relative;
		top:12px;
	}

	li.category img{
		width:48px;
		height:40px;
	}

	li.cart img{
		width:46px;
		height:40px;
	}

	#itemBox{
		width:48%;
		float:none;
		display:inline-block;
		vertical-align:top;
		margin:1em 0;
	}

	#itemBox dl{
		padding:0 0.5em;
		margin:0;

		/* 最小の高さを指定いらないなら消す */
		min-height:600px;
	}

	/* JANコード */
	#itemBoxBarcode{
		width:33%;
		display:inline-block;
		vertical-align:top;
	}

	#itemBoxBarcode dl{
		width:100%;
		float:left;
		padding:0 1em;
		margin:2em 0;
	}

	#itemBoxBarcode dt input{
		width:85%;
		padding:0.5em;
		border:1px solid #999;
		text-align:left;
		font-size:120%;
		font-weight:bold;
		-ms-border-radius:5px;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

	#itemBoxBarcode table{
		width:90%;
	}

}
/* 800 end */



/* 966 start */
@media screen and (min-width: 800px) and (max-width: 966px) {
	#main-container{
		top:10em;
		width:auto;
	}

	#main{
		width:96%;
		padding:0;
		margin:0 auto;
		border-left:1px solid #eee;
		border-right:1px solid #eee;

		-ms-box-shadow:0px 5px 15px #eee;
		-o-box-shadow:0px 5px 15px #eee;
		-moz-box-shadow:0px 5px 15px #eee;
		-webkit-box-shadow:0px 5px 15px #eee;
		box-shadow:0px 5px 15px #eee;

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

	header h1 img{
		width:100px;
		height:50px;
	}

	#fontChange{
		padding:0.8em 0.8em 0.2em 0em;
	}

	#fontChange a{
		padding:0.5em 0.8em;
	}

	header nav{
		padding:1em 14px;
	}

	li.home img{
		width:44px;
		height:40px;
	}

	li.category img{
		width:48px;
		height:40px;
	}

	li.cart img{
		width:46px;
		height:40px;
	}

	#homeMenuTitle{
		display:block;
		width:auto;
		margin:0;
		padding:0;
	}

	#homeMenuTitle h1{
		color:#e6307c;
		font-size:120%;
		font-weight:bold;
		padding:1em 0 0.5em 0;
		text-align:center;
	}

	#homeMenu{
		width:auto;
		padding:1em;
		margin:0 1em;
		background:#fafafa;
		border:1px solid #e62074;
		-ms-border-radius:5px;
		-o-border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

	section.homeSearch{
		margin:1em auto;
		float:left;
		width:47%;
	}

	#newArrival{
		margin:1em auto;
		text-align:center;
		float:right;
		width:47%;
		padding:0;
	}

	/* 検索 */
	#upform{
		height:50px;
	}

	#searchformBox table.double{
		width:100%;
	}

	#searchformBox table.double tbody{
		width:100%;
		display:inline-block;
		padding:0.5em 0;
		margin:0 auto;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}

	tr.txtSearch{
		display:block;
		float:left;
		width:43%;
	}

	tr.txtSearch .searchLeft{
		width:85%;
	}

	tr.catSearch{
		display:block;
		float:left;
		width:57%;
	}

	tr.catSearch strong{
		font-size:70%;
	}

	tr.catSearch td{
		display:inline-block;
		width:100%;
	}

	tr.catSearch #searchCategoryTitle{
		display:block;
		float:left;
		width:25%;
		margin:0.4em 0.4em 0.4em 0;
		padding:0.2em 0.4em 0.2em 1em;
		text-align:center;
	}

	tr.catSearch #searchCategory{
		width:60%;
		float:left;
		display:inline-block;
	}

	#searchformResult{
		padding:0.5em 1em;
		margin:2em auto 0 auto;
		background:#fafafa;
		border:1px solid #ccc;

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

	#newsList{
		width:43%;
		margin:2em auto;
		padding:0 1em;
		float:left;
	}

	#newsList.archive{
		width:96%;
	}

	#mainNav.home{
		width:43%;
		margin:2em auto;
		padding:0 1em;
		float:right;
	}

	#footer-container{
		top:11em;
	}

	#itemList{
		width:auto;
		text-align:left;
		margin:0 auto;
	}

	#itemMenu tr.itemSpace td{
		padding:0;
	}

	#itemMenu tr.itemSpace td em{
		font-size:50%;
		line-height:normal;
	}

	#itemMenu tr.itemSpace td em br{
		display:none;
	}

	#itemBox{
		width:48%;
		float:none;
		display:inline-block;
		vertical-align:top;
	}

	/* プラン別アイテムボックス高さ */
	#itemBox.mos1-3 dl{
		min-height:320px;
	}

	#itemList.cart #itemBox.mos1-3 dl{
		min-height:260px;
	}

	#itemBox.mos1-3_db dl{
		min-height:430px;
	}

	#itemList.cart #itemBox.mos1-3_db dl{
		min-height:370px;
	}

	#itemBox.mos2-4 dl{
		min-height:340px;
	}

	#itemList.cart #itemBox.mos2-4 dl{
		min-height:320px;
	}

	#itemList.cart #itemMenu tr.itemSpace td{
		width:20%;
	}

	#itemBox.mos2-4_db dl{
		min-height:465px;
	}

	#itemList.cart #itemBox.mos2-4_db dl{
		min-height:440px;
	}

	#itemBox dl{
		width:100%;
		float:left;
		padding:0 0.5em;
		margin:1.5em 0;
	}

	#itemBox dt{
		float:left;
		width:24.1%;
	}

	#itemBox dt img{
		max-width:100%;
		height:auto;
		overflow:hidden;
	}

	#itemBox dd{
		float:left;
		width:66%;
		margin:0 0 0 1em;
		text-align:left;
	}

	#pagetop.noBorder{
		padding:0 1em 3em 0;
	}

	#itemBox dd strong{
		word-break:break-all;
		height:75px;
		display:block;
		line-height:normal;
		font-size:80%;
	}

	#itemBox dd p{
		word-break:break-all;
		height:80px;
		line-height:normal;
		font-size:75%;
		margin:1em 0 0 0;
	}

	#itemBox .itemSpace p{
		margin:0;
	}

	#itemList.cart #itemBox dd p{
		height:auto;
	}

	#itemBox dd p.error{
		height:auto;
	}

	#itemMenu p.inCart{
		height:auto;
		font-size:50%;
		margin:0;
	}

	#shipping dd li.mark table{
		display:block;
		width:45%;
		float:left;
		margin:0.2em 0 0 0.5em;
	}

	#shipping dd ul li{
		margin:0.5em 0;
		display:inline-block;
		vertical-align:top;
		width:30%;
	}

	#shipping dd ul li.mark{
		width:64%;
		margin:0.5em 0 0.5em 1em;
	}

	#shipping dd ul li label{
		display:block;
		background:#fafafa;
		padding:0.25em 0.5em;
		min-width:120px;
		border:1px solid #eee;

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

		float:left;
		width:20%;
	}

	#shipping p{
		clear:both;
		margin:0.5em 0;
	}

	#shipping em{
		font-size:75%;
		color:#666;
		font-style:normal;
		display:block;
	}

}
/* 966 end */



/* 966 over(1024 1280) start */
@media screen and (min-width: 1024px){
	#main-container{
		top:10em;
		width:auto;
	}

	#main{
		width:96%;
		padding:0;
		margin:0 auto;
		border-left:1px solid #eee;
		border-right:1px solid #eee;

		-ms-box-shadow:0px 5px 15px #eee;
		-o-box-shadow:0px 5px 15px #eee;
		-moz-box-shadow:0px 5px 15px #eee;
		-webkit-box-shadow:0px 5px 15px #eee;
		box-shadow:0px 5px 15px #eee;

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

	header h1 img{
		width:100px;
		height:50px;
	}

	#fontChange{
		padding:0.8em 0.8em 0.2em 0em;
	}

	#fontChange a{
		padding:0.5em 0.8em;
	}

	header nav{
		padding:1em 14px;
	}

	li.home img{
		width:44px;
		height:40px;
	}

	li.category img{
		width:48px;
		height:40px;
	}

	li.cart img{
		width:46px;
		height:40px;
	}

	#homeMenuTitle{
		display:block;
		width:auto;
		margin:0;
		padding:0;
	}

	#homeMenuTitle h1{
		color:#e6307c;
		font-size:120%;
		font-weight:bold;
		padding:1em 0 0.5em 0;
		text-align:center;
	}

	#homeMenu{
		width:auto;
		padding:1em;
		margin:0 1em;
		background:#fafafa;
		border:1px solid #e62074;
		-ms-border-radius:5px;
		-o-border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

	section.homeSearch{
		margin:1em auto;
		float:left;
		width:47%;
	}

	#newArrival{
		margin:1em auto;
		text-align:center;
		float:right;
		width:47%;
		padding:0;
	}

	/* 検索 */
	#upform{
		height:50px;
	}

	#searchformBox table.double{
		width:100%;
	}

	#searchformBox table.double tbody{
		width:100%;
		display:inline-block;
		padding:0.5em 0;
		margin:0 auto;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}

	tr.txtSearch{
		display:block;
		float:left;
		width:43%;
	}

	tr.txtSearch .searchLeft{
		width:85%;
	}

	tr.catSearch{
		display:block;
		float:left;
		width:57%;
	}

	tr.catSearch strong{
		font-size:70%;
	}

	tr.catSearch td{
		display:inline-block;
		width:100%;
	}

	tr.catSearch #searchCategoryTitle{
		display:block;
		float:left;
		width:25%;
		margin:0.4em 0.4em 0.4em 0;
		padding:0.2em 0.4em 0.2em 1em;
		text-align:center;
	}

	tr.catSearch #searchCategory{
		width:60%;
		float:left;
		display:inline-block;
	}

	#searchformResult{
		padding:0.5em 1em;
		margin:2em auto 0 auto;
		background:#fafafa;
		border:1px solid #ccc;

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

	#newsList{
		width:43%;
		margin:2em auto;
		padding:0 1em;
		float:left;
	}

	#newsList.archive{
		width:96%;
	}

	#mainNav.home{
		width:43%;
		margin:2em auto;
		padding:0 1em;
		float:right;
	}

	#footer-container{
		top:11em;
	}

	#itemList{
		width:auto;
		text-align:left;
		margin:0 auto;
	}

	#itemMenu tr.itemSpace td{
		padding:0;
	}

	#itemMenu tr.itemSpace td em{
		font-size:50%;
		line-height:normal;
	}

	#itemMenu tr.itemSpace td em br{
		display:none;
	}

	#itemBox{
		width:48%;
		float:none;
		display:inline-block;
		vertical-align:top;
	}

	/* プラン別アイテムボックス高さ */
	#itemBox.mos1-3 dl{
		min-height:320px;
	}

	#itemList.cart #itemBox.mos1-3 dl{
		min-height:260px;
	}

	#itemBox.mos1-3_db dl{
		min-height:430px;
	}

	#itemList.cart #itemBox.mos1-3_db dl{
		min-height:370px;
	}

	#itemBox.mos2-4 dl{
		min-height:340px;
	}

	#itemList.cart #itemBox.mos2-4 dl{
		min-height:320px;
	}

	#itemList.cart #itemMenu tr.itemSpace td{
		width:20%;
	}

	#itemBox.mos2-4_db dl{
		min-height:465px;
	}

	#itemList.cart #itemBox.mos2-4_db dl{
		min-height:440px;
	}

	#itemBox dl{
		width:100%;
		float:left;
		padding:0 0.5em;
		margin:1.5em 0;
	}

	#itemBox dt{
		float:left;
		width:24.1%;
	}

	#itemBox dt img{
		max-width:100%;
		height:auto;
		overflow:hidden;
	}

	#itemBox dd{
		float:left;
		width:66%;
		margin:0 0 0 1em;
		text-align:left;
	}

	#pagetop.noBorder{
		padding:0 1em 3em 0;
	}

	#itemBox dd strong{
		word-break:break-all;
		height:75px;
		display:block;
		line-height:normal;
		font-size:80%;
	}

	#itemBox dd p{
		word-break:break-all;
		height:80px;
		line-height:normal;
		font-size:75%;
		margin:1em 0 0 0;
	}

	#itemBox .itemSpace p{
		margin:0;
	}

	#itemList.cart #itemBox dd p{
		height:auto;
	}

	#itemBox dd p.error{
		height:auto;
	}

	#itemMenu p.inCart{
		height:auto;
		font-size:50%;
		margin:0;
	}

	#shipping dd li.mark table{
		display:block;
		width:45%;
		float:left;
		margin:0.2em 0 0 0.5em;
	}

	#shipping dd ul li{
		margin:0.5em 0;
		display:inline-block;
		vertical-align:top;
		width:30%;
	}

	#shipping dd ul li.mark{
		width:64%;
		margin:0.5em 0 0.5em 1em;
	}

	#shipping dd ul li label{
		display:block;
		background:#fafafa;
		padding:0.25em 0.5em;
		min-width:120px;
		border:1px solid #eee;

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

		float:left;
		width:20%;
	}

	#shipping p{
		clear:both;
		margin:0.5em 0;
	}

	#shipping em{
		font-size:75%;
		color:#666;
		font-style:normal;
		display:block;
	}

}
/* 966 0ver(1024 1280) end */