@charset 'shift-jis';

html, body {
	margin: 0;
	padding: 0;
	border: none;
	background: #fff;
	color: #222426;
	font-size: 100%;
	}
body {
	font-family: '‚l‚r ‚oƒSƒVƒbƒN', 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', sans-serif;
	min-width:772px;
	}

body[id]::before {display:none;}

img, a img {border: none; margin:0;}
a:link {color:#1a28bf}
a:visited {color:#7483b2}
a:focus {color:#b00; background: #fefbd8;}
a:hover, a:active {color:#b00; text-decoration:none;}

h2, h3, h4, h5, strong, b, em, th, dt {
	font-weight:bolder;
	font-style: normal;
}


h2 {margin:0 0 .66em 0}
h3 {margin:2em 0 .66em 0}
h4 {margin:0 0 .5em;}
h5, h6 {margin:0 0 .1em;}
h2 {font-size: 1.1em; color:#b00; background-color:transparent;}
h3 {font-size:1.15em}
h4, h5, h6 {font-size:1em;}
ul, ol, p {margin: 0 0 1em;}
ul, ol {padding: 0 0 0 2.5em;}
li {padding: 0 5% 0 0}
dl {margin: 0 0 1em}
dd {margin: 0 1% .66em 5%; padding:0;}

table {font-size:1em; border-collapse:collapse; border: 1px solid #777;}
td, th {padding: .15em .2em; border: 1px solid #777;}
th {white-space:nowrap;}
legend {color:#222426; background:transparent;}



p, li, dl {line-height:140%}
h2 {
	font-size:1.5em;
	border-bottom:3px solid #fc1;
	padding: 0 0 .1em .2em;
	}
h3 {
	font-size: 1.2em;
	color: #080;
	}

/* --- general --- */
.clearbox {min-height:1em;}
.clearbox::after {
	content:'[.]';
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	}



.imgR {float:right; margin:0 0 .66em 1em; border:1px solid #345}
.dimmed {color:#bfb9a2} /* warm grey */
.note, .attn {color:#d00;}
.right {text-align:right;}

p.cargo-copyr {font-size:70%; text-align:right; margin: 5px 5%;}


/* ---- brand - head ---- */
#brand {
	background: #d00;
	color: #fc1;
	border-bottom: 2px solid #fc1;
	margin:0;
	padding:1px 10px 3px;
}

#brand h1 {
	float:left;
	width:220px;
	margin:0;
	padding:5px 0 0 15px;
}
#brand h1 img {display:block;}
#brand p {
	text-align:right;
	margin:0;
	padding: 40px 15px 15px 0;
	font-size: .85em;
}
#brand p img {vertical-align: middle; margin: 0;}

#nv {
	background: #d00 url(/ui/nav_bck_b.gif) no-repeat 0 0;
	border-top:1px solid #777;
	border-bottom: 3px solid #fc1;
	margin:0;
	padding:0;
	width:100%;
	clear:both;
}
#nv ul {
	margin: 0 25px 0 45px;
	padding:0;
	font-size:.85em;
	list-style:none;
}
#nv li {
	padding:0;
	margin:0;
	background: url(/ui/nav_bck_b.gif) no-repeat 100% 0;
	float:left;
}

#nv a {
	color:#fff;
	background:transparent;
	text-decoration:none;
	padding:5px 25px 4px 5px;
	margin:0;
	display:block;
	line-height:1em;
}
#nv a:focus,
#nv a:hover {
	color:#fc1;
}


/* ---- contents area ---- */
#cart-cnt {
	margin: 0 auto 2em;
	padding: 2em 0 0;
	width: 700px;
	font-size: .86em;
}


#subwarn {
	text-align:center;
	background: #d00;
	padding:.5em;
	margin: 1em 0 2em;
	}
	#subwarn span {
		color:#fff;
		}
	#shipping-wrap {
		margin: 2em 0;
		border:1px solid #d00;
		padding:0;
		}
.links {
	text-align:center;
	margin: 2em 0 1em;
	padding: 10px 0 1em;
	border-bottom: 5px solid #d00;
	}

#ord-tb th,
tr.ship-fee {
	color:#000;
	background:#fff1e5;
	text-align:center;
	}
#ord-tb tr.total,
#ord-tb tr.total th,
#ord-tb tr.total td {
	background:#ffddbf;
	color:#000;
	border-top:3px double #555;
	}
#ord-tb td {
	color: #000;
	text-align:right;
	}
#ord-tb th {
	white-space:nowrap;
	}
#ord-tb .centTD {
	text-align:center;
	}
#ord-tb .leftTD {
	text-align:left;
	}

#user-data {
	margin-top:2em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	}
	#user-data th,
	#user-data td {
		font-weight:normal;
		padding:.15em 1.2em .15em .9em;
		text-align:left;
		}
#shipping {padding:.5em .5em 0;}
#shipping ul {padding-left:1.5em;}
#shipping ul p {margin: 0 0 0 1em;}

#shipping-wrap .guide-lnk {border-top:1px dashed #d00;padding:.5em .5em 0;}

/* ---- forms ---- */
form {
	margin: 0;
	padding: 0;
}
fieldset {
	margin: 0 0 1em;
	padding: .2em 2em .1em;
	border:1px solid #d00;
	line-height: 1.7;
	}
legend {
	font-weight:bolder;
	font-size:1.1em;
	color:#00000d;
	padding: .2em .5em;
	}
fieldset p, fieldset ul {margin: .3em 0 .5em; padding: 0 0 0 1.2em;}

fieldset ul { list-style:disc;}
fieldset ul.radio {list-style:none;}
fieldset li { padding: .3em 0; border-bottom:1px dotted #bbb;}
fieldset ul.radio li {border-bottom:none; padding: .1em 0}

input, select, textarea {}
input[type="text"] {margin:2px .5ex;}
textarea, input.address {width:500px;}
input.yubin {width:9em;}

.frmTb {margin:.33em 0 1em;padding:0; list-style:none;}
.frmTb li {
	padding: 5px 3px 4px 2.5em;
	margin:0;
	border-right: 1px solid #88898c;
	border-bottom: 1px solid #88898c;
	border-top: 2px solid #fff;
	background:#eff1f4;
	text-indent: -1.5em;
}
.frmTb li:first-child {border-top:none;}
#contact #c p {margin-bottom:0;}

.submitfield { margin:1em 0; text-align:right;}
.submitfield input {font-weight:bold;}


/* ---- bottom - legal ---- */
#lg {
	border-top: 1px solid #b00;
	padding: .8em 3% .1em;
	font-size:.8em;
	color:#666;
	line-height:145%;
}

#lg span {
	float:right;
	width:8em;
}
#lg span a {
	background:url(../ui/toparrow.gif) no-repeat 0 50%;
	padding: 4px 0 2px 16px;
}
#lg a {
	color: #4c5765;
	text-decoration:none;
}
#lg a:focus, #lg a:hover, #lg a:active {
	color:#b00;
	text-decoration:underline;
}

/* ---- oyasumi ---- */
div.oyasumi {margin: 1em;}
.oyasumi * {color:#666; margin: .2em 0;}
.attnO {color:#b00;}

