@charset "utf-8";

#cart_area .btn,
#cart_area .btn a,
#container div#login_area .block_body .btn {
	text-align: center
}

.side_column {
	overflow-x: hidden
}

#main_column .block_body,
.side_column .block_body {
	border: 1px solid #ededed
}

.side_column .block_body .box {
	border: 1px solid #ededed;
	width: 145px
}

#container .block_outer {
	padding: 0 15px 10px
}

#container #main_column .block_outer {
	padding: 0 0 20px
}

#container .side_column .block_outer {
	padding: 0 0 10px
}

#container .block_outer .block_body dl.formlist {
	margin-bottom: 8px
}

#container .block_outer .block_body dl.formlist dd {
	margin-bottom: 5px
}

#container .block_outer .block_body dl.formlist dt {
	margin-bottom: 3px;
	padding-left: 15px;
	background: url(../img/icon/ico_arrow_03.gif) left no-repeat;
	font-size: 90%
}

#container .block_outer .block_body dl.formlist span {
	vertical-align: top
}

#calender_area h2,
#cart h2,
#cart_area h2,
#category_area h2,
#login_area h2,
#search_area h2 {
	font-size: 90%;
	background-color: #ededed;
	text-align: center;
	color: #333;
	padding: 10px;
	font-weight: 200
}

#news_area h2,
#recommend_area h2 {
	padding: 5px;
	margin-bottom: 5px;
	border-bottom: none;
	font-size: 130%;
	color: #565954;
	letter-spacing: 2px
}

#top-newsarea .news_contents {
	padding: 10px;
	max-height: 260px;
	height: auto !important;
	height: 260px;
	overflow: auto;
	overflow-y: scroll
}

#top-newsarea dl.newslist {
	background-color: var(--color-white);
	padding: 10px;
	border-bottom: dotted 1px #ededed
}

#top-newsarea dl.newslist a {
	color: #00BDED
}

#top-newsarea dl.newslist:last-child {
	background-color: var(--color-white);
	padding: 10px
}

#top-newsarea dl.newslist dt {
	margin-bottom: 5px
}

#top-newsarea dl.newslist dd {
	margin-bottom: 10px;
	padding-bottom: 10px
}

#top-newsarea span.rss {
	padding: 10px
}

#top-newsarea span.rss img {
	vertical-align: middle
}

#cart_area .information {
	padding: 10px
}

#cart_area .postage {
	margin-top: 10px;
	padding-top: 10px;
	background: url(../img/background/line_dot_01.gif) top repeat-x
}

#cart_area .postage .point_announce {
	padding: 2px 0 2px 20px;
	background: url(../img/icon/ico_price.gif) left top no-repeat
}

#cart_area .btn {
	padding: 10px 0;
	border-top: 1px dotted #ededed
}

#cart_area .btn a {
	padding: 10px;
	background: var(--btn-color);
	color: var(--btn-text-color);
	display: block;
	border-radius: 5px;
	margin: 10px;
	text-decoration: none;
	font-size: 90%
}

#category_area li {
	padding-left: 5px
}

#category_area li.level1 {
	border-bottom: dotted 1px #ededed;
	list-style-type: disc !important
}

#calender_area table,
#guide_area {
	border: none
}

#category_area li.level1 p {
	/*padding-left:20px*/
	;
	margin: 7px 3px;
	/*background:url(../img/icon/ico_arrow_01.gif) 2px 3px no-repeat*/
}

#category_area li.level1 li p {
	/*background:url(../img/icon/ico_level.gif) 7px 7px no-repeat*/
	background: none;
}

#category_area li a {
	display: block;
	padding: 0;
	color: #333;
}

#category_area li.onmark p a.onlink:before {
	font-family: FontAwesome;
	content: "\f105";
	margin-right: 4px;
	color: #00b200;
}

#guide_area li {
	margin-bottom: 5px;
	letter-spacing: -.05em
}

ul.button_like li {
	margin: 0;
	padding: 0 0 1px;
	background-color: #eee
}

ul.button_like li a {
	margin: 0;
	padding: 10px 15px 10px 10px;
	border-bottom: none;
	border-color: #EEEEEE;
	display: block;
	text-decoration: none;
	outline: 0;
	color: #333
}

ul.button_like li a:link:visited {
	text-decoration: none;
	color: var(--color-white)
}

ul.button_like li a:link:hover {
	text-decoration: none;
	background-color: #333;
	color: var(--color-white)
}

ul.button_like li a:hover {
	color: var(--color-white)
}

#container div#login_area .block_body {
	padding: 10px
}

#container div#login_area .block_body p {
	margin-bottom: 5px
}

#container .login_area dl.formlist {
	margin-bottom: 8px;
	width: 450px
}

#container .login_area dl.formlist dt {
	margin-bottom: 3px;
	padding-left: 15px;
	color: #333;
	background: url(../img/icon/ico_arrow_03.gif) left no-repeat;
	width: 110px;
	float: left;
	font-size: 90%
}

#container .login_area dl.formlist dd {
	margin-bottom: 5px;
	float: right;
	width: 300px;
	vertical-align: bottom;
	text-align: left
}

#container div#login_area .block_body .mini {
	margin-top: 5px;
	letter-spacing: -.01em
}

#container div#search_area .block_body {
	padding: 10px
}

#container div#search_area .block_body .btn {
	text-align: center
}

#calender_area {
	width: 100%;
	margin: auto;
	text-align: right
}

#calender_area tr {
	border: 1px solid #ededed
}

#calender_area table td {
	padding: 8px;
	border: none
}

#calender_area table th {
	padding: 5px 0;
	text-align: center;
	border-color: #ededed
}

#calender_area .tp_calender {
	border: 1px solid
}

#calender_area tbody td {
	border: 1px solid #ededed;
	text-align: center
}

#calender_area .nextDate {
	background-color: #51D1F2;
	color: var(--color-white);
	font-weight: 700
}

#calender_area table .month {
	margin-bottom: 5px;
	padding: 5px;
	font-size: 100%;
	text-align: center;
	background-color: #555;
	color: var(--color-white)
}

#calender_area .off {
	color: #FB4C82;
	text-align: center
}

#calender_area .today {
	background-color: #D2D2D2
}

#calender_area .delivery {
	color: #28B9DE;
	font-size: 16px;
	font-weight: 500;
	margin-right: 10px
}

#calender_area .information {
	margin-left: 10px;
	color: #656565;
	font-size: 16px;
	font-weight: 500
}

#recommend_area .block_body,
#whobought_area .product_item {
	padding: 5px 0 10px;
	border: none
}

#recommend_area .block_body p,
#whobought_area .product_item p {
	margin: 0 0 5px
}

#recommend_area .block_body img,
#whobought_area .product_item img {
	margin: 0 5px 0 0
}

#recommend_area .block_body h3,
#whobought_area .product_item h3 {
	font-size: 100%;
	font-weight: 400
}

.side_column #recommend_area .product_item {
	margin-bottom: 10px
}

#main_column #recommend_area .block_body .productImage,
#whobought_area .product_item .productImage {
	margin-bottom: 10px;
	float: left;
	width: 100%
}

.side_column #recommend_area .block_body .productImage {
	float: none;
	text-align: center;
	width: auto
}

#main_column #recommend_area .product_item,
#whobought_area .product_item {
	float: left;
	width: 18%;
	padding-left: 1%;
	padding-right: 1%
}