@charset "Shift_JIS";

/*------------------------------------------------

 common.css
 
 
 Copyright (C) marghrita

------------------------------------------------*/
/* reset
================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-family: inherit;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
	display: block;
}
ul {
	list-style: none;
}
input, select {
	vertical-align: middle;
}

/* general rules
================================================*/
/* html
------------------------------------------------*/
html {
	overflow-y: scroll;
}

/* body
------------------------------------------------*/
body {
	margin: 0;
	background: #fff url(/common_img/bg.png) repeat-x;
	color: #333;
	font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	/* letter-spacig: 0.05em; */
}

@media only screen and (max-width: 640px) {
	body {
		overflow: hidden;
		background: none;
		font-size: 15px;
	}
}

/* link
------------------------------------------------*/
a:link { color: #000; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover, a:active { color: #000; text-decoration: none; }

a,
a img {
	-webkit-transition: .5s ease;
	-ms-transition: .5s ease;
	transition: .5s ease;
}
a:hover img {
	opacity: 0.7;
}

/* img
------------------------------------------------*/
img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	border: 0;
	line-height:1;
	vertical-align: bottom;
}
a:active img { text-decoration: none; }

/* text
------------------------------------------------*/
strong { font-weight: normal; font-style: normal; }
.itemPage strong {
  padding: 0 .1em;
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.6, transparent), color-stop(0.6, #ffcfe5));
  background: -webkit-linear-gradient(transparent 60%, #ffcfe5 60%);
  background: -moz-linear-gradient(transparent 60%, #ffcfe5 60%);
  background: -o-linear-gradient(transparent 60%, #ffcfe5 60%);
  background: linear-gradient(transparent 60%, #ffcfe5 60%);
  color: #222;
  font-weight: bold;
}
.strong {
	padding: 3px 5px;
	background: #f9f7bd;
	font-weight: bold;
}
.strongRed { color: #C00; font-weight: bold; }
address { font-style: normal; display: block; }

/* h1, h2, h3, h4
------------------------------------------------*/
h1, h2, h3, h4 {
	line-height: 1.2;
	letter-spacing: 0;
}

/* div, p
------------------------------------------------*/
/* div { margin-bottom: 30px; } */
div :last-child,
section :last-child,
li :last-child,
dd :last-child { margin-bottom: 0; }
p { margin-bottom: 30px; }

/* list
------------------------------------------------*/
ul {
	list-style: disc;
	margin-bottom: 30px;
	padding: 0 0 0 1.5em
}
ol {
	list-style: decimal;
	margin-bottom: 30px;
	padding: 0 0 0 2em
}
li {
	margin: 0 0 5px;
}

/* dl
------------------------------------------------*/
dl {
	margin-bottom: 30px;
}
dt {
	margin-bottom: 10px;
	font-weight: bold;
}

/* table
------------------------------------------------*/
table {
	width: 100%;
	margin: 0 0 30px;
	border-collapse: collapse;
	font-size: inherit;
	font: 100%;
	line-height: 1.3;
}
table th {
	padding: 12px 15px;
	border: 1px solid #999;
	background: url(/common_img/bg_check01.png) repeat;
	color: #000;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
table td {
	padding: 12px 15px;
	border: 1px solid #999;
	background: #fff;
	vertical-align: top;
}
table td span {
	color: #999;
}
table td div {
	margin: 5px 0 0;
}
table .nowrap { white-space: nowrap; }

table.plane {
	width: 100%;
	margin: 0 0 30px;
	border-collapse: collapse;
	border: none;
	font-size: inherit;
	font: 100%;
	line-height: 1.3;
}
table.plane th {
	border: none;
	background: #fff;
	vertical-align: top;
	white-space: nowrap;
}
table.plane td {
	border: none;
	text-align: left;
}



/* form
--------------------------------------*/
input, textarea { padding: 4px 0; }
@media only screen and (max-width: 640px) {
	input[type="text"], textarea {
		font-size: 16px;
	}
}

option { padding-left: 5px; }




/* common rules
================================================*/
/* link
------------------------------------------------*/
a.bnr:link { color: #000; text-decoration: none; }
a.bnr:visited { color: #666; text-decoration: none; }
a.bnr:hover, a.bnr:active { color: #02BBC7; text-decoration: none; }

/* clear
------------------------------------------------*/
.clear { clear: both; }

/* align ctrl
------------------------------------------------*/
.taR { text-align: right; }
.taC { text-align: center; }
.taL { text-align: left; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.top { vertical-align: top; }

/* text
------------------------------------------------*/
.f-lightBlue { color: #00ADEF; }
.f-darkBlue { color: #105DAA; }
.f-red { color: #F00; }
.f-black { color: #000; }
.f-gray { color: #999; }
.f-white { color: #fff; }
.f-bold { font-weight: bold; }
.f-plane { font-weight: normal; }
.f-s { font-size: 12px; }
.f-xs { font-size: 10px; }
.f-l { font-size: 18px; }
.f-xl { font-size: 24px; }


/* display table
------------------------------------------------*/
.displayTable { display: table; }
.displayTableCell { display: table-cell; }

/* img float
------------------------------------------------*/
.floatL {
	float: left;
	margin: 0 20px 20px 0;
}
.floatR {
	float: right;
	margin: 0 0 20px 20px;
}
.floatL0 {
	float: left;
	margin: 0 20px 0 0;
}
.floatR0 {
	float: right;
	margin: 0 0 0 20px;
}

/* margin
------------------------------------------------*/
.bt0 {	margin-bottom: 0px }
.bt5 {	margin-bottom: 5px }
.bt10 {	margin-bottom: 10px }
.bt15 {	margin-bottom: 15px }
.bt20 {	margin-bottom: 20px }
.bt30 {	margin-bottom: 30px }
.bt40 {	margin-bottom: 40px }
.bt50 {	margin-bottom: 50px }
.bt60 {	margin-bottom: 60px }
.bt70 {	margin-bottom: 70px }
.bt80 {	margin-bottom: 80px }
.bt90 {	margin-bottom: 90px }
.bt100 {	margin-bottom: 100px }


/* [hack] overflow
--------------------------------------*/
.overflow {
	_zoom: 1;
	overflow: hidden;
}
/* [hack] clear fix
--------------------------------------*/
.clearfix::after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

/* general layout
================================================*/
/* wrap
------------------------------------------------*/
@media only screen and (max-width: 640px) {
	#wrap {
		overflow: hidden;
		padding: 0;
	}
}

/* header
------------------------------------------------*/
#globalHeader {
	position: relative;
	width: 1020px;
	height: 105px;
	margin: 0 auto;
	color: #666;
	font-size: 12px;
	text-align: left;
}
@media only screen and (max-width: 640px) {
	#globalHeader {
		width: 100%;
		height: 81px;
		margin: 0 0 1px;
		text-align: center;
	}
}

/* inlineText */
.tagLine {
	position: absolute;
	top: 38px;
	left: 200px;
	width: 500px;
	margin: 0;
	color: #fff;
	font-size: 11px;
	letter-spacing: 0.1em;
}
@media only screen and (max-width: 640px) {
	.tagLine {
		top: 15px;
		left: 140px;
		font-size: 10px;
		text-align: left;
	}
}

/* logo */
.logo {
	position: absolute;
	top: 25px;
	left: 0;
	width: 163px;
	height: 34px;
	margin: 0;
}
@media only screen and (max-width: 640px) {
	.logo {
		top: 10px;
		left: 10px;
		width: 120px;
	}
	.headerLogo {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		height: 40px;
		border-top: 1px solid #600;
		background: #900;
	}
}

/* subNav */
.subNav ul {
	list-style: none;
	_zoom: 1;
	overflow: hidden;
	position: absolute;
	top: 25px;
	right: 0;
	width: auto;
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 640px) {
	.spNav {
		position: fixed;
	  z-index: 999;
	  top: 0;
		left: 0;
		width: 100%;
		height: 40px;
	}
	.spNav ul {
		list-style: none;
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		margin: 0;
		padding: 0;
	}
}
.subNav ul li {
	display: inline-block;
	margin: 0 8px 0 0;
	padding: 0;
}
@media only screen and (max-width: 640px) {
	.spNav ul li {
		box-sizing: border-box;
		float: left;
		width: 28%;
	  margin: 0;
	  border-left: 1px solid #fff;
	  line-height: 40px;
	}
}

.subNav ul li#navLogin {
	padding: 0 8px 0 0;
	/* border-right: 1px dotted #fff; */
}
.subNav ul li#navCart {
	margin: 0;
}
.subNav ul li#navCart a {
	display: block;
	padding: 0 20px;
	background: #fff;
	border-radius: 4px;
	color: #000;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}
@media only screen and (max-width: 640px) {
	.spNav ul li#navHome {
		width: 16%;
	  border-left: none;
	}
	.spNav ul li a {
		display: block;
		width: 100%;
	  background: #666;
	  color: #fff;
	}
	.spNav ul li#menu {
	  margin-right: 0;
	}
}

.subNav a:link,
.subNav a:visited {
	color: #fff;
	text-decoration: none;
}
.subNav a:hover,
.subNav a:active	{
	opacity: 0.7;
	text-decoration: none;
}
@media only screen and (max-width: 640px) {
	.spNav a:link,
	.spNav a:visited {
		color: #fff;
		text-decoration: none;
	}
	.spNav a:hover,
	.spNav a:active	{
		/*opacity: 0.7;*/
		text-decoration: none;
	}
}

.subNav ul li#navCart a:link,
.subNav ul li#navCart a:visited {
	color: #000;
	-webkit-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
}
.subNav ul li#navCart a:hover,
.subNav ul li#navCart a:active	{
	opacity: 0.7;
	color: #000;
}

/* globalNav */
.globalNav ul {
	_zoom: 1;
	overflow: hidden;
	position: absolute;
	list-style: none;
	top: 80px;
	left: 0;
	width: 1020px;
	height: 20px;
	margin: 0;
	padding: 0;
}
.globalNav ul li {
	float: left;
	width: 169px;
	height: 20px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #AAA;
}
.globalNav ul li:last-child {
	width: 168px;
	border-right: 1px solid #AAA;
}
.globalNav ul li a {
	display: block;
	width: 169px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}
.globalNav ul li:last-child a {
	width: 168px;
}
.globalNav a:link,
.globalNav a:visited {
	color: #fff;
	text-decoration: none;
}
.globalNav a:hover,
.globalNav a:active	{
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 5px #fff,
							 0 0 10px #fff;
}

/* main
------------------------------------------------*/
#main {
	display: block;
	z-index: 1;
	width: 1020px;
	margin: 40px auto 0;
	padding: 0;
}
#main::after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
@media only screen and (max-width: 640px) {
	#main {
		width: 100%;
		margin: 0;
	}
}

/* info */
.info {
	width: 1020px;
	margin: 20px auto 50px;
}
@media only screen and (max-width: 640px) {
	.info {
		width: 100%;
		margin: 0 auto 30px;
		font-size: 12px;
	}
}
.info dl {
	padding: 20px;
	background: #f6f6f6;
}

/* content */
#content {
	z-index: 10;
	float: left;
	width: 760px;
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 640px) {
	#content {
		float: none;
		width: auto;
		margin: 0 0 40px;
	}
}

/* sidebar */
#sidebar {
	float: right;
	width: 220px;
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 640px) {
	#sidebar {
		display: none;
		float: none;
		position: absolute;
		position: fixed;
		top: 41px;
		height: 100%;
		z-index: 999;
		box-sizing: border-box;
		width: 241px;
		padding: 0 10px 105px 11px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		background: #fff;
		-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.1) inset;
	     -moz-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.1) inset;
	          box-shadow: 0 2px 1px 1px rgba(0,0,0,0.1) inset;
	}
}

/* content
------------------------------------------------*/
/* topic path */
#topicPath {
	margin: 0 0 30px;
	color: #666;
	font-size: 12px;
}
@media only screen and (max-width: 640px) {
	#topicPath {
		margin: 20px 0;
		font-size: 11px;
	}
}

#topicPath .symbol {
	font-family: Verdana, sans-serif;
	font-weight: bold;
}
#topicPath a:link { color: #333; text-decoration: none; }
#topicPath a:visited { color: #666; text-decoration: none; }
#topicPath a:hover,
#topicPath a:active { color: #333; text-decoration: underline; }

/* col2 */
.col2 {
	_zoom: 1;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
  letter-spacing: -0.4em;
}
@media only screen and (max-width: 640px) {
	.col2 {
		margin: 0 10px;
	  letter-spacing: 0;
	}
}

.col2 > li {
  display: inline-block;
	width: 370px;
	margin: 0 20px 20px 0;
	padding: 0;
  vertical-align: top;
  letter-spacing: normal;
}
.col2 > li:nth-of-type(even) {
	margin-right: 0;
}
@media only screen and (max-width: 640px) {
	.col2 > li {
	  display: block;
		width: 100%;
		margin: 0 0 30px;
	}
}

.col2 > li img {
	display: block;
	margin: 0 auto 5px;
}
.col2 > li > a:link,
.col2 > li > a:visited {
	color: #000;
	text-decoration: none;
}
.col2 > li > a:hover,
.col2 > li > a:active {
	text-decoration: none;
}

/* col3 */
.col3 {
	_zoom: 1;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
  letter-spacing: -0.4em;
}
@media only screen and (max-width: 640px) {
.col3 {
		margin: 0 10px;
	}
}

.col3 > li {
  display: inline-block;
	width: 230px;
	margin: 0 35px 35px 0;
	padding: 0;
  vertical-align: top;
  letter-spacing: normal;
}
@media only screen and (max-width: 640px) {
	.col3 > li {
		width: 48%;
		margin: 0 4% 20px 0;
	}
}

.col3 > li:nth-of-type(3n) {
	margin-right: 0;
}
@media only screen and (max-width: 640px) {
	.col3 > li:nth-of-type(3n) {
		margin-right: 4%;
	}
	.col3 > li:nth-of-type(even) {
		margin-right: 0;
	}
}

.col3 > li img {
	display: block;
	margin: 0 auto 5px;
}
.col3 > li > a:link,
.col3 > li > a:visited {
	color: #000;
	text-decoration: none;
}
.col3 > li > a:hover,
.col3 > li > a:active {
	text-decoration: none;
}

/* col4 */
.col4 {
	_zoom: 1;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
  letter-spacing: -0.4em;
}
@media only screen and (max-width: 640px) {
	.col4 {
		margin: 0 10px;
		padding: 1px 0 0;
	  letter-spacing: 0;
	}
}

.col4 > li {
  display: inline-block;
	width: 184px;
	margin: 0 8px 15px 0;
	padding: 0;
  vertical-align: top;
  letter-spacing: normal;
}
@media only screen and (max-width: 640px) {
	.col4 > li {
	  display: block;
		float: left;
		width: 49%;
		margin: 0 0 2%;
	}
}
.col4 > li:nth-of-type(4n) {
	margin-right: 0;
}
@media only screen and (max-width: 640px) {
	.col4 > li:nth-of-type(even) {
		float: right;
	}
}
.col4 > li img {
	display: block;
	margin: 0 auto 5px;
}
.col4 > li > a:link,
.col4 > li > a:visited {
	color: #000;
	text-decoration: none;
}
.col4 > li > a:hover,
.col4 > li > a:active {
	text-decoration: none;
}

/* リンクリスト */
.linkList {
	list-style: none;
	width: 100%;
	margin: 0 0 30px;
	padding: 0;
}
.linkList li {
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 640px) {
	.linkList li {
		margin: 0 0 8px;
	}
}
.linkList li a {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(/common_img/arrow_black.png) 5px center no-repeat;
	color: #000;
	line-height: 30px;
}
@media only screen and (max-width: 640px) {
	.linkList li a {
		display: block;
		padding: 0 0 0 15px;
		background: url(/common_img/arrow_black.png) 0 8px no-repeat;
		line-height: 1.5;
	}
}
.linkList li a:link,
.linkList li a:visited {
}
.linkList li a:hover,
.linkList li a:active {
	background: url(/common_img/arrow_red.png) 8px center no-repeat;
	color: #900;
}
@media only screen and (max-width: 640px) {
	.linkList li a:hover,
	.linkList li a:active {
		background: url(/common_img/arrow_red.png) 3px 8px no-repeat;
	}
}

/* ページ内リンク */
.pageLink {
	list-style: none;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}
.pageLink:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
.pageLink li {
	float: left;
	margin: 0 5px 0 0;
}
.pageLink li:last-child {
	margin: 0;
}
.pageLink li a {
	display: block;
	margin: 0 0 5px;
	padding: 0 10px 0 20px;
	background: #fff100 url(/common_img/arrow.png) no-repeat 5px center;
	transition:0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	font-size: 12px;
	text-align: center;
	line-height: 25px;
	letter-spacing: 0.1em;
}
.pageLink li a:link,
.pageLink li a:visited,
.pageLink li a:hover,
.pageLink li a:active {
	text-decoration: none;
}
.pageLink li a:hover {
	background: #000 url(/common_img/arrow_white.png) no-repeat 5px center;
	color: #fff;
}

/* button */
/*.btn a {
	display: inline-block;
  padding: 0 10px 0 25px;
  border: 1px solid #000;
  background: #fff url(/common_img/arrow_black.png) no-repeat 10px center;
  line-height: 30px;
}
.btn a:link,
.btn a:visited {
  color: #000;
  text-decoration: none;
}
.btn a:hover,
.btn a:active {
	border: 1px solid #900;
	background: #fff url(/common_img/arrow_red.png) no-repeat 10px center;
	color: #900;
	opacity: 1;
}*/
.btn a {
	display: inline-block;
  padding: 0 10px 0 25px;
  background: #666 url(/common_img/arrow_white.png) no-repeat 10px center;
  color: #fff;
  line-height: 30px;
}
@media only screen and (max-width: 640px) {
	.btn a {
		display: block;
	  line-height: 40px;
	}
}
.bigger.btn a {
  padding: 0 40px 0 55px;
  line-height: 50px;
}
.biock.btn a {
	display: block;
  line-height: 50px;
}

.btn a:link,
.btn a:visited {
  color: #fff;
  text-decoration: none;
}
.btn a:hover,
.btn a:active {
  background: #999 url(/common_img/arrow_white.png) no-repeat 10px center;
  color: #fff;
}

.correct {
	display: inline-block;
	padding: 0 40px 0 50px;
	border: 0;
  background: #999 url(/common_img/arrow_white.png) no-repeat 8px center;
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	box-shadow: none;
}
.correct:hover {
  background: #CCC url(/common_img/arrow_white.png) no-repeat 8px center;
}

/* induce */
.induce {
	padding: 5px 0 5px 13px;
	background: transparent url(/common_img/arrow_black.png) no-repeat 0 12px;
	color: #000;
	letter-spacing: 0;
}
/*.induce a:link { color: #000; text-decoration: none; }
.induce a:visited { color: #666; text-decoration: none; }
.induce a:hover, .induce a:active { color: #000; text-decoration: underline; }*/

/* consultBnr */
#content h2.consultBnr {
	text-align: center;
}

/* 電話番号のマウスポインター */
a[href^="tel:"] { 
	text-decoration: none;
	cursor: text;
}
@media only screen and (max-width: 640px) {
	a[href^="tel:"] {
		text-decoration: underline;
		cursor: pointer;
	}
}


/* sidebar
------------------------------------------------*/
.sidebarNav h2 a {
	display: block;
	padding: 8px 10px 8px 20px;
	background: #333 url(/common_img/arrow_white.png) 5px center no-repeat;
}
.sidebarNav h2 a:link,
.sidebarNav h2 a:visited {
	color: #fff;
	text-decoration: none;
}
.sidebarNav h2 a:hover,
.sidebarNav h2 a:active {
	color: #fff;
	background: #555 url(/common_img/arrow_white.png) 5px center no-repeat;
}

h2.sidebarProduct {
	margin: 20px 0 15px;
	padding: 8px 10px;
	background: #900;
	color: #fff;
}
.sidebarNav ul {
	list-style: none;
	margin: 0 0 30px;
}

/* search */
#search {
	margin: 0 0 20px;
	padding: 10px;
	background: #f6f6f6;
}
#search label {
  display: none;
}
#search input[type="text"] {
  width: 150px;
}
#search input[type="submit"] {
  width: 40px;
}

/* 黒枠バナー */
.sideLineBnr a {
	box-sizing: border-box;
  display: block;
  width: 220px;
  height: 110px;
  padding: 15px;
  border: 1px solid #000;
  background: #fff;
  color: #000;
  font-size: 18px;
  line-height: 1;
  text-align: center;
}
.sideLineBnr a:link,
.sideLineBnr a:visited {
	text-decoration: none;
}
.sideLineBnr a:hover,
.sideLineBnr a:active {
	opacity: 0.7;
}

/* 送料無料 */
.sideCarriage .freeCarriage {
  display: block;
  margin: 0 0 10px;
  background: url(/common_img/bg_black.png) repeat;
  color: #fff;
  line-height: 35px;
}
.sideCarriage .okaiage {
  display: block;
  margin: 0 0 3px;
  font-size: 12px;
}

/* メルマガ */
.sideMailMagazine a {
  padding: 30px 15px 0;
}
.sideMailMagazine .magazineInfo {
  display: block;
  margin: 0 0 10px;
	color: #666;
  font-size: 11px;
}
.sideMailMagazine .magazineTitle {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 20px
	letter-spacing: 0;
}

/* 会員登録 */
.sideMember a {
	padding: 25px 5px 0;
  font-size: 20px;
}
.sideMember .memberPoint {
  display: block;
  margin: 0 0 5px;
  font-size: 11px;
}
.sideMember .memberPoint span {
	display: inline-block;
  margin: 0 2px;
  padding: 2px 5px;
  border: 1px solid #000;
  background: url(/common_img/bg_black.png) repeat;
  color: #fff;
  font-size: 14px;
  border-radius: 100%;
}
.sideMember .nonmember {
  display: block;
  margin: 15px 0 0;
	color: #666;
	font-size: 10px;
	letter-spacing: 0;
}

/* アウトレットセール */
.sideSale a {
	padding: 28px 5px 0;
}
.sideSale .limit {
  display: block;
  width: 80px;
  margin: 0 auto 10px;
  color: #666;
  font-size: 12px;
  letter-spacing: 1px;
}

/* series */
.sidebarNav .sidebarSeries {
	margin: 0 0 10px;
	padding-left: 0;
}
.sidebarSeries li a {
	display: block;
	margin: 0 0 6px;
	padding: 0 0 6px 20px;
	border-bottom: 1px dotted #aaa;
	background: url(/common_img/arrow_black.png) 5px 5px no-repeat;
	color: #aaa;
	font-size: 10px;
	line-height: 1;
}
.sidebarSeries li span {
	display: block;
	margin: 0 0 3px;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
.sidebarSeries li a:link,
.sidebarSeries li a:visited {
	text-decoration: none;
}
.sidebarSeries li a:hover,
.sidebarSeries li a:active {
	background: url(/common_img/arrow_black.png) 8px 5px no-repeat;
	color: #900;
}

/* purpose */
/*.sidebarPurpose li a {
	display: block;
	margin: 0 0 8px;
	padding: 0  5px 8px;
	border-bottom: 1px dotted #AAA;
	color: #000;
	font-size: 12px;
	vertical-align: middle;
}
.sidebarPurpose li a img {
	display: inline-block;
	padding: 0 10px 0 0;
}
.sidebarPurpose li a:link,
.sidebarPurpose li a:visited {
	text-decoration: none;
}
.sidebarPurpose li a:hover,
.sidebarPurpose li a:active {
	color: #900;
}*/

/* others */
.sidebarLinks {
	margin: 0 0 20px;
	padding: 10px;
	background: url(/common_img/bg_check02.png) repeat;
}
.sidebarLinks li {
	margin: 0;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
}
.sidebarLinks li:first-child {
	border-top: none;
}
.sidebarLinks li:last-child {
	border-bottom: none;
}
.sidebarLinks li a {
	display: block;
	padding: 8px 0 8px 20px;
	background: url(/common_img/arrow_black.png) 5px 12px no-repeat;
	color: #999;
	font-size: 11px;
	line-height: 1;
}
.sidebarLinks li span {
	display: block;
	margin: 5px 0 0;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
.sidebarLinks li a:link,
.sidebarLinks li a:visited {
	text-decoration: none;
}
.sidebarLinks li a:hover,
.sidebarLinks li a:active {
	background: url(/common_img/arrow_black.png) 8px 12px no-repeat;
	color: #900;
}

h2.sidebarInfo {
	margin: 20px 0 5px;
	padding: 5px;
	background: url(/common_img/bg_black.png) repeat;
	color: #fff;
}
.sidebarBase {
	padding-left: 0;
}
.sidebarBase li {
	margin: 0;
}
.sidebarBase li a {
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	border-bottom: 1px dotted #aaa;
	background: url(/common_img/arrow_black.png) 5px center no-repeat;
	color: #000;
	font-size: 13px;
	line-height: 30px;
}
@media only screen and (max-width: 640px) {
	.sidebarBase li a {
		line-height: 40px;
	}
}

.sidebarBase li a:link,
.sidebarBase li a:visited {
	text-decoration: none;
}
.sidebarBase li a:hover,
.sidebarBase li a:active {
	background: url(/common_img/arrow_red.png) 8px center no-repeat;
	color: #900;
}

@media only screen and (max-width: 640px) {
	.close {
		margin: 0 -10px 20px;
	}
	.close a {
		display: block;
		padding: 0 0 0 10px;
		background: url("/common_img/bg_black.png");
		color: #FFF;
		font-size: 12px;
		line-height: 40px;
	}
	.close a:link,
	.close a:visited {
		text-decoration: none;
	}
	.close a:active {
		background: url("/common_img/bg_gray.png");
		color: #000;
		text-decoration: none;
	}
}

/* news */
.sideNews {
	padding: 15px;
	margin: 0 0 20px;
	background: #f6f6f6;
	font-size: 12px;
}
.sidebarNav .sideNews ul {
	list-style: disc;
  margin-bottom: 0;
  padding: 0 0 0 1.5em;
}
.sidebarNav .sideNews li {
  margin: 0 0 10px;
}
.sidebarNav .sideNews li:last-child {
  margin: 0;
}

/* sns */
.sideSns {
	margin: 0 0 20px;
	vertical-align: middle;
}
.sideSns span {
	display: inline-block;
	margin-right: 10px;
}
.sideSns span img {
	vertical-align: middle;
}
.sideSns span.sideApp a {
	display: block;
	height: 28px;
	padding: 0 10px;
	border: 1px solid #333;
	line-height: 28px;
}
.sideSns span.sideApp i {
	font-size: 22px;
	vertical-align: middle;
}
.sideSns span.sideApp a:link,
.sideSns span.sideApp a:visited {
	color: #000;
	text-decoration: none;
}
.sideSns span.sideApp a:hover,
.sideSns span.sideApp a:active {
	background: #f6f6f6;
}

/* footer
------------------------------------------------*/
/* pagetop */
.pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 50px;
	margin: 0;
	font-size: 10px;
}
@media only screen and (max-width: 640px) {
	.pagetop {
		bottom: 60px;
		right: 20px;
	}
}

.pagetop a {
	display: block;
	width: 50px;
	height: auto;
	padding: 0;
	background: #333;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	border-radius: 5px;
}
.pagetop a:link,
.pagetop a:visited {
	color: #fff;
}
.pagetop a:hover, .pagetop a:active {
	color: #fff;
	opacity: 0.7;
}

footer {
	z-index: 0;
	_zoom: 1;
	overflow: hidden;
	width: 1020px;
	margin: 30px auto 0;
	padding: 30px 0 20px;
	font-size: 12px;
}
@media only screen and (max-width: 640px) {
	footer {
		width: 100%;
		padding: 30px 0 0;
	}
}
#footerInfo {
	_zoom: 1;
	overflow: hidden;
	width: 1020px;
	margin: 0;
	padding: 20px 0;
	border-top: 1px solid #aaa;
	font-size: 12px;
	line-height: 1.5;
}
@media only screen and (max-width: 640px) {
	#footerInfo {
		width: 100%;
		padding: 10px 0 0;
	}
}
#footerInfo ul {
	_zoom: 1;
	overflow: hidden;
	width: 1020px;
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 640px) {
	#footerInfo ul {
		width: auto;
		margin: 0 10px;
	}
}
#footerInfo ul li {
	list-style: none;
	float: left;
	width: 310px;
	height: 340px;
	margin: 0;
	padding: 0 14px 0 15px;
	border-right: 1px dashed #aaa;
}
@media only screen and (max-width: 640px) {
	#footerInfo ul li {
		_zoom: 1;
		overflow: hidden;
		float: none;
		width: auto;
		height: auto;
		padding: 20px 0;
		border: none;
		border-bottom: 1px dashed #aaa;
	}
}
#footerInfo ul li:last-child {
	padding: 0 15px;
	border-right: none;
}
@media only screen and (max-width: 640px) {
	#footerInfo ul li:last-child {
		padding: 20px 0;
		border-bottom: none;
	}
}
#footerInfo ul li h2 {
	margin: 0 0 20px;
	font-weight: bold;
	font-size: 14px;
}
@media only screen and (max-width: 640px) {
	#footerInfo ul li h2 {
		margin: 0 0 10px;
	}
}
#footerInfo ul li h2 a {
	font-weight: bold;
}
#footerInfo ul li p {
	margin: 0 0 20px;
}
#footerInfo ul li > dl > dt {
	display: inline-block;
	margin: 0 0 5px;
	padding: 5px 10px;
	background: url(/common_img/bg_black.png) repeat;
	color: #fff;
	line-height: 1;
}
#footerInfo ul li > dl > dd {
	margin: 0 0 15px 15px;
}
#footerInfo ul li dl dl dt {
	margin: 15px 0 5px;
	font-weight: bold;
	letter-spacing: 0;
}

#footerNav {
	_zoom: 1;
	overflow: hidden;
	padding: 15px;
	background: #f6f6f6;
}
@media only screen and (max-width: 640px) {
	#footerNav {
		padding: 10px;
	}
}
#footerNav small#copyright {
	display: block;
	float: right;
	width: 500px;
	color: #999;
	font-size: 11px;
	text-align: right;
}
@media only screen and (max-width: 640px) {
	#footerNav small#copyright {
		float: none;
		width: auto;
		text-align: center;
	}
}
#footerNav ul {
	_zoom: 1;
	overflow: hidden;
	float: left;
	width: 400px;
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 640px) {
	#footerNav ul {
		float: none;
		width: auto;
		margin: 0 0 10px;
		font-size: 10px;
		text-align: center;
	}
}
#footerNav ul li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	border-left: 1px dashed #aaa;
}
@media only screen and (max-width: 640px) {
	#footerNav ul li {
		margin: 0 5px 0 0;
		padding: 0 0 0 5px;
	}
}
#footerNav ul li:first-child {
	padding: 0;
	border-left: none;
}

footer a:link { color: #333; text-decoration: none; }
footer a:visited { color: #333; text-decoration: none; }
footer a:hover, footer a:active { color: #333; text-decoration: none; }

.blogLink {
	width: 1020px;
	margin: 10px 0 0;
	font-size: 10px;
	text-align: right;
}
.blogLink .induce {
	background: transparent url(/common_img/arrow_black.png) no-repeat left center;