@charset "utf-8";
/* リセット
---------------------------------------------------------------------------- */
html {
	font-size: 62.5%;
}
h1, h2, h3, h4, h5, h6, p, div,address,
dl, dt, dd,
table, caption, th, td, img, form,
section,article,header,footer {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	list-style-type: none;
	/zoom:1;
	line-height: 1.0;
}

ul,li {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	list-style-type: none;
	text-align: left;
}
img {
	vertical-align: bottom;
	line-height:1.0;
}
table {
	border-collapse: collapse;
}
/* Body
---------------------------------------------------------------------------- */
body {
	width: 100%;
	height:100%;
	margin: 0 auto;
	text-align: center;
	color: #555;
	font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック", "MS P Gothic", Verdana,Arial,"ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", Osaka, sans-serif;
	border: 0;
	background: #EAECEA; /* IE8対応 */
	background:
		linear-gradient(to bottom, rgba(250,250,250,0.9), #EAECEA) no-repeat,
		#EAECEA;
	background-size:
		100% 480px,
		100% 100%;
/*	background: #FAFAF6; */
}

p {
	margin-bottom: 5px;
	line-height: 1.6;
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
}
a,
a:visited,
a:active {
	color: #0088FF;
	text-decoration: none;
}
a:hover {
	color: #13C5F5;
	text-decoration: underline;
}
@media screen and (max-width: 1024px){
	.sp_none {
		display: none;
	}
}
@media only screen and (min-width: 1025px){
	.pc_none {
		display: none;
	}
}

.btn {
	border: #CCCCCC 1px solid;
	border-radius: 5px;
	background: #F8F7F7;
	line-height: 1.4;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
}
.btn a {
	display: block;
	padding: 6px 15px;
	text-decoration: none;
}
@media screen and (max-width:640px){
	.btn a {
		color: #0066CC;
	}
	.btn a:hover ,
	.btn a:active ,
	.btn a:visited {
		color: #0066CC;
		text-decoration: none;
	}
}
.btn_area {
	overflow: hidden;
	margin: 10px auto;
	text-align: center;
}
.btn_area .btn {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
a,
input,
label {
	/-webkit-tap-highlight-color:rgba(241, 196, 15, 0.5);
}
input[type="text"],
input[type="password"] {
	height: 22px;
	padding: 5px;
}
textarea {
	padding: 5px;
	vertical-align: middle;
}
select {
	margin: 0 2px 0 0;
	padding: 5px;
}
label {
	margin: 0 10px 0 0;
	text-align: left;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
	cursor: pointer;
}
@media screen and (max-width:640px){
	input,
	select,
	textarea {
		/* アラジンECtoB 2ndバージョンリリース #3674 START */
		font-size: 16px;
		font-size: 1.6rem;
		/* アラジンECtoB 2ndバージョンリリース #3674 START */
	}
}

/* ヘッダ
------------------------------------------*/
#header {
	width: 988px;
	height: 100px;
	margin: 0 auto;
	box-shadow: inset 1px 1px #C0E8E8;
	background: rgb(250,251,252); /* IE8対応 */
	background:
		linear-gradient(to bottom, rgba(204,206,208,0.22), transparent),
		#FFF;
	border: 2px solid;
	border-color:#C0C0D8 #B0B0C8 #B0B0C8 #C0C0D8;
	border-radius: 2px;
}
@media screen and (max-width:640px){
	#header {
		width: 99%;
		height: 86px;
		margin-bottom: 10px;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#header {
		width: 99%;
		height: 86px;
		margin-bottom: 10px;
	}
}

#header_logo {
	/* アラジンECtoB 2ndバージョンリリース #3480 START */
	width: 225px;
	/* アラジンECtoB 2ndバージョンリリース #3480 END */
	margin: 15px 0 0 10px;
	float: left;
	text-align: center;
}
@media screen and (max-width:640px){
	#header_logo {
		width: 100%;
		max-width: 185px;
		margin: 15px 0 0 5px;
	}
	#header_logo img {
		width: 100%;
		max-width: 185px;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#header_logo {
		width: 205px;
		margin: 10px 0 0 5px;
	}
	#header_logo img {
		width: 100%;
		htight: 100%;
	}
}

#header_logo h1{
	margin: 0;
	padding: 0;
	text-align: left;
}
#header_logo p {
	margin:3px 0;
	line-height: 1.6;
	/* アラジンECtoB 2ndバージョンリリース #3480 START */
	font-size: 10px;
	font-size: 1.0rem;
	/* アラジンECtoB 2ndバージョンリリース #3480 END */
	text-align: center;
	color: #A18E5C;
	font-weight: bold;
}
@media screen and (max-width:640px){
	#header_logo p {
		margin:3px 0;
		font-size: 11px;
		font-size: 1.1rem;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#header_logo p {
		margin:3px 0;
		font-size: 11px;
		font-size: 1.1rem;
	}
}

#header_cart {
	/* アラジンECtoB 2ndバージョンリリース #3481 START */
	width: 280px;
	/* アラジンECtoB 2ndバージョンリリース #3481 END */
	margin: 30px 0 0 0;
	float:right;
	overflow: hidden;
}
@media screen and (max-width:640px){
	#header_cart {
		width: 14%;
		margin: 2.08% 2% 0 0;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#header_cart {
		width: 14%;
		margin: 2.08% 2% 0 0;
	}
}

#header_cart_disp{
	/* アラジンECtoB 2ndバージョンリリース #3481 START */
	width: 210px;
	/* アラジンECtoB 2ndバージョンリリース #3481 END */
	/* アラジンECtoB 2ndバージョンリリース #4031 START */
	/*height: 36px;*/
	/* アラジンECtoB 2ndバージョンリリース #4031 END */
	padding: 5px;
	float: left;
	background: #FFF;
	font-size: 12px;
	font-size: 1.2rem;
}
@media screen and (max-width:640px){
	#header_cart_disp{
		display: none;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#header_cart_disp{
		display: none;
	}
}

#header_cart_disp .user_name{
	margin: 0;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
}
#header_cart_content {
	overflow: hidden;
}
#header_cart_content .cart_lot {
	/* アラジンECtoB 2ndバージョンリリース #4031 START */
	margin: 0 20px 0 0;
	/* アラジンECtoB 2ndバージョンリリース #4031 END */
	float: left;
	text-align: left;
	line-height: 1.6;
}
#header_cart_content .cart_price {
	float: left;
	text-align: left;
	line-height: 1.6;
}
#header_cart_btn {
	width: 46px;
	float: right;
}
@media screen and (max-width:640px){
	#header_cart_btn {
		width: 100%;
		float: right;
	}
	/* アラジンECtoB 2ndバージョンリリース #3562 START */
	#header_cart_btn a {
		display: block;
		background: #D52117 url(../../img/common/btn_cart.png) no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		-webkit-background-size:  100% 100%;
		-moz-background-size:  100% 100%;
		-o-background-size:  100% 100%;
		-ms-background-size:  100% 100%;
	}
	#header_cart_btn a:hover {
		background: #292929 url(../../img/common/btn_cart.png) no-repeat;
		background-position: center center;
		background-size:  100% 100%;
		-webkit-background-size:  100% 100%;
		-moz-background-size:  100% 100%;
		-o-background-size:  100% 100%;
		-ms-background-size:  100% 100%;
	}
	/* アラジンECtoB 2ndバージョンリリース #3562 END */
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
		#header_cart_btn {
		width: 100%;
		float: right;
	}
	/* アラジンECtoB 2ndバージョンリリース #3562 START */
	#header_cart_btn a {
		display: block;
		background: #D52117 url(../../img/common/btn_cart.png) no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		-webkit-background-size:  100% 100%;
		-moz-background-size:  100% 100%;
		-o-background-size:  100% 100%;
		-ms-background-size:  100% 100%;
	}
	#header_cart_btn a:hover {
		background: #292929 url(../../img/common/btn_cart.png) no-repeat;
		background-position: center center;
		background-size:  100% 100%;
		-webkit-background-size:  100% 100%;
		-moz-background-size:  100% 100%;
		-o-background-size:  100% 100%;
		-ms-background-size:  100% 100%;
	}
}

#header_cart_btn img {
	width: 100%;
}
#header_navi_btn {
	display: none;
}
@media screen and (max-width:640px){
	#header_navi_btn {
	}
}
#header_navi_list {
	width: auto;
	margin: 39px 0 0 0;
	float: right;
	overflow: hidden;
}
@media screen and (max-width:640px){
	#header_navi_list {
		margin: 20px 0 0 0;
	}
}

.header_user_name {
	float: right;
	margin: 30px 20px 0 0;
}

.header_user_name ul{
    float:right;
    font-weight:bold;
    font-size: 13px;
	font-size: 1.3rem;

}

.header_div_list {
	float: right;
	margin: -22px 2px 0 0;
}

.header_div_list ul{
	float: right;
	margin: 0 5px 0 0 !important;
	margin-top: none;
	text-indent: 0.5em;
}

@media screen and (max-width:640px){
	.header_user_name {
		float: right;
		width: 38%;
		margin: 2.5% 5px 0 0;
	}

	.header_user_name ul{
	    float:right;
	    font-weight:bold;
	    font-size: 13px;
		font-size: 1.3rem;
	}

	.header_div_list {
		float: right;
		margin: -26px 2px 0 0;
	}

	.header_div_list ul{
		float: right;
		margin: -5px 0 0 0 !important;
		margin-top: none;
	}
}

@media screen and (min-width: 641px) and (max-width: 1024px){
	#header_navi_list {
		margin: 20px 0 0 0;
	}

	#header_user_name {
		float: right;
		margin: 10px 13px 0 0;
	}

	#header_user_name ul{
	    float:right;
	    padding:0 15px 0 0;
	    font-weight:bold;
	    font-size: 13px;
		font-size: 1.3rem;
	}

	.header_div_list {
		float: right;
		margin: -30px 5px 0 0;
	}

	#header_div_list ul{
		float: right;
		margin: 0 0 0 0 !important;
		margin-top: none;
	}

	.header_user_name {
		float: right;
		margin: 15px 20px 0 0;
	}
}

#header_navi_list a {
	min-width: 80px;
}
#header_navi_list li {
	float: left;
	margin: 0 15px 1px 1px;
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 4px 0 4px 20px;
	line-height: 12px;
}
#header_navi_list a:hover {
	text-decoration: none;
}
@media screen and (max-width:640px){
	#header_navi_list li {
		float: none;
		margin: 2px 15px -5px 1px;
	}
	#header_navi_list li a {
		font-size: 12px;
		font-size: 1.2rem;
	}
	#header_navi_list li a:hover {
	}
	#header_navi_list .header_navi_close a {
	}
	#header_navi_list .header_navi_close a:hover {
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#header_navi_list li {
		float: none;
		margin: -5px 5px 3px 0;
	}
	#header_navi_list li a {
		font-size: 12px;
		font-size: 1.2rem;
	}
	#header_navi_list li a:hover {
	}
	#header_navi_list .header_navi_close a {
	}
	#header_navi_list .header_navi_close a:hover {
	}
}

#header_navi_menu li {
	text-indent: 0.5em;
	padding-right: 20px;
	margin: 0;
}
#header_navi_menu li:hover {
	background: #95DCF1;
	background: rgba(95,220,241,0.25);
}
#header_navi_logout li {
	text-indent: 0.5em;
	background: url(../../img/common/header_icon_logout.png) no-repeat;
	background-size: 15px;
	background-position:  4px 4px;
	padding-right: 10px;
	margin: 0;

}
#header_navi_logout li:hover {
	text-indent: 0.5em;
	background: #95DCF1;
	background: url(../../img/common/header_icon_logout.png) no-repeat,
				rgba(95,220,241,0.25);
	background-size: 15px;
	background-position:  4px 4px;
}
@media screen and (max-width:640px){
	#pageslide {
		display: none;
		position: absolute;
		position: fixed;
		top: 0;
		height: 100%;
		z-index: 999999;
		width: 260px;
		background: #D52117;
		border-left: #CCC 1px solid;
		color: #FFF;
	}
	#header_navi_menu li {
		font-size: 12px;
		font-size: 1.2rem;
	}
	#header_navi_menu li:hover {
		background: #95DCF1;
		background: rgba(95,220,241,0.25);
	}
	#header_navi_logout li {
		font-size: 12px;
		font-size: 1.2rem;
		text-indent: 0.5em;
		background: url(../../img/common/header_icon_logout.png) no-repeat;
		background-size: 15px;
		background-position:  4px 4px;
	}
	#header_navi_logout li:hover {
		text-indent: 0.5em;
		background: #95DCF1;
		background: url(../../img/common/header_icon_logout.png) no-repeat,
					rgba(95,220,241,0.25);
		background-size: 15px;
		background-position:  4px 4px;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#pageslide {
		display: none;
		position: absolute;
		position: fixed;
		top: 0;
		height: 100%;
		z-index: 999999;
		width: 260px;
		background: #D52117;
		border-left: #CCC 1px solid;
		color: #FFF;
	}
	#header_navi_menu li {
		font-size: 12px;
		font-size: 1.2rem;
	}
	#header_navi_menu li:hover {
		background: #95DCF1;
		background: rgba(95,220,241,0.25);
	}
	#header_navi_logout li {
		font-size: 12px;
		font-size: 1.2rem;
		text-indent: 0.5em;
		background: url(../../img/common/header_icon_logout.png) no-repeat;
		background-size: 15px;
		background-position: 4px 4px;
	}
	#header_navi_logout li:hover {
		text-indent: 0.5em;
		background: #95DCF1;
		background: url(../../img/common/header_icon_logout.png) no-repeat,
					rgba(95,220,241,0.25);
		background-size: 15px;
		background-position: 4px 4px;
	}
}

/* グローバルナビゲーション
------------------------------------------*/
#gnavi_wrap {
	width: 100%;
	padding: 8px auto;
	margin: 0 0 30px 0;
}
#gnavi_wrap:after {
  content: "";
  clear: both;
  display: block;
}
@media screen and (max-width:640px){
	#gnavi_wrap {
		width: 100%;
		min-width: 100%;
		height: auto;
		margin: 0 0 30px 0;
		padding: 2% 0;
	}
}
@media screen and (min-width:641px){
	#gnavi {
		width: 990px;
		margin: 15px auto;
		position: relative;
	}
	#gnavi li {
		width: 986px;
		float: left;
		position: relative;
		background: rgba(255,255,255,0.95);
		border-width: 0 2px 1px 2px;
		border-style: solid;
		border-color: rgba(176,176,192,1.0);
	}
	#gnavi li:first-child {
		border-width: 2px 2px 1px 2px;
		border-radius: 5px 5px 0 0;
	}
	#gnavi li:last-child {
		border-width: 0 2px 2px 2px;
		border-radius: 0 0 5px 5px;
	}

	.gnavi_menu {
		width: auto;
		height: 88px;
		padding: 2px;
		overflow: hidden;
		cursor: pointer;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all  0.2s ease;
	}
	#gnavi li:hover .gnavi_menu {
		background: #95DCF1;
	}
	.gnavi_icon_item {
		width: 80px;
		height: 80px;
		background: url(../../img/common/icon_item.png) no-repeat;
		background-size: 60px;
		background-position: 10px 10px, center;
		margin: 4px 24px;
		float: left;
	}
	.gnavi_icon_user {
		width: 80px;
		height: 80px;
		background: url(../../img/common/icon_user.png) no-repeat;
		background-size: 60px;
		background-position: 10px 10px, center;
		margin: 4px 24px;
		float: left;
	}
	.gnavi_icon_diary {
		width: 80px;
		height: 80px;
		background: url(../../img/common/icon_diary.png) no-repeat;
		background-size: 60px;
		background-position: 10px 10px, center;
		margin: 4px 24px;
		float: left;
	}
	.gnavi_icon_edit {
		width: 80px;
		height: 80px;
		background: url(../../img/common/icon_edit.png) no-repeat;
		background-size: 60px;
		background-position: 10px 10px, center;
		margin: 4px 24px;
		float: left;
	}
	.mini_icon {
		background-size: 40px;
		background-position: 10px -2px;
		width: 60px;
		height: 40px;
		margin: 0;
	}
	.gnavi_text {
		width: 800px;
		height: 88px;
		float: left;
		text-align: left;
		padding-left: 8px;
		line-height: 88px;
		color: #555;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.gnavi_menu a {
		color: #333333;
		text-decoration: none;
	}
	.gnavi_menu a:hover {
		color: #333333;
		text-decoration: none;
	}
	.gnavi_text.has_submenu {
		background: url(../../img/common/icon_submenu.png) no-repeat right 50%;
	}
	.dropdown {
		position: absolute;
		top: 100%;
		left: 0;
		margin: 0;
		padding: 0;
	}
	.dropdown li {
		width: 240px;
		height: 0;
		margin: 0 !important;
		padding: 0;
		float: none;
		overflow: hidden;
		color: #fff;
		z-index: 100;
		-moz-transition: .2s;
		-webkit-transition: .2s;
		-o-transition: .2s;
		-ms-transition: .2s;
		transition: .2s;
	}
	.dropdown li a {
		display: block;
		padding: 15px;
		background: #D52117;
		border-top: #EA4D44 1px solid;
		border-bottom: #AC1B13 1px solid;
		text-align: center;
		font-size: 16px;
		font-size: 1.6rem;
		color: #FFF;
		text-decoration: none;
	}
	.dropdown li a:hover{
		background: #A51A12;
		border-top: #EA4D44 1px solid;
		border-bottom: #82140F 1px solid;
		color: #FFFFFF;
		text-decoration: none;
	}
	#gnavi li:hover .dropdown li {
		overflow: visible;
		height: 48px;
	}
	#gnavi li:hover .dropdown li:last-child {
		border-bottom: 0;
	}
}
@media screen and (max-width:768px){
	#gnavi li:hover .gnavi_menu {
		background: #FFF;
	}
	#gnavi li.hover .gnavi_menu {
		_background: #FCE1E0;
	}
	#gnavi li:hover .dropdown li {
		overflow: hidden;
		height: 0;
	}
	#gnavi li.hover .dropdown li {
		overflow: visible;
		height: 48px;
	}
	#gnavi li.hover .dropdown li:last-child {
		border-bottom: 0;
	}
}
@media screen and (max-width:640px){
	#gnavi {
		width: 100%;
		margin: 0;
		position: relative;
	}
	#gnavi:after {
	  content: "";
	  clear: both;
	  display: block;
	}
	#gnavi li {
		width: 100%;
		float: left;
		position: relative;
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: #CCC;
	}
	#gnavi li:first-child {
		border-width: 1px 1px 1px 1px;
		border-radius: 2px 2px 0 0;
	}
	#gnavi li:last-child {
		border-width: 0 1px 1px 1px;
		border-radius: 0 0 2px 2px;
	}
	.gnavi_menu {
		width: auto;
		height: 62px;
		padding: 9px;
		overflow: hidden;
		background: rgba(255,255,255,0.88);
		cursor: pointer;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all  0.2s ease;
	}
	#gnavi li:hover .gnavi_menu {
		background: #95DCF1;
	}
	.gnavi_icon {
		width: 62px;
		height: 62px;
		margin: 4px 32px 4px 16px;
		float: left;
	}
	.gnavi_icon_item {
		width: 62px;
		height: 62px;
		background: url(../../img/common/icon_item.png) no-repeat;
		background-size: 60px;
		margin: 4px 32px 4px 16px;
		float: left;
	}
	.gnavi_icon_user {
		width: 62px;
		height: 62px;
		background: url(../../img/common/icon_user.png) no-repeat;
		background-size: 60px;
		margin: 4px 32px 4px 16px;
		float: left;
	}
	.gnavi_icon_diary {
		width: 62px;
		height: 62px;
		background: url(../../img/common/icon_diary.png) no-repeat;
		background-size: 60px;
		margin: 4px 32px 4px 16px;
		float: left;
	}
	.gnavi_icon_edit {
		width: 62px;
		height: 62px;
		background: url(../../img/common/icon_edit.png) no-repeat;
		background-size: 60px;
		margin: 4px 32px 4px 16px;
		float: left;
	}
	.mini_icon {
		background-size: 40px;
		background-position-y: -2px;
		width: 48px;
		height: 40px;
		margin: 0;
	}
	.gnavi_text {
		width: auto;
		height: 62px;
		float: left;
		text-align: left;
		line-height: 62px;
		color: #555;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.gnavi_menu a {
		color: #333333;
		text-decoration: none;
	}
	.gnavi_menu a:hover {
		color: #333333;
		text-decoration: none;
	}
	.gnavi_text.has_submenu {
		background: url(../../img/common/icon_submenu.png) no-repeat center bottom;
		background-size: 10px;
	}
	#gnavi li .dropdown {
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	#gnavi li:last-child ul{
		width: 100%;
		left: -100%;
	}
	#gnavi .dropdown li {
		width: 100%;
		height: 0;
		left: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		color: #fff;
		position: relative;
		z-index: 100;
	}
	#gnavi .dropdown li a {
		display: block;
		padding: 15px;
		background: #D52117;
		border-top: #EA4D44 1px solid;
		border-bottom: #AC1B13 1px solid;
		text-align: center;
		font-size: 16px;
		font-size: 1.6rem;
		color: #FFF;
		text-decoration: none;
	}
	#gnavi .dropdown li a:hover{
		background: #A51A12;
		border-top: #EA4D44 1px solid;
		border-bottom: #82140F 1px solid;
		color: #FFFFFF;
		text-decoration: none;
	}
	#gnavi li.hover .dropdown li {
		overflow: visible;
		height: 48px;
	}
	#gnavi li.hover .dropdown li:last-child {
		border-bottom: 0;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#gnavi {
		width: 100%;
		margin: 0;
		position: relative;
	}
	#gnavi:after {
	  content: "";
	  clear: both;
	  display: block;
	}
	#gnavi li {
		width: 100%;
		float: left;
		position: relative;
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: #CCC;
	}
	#gnavi li:first-child {
		border-width: 1px 1px 1px 1px;
		border-radius: 2px 2px 0 0;
	}
	#gnavi li:last-child {
		border-width: 0 1px 1px 1px;
		border-radius: 0 0 2px 2px;
	}

	.gnavi_menu {
		width: auto;
		height: 62px;
		padding: 9px;
		overflow: hidden;
		background: rgba(255,255,255,0.88);
		cursor: pointer;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all  0.2s ease;
	}
	#gnavi li:hover .gnavi_menu {
		background: #95DCF1;
	}
	.gnavi_icon {
		width: 62px;
		height: 62px;
		margin: 4px 32px 4px 16px;
		float: left;
	}
	.gnavi_icon_item {
		width: 62px;
		height: 62px;
		background: url(../../img/common/icon_item.png) no-repeat;
		background-size: 60px;
		margin: 4px 32px 4px 16px;
		float: left;
	}
	.gnavi_icon_user {
		width: 62px;
		height: 62px;
		background: url(../../img/common/icon_user.png) no-repeat;
		background-size: 60px;
		margin: 4px 32px 4px 16px;
		float: left;
	}
	.gnavi_icon_diary {
		width: 62px;
		height: 62px;
		background: url(../../img/common/icon_diary.png) no-repeat;
		background-size: 60px;
		margin: 4px 32px 4px 16px;
		float: left;
	}
	.gnavi_icon_edit {
		width: 62px;
		height: 62px;
		background: url(../../img/common/icon_edit.png) no-repeat;
		background-size: 60px;
		margin: 4px 32px 4px 16px;
		float: left;
	}
	.mini_icon {
		background-size: 40px;
		background-position-y: -2px;
		width: 48px;
		height: 40px;
		margin: 0;
	}
	.gnavi_text {
		width: auto;
		height: 62px;
		float: left;
		text-align: left;
		line-height: 62px;
		color: #555;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.gnavi_menu a {
		color: #333333;
		text-decoration: none;
	}
	.gnavi_menu a:hover {
		color: #333333;
		text-decoration: none;
	}
	.gnavi_text.has_submenu {
		background: url(../../img/common/icon_submenu.png) no-repeat center bottom;
		background-size: 10px;
	}
	#gnavi li .dropdown {
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	#gnavi li:last-child ul{
		width: 100%;
		left: -100%;
	}
	#gnavi .dropdown li {
		width: 100%;
		height: 0;
		left: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		color: #fff;
		position: relative;
		z-index: 100;
	}
	#gnavi .dropdown li a {
		display: block;
		padding: 15px;
		background: #D52117;
		border-top: #EA4D44 1px solid;
		border-bottom: #AC1B13 1px solid;
		text-align: center;
		font-size: 16px;
		font-size: 1.6rem;
		color: #FFF;
		text-decoration: none;
	}
	#gnavi .dropdown li a:hover{
		background: #A51A12;
		border-top: #EA4D44 1px solid;
		border-bottom: #82140F 1px solid;
		color: #FFFFFF;
		text-decoration: none;
	}
	#gnavi li.hover .dropdown li {
		overflow: visible;
		height: 48px;
	}
	#gnavi li.hover .dropdown li:last-child {
		border-bottom: 0;
	}
}

/* コンテンツ
------------------------------------------*/
#contents_wrap,
#contents_wrap_col2 {
	width: 990px;
	margin: 0 auto 20px auto;
}
@media screen and (max-width:640px){
	#contents_wrap,
	#contents_wrap_col2 {
		width: 100%;
		margin: 0;
		overflow: hidden;
	}
	#contents_wrap:after,
	#contents_wrap_col2:after {
	  content: "";
	  clear: both;
	  display: block;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#contents_wrap,
	#contents_wrap_col2 {
		width: 100%;
		margin: 0;
		overflow: hidden;
	}
	#contents_wrap:after,
	#contents_wrap_col2:after {
	  content: "";
	  clear: both;
	  display: block;
	}
}

#contents {
	width: 990px;
}
@media screen and (max-width:640px){
	#contents {
		width: 98%;
		margin: 0 auto 10px auto;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#contents {
		width: 98%;
		margin: 0 auto 10px auto;
	}
}

#contents_wrap_col2 #contents {
	float: left;
}
@media screen and (max-width:640px){
	#contents_wrap_col2 #contents {
		width: auto;
		float: none;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#contents_wrap_col2 #contents {
		width: auto;
		float: none;
	}
}

/* サブナビゲーション
------------------------------------------*/
#sub_navi {
	position: fixed;
	width: 950px;
	padding: 40px 20px 0 20px;
	/* アラジンECtoB 2ndバージョンリリース #4105 START */
	z-index: 9999;
	/* アラジンECtoB 2ndバージョンリリース #4105 END */
	overflow: hidden;
	background: url(../../img/common/sub_navi_bg.png) no-repeat 50% 12px;
	background-color: rgba(0,0,0,0.4);
	border-radius: 10px 10px 0 0 ;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
#sub_navi:hover {
	background-color: rgba(0,0,0,0.7);
}
@media screen and (max-width:640px){
	#sub_navi {
		position: static;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
		background: none;
		border-radius: 0;
		transition: none;
	}
	#sub_navi:hover {
		background: none;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#sub_navi {
		position: static;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
		background: none;
		border-radius: 0;
		transition: none;
	}
	#sub_navi:hover {
		background: none;
	}
}

#contents_wrap_col2 #sub_navi {
	width: 220px;
	height: auto;
	padding: 0;
	float: right;
	position: static;
	background: none;
}
#contents_wrap_col2 #sub_navi:hover {
	background: none;
}
@media screen and (max-width:640px){
	#contents_wrap_col2 #sub_navi {
		position: static;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
		float: none;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#contents_wrap_col2 #sub_navi {
		position: static;
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
		float: none;
	}
}

#sub_navi_close {
	float: right;
	line-height: 1.6;
	text-align: right;
	font-size: 15px;
	font-size: 1.5rem;
}
#sub_menu {
	width: 920px;
	padding: 15px;
	background:rgba(255,255,255,0.9);
	text-align: left;
	cursor: default;
	border-radius: 5px 5px 0 0;
}
#contents_wrap_col2 #sub_menu {
	width: 220px;
	height: auto;
	padding: 0;
	background: none;
	border-radius: 0;
}
.sub_navi_group {
	margin: 0 0 20px 0;
	overflow: hidden;
}
#contents_wrap_col2 .sub_navi_group {
	width: 220px;
	margin: 0 0 50px 0;
	overflow: hidden;
}
@media screen and (max-width:640px){
	#sub_menu {
		width: auto;
		padding: 0;
		background: none;
		text-align: center;
		border-radius: 0;
	}
	#contents_wrap_col2 #sub_menu {
		width: auto;
		height: auto;
		padding: 0;
		background: none;
		border-radius: 0;
	}
	.sub_navi_group {
		margin: 0;
	}
	#contents_wrap_col2 .sub_navi_group {
		width: auto;
		margin: 0;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {
	#sub_menu {
		width: auto;
		padding: 0;
		background: none;
		text-align: center;
		border-radius: 0;
	}
	#contents_wrap_col2 #sub_menu {
		width: auto;
		height: auto;
		padding: 0;
		background: none;
		border-radius: 0;
	}
	.sub_navi_group {
		margin: 0;
	}
	#contents_wrap_col2 .sub_navi_group {
		width: auto;
		margin: 0;
	}
}

.sub_navi_head {
	width: 170px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 50px;
	border-bottom: #CCC 1px solid;
	text-align: left;
	line-height: 1.6;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
}
.group_search .sub_navi_head {
	background: url(../../img/common/side_icon_search.png) no-repeat 10px 0;
}
.group_category .sub_navi_head {
	background: url(../../img/common/side_icon_category.png) no-repeat 10px 0;
}
@media screen and (max-width:640px){
	.sub_navi_head {
		width: 100%;
		margin: 0 0 10px 0;
		padding: 0 0 5px 50px;
		border-bottom: #CCC 1px solid;
		text-align: left;
		line-height: 1.6;
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.group_search .sub_navi_head {
		background: none;
	}
	.group_category .sub_navi_head {
		background: none;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {
	.sub_navi_head {
		width: 100%;
		margin: 0 0 10px 0;
		padding: 0 0 5px 50px;
		border-bottom: #CCC 1px solid;
		text-align: left;
		line-height: 1.6;
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.group_search .sub_navi_head {
		background: none;
	}
	.group_category .sub_navi_head {
		background: none;
	}
}

#contents_wrap_col2 .sub_navi_group ul {
	width: 220px;
}
@media screen and (max-width:640px){
	#contents_wrap_col2 .sub_navi_group ul {
		width: auto;
	}
	.sub_navi_others li a {
		display: block;
		width: 92%;
		margin: 0;
		padding: 4%;
		background: #E3DECC;
		border-bottom: #AFA792 1px solid;
		text-align: left;
		line-height: 1.6;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		color: #333;
		text-decoration: none;
	}
	.sub_navi_others li a:hover {
		background: #292929;
		color: #FFF;
		text-decoration: none;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {
	#contents_wrap_col2 .sub_navi_group ul {
		width: auto;
	}
	.sub_navi_others li a {
		display: block;
		width: 92%;
		margin: 0;
		padding: 4%;
		background: #E3DECC;
		border-bottom: #AFA792 1px solid;
		text-align: left;
		line-height: 1.6;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		color: #333;
		text-decoration: none;
	}
	.sub_navi_others li a:hover {
		background: #292929;
		color: #FFF;
		text-decoration: none;
	}
}

.category_head {
	width: 210px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 10px;
	border-bottom: #CCC 1px dotted;
	text-align: left;
	line-height: 1.6;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
#contents_wrap_col2 .category_head {
	width: 210px;
	margin: 20px 0;
	padding: 0 0 5px 10px;
}
@media screen and (max-width:640px){
	.category_head,
	#contents_wrap_col2 .category_head {
		display: block;
		width: 92%;
		margin: 0;
		padding: 4%;
		background: #E3DECC url(../../img/common/icon_plus_bk.png) no-repeat 95% 50%;
		background-size: 6%;
		border-bottom: #AFA792 1px solid;
		text-align: left;
		line-height: 1.6;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		cursor: pointer;
	}
	.category_head:hover,
	#contents_wrap_col2 .category_head:hover {
		background: #292929 url(../../img/common/icon_plus_wt.png) no-repeat 95% 50%;
		background-size: 6%;
		color: #FFF;
	}
	.sub_category_close,
	#contents_wrap_col2 .sub_category_close {
		background: #292929 url(../../img/common/icon_minus_wt.png) no-repeat 95% 50%;
		background-size: 6%;
		color: #FFF;
	}
	.category_head.sub_category_close:hover,
	#contents_wrap_col2 .category_head.sub_category_close:hover {
		background: #292929 url(../../img/common/icon_minus_wt.png) no-repeat 95% 50%;
		background-size: 6%;
		color: #FFF;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {
	.category_head,
	#contents_wrap_col2 .category_head {
		display: block;
		width: 92%;
		margin: 0;
		padding: 4%;
		background: #E3DECC url(../../img/common/icon_plus_bk.png) no-repeat 95% 50%;
		background-size: 6%;
		border-bottom: #AFA792 1px solid;
		text-align: left;
		line-height: 1.6;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		cursor: pointer;
	}
	.category_head:hover,
	#contents_wrap_col2 .category_head:hover {
		background: #292929 url(../../img/common/icon_plus_wt.png) no-repeat 95% 50%;
		background-size: 6%;
		color: #FFF;
	}
	.sub_category_close,
	#contents_wrap_col2 .sub_category_close {
		background: #292929 url(../../img/common/icon_minus_wt.png) no-repeat 95% 50%;
		background-size: 6%;
		color: #FFF;
	}
	.category_head.sub_category_close:hover,
	#contents_wrap_col2 .category_head.sub_category_close:hover {
		background: #292929 url(../../img/common/icon_minus_wt.png) no-repeat 95% 50%;
		background-size: 6%;
		color: #FFF;
	}
}

.sub_category {
	margin: 0 0 20px 20px;
	overflow: hidden;
}
#contents_wrap_col2 .sub_category {
	width: 200px;
	margin: 0 0 40px 20px;
}
@media screen and (max-width:640px){
	.sub_category {
		display: none;
		width: 90%;
		margin: 0;
		padding: 5%;
		background: #E3DECC;
		overflow: hidden;
		border-bottom: #AFA792 1px solid;
	}
	#contents_wrap_col2 .sub_category {
		width: 90%;
		margin: 0;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {
	.sub_category {
		display: none;
		width: 90%;
		margin: 0;
		padding: 5%;
		background: #E3DECC;
		overflow: hidden;
		border-bottom: #AFA792 1px solid;
	}
	#contents_wrap_col2 .sub_category {
		width: 90%;
		margin: 0;
	}
}

.sub_category li {
	margin: 0 10px 10px 10px;
	float: left;
	padding: 0;
	line-height: 1.6;
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
}
#contents_wrap_col2 .sub_category li {
	width: 200px;
	margin: 0 0 30px 0;
	padding: 0;
	float: none;
	line-height: 1.6;
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
}
@media screen and (max-width:640px){
	.sub_category {
		display: none;
		float: none;
		width: 90%;
		margin: 0;
		padding: 5%;
		background: #E3DECC;
		overflow: hidden;
		border-bottom: #AFA792 1px solid;
	}
	.sub_category li {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
		background: #E3DECC;
		line-height: 1.6;
		text-align: left;
		font-size: 14px;
		font-size: 1.4rem;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) {
	.sub_category {
		display: none;
		float: none;
		width: 90%;
		margin: 0;
		padding: 5%;
		background: #E3DECC;
		overflow: hidden;
		border-bottom: #AFA792 1px solid;
	}
	.sub_category li {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
		background: #E3DECC;
		line-height: 1.6;
		text-align: left;
		font-size: 14px;
		font-size: 1.4rem;
	}
}

.sub_navi_search {
	width: 360px;
	height: 22px;
	padding: 5px;

}
#contents_wrap_col2 .sub_navi_search {
	width: 160px;
}
.sub_navi_search_btn {
	width: 36px;
	cursor: pointer;
}
@media screen and (max-width:640px){
	.sub_navi_search {
		display: none;

	}
	#contents_wrap_col2 .sub_navi_search {
		display: none;
	}
	.sub_navi_search_btn {
		display: none;
	}
	.group_search {
		position: absolute;
		top:26%;
	}
	.navi_search {
		width: 75%;
		height: 22px;
		padding: 3% 5px;
		vertical-align: middle;
	}
	.navi_search_btn {
		width: 12%;
		cursor: pointer;
		vertical-align: middle;
	}
}

/* フッタ
------------------------------------------*/
#pagetop {
	position: fixed;
	right: 30px;
	bottom: 30px;
}
@media screen and (max-width:640px){
	#pagetop {
		position: static;
		width: 100%;
		margin: 0;
	}
	#pagetop img {
		width: 24px;
	}
}
#pagetop a {
	display: block;
	padding: 25px 20px;
	background: #13C5F5;
}
#pagetop a:hover {
	background: #292929;
}
@media screen and (max-width:640px){
	#pagetop a {
		display: block;
		margin: 0 auto;
		padding: 15px;
		background: #D52117;
		border-bottom: #A31A12 1px solid;
	}
	#pagetop a:hover {
		background: #A51A12;
	}
}


#footer_wrap {
	width: 100%;
	min-width: 990px;
	height: 100px;
	overflow: hidden;
}
@media screen and (max-width:640px){
	#footer_wrap {
		width: 100%;
		min-width: 100%;
		height: 100px;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#footer_wrap {
		width: 100%;
		min-width: 100%;
		height: 100px;
	}
}

#footer {
	width: 990px;
	height: auto;
	margin: 0 auto 20px auto;
	overflow: hidden;
	background-color: #
}
@media screen and (max-width:640px){
	#footer {
		width: 100%;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#footer {
		width: 100%;
		margin: 0 auto;
	}
}

#footer_navi {
	margin: 30px auto;
	text-align: center;
}
#footer_navi li {
	display: inline-block;
	text-align: left;
	margin: 0 30px;
}
#footer_navi li a {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	text-decoration: none;
	color: #FFFFFF;
}
#footer_navi li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.footer_navi_guide a {
	padding: 0 0 0 20px;
	background: url(../../img/common/footer_icon_guide.png) no-repeat 0 50%;
}
.footer_navi_contact a {
	padding: 0 0 0 25px;
	background: url(../../img/common/footer_icon_contact.png) no-repeat 0 50%;
}
@media screen and (max-width:640px){
	#footer_navi {
		display: none;
	}
}
#copyright {
	margin: 20px auto 0 auto;
	text-align: center;
	line-height: 1.6;
	font-size: 16px;
	font-size: 1.6rem;
	text-shadow:
		0 1px #FFF;
	color: #9E9E9E;
}
@media screen and (max-width:640px){
	#copyright {
		margin: 35px auto 0 auto;
		font-size: 13px;
		font-size: 1.3rem;
	}
}

/* 見出し
------------------------------------------*/
@media screen and (max-width:640px){
	h2 {
		margin: 0 0 10px 0;
		padding: 0;
		line-height: 1.6;
		text-align: left;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
	}
}
.page_title {
	width: 98%;
	margin: 15px 0 15px 0;
	padding: 3px 0.5% 1px 1%;
	line-height: 2.0;
	height: 36px;
	text-align: left;
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: normal;
	border-left: #40C0FF 5px solid;
	border-radius: 1px;
	_border-top: #007EF5 5px solid;
	_border-bottom: #CCC 2px solid;
	background: rgb(252,252,252); /* IE8対応 */
	background: rgba(252,252,252,0.95);
	word-break:break-all;
}
@media screen and (max-width:640px){
	.page_title {
		width: 97.5%;
		margin: 0 0 10px 0;
	}
}
#back_btn_in_title {
	float: right;
	margin: 2px auto;
}
#back_btn_in_title a {
	padding: 5px 10px;
}


.h_news {
	width: auto;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 2.3;
	text-align: left;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	padding: 0 0 0 80px;
	background: url(../../img/common/icon_news.png) no-repeat 0 50%;
	border: none;
}
@media screen and (max-width:640px){
	.h_news {
		margin: 0 0 10px 0;
		padding: 0 0 0 40px;
		line-height: 1.6;
		text-align: left;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		background-size: 30px;
	}
}
.h_ranking {
	width: auto;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 2.3;
	text-align: left;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	padding: 0 0 0 80px;
	background: url(../../img/common/icon_ranking.png) no-repeat 0 50%;
	border: none;
	overflow:hidden;
}
@media screen and (max-width:640px){
	.h_ranking {
		margin: 0 0 10px 0;
		padding: 0 0 0 40px;
		line-height: 1.6;
		text-align: left;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		background-size: 30px;
	}
}
h3 {
	width: 95.5%;
	margin: 10px 0 10px 0;
	padding: 0 2%;
	border-left: #C0C0C0 5px solid;
	border-radius: 1px;
	_border-top: #AAA 5px solid;
	_border-bottom: #EAEAEA 2px solid;
	background: rgb(252,252,252); /* IE8対応 */
	background: rgba(252,252,252,0.95);
	line-height: 1.5;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
	color: #333;
}
@media screen and (max-width:640px){
	h3 {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0 1.5%;
	}
}
.h_terms {
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border-top: none;
	border-left: #007EF5 5px solid;
	border-bottom: none;
	background: none;
	line-height: 1.5;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
	color: #333;
}
@media screen and (max-width:640px){
	.h_terms {
	}
}

.h_ext{
}
@media screen and (max-width:1024px){
	.h_ext {
		padding-top: 8px;
		height: 30px;
	}
}

/* section
------------------------------------------*/
.sec {
	width: 100%;
	margin: 0 0 80px 0;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.sec {
		margin: 0 0 40px 0;
	}
	.contents_search {
		width: 100%;
		margin: 0 0 40px 0;
		text-align: center;
	}
}
.inner {
	width: 100%;
	overflow: hidden;
	margin: 0 0 5px 0;
}

/* TOP
------------------------------------------*/
/* トップお知らせ */
.news_area {
	width: 700px;
	margin: 0 0 80px 0;
	padding: 20px;
	background: #FFFFFF;
}
@media screen and (max-width:640px){
	.news_area {
		width: 100%;
		margin: 0 0 40px 0;
		padding: 2em 0;
	}
}
.topics {
	margin: 30px 0 0 0;
	width: 700px;
	overflow: hidden;
}
.topics:first-child {
	margin: 0;
}
@media screen and (max-width:640px){
	.topics {
		margin: 0 auto 30px auto;
		width: 95%;
	}
	.topics:first-child {
		margin: 0 auto 30px auto;
	}
	.topics:last-child {
		margin: 0 auto;
	}
}
.news_category {
	width: 120px;
	padding: 2px 5px;
	background: #A18E5C;
	float: left;
	text-align: center;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #FFFFFF;
}
@media screen and (max-width:640px){
	.news_category {
		width: 120px;
		padding: 1px 2px;
		margin: 0 0 10px 0;
		float: none;
		font-size: 11px;
		font-size: 1.1rem;
	}
}
.news_category.campaign {
	background: #D52117;
}
.news_title {
	width: 550px;
	float: right;
	text-align: left;
	line-height: 1.6;
	font-size: 16px;
	font-size: 1.6rem;
	word-break:break-all;
}
@media screen and (max-width:640px){
	.news_title {
		width: auto;
		float: none;
		font-size: 13px;
		font-size: 1.3rem
		word-break:break-all;
	}
}
.ranking {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 240px;
	/* アラジンECtoB 2ndバージョンリリース #3702 START */
	height: 220px;
	/* アラジンECtoB 2ndバージョンリリース #3702 END */
	margin: 0 0 0 10px;
	float: left;
	vertical-align: top;
}
/* アラジンECtoB 2ndバージョンリリース #3644 START */
.ranking_item_pic {
	height: 100px;
}
.ranking_item_pic img{
	max-width: 100px;
	max-height: 100px;
}
/* アラジンECtoB 2ndバージョンリリース #3644 END */
@media screen and (max-width:640px){
	.ranking {
		display: block;
		width: 100%;
		margin: 0 0 0em 0;
		padding: 0 0 2em 0;
		border-bottom: #CCC 1px dotted;
		overflow: hidden;
	}
	/* アラジンECtoB 2ndバージョンリリース #3644 START */
	.ranking_item_pic {
		width: 45%;
		height: auto;
		float: left;
	}
	.ranking_item_pic img{
		max-width: none;
		max-height: none;
	}
	/* アラジンECtoB 2ndバージョンリリース #3644 START */
}
/*
.ranking:first-child {
	margin: 0;
}
*/
.ranking:nth-child(3n+1) {
	margin: 0;
}
.rank_item_name {
	min-height: 40px;
	margin: 15px 0;
	padding: 0;
	line-height: 1.6;
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
	word-break:break-all;
}
@media screen and (max-width:640px){
	.rank_item_name {
		width: 50%;
		min-height: auto;
		float: right;
		text-align: center;
		word-break:break-all;
	}
}
.rank {
	float: left;
	margin: 0 10px 0 0;
	/* アラジンECtoB 2ndバージョンリリース #3644 START */
	/* padding: 5px 13px; */
	width: 36px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 4px;
	/* アラジンECtoB 2ndバージョンリリース #3644 END */
	background: #D52117;
	border-radius: 100%;
	line-height: 26px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #FFF;
	font-weight: bold;
	/* アラジンECtoB 2ndバージョンリリース #3702 START */
	display:table-cell;
	/* アラジンECtoB 2ndバージョンリリース #3702 END */
}
@media screen and (max-width:640px){
	.rank {
		display: inline-block;
		float: none;
		margin: 0 auto 15px auto;
	}
}
.rank01 {
	background: url(../../img/common/rank01.png) no-repeat 0 0;
}
.rank02 {
	background: url(../../img/common/rank02.png) no-repeat 0 0;
}
.rank03 {
	background: url(../../img/common/rank03.png) no-repeat 0 0;
}
@media screen and (max-width:640px){
	.rank01 ,
	.rank02 ,
	.rank03 {
		background-size: 30px;
	}
}

/* 商品一覧
------------------------------------------*/
/* 検索系 */
.search_area {
	width: auto;
	margin: 0 0 5px 0;
	padding: 19px 14px;
	_background: #F8F7F7;
	background: rgb(248,247,247); /* IE8対応 */
	background: rgba(248,247,247,0.85);
	border: #AAA 2px solid;
	border-radius: 5px;
	text-align: left;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.search_area {
		width: 96%;
		margin: 0 0 15px 0;
		padding: 2%;
		border: none;
		text-align: center;
	}
	#search_detail_btn {
		display: inline-block;
		margin: 10px auto;
	}
	#search_detail_btn a {
		display: block;
		padding: 6px 15px;
		border: #CCCCCC 1px solid;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background: #F8F7F7;
		line-height: 1.6;
		text-align: center;
		font-size: 13px;
		font-size: 1.3rem;
		text-decoration: none;
	}
	#search_detail_btn a:active,
	#search_detail_btn a:visited,
	#search_detail_btn a:hover {
		text-decoration: none;
	}
	#search_detail_wrap {
		display: none;
	}
}
.search_item {
	margin: 0 1% 5px 0;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	text-align: left;
}
@media screen and (max-width:640px){
	.search_item {
		width: 100%;
		margin: 0 0 10px 0;
		display: block;
		text-align: left;
	}
}
.search_label {
	margin: 0 10px 5px 0;
	text-align: right;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	float: left;
	width: 80px;
}
.search_item_input {
	float: left;
}
@media screen and (max-width:640px){
	.search_label {
		text-align: left;
	}
	.search_item_input {
		margin-bottom: 5px;
	}
}
.memo {
	font-size: 11px;
	font-size: 1.1rem;
}
input.full_size,
textarea.full_size {
	width: 90%;
}
.search_btn_wrapper {
	float: right;
}
.search_btn a {
	display: block;
	float: right;
	padding: 14px 50px 10px 70px;
	margin: 0 15px 30px 0;
	_background: #D52117 url(../../img/common/icon_search_bg.png) no-repeat 36px 50%;
	background: #2040A0 url(../../img/common/icon_search_bg.png) no-repeat 36px 50%; /* IE8対応 */
	background:
		url(../../img/common/icon_search_bg.png) no-repeat 36px 50%,
    	linear-gradient(to bottom, rgba(255,255,255,0.9), #2040A0);
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #A0A0B8 #8080B8 #8080B8 #A0A0B8;
	font-size: 16px;
	font-size: 1.6rem;
	color: #F0F0FF;
	cursor: pointer;
	float: right;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	text-decoration: none;
}
.search_btn a:hover {
	_background: #292929 url(../../img/common/icon_search_bg.png) no-repeat 36px 50%;
	background: #4080C0 url(../../img/common/icon_search_bg.png) no-repeat 36px 50%; /* IE8対応 */
	background:
		url(../../img/common/icon_search_bg.png) no-repeat 36px 50%,
    	linear-gradient(to bottom, rgba(255,255,255,1), #4080C0);
	text-decoration: none;
}
@media screen and (max-width:640px){
	.search_btn a {
		display: block;
		margin: 10px auto 10px auto;
		padding: 10px 40px 10px 60px;
		_padding: 12px 50px 12px 70px;
		float: none;
		text-decoration: none;
	}
}

/* ページャー */
.pager_navi {
	margin: 0;
	padding: 2px 1px;
	border: #CCCCCC 1px solid;
	border-radius: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #FAFAFA;
	float: left;
	text-align: left;
	font-size: 12px;
	font-size: 1.2rem;
}
@media screen and (max-width:640px){
	.pager_navi {
		display: inline-block;
		margin: 0 0 5px 0;
		padding: 2px;
		border: none;
		border-radius: 0;
		background: transparent;
		float: none;
		text-align: left;
		font-size: 13px;
		font-size: 1.3rem;
	}
}
.pager_navi span {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 4px 12px;
	border-left: #CCC 1px solid;
	color: #006699;
	text-decoration: underline;
	line-height: 1.4;
	text-align: center;
	cursor: pointer;
}
.pager_navi span:first-child {
	border: none;
}
.pager_navi span:hover {
	color: #CC0000;
	text-decoration: none;
}
@media screen and (max-width:640px){
	.pager_navi span {
		padding: 4px 10px;
		margin-bottom: 2px;
		border: #CCCCCC 1px solid;
		border-radius: 5px;
		background: #F8F7F7;
	}
	.pager_navi span:first-child {
		border: #CCCCCC 1px solid;
	}
	.pager_navi span:hover {
	}
}
.pager_navi .pager_active {
	color: #333333;
	text-decoration: none;
	cursor: default;
	font-weight: bold;
}
/* sort */
.sort_order {
	float: right;
	text-align: right;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
}


/* 商品リスト */
.item_list_area {
	width: 988px;
	margin: 0 0 5px 0;
	border: 0;
	border-radius: 2px;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.item_list_area {
		width: 100%;
		margin: 0 0 20px 0;
		border: none;
		overflow: visible;
		position: relative;
	}
	.item_list_area:after {
	  content: "";
	  clear: both;
	  display: block;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.item_list_area {
		width: 100%;
		margin: 0 0 20px 0;
		border: none;
		overflow: visible;
		position: relative;
	}
	.item_list_area:after {
	  content: "";
	  clear: both;
	  display: block;
	}
}

.item_list {
	width: 978px;
	height: auto;
	min-height: 88px;
	margin: 0;
	padding: 5px;
	border-bottom: #CCC 1px solid;
	background: rgb(252,252,252); /* IE8対応 */
	background: rgba(252,252,252,0.95);
	position: relative;
}
@media screen and (max-width:640px){
	.item_list {
		width: 98%;
		height: auto;
		margin: 0;
		padding: 1%;
		float: left;
	}
}

@media screen and (min-width: 641px) and (max-width: 1024px){
	.item_list {
		width: 98%;
		height: auto;
		margin: 0;
		padding: 1%;
		float: left;
	}
}

.item_list:after {
	content: "";
	clear: both;
	display: block;
}
.item_list_image {
	width: 88px;
	margin: 0 15px 0 0;
	float: left;
	text-align: center;
}
@media screen and (max-width:640px){
	.item_list_image {
		width: 60%;
		margin: 0 auto 10px auto;
		float: none;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.item_list_image {
		width: 60%;
		margin: 0 auto 10px auto;
		float: none;
	}
}

.item_list_image img {
	width: 100%;
}
.item_list_content {
	float: left;
}
@media screen and (max-width:640px){
	.item_list_image img {
		width: 50%;
	}
	.item_list_content {
		width: 100%;
		float: none;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.item_list_image img {
		width: 50%;
	}
	.item_list_content {
		width: 100%;
		float: none;
	}
}

.item_list .item_code {
	margin: 0;
	text-align: left;
	line-height: 1.6;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.item_list .item_title {
	line-height: 1.6;
	font-size: 15px;
	font-size: 1.5rem;
	word-break:break-all;
}
.item_list .item_stock_num {
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	word-break:break-all;
}

.item_list .item_label {
	width: 100px;
	line-height: 1.6;
	font-size: 14px;
	font-size: 1.4rem;
	background: #EAEAEA;
	background: linear-gradient(to right, rgba(222,222,222,0.9), #EAEAEA);
	word-break:break-all;
	margin-right: 5px;
	margin-bottom: 1px;
	float: left;
}

.item_list .item_value {
	width: 150px;
	line-height: 1.6;
	font-size: 14px;
	font-size: 1.4rem;
	word-break:break-all;
	word-wrap: break-word;
	margin-right: 5px;
	margin-bottom: 2px;
	text-align: left;
	float: left;
}
.item_list .item_value_wide {
	width: 400px;
	line-height: 1.6;
	font-size: 14px;
	font-size: 1.4rem;
	word-break:break-all;
	word-wrap: break-word;
	margin-right: 5px;
	margin-bottom: 2px;
	text-align: left;
	float: left;
}

@media screen and (max-width:640px){
	.item_list .item_code,
	.item_list .item_title {
		margin: 0 0 5px 0;
		text-align: left;
		line-height: 1.6;
		font-weight: bold;
		font-size: 14px;
		font-size: 1.4rem;
		word-break:break-all;
	}
	.item_list .item_label {
		width: 30%;
		float: left;
  		clear: both;
	}
	.item_list .item_value {
		width: 66%;
	}
	.item_list .item_value_wide {
		width: 66%;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.item_list .item_code,
	.item_list .item_title {
		margin: 0 0 5px 0;
		text-align: left;
		line-height: 1.6;
		font-weight: bold;
		font-size: 14px;
		font-size: 1.4rem;
		word-break:break-all;
	}
	.item_list .item_label {
		width: 30%;
		float: left;
  		clear: both;
	}
	.item_list .item_value {
		width: 66%;
	}
	.item_list .item_value_wide {
		width: 66%;
	}
}

.item_spec_table,
.quick_item_spec_table,
.unshipped_spec_table,
.unshipped_info_spec_table,
.estimate_spec_table,
.memo_table {
	width: 100%;
	border: none;
	border-collapse: collapse;
}
.item_spec_table th,
.quick_item_spec_table th,
.unshipped_spec_table th,
.unshipped_info_spec_table th,
.estimate_spec_table th,
.memo_table th {
	width: 30%;
	padding: 0 5px;
	border-bottom: #CCC 1px solid;
	line-height: 1.6;
	text-align: right;
	background: #EAEAEA;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
.item_spec_table td,
.quick_item_spec_table td,
.unshipped_spec_table td,
.unshipped_info_spec_table td,
.estimate_spec_table td,
.memo_table td {
	padding: 0 5px;
	border-bottom: #CCC 1px solid;
	line-height: 1.6;
	text-align: left;
	_background: #FFF;
	background: transparent;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}

.stock_table {
	width: 100%;
	border: 1px #EAEAEA solid;
	margin-bottom: 10px;
}

.stock_table th {
	background: #EAEAEA;
	padding: 5px;
	border: 1px #EAEAEA solid;
}

.stock_table td {
	background: #FFF;
	padding: 5px;
	border: 1px #EAEAEA solid;
}
@media screen and (max-width:1024px){
	.stock_table th {
		text-align: center;
	}
}

.stock_list_table {
	width: 100%;
	border: 1px #EAEAEA solid;
	margin-bottom: 10px;
}

.stock_list_table th {
	background: #EAEAEA;
	padding: 5px;
	border: 1px #EAEAEA solid;
}

.stock_list_table td {
	background: #FFF;
	padding: 5px;
	border: 1px #EAEAEA solid;
}
@media screen and (max-width:1024px){
	.stock_list_table th {
		text-align: right;
	}
}

@media screen and (max-width:640px){
	.item_spec_table td,
	.quick_item_spec_table td,
	.unshipped_spec_table td,
	.unshipped_info_spec_table td,
	.estimate_spec_table td,
	.memo_table td {
		padding: 6px 10px;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.item_spec_table td,
	.quick_item_spec_table td,
	.unshipped_spec_table td,
	.unshipped_info_spec_table td,
	.estimate_spec_table td,
	.memo_table td {
		padding: 6px 10px;
	}
}

.item_list_control {
	width: 500px;
	float: right;
}
@media screen and (max-width:640px){
	.item_list_control {
		width: 100%;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.item_list_control {
		width: 100%;
	}
}

.item_list .item_quantity {
	width: 300px;
	float: left;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
	text-align: left;
}

.input_quantity,
.input_caseQuantity {
	width: 60px;
	height: 22px;
	padding: 5px;
	margin: 0 5px 0 0;
}
@media screen and (max-width:640px){
	.input_quantity,
	.input_caseQuantity {
		width: 80px;
		height: 28px;
		padding: 5px;
		margin: 0 5px 0 0;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.input_quantity,
	.input_caseQuantity {
		width: 80px;
		height: 28px;
		padding: 5px;
		margin: 0 5px 0 0;
	}
}

.quantity_plus ,
.case_quantity_plus ,
.quantity_minus,
.case_quantity_minus {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
}
.quantity_plus img,
.case_quantity_plus img,
.quantity_minus img,
.case_quantity_minus img {
	width: 45px;
	height: 45px;
	margin: 0 5px 0 0;
	cursor: pointer;
}
.add_to_cart a {
	padding: 11px 30px 8px 30px;
	_background: #D52117 url(../../img/common/icon_cart_bg.png) no-repeat 22px 50%;
	background: #2040A0; /* IE8対応 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.9), #2040A0);
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #A0A0B8 #8080B8 #8080B8 #A0A0B8;
	font-size: 16px;
	font-size: 1.6rem;
	color: #F0F0FF;
	cursor: pointer;
	float: right;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
.add_to_cart a:hover {
	_background: #292929 url(../../img/common/icon_cart_bg.png) no-repeat 22px 50%;
	background: #4080C0; /* IE8対応 */
	background: linear-gradient(to bottom, rgba(255,255,255,1), #4080C0);
	text-decoration: none;
}
@media screen and (max-width:640px){
	.add_to_cart a {
		display: block;
		padding: 10px 22px 7px 22px;
		border-radius: 5px;
		font-size: 16px;
		font-size: 1.6rem;
		color: #FFF;
		cursor: pointer;
		float: right;
		text-decoration: none;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all  0.2s ease;
	}
	.add_to_cart a:hover {
		text-decoration: none;
	}
}
.add_all_to_cart a {
	display: block;
	padding: 15px 30px 12px 60px;
	background: #D52117 url(../../img/common/icon_cart_bg.png) no-repeat 22px 50%;
	border-radius: 5px;
	line-height: 1.6;
	font-size: 18px;
	font-size: 1.8rem;
	color: #FFF;
	cursor: pointer;
	float: right;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
.add_all_to_cart a:hover {
	text-decoration: none;
	background: #292929 url(../../img/common/icon_cart_bg.png) no-repeat 22px 50%;
}
@media screen and (max-width:640px){
	.add_all_to_cart a {
		margin: 0 10px 0 0;
		padding: 12px 30px 12px 50px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.add_all_to_cart a:hover {
	}
}

/* お気に入り */
.memo_favorite {
	margin: 20px 0;
}
.memo_favorite:after {
  content: "";
  clear: both;
  display: block;
}
.favorite a {
	display: block;
	width: 65px;
	padding: 45px 0 0 0;
	background: url(../../img/common/icon_no_favorite.png) no-repeat 50% 0;
	float: left;
	line-height: 1.2;
	font-size: 10px;
	font-size: 1.0rem;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	color: #333;
}
.favorite.active a {
	background: url(../../img/common/icon_favorite.png) no-repeat 50% 0;
}
@media screen and (max-width:640px){
	.favorite a {
		margin: 0 20px 0 0;
	}
	.favorite.active a {
		text-decoration: none;
	}
}

/* memo */
.memo_area {
	float: left;
	margin: 0 0 0 10px;
	position: relative;
}
@media screen and (max-width:640px){
	.memo_area {
		width: 70%;
		min-width: 200px;
		float: left;
		margin: 0 0 10px 0;
		position: relative;
	}
}
.memo_area:after {
  content: "";
  clear: both;
  display: block;
}
.item_memo {
	margin: 10px 10px 0 0;
	padding: 2px 10px;
	background: #A18E5C;
	float: left;
	text-align: center;
	line-height: 1.6;
	font-size: 12px;
	font-size: 1.2rem;
	color: #FFFFFF;
	cursor: pointer;
	position: relative;
}
.item_memo:hover {
	background: #292929;
}
.tips {
	width: 320px;
	position: absolute;
	top: 40px;
	z-index: 100;
	padding: 10px;
	margin: 0;
	background: #FFF;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2);
}
@media screen and (max-width:640px){
	.tips {
		width: 90%;
	}
}
#tips_close {
	display: none;
}
@media screen and (max-width:640px){
	#tips_close {
		display: block;
		text-align: right;
	}
}
.item_detail_link {
	float: right;
	position: absolute;
	bottom: 20px;
	right: 6px;
}
.item_detail_link a{
	padding: 3px 17px;
}
@media screen and (max-width:640px){
	.item_detail_link {
		margin: 5px 0 15px 5px;
		float: right;
		position: static;
		clear: both;
	}
	.item_detail_link a{
		padding: 5px 10px;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.item_detail_link {
		margin: 5px 0 15px 5px;
		float: right;
		position: static;
		clear: both;
	}

}

/* 商品メモ一覧
---------------------------------------------- */
.memo_list_content {
	width: 710px;
	float: left;
}
@media screen and (max-width:640px){
	.memo_list_content {
		width: 100%;
		float: none;
	}
}
.item_memo_table,
.item_owner_table {
	width: 100%;
	border: none;
	border-collapse: collapse;
}
.item_owner_table {
	margin: 0 0 10px 0;
}
@media screen and (max-width:640px){
	.item_memo_table,
	.item_owner_table {
		margin: 20px 0;
	}
}
.item_memo_table th,
.item_owner_table th {
	width: 80px;
	padding: 5px 10px;
	border-bottom: #FFF 2px solid;
	line-height: 1.6;
	text-align: right;
	background: #EAEAEA;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
@media screen and (max-width:640px){
	.item_memo_table th,
	.item_owner_table th {
		width: 80px;
		padding: 6px 10px;
		border-bottom: #FFF 2px solid;
	}
}
.item_memo_table td,
.item_owner_table td {
	padding: 5px 10px;
	border-bottom: #FFF 2px solid;
	line-height: 1.6;
	text-align: left;
	background: #FFF;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
@media screen and (max-width:640px){
	.item_memo_table td,
	.item_owner_table td {
		padding: 6px 10px;
	}
}


/* クイック一括注文
---------------------------------------------- */
.quick_list_wrap {
	width: 990px;
	margin: 0 0 20px 0;
}
@media screen and (max-width:640px){
	.quick_list_wrap {
		width: 100%;
		margin: 0 0 20px 0;
	}
}
.quick_list {
	width: 950px;
	padding: 20px;
	border-bottom: #CCC 1px solid;
	background: #FFF;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.quick_list {
		width: 96%;
		padding: 20px 2%;
	}
}
.quick_list_search {
	width: 310px;
	margin: 0 20px 0 0;
	padding: 0 10px 0 0;
	border-right: #CCC 1px dotted;
	text-align: left;
	float: left;
}
@media screen and (max-width:640px){
	.quick_list_search {
		width: 100%;
		margin: 0 0 15px 0;
		padding: 0;
		border: none;
	}
}
.quick_list_code {
	margin: 0 0 20px 0;
	text-align: left;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
}
@media screen and (max-width:640px){
	.quick_list_code {
		margin: 0 0 10px 0;
	}
}
.quick_list_search_btn {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0;
}
@media screen and (max-width:640px){
	.quick_list_search_btn {
		display: block;
		float: right;
	}
}
.quick_list_explain {
	width: 300px;
	float: left;
}
@media screen and (max-width:640px){
	.quick_list_explain {
		width: 100%;
		float: none;
		margin: 0 0 10px 0;
		overflow: hidden;
	}
}
.quick_list_title {
	margin: 0 0 20px 0;
	text-align: left;
	line-height: 1.6;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	word-break:break-all;
}
@media screen and (max-width:640px){
	.quick_list_title {
		margin: 0 0 10px 0;
		word-break:break-all;
	}
}
.quick_list_stock {
	text-align: left;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
}
.quick_list_tanka {
	text-align: left;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
}
.quick_list_quantity {
	width:280px;
	float: right;
	text-align: right;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
}
@media screen and (max-width:640px){
	.quick_list_quantity {
		width:100%;
	}
}

.quick_list_price {
	margin: 10px 0 0 0;
	font-size: 18px;
	font-size: 1.8rem;
}
.quick_list_price_value {
	font-weight: bold;
}
#quick_list_price_sum {
	width: 400px;
	background: #FFF;
	border: #CCC 1px solid;
	overflow: hidden;
	float: right;
}
@media screen and (max-width:640px){
	#quick_list_price_sum {
		width: 96%;
		margin: 0 auto 20px auto;
		float: none;
	}
}
#quick_list_price_header {
	width: 140px;
	padding: 15px;
	background: #EAEAEA;
	text-align: center;
	line-height: 1.6;
	font-size: 18px;
	font-size: 1.8rem;
	float: left;
}
@media screen and (max-width:640px){
	#quick_list_price_header {
		width: auto;
		padding: 15px 30px;
	}
}
#quick_list_price_sum_value {
	padding: 15px;
	background: #FFF;
	text-align: center;
	line-height: 1.6;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	float: right;
}
#quick_all_to_cart a {
	display: block;
	padding: 15px 30px 12px 60px;
	background: #D52117 url(../../img/common/icon_cart_bg.png) no-repeat 22px 50%;
	border-radius: 5px;
	line-height: 1.6;
	font-size: 18px;
	font-size: 1.8rem;
	color: #FFF;
	cursor: pointer;
	float: right;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
#quick_all_to_cart a:hover {
	text-decoration: none;
	background: #292929 url(../../img/common/icon_cart_bg.png) no-repeat 22px 50%;
}
@media screen and (max-width:640px){
	#quick_all_to_cart a {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		margin: 0 auto;
		padding: 12px 30px 12px 50px;
		font-size: 16px;
		font-size: 1.6rem;
		float: none;
	}
	#quick_all_to_cart a:hover {
	}
}

/* 商品詳細 */
.item_detail {
	width: 990px;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.item_detail {
		width: 100%;
		background: #FFF;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.item_detail {
		width: 100%;
		background: #FFF;
	}
}

.item_detail_image {
	height: auto;
	background: #FFF;
	width: 392px;
	border: 4px solid #fff;
	display: block;
	float: left;
}
.item_detail_image img {
	max-width: 392px;
}
@media screen and (max-width:640px){
	.item_detail_image {
		margin: 0 auto 10px auto;
		width: 92%;
		max-width: 392px;
		text-align: center;
		float: none;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.item_detail_image {
		margin: 0 auto 10px auto;
		text-align: center;
		float: none;
	}
}

.item_detail_explain {
	width: 565px;
	padding: 10px;
	background: #FFF;
	float: right;
	border-radius: 5px;
}
@media screen and (max-width:640px){
	.item_detail_explain {
		width: 94%;
		padding: 3%;
		float: none;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.item_detail_explain {
		width: 94%;
		padding: 3%;
		float: none;
	}
}

.item_detail_box {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: #EAEAEA 1px solid;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.item_detail_box {
		margin: 0 0 20px 0;
		padding: 0;
		border: none;
	}
}
.item_detail_code {
	margin: 0 0 10px 0;
	line-height: 1.6;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #AAA;
}
@media screen and (max-width:640px){
	.item_detail_code {
		margin: 0 0 10px 0;
	}
}
.item_detail_title {
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	background: none;
	border: none;
	line-height: 1.6;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #333;
	word-break:break-all;
}
@media screen and (max-width:640px){
	.item_detail_title {
		margin: 0 0 10px 0;
		font-size: 17px;
		font-size: 1.7rem;
		word-break:break-all;
	}
}
.item_detail .item_spec_table {
	width: 100%;
	border: none;
	border-collapse: collapse;
}
.item_detail .item_spec_table th {
	width: 20%;
	padding: 2px 5px;
	border-bottom: #FFF 2px solid;
	line-height: 1.4;
	text-align: right;
	background: #EAEAEA;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
.item_detail .item_spec_table td {
	padding: 2px 5px;
	border-bottom: #FFF 2px solid;
	line-height: 1.4;
	text-align: left;
	background: #FFF;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
.item_detail .item_quantity {
	width: 320px;
	float: left;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.item_detail .item_quantity {
		width: 100%;
		text-align: right;
		margin: 0 0 20px 0;
		float: none;
	}
}
.item_detail_cart {
	float: right;
}
@media screen and (max-width:640px){
	.item_detail_cart {
		float: none;
	}
}
.item_detail .item_stock {
	width: 60%;
	line-height: 1.6;
	text-align: left;
	float: left;
}
@media screen and (max-width:640px){
	/* アラジンECtoB 2ndバージョンリリース #3676 START */
	.item_detail .item_stock {
	/* アラジンECtoB 2ndバージョンリリース #3676 END */
		width: auto;
		margin: 0 0 20px 0;
		text-align: right;
	}
}
.item_detail .favorite {
	float: none;
	margin: 0 auto 20px auto;
}
@media screen and (max-width:640px){
	.item_detail .favorite {
		float: right;
		margin: 0 auto 20px auto;
	}
}
.favorite_note {
	text-align: center;
}
@media screen and (max-width:640px){
	.favorite_note {
		text-align: left;
	}
}
.detail_memo {
	line-height: 1.6;
	margin: 0 0 20px 0;
	text-align: left;
}
.memo_input {
	width: 440px;
}
@media screen and (max-width:640px){
	.memo_input {
		width: 90%;
		padding: 5px;
		height: 3em;
	}
}
.memo_update {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 auto;
}
.item_detail_text01 ,
.item_detail_text02 ,
.item_detail_text03 {
	margin: 0 0 20px 0;
}

/* 注文履歴一覧
------------------------------------------*/
input[type="date"] {
	width: 130px;
	height: 22px;
	padding: 5px 2px;
}
@media screen and (max-width:640px){
	input[type="date"] {
		width: 43%;
	}
}
.history_list_area {
	width: 988px;
	margin: 0 0 20px 0;
	border-top: #CCC 1px solid;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.history_list_area {
		width: 100%;
		margin: 0 0 20px 0;
		border-top: #CCC 1px solid;
		border-left: none;
		border-right: none;
	}
}
.history_list {
	width: 988px;
	margin: 0;
	padding: 0;
	border-bottom: #CCC 1px solid;
	background: #FFF;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.history_list {
		width: 100%;
	}
}
.history_list_header {
	width: 948px;
	padding: 10px 20px;
	background: #FCF1F2;
	border-top: #CCC 7px solid;
	overflow: hidden;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
}
@media screen and (max-width:640px){
	.history_list_header {
		width: 98%;
		padding: 10px 1%;
		font-size: 14px;
		font-size: 1.4rem;
	}
}
.history_header_ordercode {
	width: 400px;
	/* アラジンECtoB 2ndバージョンリリース #4631 START */
	min-height: 30px;
	margin: 10px 0 5px 0;
	/* アラジンECtoB 2ndバージョンリリース #4631 END */
	float: left;
	text-align: left;

}
@media screen and (max-width:640px){
	.history_header_ordercode {
		width: 100%;
		float: none;
	}
}
.history_header_orderdate {
	width: 400px;
	/* アラジンECtoB 2ndバージョンリリース #4631 START */
	min-height: 30px;
	margin: 10px 0 5px 0;
	/* アラジンECtoB 2ndバージョンリリース #4631 END */
	float: right;
	text-align: left;

}
@media screen and (max-width:640px){
	.history_header_orderdate {
		width: 100%;
		float: none;
	}
}
.history_header_receiver {
	width: 400px;
	/* アラジンECtoB 2ndバージョンリリース #4631 START */
	min-height: 30px;
	margin: 5px 0;
	/* アラジンECtoB 2ndバージョンリリース #4631 END */
	float: left;
	text-align: left;

}
@media screen and (max-width:640px){
	.history_header_receiver {
		width: 100%;
		float: none;
	}
}
.history_header_uniqueordercode {
	width: 400px;
	/* アラジンECtoB 2ndバージョンリリース #4631 START */
	height: 30px;
	margin: 5px 0;
	/* アラジンECtoB 2ndバージョンリリース #4631 END */
	float: right;
	text-align: left;

}
@media screen and (max-width:640px){
	.history_header_uniqueordercode {
		width: 100%;
		float: none;
	}
}
.history_list_header .item_header {
	margin: 0 20px 0 0;
}
@media screen and (max-width:640px){
	.history_list_header .item_header {
		margin: 0 10px 0 0;
		font-size: 13px;
		font-size: 1.3rem;
	}
}
.history_list_header .item_data {
	font-weight: bold;
}
.history_list_content {
	width: 968px;
	padding: 15px 10px;
	border-top: #CCC 1px dotted;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.history_list_content {
		width: 96%;
		padding: 15px 2%;
		border-top: #CCC 1px dotted;
	}
}
.history_list_check {
	width: 30px;
	margin: 0 20px 0 0;
	float: left;
}
@media screen and (max-width:640px){
	.history_list_check {
		width: 10%;
	}
}
.history_list_check input {
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.history_list_title {
	width: 320px;
	/* アラジンECtoB 2ndバージョンリリース #3546 START */
	margin: 0 10px 0 0;
	/* アラジンECtoB 2ndバージョンリリース #3546 END */
	float: left;
}
@media screen and (max-width:640px){
	.history_list_title {
		width: 80%;
		margin: 0;
		float: left;
	}
}
.history_list_title label {
	display: block;
	margin: 0;
	padding: 0;
}
.history_list .item_code {
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}
.history_list .item_name {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
	word-break:break-all;
}
.history_list_status {
	/* アラジンECtoB 2ndバージョンリリース #3546 START */
	width: 100px;
	margin: 0 10px 0 0;
	/* アラジンECtoB 2ndバージョンリリース #3546 END */
	float: left;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
}
@media screen and (max-width:640px){
	.history_list_status {
		width: auto;
		margin: 10px 0;
		clear: both;
		float: left;
		text-align: left;
	}
}
.history_list_status .unshipped {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 0 5px 0;
	padding: 3px 8px;
	background: #D52117;
	color: #FFF;
}
.history_list_status .shipped {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 0 5px 0;
	padding: 3px 8px;
	background: #A18E5C;
	color: #FFF;
}
.history_list_status .shipped_date{
	display: block;
	margin: 0;
	text-align: center;
}
@media screen and (max-width:640px){
	.history_list_status .shipped_date {
		display: inline;
		margin: 0 0 0 10px;
		text-align: center;
	}
}
.history_list .item_spec_table  {
	width: 420px;
	margin: 0;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.history_list .item_spec_table  {
		width: 100%;
		margin: 20px 0;
		overflow: hidden;
	}
}
.export_csv {
	float: right;
	margin: 20px 0;
	clear: both;
}


.history_detail_area .history_list_content:first-child {
	border-top: none;
}
@media screen and (max-width:640px){
	.history_detail_area .history_list_title {
		width: 100%;
		margin: 0;
		float: left;
	}
}
.item_shipping_table {
	float: left;
}
@media screen and (max-width:640px){
	.item_shipping_table {
		float: none;
		clear: both;
	}
}
/* アラジンECtoB 2ndバージョンリリース #3473 START */
.item_shipping_table th {
	/* アラジンECtoB 2ndバージョンリリース #3569 START */
	/*width: 80px;*/
	/*width: 60px;*/
	width: 90px;
	/* アラジンECtoB 2ndバージョンリリース #3569 END */
	padding: 5px 10px;
	border-bottom: #FFF 2px solid;
	line-height: 1.6;
	text-align: right;
	background: #EAEAEA;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;

}
@media screen and (max-width:640px){
	.item_shipping_table th {
		/*width: 36%;*/
		padding: 6px 10px;
		border-bottom: #FFF 2px solid;
	}
}
.item_shipping_table td {
	/* アラジンECtoB 2ndバージョンリリース #3569 START */
	width: 110px;
	/* アラジンECtoB 2ndバージョンリリース #3569 END */
	padding: 5px 10px;
	border-bottom: #FFF 2px solid;
	line-height: 1.6;
	text-align: left;
	background: #FFF;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;

}
@media screen and (max-width:640px){
	.item_shipping_table td {
		padding: 6px 10px;
	}
}
/* アラジンECtoB 2ndバージョンリリース #3473 END */

/* table/テーブル関係 */
.wide_table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border: none;
}
.wide_table th {
	width: 30%;
	border-bottom: #CCC 1px dotted;
	background: #EAEAEA;
	padding: 10px;
	text-align: right;
	line-height: 1.6;
	font-weight: normal;
	font-size: 13px;
	font-size: 1.3rem;
}
.wide_table td {
	border-bottom: #CCC 1px dotted;
	background: #FFF;
	padding: 10px;
	text-align: left;
	line-height: 1.6;
	font-weight: normal;
	font-size: 13px;
	font-size: 1.3rem;
	word-break:break-all;
}

.wide_table .item_quantity {
	width: 100px;
}

@media screen and (max-width:640px){
	.wide_table {
	}
	.wide_table th {
		width: 32%;
		padding: 5px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.wide_table td {
		padding: 5px;
	}
	.wide_table .item_quantity {
		width: 50%;
	}
}

/* 得意先情報見出し
------------------------------------------*/
.user_info_table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	margin: 10px 0;
}
.user_info_table th {
	width: 150px;
	background: #8080A0;
	border-right: #A0A0C0 10px solid;
	color: #F8F8F8;
	padding: 5px 15px;
	text-align: right;
	line-height: 1.6;
	font-weight: normal;
	font-size: 13px;
	font-size: 1.3rem;
}
.user_info_table td {
	width: auto;
	background: rgb(255,255,255); /* IE8対応 */
	background: rgba(255,255,255,0.9);
	padding: 5px 5px 5px 15px;
	text-align: left;
	line-height: 2.6;
	font-weight: normal;
	font-size: 13px;
	font-size: 1.3rem;
	word-break:break-all;
}

@media screen and (max-width:640px){
	.user_info_table {
	}
	.user_info_table th {
		width: 200px;
		padding: 5px;
	}
	.user_info_table td {
		padding: 5px;
		line-height: 1.6;
	}
}

/* 商品情報見出し
------------------------------------------*/
.item_info_table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	margin: 10px 0;
}
.item_info_table th {
	width: 150px;
	background: #80C0C0;
	border-right: #A0E0E0 10px solid;
	color: #F8F8F8;
	padding: 5px 15px;
	text-align: right;
	line-height: 1.6;
	font-weight: normal;
	font-size: 13px;
	font-size: 1.3rem;
}
.item_info_table td {
	width: auto;
	background: rgb(255,255,255); /* IE8対応 */
	background: rgba(255,255,255,0.9);
	padding: 5px 5px 5px 15px;
	text-align: left;
	line-height: 2.6;
	font-weight: normal;
	font-size: 13px;
	font-size: 1.3rem;
	word-break:break-all;
}

@media screen and (max-width:640px){
	.item_info_table {
	}
	.item_info_table th {
		width: 200px;
		padding: 5px;
	}
	.item_info_table td {
		padding: 5px;
		line-height: 1.6;
	}
}

/* カート
------------------------------------------*/
.alert_area {
	margin: 0 0 5px 0;
	color: #FF0000;
}
.recalculation_text {
	text-align: right;
}
@media screen and (max-width:640px){
	.recalculation_btn {
		float: right;
		margin: 0 0 0 30px;
		text-align: left;
	}
}
.cart_list_area {
	width: 988px;
	margin: 0 0 20px 0;
	border-top: #CCC 1px solid;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.cart_list_area {
		width: 100%;
		margin: 0 0 20px 0;
		border-top: #CCC 1px solid;
		border-left: none;
		border-right: none;
		overflow: hidden;
	}
}
.cart_list,
.confirm_list {
	width: 958px;
	margin: 0;
	padding: 15px;
	border-bottom: #CCC 1px solid;
	background: #FFF;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.cart_list,
	.confirm_list {
		width: 100%;
		padding: 20px 0;
	}
}
.cart_item_image {
	width: 120px;
	margin: 0 10px 0 0;
	float: left;
}
.cart_item_image img {
	width: 100%;
}
@media screen and (max-width:640px){
	.cart_item_image {
		width: 30%;
		float: left;
		margin: 0 5px 0 0;
	}
	.cart_item_image img {
		width: 100%;
	}
}
.cart_item_title {
	width: 290px;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	border-right: #CCC 1px dotted;
	float: left;
	overflow: hidden;
	word-break:break-all;
}
@media screen and (max-width:640px){
	/* アラジンECtoB 2ndバージョンリリース #3546 START */
	.cart_item_title {
		width: 53%;
		margin: 0 0 10px 0;
		padding: 0;
		border: none;
		float: right;
		overflow: hidden;
		word-break:break-all;
	}
	.cart_item_title_inner {
		width: 53%;
		float: right;
		padding: 0;
		word-break:break-all;
	}
	/* アラジンECtoB 2ndバージョンリリース #3546 END */
}
.cart_item_code {
	margin: 0 0 5px 0;
	font-size: 15px;
	font: 1.5rem;
	line-height: 1.6;
	font-weight: bold;
}
@media screen and (max-width:640px){
	.cart_item_code {
		margin: 0;
	}
}
.cart_item_name {
	font-size: 15px;
	font: 1.5rem;
	line-height: 1.6;
	font-weight: bold;
}
@media screen and (max-width:640px){
	.cart_item_name {
		margin: 0 0 10px 0;
	}
}
.cart_item_tanka {
	text-align: left;
	margin: 0 30px 5px 0;
	float: left;
}
@media screen and (max-width:640px){
	.cart_item_tanka {
		margin: 0 30px 5px 10px;
	}
}
.cart_item_stock {
	text-align: left;
	margin: 0 0 5px 0;
	float: left;
}
.cart_list_quantity {
	width:300px;
	margin: 0 10px 0 0;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: left;
	float: left;
}
@media screen and (max-width:640px){
	.cart_list_quantity {
		width:100%;
		clear: both;
		margin: 0 0 20px 0;
		text-align: right;
		float: none;
		padding:0;
	}
}
.cart_list .item_quantity {
	width: 260px;
	float: left;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
	text-align: left;
}
@media screen and (max-width:640px){
	.cart_list .item_quantity {
		width: auto;
		float: none;
		text-align: center;
	}
}
.cart_list_price {
	width: 100%;
	margin: 30px 10px 0 0;
	line-height: 1.6;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: left;
	float: left;
	/*text-align:right;*/
}
@media screen and (max-width:640px){
	.cart_list_price {
		width: 100%;
		margin: 20px 0 0 0;
		float: none;
		/*text-align: right;*/
	}
}
.cart_list_control {
	padding: 0 0 0 15px;
	border-left: #CCC 1px dotted;
	float: right;
	text-align: right;
}
@media screen and (max-width:640px){
	.cart_list_control {
		padding: 0;
		border: none;
		float: none;
		overflow: hidden;
		text-align: center;
	}
}
.recalculation_btn {
	margin: 0 0 20px 0;
}
@media screen and (max-width:640px){
	.recalculation_btn {
		float: right;
		margin: 0 10px;
	}
}
.cart_list_delete.btn {
	border: #666666 1px solid;
}
@media screen and (max-width:640px){
	.cart_list_delete.btn {
		float: left;
		margin: 0 10px;
		border: #666666 1px solid;
	}
}
.cart_list_delete a {
	background: #666666;
	color: #FFF;
	text-decoration: none;
}
.cart_list_delete a:hover {
	background: #292929;
	color: #FFF;
	text-decoration: none;
}
#cart_list_price_sum {
	width: 400px;
	background: #FFF;
	border: #CCC 1px solid;
	overflow: hidden;
	float: right;
}
@media screen and (max-width:640px){
	#cart_list_price_sum {
		width: 96%;
		margin: 0 auto 20px auto;
		float: none;
	}
}
#cart_list_price_header {
	width: 140px;
	padding: 15px;
	background: #EAEAEA;
	text-align: center;
	line-height: 1.6;
	font-size: 18px;
	font-size: 1.8rem;
	float: left;
}
@media screen and (max-width:640px){
	#cart_list_price_header {
		width: auto;
		padding: 15px;
	}
}
#cart_list_price_sum_value {
	padding: 15px;
	background: #FFF;
	text-align: center;
	line-height: 1.6;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	float: right;
	color: #CC0000;
}
@media screen and (max-width:640px){
	#cart_list_price_sum_value {
		padding: 15px 10px 15px 5px;
		float: right;
	}
}
#cart_order_btn {
	overflow: hidden;
	margin: 30px auto;
	text-align: center;
}
@media screen and (max-width:640px){
	#cart_order_btn {
		margin: 0;
	}
}
#cart_to_order,
#cart_clear,
#cart_continue,
#export_estimate {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 15px;
}
@media screen and (max-width:640px){
	#cart_to_order {
		display: block;
		margin: 15px 10%;
		clear: both;
	}
	#cart_clear {
		display: block;
		width: 46%;
		margin: 0 0 30px 5px;
		font-size: 14px;
		font-size: 1.4rem;
		float: left;
	}
	#cart_continue {
		display: block;
		float: right;
		width: 46%;
		margin: 0 5px 30px 0;
	}
	#export_estimate {
		/*
		display: block;
		margin: 0 15px;
		font-size: 15px;
		font-size: 1.5rem;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		*/
		font-size: 15px;
		font-size: 1.5rem;
		display: block;
		margin: 15px 10%;
		clear: both;
	}
}
#cart_to_order a {
	display: block;
	padding: 14px 50px 11px 70px;
	background: #D52117 url(../../img/common/icon_cart_bg.png) no-repeat 22px 50%;
	border-radius: 5px;
	line-height: 1.6;
	font-size: 18px;
	font-size: 1.8rem;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
#cart_to_order a:hover {
	background: #292929 url(../../img/common/icon_cart_bg.png) no-repeat 22px 50%;
	text-decoration: none;
}
@media screen and (max-width:640px){
	#cart_to_order a {
		padding: 11px 40px 8px 60px;
	}
	#cart_to_order a:hover {
	}
}
#cart_clear.btn {
	border: #666 1px solid;
}
#cart_clear a {
	display: block;
	background: #666;
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	font-size: 1.5rem;
}
#cart_clear a:hover {
	background: #292929;
	color: #FFF;
	text-decoration: none;
}
#cart_continue a {
	display: block;
	margin: 0 15px;
	padding: 14px 40px 11px 40px;
	background: #A18E5C;
	border-radius: 5px;
	line-height: 1.6;
	font-size: 18px;
	font-size: 1.8rem;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
#cart_continue a:hover {
	background: #292929;
	text-decoration: none;
}
@media screen and (max-width:640px){
	#cart_continue a {
		margin: 0;
		padding: 7px 0 7px 0;
		font-size: 14px;
		font-size: 1.4rem;
	}
	#cart_continue a:hover {
	}
}
#export_estimate a {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
}
@media screen and (max-width:640px){
	/*
	#export_estimate a {
		display: none;
	}
	*/
	.confirm_list_area {
		width: 100%;
		background: #FFF;
	}
	.confirm_list {
		width: 100%;
		background: #FFF;
		padding: 10px 0;
		margin: 0;
		border-bottom: #CCC 1px solid;
		overflow: hidden;
	}
	.confirm_list .cart_item_image{
		margin: 0 0 10px 0;
	}
}
.cart_confirm_title {
	width: 360px;
	margin: 0 10px 0 0;
	border: none;
	float: left;
}
@media screen and (max-width:640px){
	.cart_confirm_title {
		width: 100%;
		margin: 0;
		float: none;
	}
}
.cart_confirm_spec {
	width: 240px;
	margin: 0 10px 0 0;
	border: none;
	float: left;
}
@media screen and (max-width:640px){
	.cart_confirm_spec {
		width: 100%;
		margin: 0;
		float: none;
	}
}
.cart_confirm_title th,
.cart_confirm_spec th {
	width: 26%;
	padding: 5px;
	background: #EAEAEA;
	border-bottom: #FFF 2px solid;
	line-height: 1.6;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
}
.cart_confirm_title td {
	padding: 5px 10px;
	background: #FFF;
	border-bottom: #FFF 2px solid;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: left;
	word-break:break-all;
}
.cart_confirm_spec td {
	padding: 5px 10px;
	background: #FFF;
	border-bottom: #FFF 2px solid;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	text-align: left;
}
td.td_quantity {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.cart_confirm_price {
	/* アラジンECtoB 2ndバージョンリリース #3546 START */
	width: 160px;
	/* アラジンECtoB 2ndバージョンリリース #3546 END */
	border: none;
	float: right;
}
@media screen and (max-width:640px){
	.cart_confirm_price {
		width: 90%;
		margin: 10px auto;
		border: none;
		float: none;
	}
}
.cart_confirm_price th {
	padding: 5px 10px;
	background: #EAEAEA;
	border: #CCC 1px solid;
	line-height: 1.6;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
	text-align: center;
}
@media screen and (max-width:640px){
	.cart_confirm_price th {
		font-size: 14px;
		font-size: 1.4rem;
	}
}
.cart_confirm_price td {
	padding: 10px;
	background: #FFF;
	border: #CCC 1px solid;
	line-height: 1.6;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width:640px){
	.cart_confirm_price td {
		padding: 5px 10px;
	}
}
.order_price_memo {
	text-align: right;
}
@media screen and (max-width:640px){
	.order_price_memo {
		text-align: left;
	}
}
.receivers_list_btn {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 auto 20px auto;
	font-size: 15px;
	font-size: 1.5rem;
}
.receiver_area {
	width: 950px;
	margin: 0 0 20px 0;
	padding: 20px 20px 0 20px;
	background: #FFF;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.receiver_area {
		width: 98%;
		margin: 0 0 20px 0;
		padding: 20px 1% 0 1%;
	}
}
.table_item {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: #CCC 1px dotted;
	overflow: hidden;
	/* アラジンECtoB 2ndバージョンリリース #4109 START */
	min-height: 55px;
	/* アラジンECtoB 2ndバージョンリリース #4109 END */
}
.table_header {
	width: 20%;
	margin: 0;
	padding: 5px 3%;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	float: left;
	text-align: right;
}
@media screen and (max-width:640px){
	.table_header {
		width: 100%;
		margin: 0 0 5px 0;
		padding: 0;
		float: none;
		text-align: left;
	}
}
.table_data {
	width: 67%;
	margin: 0;
	padding: 5px 3%;
	line-height: 1.6;
	font-size: 13px;
	font-size: 1.3rem;
	float: right;
	text-align: left;
}
@media screen and (max-width:640px){
	.table_data {
		width: 100%;
		margin: 0;
		padding: 0;
		float: right;
		text-align: left;
	}
}
.table_data p {
	margin: 0;
}
.required {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	background: #CC0000;
	padding: 2px 5px;
	line-height: 1.6;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: normal;
	text-align: center;
	color: #FFF;
	/*float: left;*/
}
@media screen and (max-width:640px){
	.required {
		float: right;
	}
}
.zip_search_btn {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
@media screen and (max-width:640px){
	.zip_search_btn {
		margin: 5px 0;
		clear: both;
	}
	.zip_search_btn a {
		display: inline-block;
	}
}
#confirm_btn_area {
	padding: 10px 5px;
	overflow: hidden;
	display: inline-block;
}
#back_to_cart {
	width: 120px;
	margin: 0 auto;
}
@media screen and (max-width:640px){
	#back_to_cart {
		width: 30%;
		margin: 0 auto;
		text-align: center;
	}
}
#define_order {
	width: 320px;
	margin: 0 auto 30px auto;
}
@media screen and (max-width:640px){
	#define_order {
		width: 80%;
		margin: 0 auto 30px auto;
	}
}
#define_order a {
	display: block;
	padding: 16px 30px 13px 30px;
	background: #D52117;
	border-radius: 5px;
	line-height: 1.6;
	font-size: 20px;
	font-size: 2.0rem;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
#define_order a:hover {
	background: #292929;
}


/* 未出荷一覧
------------------------------------------ */
.unshipped_list_title {
	width: 250px;
	margin: 0 20px 0 0;
	float: left;
}
.unshipped_list_title p {
	font-size: 15px;
	font-size: 1.5rem;
}
@media screen and (max-width:640px){
	.unshipped_list_title {
		width: 100%;
		margin: 0 0 10px 0;
		float: none;
	}
}
.item_unshipped_table {
	float: left;
}
@media screen and (max-width:640px){
	.item_unshipped_table {
		float: none;
		clear: both;
	}
}
/* アラジンECtoB 2ndバージョンリリース #3473 START */
.item_unshipped_table th {
	/* アラジンECtoB 2ndバージョンリリース #3569 START */
	/*width: 80px;*/
	/* アラジンECtoB 2ndバージョンリリース #3906 START */
	/*width: 90px;*/
	width: 110px;
	/* アラジンECtoB 2ndバージョンリリース #3906 END */
	/* アラジンECtoB 2ndバージョンリリース #3569 END */
	padding: 5px 10px;
	border-bottom: #FFF 2px solid;
	line-height: 1.6;
	text-align: right;
	background: #EAEAEA;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;

}
@media screen and (max-width:640px){
	.item_unshipped_table th {
		padding: 6px 10px;
		border-bottom: #FFF 2px solid;
	}
}
.item_unshipped_table td {
	/* アラジンECtoB 2ndバージョンリリース #3563 START */
	width: 180px;
	/* アラジンECtoB 2ndバージョンリリース #3563 END */
	padding: 5px 5px 5px 10px;
	border-bottom: #FFF 2px solid;
	line-height: 1.6;
	text-align: left;
	background: #FFF;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	word-break: break-all;

}
@media screen and (max-width:640px){
	.item_unshipped_table td {
		padding: 6px 10px;
	}
}
/* アラジンECtoB 2ndバージョンリリース #3473 END */

/* お届け先
------------------------------------------ */
.receivers_list_area {
	width: 100%;
	margin: 0 0 20px 0;
}
.receivers_list {
	width: 94%;
	padding: 20px 3%;
	border-bottom: #CCC 1px solid;
	overflow: hidden;
	background: #FFF;
	text-align: left;
}
.receivers_code {
	float: left;
	margin: 0 30px 0 0;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
	text-align: left;
}
@media screen and (max-width:640px){
	.receivers_code {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		margin: 0 10px 15px 0;
		float: left;
	}
}
.receivers_body {
	float: left;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.receivers_body {
		float: none;
	}
}
.receivers_name {
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: left;
	font-weight: bold;
}
.receivers_address {
	width: 100%;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
	text-align: left;
}
.zip {
	margin: 0 20px 0 0;
}
@media screen and (max-width:640px){
	.zip {
		display: block;
		margin: 0 10px 0 0;
	}
	.address {
		display: block;
	}
}
.entry_btn a {
	padding: 13px 40px 10px 40px;
	background: #D52117;
	border-radius: 5px;
	line-height: 1.6;
	font-size: 18px;
	font-size: 1.8rem;
	color: #FFF;
	cursor: pointer;
	float: right;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
.entry_btn a:hover {
	background: #292929;
	text-decoration: none;
}
@media screen and (max-width:640px){
	.entry_btn a {
		display: block;
		padding: 13px 40px 10px 40px;
		background: #D52117;
		border-radius: 5px;
		line-height: 1.6;
		font-size: 18px;
		font-size: 1.8rem;
		color: #FFF;
		cursor: pointer;
		float: right;
		text-decoration: none;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all  0.2s ease;
	}
	.entry_btn a:hover {
		background: #292929;
		text-decoration: none;
	}
}

#back_to_list {
	width: 200px;
	margin: 0 auto 20px auto;
}
@media screen and (max-width:640px){
	#back_to_list {
		margin: 0 auto;
		text-align: center;
	}
}
#back_to_user_detail {
	width: 150px;
	margin: 0;
	float: right;
}
#back_to_user_detail a {
	padding: 5px;
}
#define_edit {
	margin: 10px auto 10px auto;
}
@media screen and (max-width:640px){
	#define_edit {
		margin: 0 auto 10px auto;
	}
	#define_edit .sale_history_btn {
		display: block;
		width: 280px;
		margin: 0 auto 5px auto;
		float: none;
	}
	#define_edit .deal_history_btn {
		display: block;
		width: 280px;
		margin: 0 auto 5px auto;
		float: none;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#define_edit {
		margin: 0 auto 10px auto;
	}
	#define_edit .sale_history_btn {
		display: block;
		width: 280px;
		margin: 0 auto 5px auto;
		float: none;
	}
	#define_edit .deal_history_btn {
		display: block;
		width: 280px;
		margin: 0 auto 5px auto;
		float: none;
	}
}

#define_edit a {
	display: block;
	padding: 12px 80px 8px 80px;
	_background: #13C5F5;
	background: #2040A0; /* IE8対応 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.9), #2040A0);
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #A0A0B8 #8080B8 #8080B8 #A0A0B8;
	font-size: 19px;
	font-size: 1.9rem;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	margin: 0px 10px;
}
#define_edit a:hover {
	_background: #292929;
	background: #4080C0; /* IE8対応 */
	background: linear-gradient(to bottom, rgba(255,255,255,1), #4080C0);
}
#define_delete {
	width: 280px;
	margin: 0 auto 30px auto;
}
@media screen and (max-width:640px){
	#define_delete {
		width: 70%;
		margin: 0 auto 30px auto;
	}
	#define_edit a {
		padding: 10px 70px 7px 70px;
		margin: 0 20px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	#define_edit a:hover {
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#define_edit a {
		margin-top: 10px;
	}
	#define_edit a:hover {
		margin-bottom: 10px;
	}
}

#define_delete a {
	display: block;
	padding: 12px 30px 9px 30px;
	background: #666666;
	border-radius: 5px;
	line-height: 1.6;
	font-size: 16px;
	font-size: 1.6rem;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
#define_delete a:hover {
	background: #292929;
}

/* 見積履歴一覧
------------------------------------------ */
.estimate_list_title {
	width: 350px;
	margin: 0 20px 0 0;
	float: left;
}
.estimate_list_title p {
	font-size: 15px;
	font-size: 1.5rem;
}
@media screen and (max-width:640px){
	.estimate_list_title {
		width: 100%;
		margin: 0 0 10px 0;
		float: none;
	}
}
.item_estimate_table {
	float: left;
}
@media screen and (max-width:640px){
	.item_estimate_table {
		float: none;
		clear: both;
	}
}
.item_estimate_table th {
	width: 90px;
	padding: 5px 10px;
	border-bottom: #FFF 2px solid;
	line-height: 1.6;
	text-align: right;
	background: #EAEAEA;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
@media screen and (max-width:640px){
	.item_estimate_table th {
		width: 36%;
		padding: 6px 10px;
		border-bottom: #FFF 2px solid;
	}
}
.item_estimate_table td {
	width: 230px;
	padding: 5px 5px 5px 10px;
	border-bottom: #FFF 2px solid;
	line-height: 1.6;
	text-align: left;
	background: #FFF;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
@media screen and (max-width:640px){
	.item_estimate_table td {
		padding: 6px 10px;
	}
}
.estimate_pdf_download {
	width:120px;
	float: right;
}
@media screen and (max-width:640px){
	.estimate_pdf_download {
		float: right;
	}
}


/* modal e.g. 届け先設定
------------------------- */
/*
#modal_page {
	width: 700px;
	margin: 15px auto;
	padding: 15px;
	background: #FFF;
	float: none;
}
*/
#modal_page {
	width: 740px;
	margin: 15px auto;
	padding: 15px;
	background: #FFF;
	float: none;
}
@media screen and (max-width:640px){
	#modal_page {
		width: 76%;
		margin: 15px auto;
		padding: 3%;
	}
}
/*
#modal_page .search_area {
	width: 668px;
	text-align: center;
}
*/
#modal_page .search_area {
	width: 710px;
	text-align: center;
}
@media screen and (max-width:640px){
	#modal_page .search_area {
		width: 94%;
	}
}
#modal_page .item_list_area{
	width: 698px;
}
@media screen and (max-width:640px){
	#modal_page .item_list_area {
		width: 100%;
		border: none;
	}
}
#modal_page .item_list{
	width: 668px;
}
@media screen and (max-width:640px){
	#modal_page .item_list {
		width: 100%;
		padding: 20px 0;
		border-left: none;
		border-right: none;
		border-bottom: #CCC 1px solid;
	}
}
#modal_page .item_list_content {
	float: left;
}
@media screen and (max-width:640px){
	#modal_page .item_list_content {
		width: 100%;
		margin: 0 0 10px 0;
		float: none;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#modal_page .item_list_content {
		width: 100%;
		margin: 0 0 10px 0;
		float: none;
	}
}

#modal_page .item_list_control {
	width: 186px;
	float: right;
}
@media screen and (max-width:640px){
	#modal_page .item_list_control {
		width: 100%;
		float: none;
	}
}

#modal_page .memo_favorite {
	margin: 0;
	float: left;
}
@media screen and (max-width:640px){
	#modal_page .memo_favorite {
		width: 100%;
		float: none;
	}
}
#modal_page .favorite {
	width: 65px;
	clear: both;
	display: block;
}
@media screen and (max-width:640px){
	#modal_page .favorite {
		clear: none;
		display: block;
		float: left;
	}
}

#modal_page .memo_area {
	width: auto;
 	clear: both;
	float: none;
	margin: 0 0 10px 0;
}
@media screen and (max-width:640px){
	#modal_page .memo_area {
		width: auto;
		min-width: 100px;
		float: left;
		margin: 0 0 0 20px;
		position: relative;
		clear: none;
	}
}
#modal_page .tips {
	width: 320px;
	position: absolute;
	top: 40px;
	left: -160px;
	z-index: 100;
	padding: 10px;
	margin: 0;
	background: #FFF;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2);
}
@media screen and (max-width:640px){
	#modal_page .tips {
		width: 100%;
		position: absolute;
		top: 40px;
		left: 0;
	}
}
#modal_page .inner {
	text-align: left;
}
#modal_page .search_btn,
#modal_page .search_btn a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	float: none;
	margin: 0 auto;
}
@media screen and (max-width:640px){
	#modal_page .search_btn {
		display: block;
		float: none;
		margin: 0;
	}
	#modal_page .search_btn a {
		width: 60%;
		display: block;
		margin: 10px 0;
		padding: 12px 30px 12px 50px;
		background: #D52117 url(../../img/common/icon_search_bg.png) no-repeat 36px 50%;
		border-radius: 5px;
		line-height: 1.6;
		font-size: 16px;
		font-size: 1.6rem;
		color: #FFF;
		cursor: pointer;
		text-decoration: none;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all  0.2s ease;
	}
	#modal_page .search_btn a:hover {
		text-decoration: none;
		background: #292929 url(../../img/common/icon_search_bg.png) no-repeat 36px 50%;
	}
}
#modal_page .receivers_list_area {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
}
#modal_page .receivers_list {
	width: 100%;
	padding: 20px 0;
	border-bottom: #CCC 1px solid;
	overflow: hidden;
	background: #FFF;
}
/* カタログ一覧
------------------------------------------ */
.catalog_list_area {
	width: auto;
	overflow: hidden;
}
.catalog_list {
	width: 25%;
	float: left;
	background: #FFF;
}
@media screen and (max-width:640px){
	.catalog_list {
		width: 33%;
		float: left;
		background: #FFF;
	}
}
.catalog_list a {
	display: block;
	padding: 10px;
	/* アラジンECtoB 2ndバージョンリリース #4031 START */
	border: #CCC 1px solid;
	/* アラジンECtoB 2ndバージョンリリース #4031 END */
	background: #FFF;
}
.catalog_list a:hover {
	_background: #FCE1E0;
}
.catalog_list_inner {
}
.catalog_thumb {
	margin: 0 0 10px 0;
}
.catalog_thumb img {
	width: 100%;
}
.catalog_title {
	word-break:break-all;
}

/* ご利用ガイド
------------------------------------------ */
.h4_step {
	width: 96%;
	padding: 16px 2% 13px 2%;
	background: #D52117;
	color: #ffffff;
	line-height: 1.6;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
}
.step_icon {
	margin: 0 20px 0 0;
	vertical-align: middle;
}
.guide_wrap {
	width: 948px;
	padding: 20px 20px 30px 20px;
	border: solid 1px #D52117;
	background-color: #ffffff;
	overflow: hidden;
}
.guide_arrow {
	text-align: center;
}
@media screen and (max-width:640px){
	.h4_step {
		width: 96%;
		padding: 2%;
		background: #D52117;
		color: #ffffff;
		line-height: 1.6;
		text-align: left;
		font-size: 16px;
		font-weight: bold;
	}
	.step_icon {
		display: block;
		margin: 0 0 10px 0;
		vertical-align: middle;
	}
	.step_icon img {
		width: 25%;
	}
	.guide_wrap {
		width: auto;
		padding: 2%;
		border: solid 1px #D52117;
		background-color: #ffffff;
		overflow: hidden;
	}
	.guide_arrow {
		text-align: center;
	}
	.guide_arrow img {
		width: 6%;
		height: 30px;
	}
}

/* -------------------------------------------------------------------------
    ログイン画面
---------------------------------------------------------------------------- */
#login_wrap {
	width: 500px;
	margin: 50px auto;
	padding: 30px;
	background: #FFF;
	border-radius: 10px;
}
@media screen and (max-width:640px){
	#login_wrap {
		width: 80%;
		margin: 20px auto;
		padding: 10px;
	}
}
#login_box {
	margin: 0 0 30px 0;
	overflow: hidden;
}
#login_header {
	margin: 0 0 20px 0;
	text-align: center;
}
@media screen and (max-width:640px){
	#login_header img {
		width: 75%;
		min-width: 200px;
		max-width: 240px;
	}
}
@media only screen and (min-width: 641px) and (max-width: 1024px){
	#login_header img {
		width: 50%;
		min-width: 250px;
		max-width: 300px;
	}
}

.login_form_header {
	margin: 0 0 10px 0;
	line-height: 1.6;
	text-align: left;
	font-size: 13px;
}
.login_form {
	margin: 0 0 20px 0;
	text-align: left;
	overflow: hidden;
}
.login_form p {
	margin: 0;
}
.login_form input {
	width: 92%;
}
.login_btn {
	margin: 30px 0;
}
.login_btn a {
	padding: 11px 30px 8px 30px;
	_background: #307EF5;
	background: #2040A0; /* IE8対応 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.9), #2040A0);
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #A0A0B8 #8080B8 #8080B8 #A0A0B8;
	line-height: 1.6;
	font-size: 16px;
	font-size: 1.6rem;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
.login_btn a:hover {
	_background: #696969;
	background: #4080C0; /* IE8対応 */
	background: linear-gradient(to bottom, rgba(255,255,255,1), #4080C0);
	text-decoration: none;
}
@media screen and (max-width:640px){
	.login_btn a {
		padding: 11px 20px 8px 20px;
	}
}

.menu_btn {
	margin: 30px 0;
}
.menu_btn a {
	margin: 5px;
	padding: 11px 50px 8px 50px;
	_background: #307EF5;
	background: #2040A0; /* IE8対応 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.9), #2040A0);
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #A0A0B8 #8080B8 #8080B8 #A0A0B8;
	line-height: 1.6;
	font-size: 16px;
	font-size: 1.6rem;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
.menu_btn a:hover {
	_background: #696969;
	background: #4080C0; /* IE8対応 */
	background: linear-gradient(to bottom, rgba(255,255,255,1), #4080C0);
	text-decoration: none;
}
@media screen and (max-width:640px){
	.menu_btn a {
		padding: 11px 30px 8px 30px;
	}
}
.menu_btn .user_admin {
	padding: 11px 34px 8px 34px;
}
@media screen and (max-width:640px){
	.menu_btn .user_admin {
		padding: 11px 15px 8px 15px;
	}
}

.reminder_required {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	background: #CC0000;
	margin: 0 0 0 20px;
	padding: 2px 5px;
	line-height: 1.6;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: normal;
	text-align: center;
	color: #FFF;
}
/* -------------------------------------------------------------------------
    共通・その他
---------------------------------------------------------------------------- */
.inline_text {
	display: inline;
}

.bold {
	font-weight: bold;
}

.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.large {
	font-size: 16px;
	font-size: 1.6rem;
}
.textSmall {
	font-size: 11px;
	font-size: 1.1rem;
}
.note {
	color: #FF0000;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
.clear {
	clear: both;
}
.nomg {
	line-height: 1.2;
}
.sub_menu_height {
	height:450px;
	overflow-y:scroll;
}
@media screen and (max-width:640px){
	.sub_menu_height {
		height:472px;
		overflow-y:visible;
	}
}

.sub_category_height {
	height: 120px;
	overflow-y: scroll;
}
.stock_num {
	text-align:left;
}

#carouselWrap{
	margin:100px auto;
	width:730px;
	height:235px;
	padding:5px;
	position:relative;
}
#carouse{
	width:890px;
	height:100%;
	overflow:hidden;
}
#carouselInner ul.column{
	width:980px;
	height:155px;
	padding:15px 0 15px 0;
	list-style-type:none;
	float:left;
}
#carouselInner ul.column li{
	float:left;
	margin-right:10px;
	display:inline;
}
#carouselInner ul.column li img{
	border:none;
}
#carouselPrev {
	position:relative;
	top: 50px;
	width:32px;
	height:32px;
}
#carouselNext {
	position:relative;
	top: 50px;
	width:32px;
	height:32px;
}
#carouselPrev img,
#carouselNext img{
	cursor: pointer;
}
.dateInput {
	width: 124px;
	height: 22px;
	padding: 5px 2px;
}
.cart_item_quantity_per_case {
	text-align: left;
	margin: 0 0 5px 0;
	float: left;
}
.holiday .ui-state-default {
	background: #ff9999;
}
.alert_area > ul {
	text-align:left;
	line-height:1.6;
	/* アラジンECtoB 2ndバージョンリリース #4108 START */
	font-size:1.3em;
	/* アラジンECtoB 2ndバージョンリリース #4108 END */
	margin-bottom:12px;
}
#nosearchList {
	font-size:1.3rem;
}
.delivery_list {
	width: 958px;
	padding: 20px 15px;
	border-bottom: #CCC 1px solid;
	background: #FFF;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.delivery_list {
		width: 94%;
	}
}
.delivery_list_area {
	width: 988px;
	margin: 0 0 20px 0;
	border-top: #CCC 1px solid;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
}
@media screen and (max-width:640px){
	.delivery_list_area {
		width: 100%;
	}
}

/* ボタンを横並びにする
 * ・お届け先編集
 * ・見積完了
 * ・404、500画面などの戻るボタン
 */
#order_info_back_btn,
#order_info_add_btn,
#order_info_mod_btn,
#order_info_del_btn,
#est_end_back_btn,
#else_back_btn {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 5px 0px 5px 15px;
}
/* ボタンエリア */
.ope_btn_area {
	display: table;
	/display: table;
	width:100%;
	text-align:right;
}

/* マークなしボタン */
.ope_btn {
	float:right;
}
.ope_btn > a{
	display: block;
	padding: 14px 40px 11px 40px;
	background-color: #D52117;
	border-radius: 5px;
	line-height: 1.6;
	font-size: 18px;
	font-size: 1.8rem;
	color: #FFF;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	text-decoration: none;
}
.ope_btn > a:hover {
	background-color: #292929;
	text-decoration: none;
}
/* マークなしボタン(小型) */
.ope_mini_btn {
	float:right;
}
.ope_mini_btn > a{
	display: block;
	border: #CCCCCC 1px solid;
	border-radius: 5px;
	background-color: #D52117;
	line-height: 1.6;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
	color: #FFF;
	padding: 6px 15px;
}
.ope_mini_btn > a:hover {
	background-color: #292929;
	text-decoration: none;
}
/* 新規登録 */
.add_btn > a{
}
/* 更新 */
.mod_btn > a{
}
/* 削除 */
.del_btn > a{
	background-color: #666666;
}
/* 戻る */
.back_btn > a{
	background-color: #A18E5C;
}


/* 横にマークがあるボタン */
.mark_ope_btn {
	float:right;
}
.mark_ope_btn > a{
	display: block;
	padding: 14px 50px 10px 70px;
	background-color: #D52117;
	border-radius: 5px;
	line-height: 1.6;
	font-size: 18px;
	font-size: 1.8rem;
	color: #FFF;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	text-decoration: none;
}
.mark_ope_btn > a:hover {
	background-color: #292929;
	text-decoration: none;
}
/* 新規登録 */
.add_btn_mark > a{
	background-image: url(../../img/common/icon_search_bg.png);
	background-repeat: no-repeat;
	background-position: 36px;
}
/* 更新 */
.mod_btn_mark > a{
	background-image: url(../../img/common/icon_search_bg.png);
	background-repeat: no-repeat;
	background-position: 36px;
}
/* 削除 */
.del_btn_mark > a{
	background-color: #666666;
	background-image: url(../../img/common/icon_search_bg.png);
	background-repeat: no-repeat;
	background-position: 36px;
}
/* 戻る */
.back_btn_mark > a{
	background-color: #A18E5C;
	background-image: url(../../img/common/icon_search_bg.png);
	background-repeat: no-repeat;
	background-position: 36px;
}
/* メッセージ */
.message_area{
	line-height:1.6;
	font-size:1.3rem;
	margin-bottom:12px;
}
/* 商品選択リスト */
.quick_item_list_area {
	width: 100%;
	margin: 0 0 10px 0;
	border-top: #CCC 1px solid;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	overflow: hidden;
}
.quick_item_list {
	width: 100%;
	margin: 0;
	padding: 15px;
	border-bottom: #CCC 1px solid;
	background: #FFF;
	position: relative;
}
/* アラジンECtoB 2ndバージョンリリース #3788 START */
@media screen and (max-width:640px){
	.quick_item_list {
		width: auto;
	}
}
/* アラジンECtoB 2ndバージョンリリース #3788 END */
.quick_item_list:after {
	content: "";
	clear: both;
	display: block;
}
.quick_item_list_image {
	width: 120px;
	margin: 0 10px 0 0;
	float: left;
	text-align: center;
}
.quick_item_list_image img {
	width: 100%;
}
.quick_item_list_content {
	width: 300px;
	float: left;
}
/* アラジンECtoB 2ndバージョンリリース #3662 START */
@media screen and (max-width:640px){
	.quick_item_list_content {
		width: 100%;
	}
}
/* アラジンECtoB 2ndバージョンリリース #3662 END */
.quick_item_list .item_code {
	margin: 0 0 5px 0;
	text-align: left;
	line-height: 1.6;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.quick_item_list .item_title {
	line-height: 1.6;
	font-size: 15px;
	font-size: 1.5rem;
	word-break:break-all;
}
.quick_item_list_control {
	width: 280px;
	float: right;
}
/* アラジンECtoB 2ndバージョンリリース #3662 START */
@media screen and (max-width:640px){
	.quick_item_list_control {
		width: 100%;
	}
}
/* アラジンECtoB 2ndバージョンリリース #3662 END */
.favorite.disp {
	display: block;
	width: 65px;
	padding: 45px 0 0 0;
	background: url(../../img/common/icon_no_favorite.png) no-repeat 50% 0;
	float: left;
	line-height: 1.2;
	font-size: 10px;
	font-size: 1.0rem;
	text-align: center;
	cursor: default;
	text-decoration: none;
	color: #333;
}
.favorite.disp.active {
	background: url(../../img/common/icon_favorite.png) no-repeat 50% 0;
}
/* 商品メモテーブル */
.favorite_memo_area {
	float: left;
	margin: 0 0 0 10px;
	position: relative;
	/*width:410px;*/
}
.memo_table {
	width: 100%;
	border: none;
	border-collapse: collapse;
}
.memo_table th {
	width: 40px;
}
.row_menu_btn {
	float: right;
	position: relative;
	bottom: 5px;
	right: 5px;
}

/* 未出荷詳細 */
.order_header_area {
	width: 950px;
	margin: 0 0 20px 0;
	padding: 20px 20px 0 20px;
	background: #FFF;
	overflow: hidden;
}
.unshipped_info_spec_table th {
	width:100px;
}

/* 注文履歴詳細 */
.order_detail_area {
	margin: 0 0 20px 0;
}
.history_list .item_quantity {
	width: 100%;
	float: left;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
	text-align: left;
}
@media screen and (max-width:640px){
	.item_list .item_quantity {
		width: 100%;
		float: none;
		margin: 10px 0 20px 0;
		text-align: right;
	}
}

/*
 パスワードリマインダ、
 パスワードリマインダ送信完了
 */
#close_btn {
	text-align:center;
	width: 120px;
	margin: 0 auto;
}
/* お知らせ詳細 */
#pager {
	height:15px;
	padding:10px;
	font-size: 1.3rem;
}

/* 見積履歴詳細 */
#define_estimate {
	width: 320px;
	margin: 0 auto 30px auto;
}
@media screen and (max-width:640px){
	#define_estimate {
		width: 80%;
		margin: 0 auto 30px auto;
	}
}
#define_estimate a {
	display: block;
	padding: 16px 30px 13px 30px;
	background: #D52117;
	border-radius: 5px;
	line-height: 1.6;
	font-size: 20px;
	font-size: 2.0rem;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
#define_estimate a:hover {
	background: #292929;
}

#define_pdf {
	width: 120px;
	margin: 0 auto 30px auto;
	border: #CCCCCC 1px solid;
	border-radius: 5px;
	background: #F8F7F7;
	line-height: 1.6;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
}
@media screen and (max-width:640px){
	#define_pdf {
		width: 80%;
		margin: 0 auto 30px auto;
	}
}
#define_pdf a {
	display: block;
	padding: 6px 15px;
	text-decoration: none;
}
@media screen and (max-width:640px){
	#define_pdf a {
		color: #0066CC;
	}
	#define_pdf a:hover ,
	#define_pdf a:active ,
	#define_pdf a:visited {
		color: #0066CC;
		text-decoration: none;
	}
}
.logo {
	width: 227px;
	height: 50px;
}
.webNote{
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	list-style-type: none;
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
	word-break:break-all;
}
/* アラジンECtoB 2ndバージョンリリース #3772 START */
@media screen and (max-width:640px){
	.webNote img{
		width: auto;
		max-width: 100%;
	}
}
/* アラジンECtoB 2ndバージョンリリース #3772 END */

.siteDetailNote{
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	list-style-type: none;
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
}
/* アラジンECtoB 2ndバージョンリリース #3654 START */
@media screen and (max-width:640px){
	.siteDetailNote img{
		width: auto;
		max-width: 100%;
	}
}
/* アラジンECtoB 2ndバージョンリリース #3654 END */
.menuWidth{
	width:220px;
	float: right;
}
@media screen and (max-width:640px){
	.menuWidth{
		width: 100%;
	}
}

.detailImageWidth {
	width: 400px;
}
@media screen and (max-width:640px){
	.detailImageWidth {
		width: 100%;
	}
}
.pdf_list {
	margin: 0 0 30px 0;
}
.pdf_list_btn {
	float: left;
}
.pdf_list_name {
	text-align:left;
	padding: 11px 0 0 100px;
	word-break:break-all;
}

/* FireFox対策。FireFoxではこれをつけないとフッターが右に回り込む (2014/05/20) */
footer{
	clear: both;
}

/* おすすめ商品 */
.recommend_item {
	word-break:break-all;
}

/* アラジンECtoB 2ndバージョンリリース #3468 START */
@media screen and (max-width:640px){
	#search_cat1,
	#search_cat2,
	#search_cat3,
	#search_catalog {
		width: 100%;
	}

}
/* アラジンECtoB 2ndバージョンリリース #3468 END */
/* アラジンECtoB 2ndバージョンリリース #3473 START */
.history_list_tables {
	float:right;
}
@media screen and (max-width:640px){
	.history_list_tables {
		float:none;
	}
}
/* アラジンECtoB 2ndバージョンリリース #3473 END */
/* アラジンECtoB 2ndバージョンリリース #3474 START */
@media screen and (max-width:640px){
	#est_end_back_btn {
	}
}
/* アラジンECtoB 2ndバージョンリリース #3474 END */

/* アラジンECtoB 2ndバージョンリリース #3534 START */
.item_remarks_table {
	width: 100%;
	border: none;
	border-collapse: collapse;
}
.item_remarks_table th {
	width: 25%;
	padding: 5px 10px;
	border-bottom: #FFF 2px solid;
	line-height: 1.6;
	text-align: center;
	background: #EAEAEA;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
.item_remarks_table td {
	padding: 5px 10px;
	border-bottom: #FFF 2px solid;
	line-height: 1.6;
	text-align: left;
	background: #FFF;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
	word-break: break-all;

}
@media screen and (max-width:640px){
	.item_remarks_table td {
		padding: 6px 10px;
	}
}
/* アラジンECtoB 2ndバージョンリリース #3534 END */

/* アラジンECtoB 2ndバージョンリリース #3546 START */
.cart_item_no,
.hidtory_list_no {
	margin: 0 10px 0 0;
	float: left;
	width: 25px;
}
@media screen and (max-width:640px){
	.cart_item_no,
	.hidtory_list_no {
		margin: 0 5px 0 0;
	}
}
/* アラジンECtoB 2ndバージョンリリース #3546 END */
/* アラジンECtoB 2ndバージョンリリース #3562 START */
@media screen and (max-width:640px){
	img {
		width: 100%;
		max-width: 288px;
	}
	.sp_hide {
		visibility: hidden !important;
	}
}


#menu_search_keyword_input_form {
	float: left;
}
#menu_search_btn {
	display: inline-block;
	/display: inline;
	float: left;
}
@media screen and (max-width:640px){
	#menu_search_keyword_input_form {
		float: none;
		margin-top: 2.08%;
		vertical-align: top;
	}
	#menu_search_btn {
		float: none;
		width: 12%;
		height: 100%;
	}
	#menu_search_btn a {
		display: block;
		background: #D52117 url(../../img/common/btn_search.png) no-repeat;
		background-position: center center;
		background-size:  100% 100%;
		-webkit-background-size:  100% 100%;
		-moz-background-size:  100% 100%;
		-o-background-size:  100% 100%;
		-ms-background-size:  100% 100%;
	}
	#menu_search_btn a:hover {
		background: #292929 url(../../img/common/btn_search.png) no-repeat;
		background-position: center center;
		background-size:  100% 100%;
		-webkit-background-size:  100% 100%;
		-moz-background-size:  100% 100%;
		-o-background-size:  100% 100%;
		-ms-background-size:  100% 100%;
	}
}
/* アラジンECtoB 2ndバージョンリリース #3562 END */
/* CSVメモインポート/エクスポート対応 START */
/* アラジンECtoB 2ndバージョンリリース #3652 START */
.favorite_memo_menu {
	overflow: hidden;
	margin: 30px auto;
	text-align: center;
}
.csv_download_btn,
.csv_upload_btn {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
@media screen and (max-width:640px){
	.csv_download_btn {
		display: block;
		margin: 15px 10%;
		clear: both;
	}
	.csv_upload_btn {
		font-size: 15px;
		font-size: 1.5rem;
		display: block;
		margin: 15px 10%;
		clear: both;
	}
}
.csv_download_btn a,
.csv_upload_btn a {
	display: block;
	padding: 10px 20px 10px 20px;
	background: #D52117;
	border-radius: 5px;
	line-height: 1.6;
	font-size: 18px;
	font-size: 1.8rem;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
.csv_download_btn a:hover,
.csv_upload_btn a:hover {
	background: #292929;
	text-decoration: none;
}

/* アラジンECtoB 2ndバージョンリリース #3652 END */

#file_area {
	margin-bottom: 40px;
}
#csv_btn_area {
	overflow: hidden;
	margin: 20px auto;
	text-align: center;
}
@media screen and (max-width:640px){
	#csv_btn_area {
		margin: 0;
	}
}
#csvRegBtn,
#backBtn,
#csvDlBtn {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 5px;
}
@media screen and (max-width:640px){
	#csvRegBtn {
		display: block;
		width: 46%;
		margin: 0 0 30px 5px;
		float: left;
	}
	#backBtn {
		display: block;
		float: right;
		width: 46%;
		margin: 0 5px 30px 0;
	}
	#csvDlBtn {
		display: block;
		margin: 15px 10%;
		clear: both;
	}
}
#csvRegBtn.btn {
	border: #666 1px solid;
}
#csvRegBtn a {
	display: block;
	padding: 14px 20px 11px 20px;
	background: #666;
	border-radius: 5px;
	line-height: 1.6;
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	font-size: 1.5rem;
}
#csvRegBtn a:hover {
	background: #292929;
	color: #FFF;
	text-decoration: none;
}
#backBtn a {
	display: block;
	margin: 0 15px;
	padding: 14px 20px 11px 20px;
	background: #A18E5C;
	border-radius: 5px;
	line-height: 1.6;
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	font-size: 1.5rem;
}
#backBtn a:hover {
	background: #292929;
	color: #FFF;
	text-decoration: none;
}
@media screen and (max-width:640px){
	#backBtn a {
		margin: 0;
	}
	#backBtn a:hover {
	}
	#csvRegBtn a {
		margin: 0;
	}
	#csvRegBtn a:hover {
	}
}

/* CSVメモインポート/エクスポート対応 END */
/* アラジンECtoB 2ndバージョンリリース #3603 START */
/* アラジンECtoB 2ndバージョンリリース #4631 START */
.history_header_import_div {
	width: 400px;
	min-height: 30px;
	margin: 5px 0;
	float: right;
	text-align: left;
}
/* アラジンECtoB 2ndバージョンリリース #4631 END */
@media screen and (max-width:640px){
	.history_header_import_div {
		width: 100%;
		float: none;
	}
}
/* アラジンECtoB 2ndバージョンリリース #3603 END */
/* アラジンECtoB 2ndバージョンリリース #3602 START */
/* アラジンECtoB 2ndバージョンリリース #4631 START */
.history_header_shipmentdate {
	width: 400px;
	min-height: 30px;
	margin: 5px 0;
	float: left;
	text-align: left;
}
@media screen and (max-width:640px){
	.history_header_shipmentdate {
		width: 100%;
		float: none;
	}
}
/* アラジンECtoB 2ndバージョンリリース #4631 END */
/* アラジンECtoB 2ndバージョンリリース #3602 END */
/* アラジンECtoB 2ndバージョンリリース #3645 START */
#login_header p {
	margin:3px 0;
	line-height: 1.6;
	font-size: 10px;
	font-size: 1.0rem;
	text-align: center;
	color: #A18E5C;
	font-weight: bold;
	word-break:break-all;
}
/* アラジンECtoB 2ndバージョンリリース #3645 END */

/* アラジンECtoB 2ndバージョンリリース #3693 START */
#actionerrors_div_plusminus a{
	display: inline-block;
	background: #D52117;
	border-radius: 5px;
	line-height: 1.6;
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	font-size: 1.5rem;
	width: 40px;
	text-align: center;
}
#actionerrors_div_plusminus a:hover {
	background: #292929;
	color: #FFF;
	text-decoration: none;
}
#actionerrors_explain {
}
#recentBtn a {
	display: block;
	padding: 14px 20px 11px 20px;
	background: #A18E5C;
	border-radius: 5px;
	line-height: 1.6;
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	font-size: 1.5rem;
}
#recentBtn a:hover {
	background: #292929;
	color: #FFF;
	text-decoration: none;
}
/* アラジンECtoB 2ndバージョンリリース #3693 END */
/* アラジンECtoB 2ndバージョンリリース #3714 START */
#charge_note_area {
	font-size: 13px;
	font-size: 1.3rem;
	color: #FF0000;
	margin: 10px 0;
	text-align: left;
}
/* アラジンECtoB 2ndバージョンリリース #3714 END */
/* アラジンECtoB 2ndバージョンリリース #3702 START */
.rank_name {
	display: table-cell;
	width: 190px;
	text-align: left;
	vertical-align: top;
}
@media screen and (max-width:640px){
	.rank_name {
		width: 100%;
	}
}

/* アラジンECtoB 2ndバージョンリリース #3702 END */
/* アラジンECtoB 2ndバージョンリリース #4031 START */
#cart_header_table {
}
#cart_header_table th {
	padding: 3px 3px;
	text-align: right;
	background: #EAEAEA;

}

#cart_header_table td {
	padding: 1px 3px 1px 3px;
	text-align: right;
	background: #FFF;
}

#cart_header_table th.header_cart_amount,
#cart_header_table th.header_cart_price {
	border-right: #FFF 2px solid;
	border-bottom: #FFF 2px solid;
}
#cart_header_table td.header_cart_amount,
#cart_header_table td.header_cart_price {
	border-top: #FFF 2px solid;
}

#cart_header_table th.header_cart_amount { width: 65px; }
#cart_header_table th.header_cart_price { width: 125px; }

/* アラジンECtoB 2ndバージョンリリース #4031 START */
/* アラジンECtoB 2ndバージョンリリース #4631 START */
.blank_header_div {
	width: 400px;
	min-height: 30px;
	margin: 5px 0;
	float: left;
	text-align: left;
}
@media screen and (max-width:640px){
	.blank_header_div {
		display: none;
	}
}
/* アラジンECtoB 2ndバージョンリリース #4631 END */


.dairy_area {
	width: 960px;
	margin: 0 0 40px 0;
	padding: 19px 14px;
	background: #F8F7F7;
	border: #CCCCCC 1px solid;
	border-radius: 5px;
	text-align: middle;
	overflow: hidden;
}
@media screen and (max-width:640px){
	.dairy_area {
		width: 96%;
		margin: 0 0 40px 0;
		padding: 2%;
		border: none;
		text-align: center;
	}
	#dairy_detail_btn {
		display: inline-block;
		margin: 10px auto;
	}
	#dairy_detail_btn a {
		display: block;
		padding: 6px 15px;
		border: #CCCCCC 1px solid;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background: #F8F7F7;
		line-height: 1.6;
		text-align: center;
		font-size: 13px;
		font-size: 1.3rem;
		text-decoration: none;
	}
	#dairy_detail_btn a:active,
	#dairy_detail_btn a:visited,
	#dairy_detail_btn a:hover {
		text-decoration: none;
	}
	#dairy_detail_wrap {
		display: none;
	}
}

/* GoogleMaps */
.googlemaps_wrapper {
	margin:0 auto;
	padding:5px ;
	max-width:800px;
	height: 400px;
}
.googlemaps {
	position:relative;
	_padding-bottom:56.25%;
	overflow:hidden;
	width: 800px;
	height: 400px;
}
.googlemaps_wrapper iframe{
	width: 800px;
	height: 400px;
}
@media screen and (max-width:640px){
	.googlemaps_wrapper {
		margin: 0 auto;
		padding: 5px ;
		max-width: 600px;
	}
	.googlemaps {
		height: 400px;
	}
	.googlemaps_wrapper iframe {
		width: 95%;
		height: 400px;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.googlemaps_wrapper {
		margin: 0 auto;
		padding: 5px ;
		max-width: 600px;
	}
	.googlemaps {
		height: 400px;
	}
	.googlemaps_wrapper iframe {
		width: 95%;
		height: 400px;
	}
}

.usermap_btn {
	float: left;
	width: 100px;
	height: 25px;
	margin-left: 10px;
	line-height: 13px;
}

@media screen and (max-width:640px){
	.usermap_btn {
		margin-left: 5px;
		margin-bottom: 5px;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.usermap_btn {
		margin-left: 5px;
		margin-bottom: 5px;
	}
}

.diary_content {
	width: 800px;
}

@media screen and (max-width:640px){
	.diary_content {
		width: 95%;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.search_item_input {
		width: 80%;
		margin-bottom: 15px;
	}
	.diary_content {
		width: 100%;
	}
}

/* 特定ブロックのセンタリング用 */
.centering_block_external {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.centering_block_internal {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#item_detail_button_area {
	width: 295px;
}
@media screen and (max-width:640px){
	#item_detail_button_area {
		width: 275px;
	}
}

/* 入出庫履歴一覧画面 */
#stockHistoryList .stock_history_record{
	width: 850px;
	height: 85px;
	float: left;
}
#stockHistoryList .stock_history_button_area{
	width: 100px;
	height: 85px;
	float: right;
}

@media screen and (max-width:640px){
	#stockHistoryList .stock_history_record{
		width: 100%;
		height: auto;
	}
	#stockHistoryList .stock_history_button_area{
		width: 100%;
		height: auto;
	}
	#stockHistoryList .stock_history_button_area_inner {
		width: 172px;
	}
	#stockHistoryList .item_label {
		width: 30%;
		height: 24px;
	}
	#stockHistoryList .item_value {
		width: 65%;
		height: 24px;
	}
}

#confirm_user_btn_area {
	padding: 10px 5px;
	overflow: hidden;
	display: inline-block;
}

#define_edit .update_btn a{
	padding-right: 40px;
	padding-left: 40px;
}

#define_edit .update_btn{
	width: 250px;
	margin-left: 240px;
	float:left;
}

@media screen and (max-width:640px){
	.update_btn {
		  margin: 0 auto 10px auto !important;
	}

	#define_edit .update_btn{
		display: block;
		width: 280px;
		margin: 0 auto 5px auto;
		float: none;
	}

}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#define_edit .update_btn{
		display: block;
		width: 280px;
		margin: 0 auto 5px auto;
		float: none;
	}
}

#define_edit .user_admin_btn a{
	padding-right: 40px;
	padding-left: 40px;
}

#define_edit .user_admin_btn{
	width: 250px;
	float:left;
}

@media screen and (max-width:640px){
	#define_edit .user_admin_btn{
		display: block;
		width: 280px;
		margin: 0 auto 5px auto;
		float: none;
	}

}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	#define_edit .user_admin_btn{
		display: block;
		width: 280px;
		margin: 0 auto 5px auto;
		float: none;
	}
}

.reg_btn{
	margin-bottom: -15px !important;
	margin-top: -10px;
}

.edit_btn{
	bottom: 55px !important;
	right: 11px !important;
}

.item_list_adjust{
	padding: 10px 0 0 10px !important;
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
	.edit_btn{
		  margin: 5px 20px 15px 5px;
	}
}

.alert_mes{
	margin: 0 0 5px 0;
	color: green;
	text-align:left;
	line-height:1.6;
	font-size:1.3em;
	margin-bottom:12px;
}

.remove_border{
	border-bottom: none !important;
	margin: 10px 0 0 0 !important;
	padding: 0 !important;
}
.lot_btn a{
	  padding: 2px 10px 2px 10px !important;
}

.stock_header{
	text-align: left !important;
	font-weight: bold !important;
	margin-bottom: 3px;
}

.header_style{
	  margin: 2px 0 !important;
}

.header_style th{
	background: #7EBDAC;
    border-right: #A8E8DC 10px solid;
}

.search_area_div{
	width: 45%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.search_div{
	margin-top:20px !important;
}

.itemStock_table th {
	background: #e1e1e1!important;
	border: 1px #dddddd solid !important;
}

.search_button_div{
	  padding: 0 5px 0 10px !important;
}

.search_div_label{
	margin: 0 10px 5px 0 !important;
	text-align: right !important;
	line-height: 1.6 !important;
	font-size: 13px !important;
	font-size: 1.3rem !important;
	font-weight: bold !important;
	float: left !important;
	width: 90px !important;
}

.search_item_input_text{
	padding-bottom: 3px !important;
	float: left !important;
	padding: none !important;
  	width: 50% !important;

}

.inner_search_div {
	width: 75%;
  	float: left;
}

.search_area_store_div{
	width: 57%;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	text-align: left;
	margin-bottom: 5px;
}

.search_area_date_div{
	width: 57%;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	text-align: left;
}

.search_area_remarks_div{
	width: 35%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.search_area_lot_div{
	width: 40%;
	display: inline-block;
	vertical-align: top;
	text-align: left;

}

input[type="text"]{
	  height: 16px !important;
	  margin: 1px 0 3px 0;
}

.subtotal_class{
	float:right;
}

@media screen and (min-width: 641px) and (max-width: 1024px){
	.inner_search_div {
	width: 85%;
  	float: left;
	}

	.search_area_date_div{
	width: 70%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-top: 12px;
	}

	.search_area_remarks_div{
	width: 35%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-top: 15px;
	}
}

@media screen and (max-width:1024px){
	.subtotal_class {
		font-size: 12px;
		margin: -4px 2px 0 0;
		line-height: 1.4;
	}
}

@media screen and (max-width:640px){

	.header_style th {
		width: 30%;
		padding: 5px;
	}
	.header_style td {
		padding: 5px;
		line-height: 1.6;
	}

	.search_item_input_text {
		margin-bottom: 5px;
	}

	.search_date_text{
		padding-bottom: 3px !important;
		float: left !important;
		padding: none !important;
	  	width: 50% !important;
	  	margin-bottom: 5px;
		float: left;
  	}

	.search_area_store_div{
		width: 100%;
		margin-bottom: 0;
		padding-left: 10px;
	}

	.search_area_lot_div
	, .search_area_remarks_div
	, .search_area_date_div{
		width: 100%;
		padding-left: 10px;
	}

	.search_div_label{
	margin: 0 10px 5px 0 !important;
	width: 30% !important;
	text-align: left !important;
	}

	.search_area_div{
		float:left;
		width:100%;
	}

	.search_area_div th{
		width: 100%;
		margin: 0 0 10px 0;
		float: none;
		width: 100%;

	}
	.search_button_div{
		float: right;
	}
}

/* 20160617_ann_update_start */
.dispNone{
	display: none !important;
}
/* 20160617_ann_update_end */