@charset "UTF-8";

/****************************
  button
*****************************/

.bt_cart {
	margin:  15px 0 0 15px;
	padding: 0;
	font-size:   12px;
	line-height: 13px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #444;
}
.bt_cart a:link, 
.bt_cart a:visited, 
.bt_cart a:hover, 
.bt_cart a:active {
	display: block;
	padding: 7px 10px;
	text-decoration: none;
}
.bt_cart a:link, 
.bt_cart a:visited {
	background-color: #222;
}
.bt_cart a:hover, 
.bt_cart a:active {
	background-color: #333;
}

.button-gray {
	margin:  0;
	padding: 7px 10px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #444;
	background-color: #222;
	color: #fff;
	font-size:   12px;
	line-height: 13px;
	text-align: center;
	cursor: pointer;
	outline: none;
}
.button-gray:hover {
	background-color: #333;
}
.button-gray:active {
	background-color: #111;
}

/****************************
  pagination
*****************************/

.pagination {
	clear: both;
	width: 100%;
	margin:  0;
	padding: 17px 0 5px;
	text-align: right;
}
.pagination a:link, 
.pagination a:visited, 
.pagination a:hover, 
.pagination a:active, 
.pagination span {
	margin:  0 0 0 2px;
	padding: 5px 8px;
	border: 1px solid #444;
	font-size: 11px;
	line-height: 1;
	text-decoration: none;
}
.pagination a:link, 
.pagination a:visited {
	background-color: #000;
	color: #fff;
}
.pagination a:hover, 
.pagination a:active, 
.pagination span {
	background-color: #444;
	color: #000;
	font-weight: bold;
}
.pagination span.disabled {
	border: 1px solid #222;
	background-color: #000;
	color: #666;
}
.icon_angle {
	font-size: 1.3em;
}

.float_left, 
.float_left_noprint {
	float: left;
	margin:  0;
	padding: 0;
}
.float_right, 
.float_right_noprint {
	float: right;
	margin:  0;
	padding: 0;
}

img.new {
	padding: 2px 0 0 7px;
	vertical-align: top;
	font-size:   10px;
	line-height: 10px;
}

.line_dot {
	clear: both;
	height: 31px;
	margin: 0 auto;
	background: url(../images/common/line_dot.gif) repeat-x 0% 0%;
	display: block;
}

.text_right {
	text-align: right;
}

.cr {
	clear: both;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
	display: block;
}

.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}

.mb3  { margin-bottom:  3px; }
.mb5  { margin-bottom:  5px; }
.mb8  { margin-bottom:  8px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb80 { margin-bottom: 80px; }
.pt   { padding-top:   10px; }
.pt10 { padding-top:   10px; }
.pt15 { padding-top:   15px; }
.pt30 { padding-top:   30px; }
.pt40 { padding-top:   40px; }
.pl15 { padding-left:  15px; }