/*
ショッピングカート用 CSS 
*
*/

.cart-iPhoneHead {
	height: 27px;
	padding: 0px 0px 0px 2px;
	border-top: 1px solid #dfefff;
	border-bottom: 1px solid #26303d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a0b0c0), to(#364656));
	background-color: #a8b5c5;
}
.cart-iPhoneHead-logo {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 3px 2px;
	width: 8%;
	float: left;
	text-align: left;
}

.cart-iPhoneHead-title {
	margin: 0px 0px 0px 0px;
	width: 91%;
	float: left;
	text-align: left;
}


.cart-iPhoneHead h2 {
	margin: 8px 0px 0px 2px;
	font-family: HiraKakuProN-W3;
	font-size: 13px;
	line-height: 8pt; 
	font-weight:bold;
	color: #dde;
	text-align: left;
	text-shadow: rgba(255,255,255, 0.3) 0 -1.5px 0.3px ,
				 rgba(  0,  0,  0, 1) 0 1px 0.3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cart-iPhoneHead h3 {
	font-family: HiraKakuProN-W3;
	font-size: 8px;
	line-height: 8pt; 
	color: #abc;
	text-align: right;
	margin-top: 0px;
	text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0.5px ;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* step tabs */
.cart-btn-step {
	margin:0px auto 0px auto;
	width:318px;
}

.cart-btn-step0 {
	margin:0px auto 0px auto;
	width:280px;
}

.cart-step-tabs {
	float: left;
	margin:0px auto 12px 2px;
	padding:0px 0px 0px 0px;
	list-style:none;
	width:252px;
	overflow:hidden;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background:#dfdfff;
	height:25px;
	box-shadow: 0px  2px  1px rgba(225,225,225,0.2),
    			1px  0px  1px rgba(0,0,0,0.05) inset,
				-1px  0px  1px rgba(0,0,0,0.05) inset,
				0px  2px  2px rgba(0,0,0,0.2) inset;
	text-align: center;
	font-size:11px;
	line-height: 19px;
	color:#246;
}

.cart-step-tabs li {
	float:left;
	width:63px;
}

.cart-step-tabs-active {
	display:table-cell;
	vertical-align:middle;
	height:25px;
	width:63px;
	padding:2px 1px 1px 1px;
	background:#b0b0ff;
	box-shadow: 0px  2px  1px rgba(225,225,225,0.2),
				1px  0px  1px rgba(0,0,0,0.05) inset,
				-1px  0px  1px rgba(0,0,0,0.05) inset,
				0px  2px  2px rgba(0,0,0,0.2) inset;
	text-shadow:0 2px 1px #fff;
}

.cart-step-tabs-inactive {
	display:table-cell;
	vertical-align:middle;
	height:25px;
	width:63px;
	padding:2px 1px 1px 1px;
	background:#dfdfff;
	box-shadow: 0px  2px  1px rgba(225,225,225,0.2),
				1px  0px  1px rgba(0,0,0,0.05) inset,
				-1px  0px  1px rgba(0,0,0,0.05) inset,
				0px  2px  2px rgba(0,0,0,0.2) inset;
	text-shadow:0 2px 1px #fff;
}

.cart-step-image {
	float: left;
	margin:0px auto 12px 2px;
	padding:0px 0px 0px 0px;
	width:274px;
	height:25px;
}

/* 商品説明　角丸 */
.cart-borderradius {
	max-width: 550px;
	width: 95%;
	margin: 8px auto 20px auto;
	background-color: #fbfdff;
	padding: 3px 4px 5px 4px;
	border-radius: 8px;				/* CSS3草案 */  
	-webkit-border-radius: 8px;		/* Safari,Google Chrome用 */  
	-moz-border-radius: 8px;		/* Firefox用 */  
	border: 1px solid #b0b0b0;
    box-shadow:			3px 4px 5px rgba(192,192,192,1);	/* CSS3草案 */
    -webkit-box-shadow:	3px 4px 5px rgba(192,192,192,1);	/* Safari,Google Chrome用 */
    -moz-box-shadow:	3px 4px 5px rgba(192,192,192,1);	/* Firefox用 */
	overflow:hidden;
    behavior: url(https://www.netin.jp/catin/pie/ie-css3.htc);
}

/* ショッピングカートご注文商品一覧　段組 */
.cart-boxcenter {
	text-align: center;
	font-size: 100%;
	color: #808080;
	font-weight: bold;
	text-shadow: rgba(  0,  0,  0, 0.1) 0 1px 0.5px,;
	margin: 0px 30px 10px 30px;
}

.cart-box-backbtn {
	margin: 0px 1px 1px 1px;
	width: 37px;
	height: 25px;
	float: left;
	text-align: right;
	line-height: 0px;
}

.cart-box-backbtn0 {
	margin: 0px 1px 1px 1px;
	width: 37px;
	height: 25px;
	background:url(https://www.netin.jp/catin/image/backbtn001.png) no-repeat;
	background-size: 37px 25px;
	float: left;
	text-align: center;
	font-size: 135%;
}

.cart-box-syouhin-h1 {
	margin: 5px 0px 1px 0px;
	width: 16%;
	float: left;
	font-size: 95%;
	text-align: right;
}

.cart-box-syouhin-h2 {
	margin: 8px 0px 0px 0px;
	width: 30%;
	float: left;
	font-size: 80%;
	text-align: left;
}

.cart-box-kazu-h1 {
	margin: 5px 0px 0px 0px;
	width: 14%;
	float: left;
	font-size: 90%;
	text-align: right;
}

.cart-box-kazu-h2 {
	margin: 8px 0px 0px 0px;
	color: #404040;
	width: 27%;
	float: left;
	font-size: 70%;
	text-align: left;
}

.cart-box-kei-h {
	margin: 5px 0px 0px 0px;
	width: 12%;
	float: left;
	font-size: 90%;
	text-align: right;
}

.cart-box-syouhin {
	margin: 5px 0px 1px 0px;
	width: 58%;
	float: left;
	font-size: 100%;
	text-align: left;
	line-height: 1.1;
}

.cart-box-kazu {
	margin: 5px 0px 1px 0px;
	width: 12%;
	float: left;
	font-size: 80%;
	text-align: center;
}

.cart-box-kei {
	margin: 5px 0px 1px 0px;
	width: 29%;
	float: right;
	font-size: 100%;
	text-align: right;
}

.cart-box-goukei-btn  {
	margin: 14px 0px 5px 0px;
	width: 55%;
	float: left;
	text-align: center;
}

.cart-box-goukei-btn1  {
	margin: 14px 0px 5px 0px;
	hight: 42px;
	width: 33%;
	float: left;
	text-align: right;
}

.cart-box-goukei-btn2  {
	margin: 14px 0px 5px 0px;
	width: 60px;
	float: right;
	text-align: right;
}

.cart-box-goukei-btn3  {
	margin: 14px 0px 5px 0px;
	width: 55%;
	float: left;
	text-align: right;
}

.cart-box-goukei-btn4  {
	margin: 17px 0px 5px 0px;
	width: 52%;
	float: left;
	text-align: center;
	font-size: 85%;
	color: #004080;
}

.cart-box-goukei-btn5  {
	margin: 14px 0px 5px 0px;
	float: right;
	text-align: right;
}

.cart-box-goukei-h {
	margin: 5px 0px 2px 0px;
	width: 35px;
	float: right;
	font-size: 85%;
	text-align: right;
	line-height: 16px;
}

.cart-box-goukei {
	margin: 5px 0px 2px 0px;
	width: 90px;
	float: right;
	font-size: 100%;
	text-align: right;
	line-height: 16px;
}

.cart-box-kakunin-btn0 {
	margin: 17px 0px 0px 3px;
	width: 37px;
	height: 25px;
	background:url(https://www.netin.jp/catin/image/backbtn001.png) no-repeat;
	background-size: 37px 25px;
	float: left;
	text-align: center;
	font-size: 135%;
}

.cart-box-kakunin-btn1 {
	margin: 10px 0px 2px 0px;
	width: 80px;
	float: right;
	text-align: center;
}

.cart-box-kakunin-btn2 {
	margin: 14px 3px 0px 2px;
	text-align: right;
	font-size: 80%;
	color: #004080;
}

.cart-box-kakunin-btn3 {
	margin: 7px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	width: 110px;
	float: right;
	text-align: left;
	font-size: 80%;
	color: #004080;
}

.cart-box-kakunin-btn4 {
	margin: 10px 0px 2px 0px;
	width: 82px;
	float: right;
	background:url(https://www.netin.jp/catin/image/cartbtn007a.gif) no-repeat;
	background-size: 80px 42px;
}

.cart-box-kakunin-btn5 {
	margin: 10px 0px 2px 0px;
	width: 80px;
	height: 42px:
	float: right;
	background:url(https://www.netin.jp/catin/image/cartbtn006a.gif) no-repeat;
	background-size: 80px 42px;
}

.cart-box-kakunin-btn2-submit2 {
	background:url(https://www.netin.jp/catin/image/cartbtn001.png) no-repeat;
	width:42px;
	height:75px;
	border:none;
	text-indent:-9999px;
	font-size:0px;
}

.cart-box-shouhinnumber {
	margin-left: 5px;
	font-size: 80%;
	color: #808080;
}

.cart-box-tanka {
	margin: 0px 0px 0px 0px;
	width: 30%;
	float: left;
	font-size: 85%;
	color: #202020;
	text-align: right;
}

.cart-box-bikou {
	margin: 2px 0px 0px 0px;
	width: 70%;
	float: left;
	font-size: 75%;
	color: #202020;
	text-align: left;
}

.cart-box-btn {
	margin: 0px auto 20px auto;
}

/* clearfix */
.cart-clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: ;
	visibility: hidden;
}


.cart-clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.cart-clearfix{
	display: inline-block;
}

/* Hides from IE Mac */
* html .cart-clearfix{
	height: 1%;
}
.cart-clearfix{
	display:block;
}
/* End Hack */



.cart-form-box {
	padding: 6px 0px 0px 0px;
}

.cart-form-comment1 {
	margin: 6px 0px 0px 0px;
	font-size: 75%;
	color: #909090;
	line-height: 14px;
}

.cart-form-comment2 {
	margin: 0px auto 12px auto;
	width: 82%;
	font-size: 80%;
	color: #004080;
	padding:3px 2px 2px 8px;
	overflow:hidden;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	background:#feffff;
	box-shadow: 0px  3px  1px rgba(225,225,225,0.2),
				1px  0px  1px rgba(0,0,0,0.05) inset,
				-1px  0px  1px rgba(0,0,0,0.05) inset,
				0px  2px  2px rgba(0,0,0,0.2) inset;
	text-shadow:0 1px 1px #fff , 0 -1px 1px #ccc;
}

.cart-form-input {
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	text-align: left;
	color: #303030;
}

.cart-form-input1 {
	padding: 0px 7px 0px 7px;
	font-size: 95%;
	text-align: left;
	color: #303030;
}

.cart-form-head1 {
	margin: 6px 0px 3px 0px;
	width: 160px;
	float: left;
	font-size: 12px;
	text-align: center;
	line-height: 1em;
}

.cart-form-head-e {
	margin: 0;
	width: 160px;
	font-size: 11px;
	color: #999999;
	display: block;
	text-align: center;
	line-height:1em;
}

.cart-form-head2 {
	margin: 9px 0px 0px 0px;
	width: 120px;
	float: left;
	font-size: 80%;
	text-align: left;
	line-height: 7px;
}

.cart-form-head3 {
	margin: 9px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 170px;
	float: left;
	white-space:nowrap;
	text-align: left;
	font-size: 80%;
	color: #507090;
	line-height: 7px;
}

.cart-form-head4 {
	margin: 0px 0px 0px auto;
	padding: 0px 0px 0px 0px;
	width: 99%;
	text-align: left;
	font-size: 75%;
	color: #507090;
}

.cart-form-head5 {
	margin: 1px 0px 0px 0px;
	width: 60px;
	float: left;
	font-size: 85%;
	text-align: left;
}

.cart-form-head6 {
	margin: 1px 0px 0px 0px;
	width: 120px;
	float: left;
	font-size: 80%;
	text-align: left;
	line-height: 7px;
}

.cart-form-item1 {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	width: 236px;
	float: left;
	white-space:nowrap;
	text-align: left;
}

.cart-form-item2 {
	margin: 4px 0px 4px 5px;
	padding: 0px 0px 0px 0px;
	width: 300px;
	float: left;
	white-space:nowrap;
	text-align: left;
	font-size: 12px;
	color: #404090;
}

.cart-form-item3 {
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 300px;
	float: left;
	white-space:nowrap;
	text-align: left;
}

.cart-form-item4 {
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	white-space:nowrap;
	text-align: left;
	font-size: 90%;
}



.cart-kakunin-head1 {
	margin: 6px 0px 2px 0px;
	width: 80px;
	float: left;
	font-size: 85%;
	text-align: right;
	line-height: 7px;
}

.cart-kakunin-item1 {
	margin: 1px 0px 2px 0px;
	padding: 0px 0px 0px 6px;
	width: 210px;
	float: left;
	text-align: left;
	font-size: 100%;
}

.cart-box-kakunin-cmment  {
	margin: 0px 0px 20px 0px;
	padding: 13px 0px 0px 0px;
	width: 58%;
	float: left;
	text-align: left;
	font-size: 80%;
	color: #004080;
}

.cart-box-kakunin-h {
	margin: 6px 0px 7px 0px;
	width: 12%;
	float: left;
	font-size: 90%;
	text-align: right;
	line-height: 24px;
}

.cart-box-kakunin {
	margin: 6px 0px 7px 0px;
	width: 30%;
	float: left;
	font-size: 100%;
	text-align: right;
	line-height: 24px;
}

.cart-box-kanryou {
	margin: 8px auto 10px auto;
	width: 97%;
	text-align: left;
	line-height: 1.4;
}

.cart-box-online {
	margin: 8px auto 5px auto;
	width: 97%;
	font-size: 85%;
	text-align: left;
	line-height: 1.4;
	color: #004080;
}

.cart-box-online-btn {
	margin: 5px auto 10px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.cart-box-top {
	margin: 10px 0px 7px auto;
	font-size: 100%;
	text-align: right;
	line-height: 1.4;
	color: #004080;
}


/* 上 罫線を引く */
.cart-kakunin-top-solid {
	margin: 5px 0px 0px 0px;
	border-top: 1px solid #90b0d0;
}

/* 上 罫線を引く */
.cart-kakunin-top-solid1 {
	margin: 5px 0px 0px 0px;
	border-top: 1px solid #C0D0D0;
}

/* 下 罫線を引く */
.cart-kakunin-bottom-solid {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #90b0d0;
}

/* 下 罫線を引く */
.cart-kakunin-bottom-solid1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #FEFFFF;
}

/* 下 破線を引く */
.cart-kakunin-bottom-dashed {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px dashed #90b0d0;
}

/* 上 点線を引く */
.cart-kakunin-top-dotted {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px dotted #90b0d0;
}

/* 下 点線を引く */
.cart-kakunin-bottom-dotted {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px dotted #90b0d0;
}


.i-like-btn {
	/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	/* グラデーション */
	background: -moz-linear-gradient(top, #7799bb, #7799bb 49%, #335577 50%, #335577);
	background: -webkit-gradient(linear, center top, center bottom, from(#7799bb), color-stop(0.49, #7799bb),color-stop(0.5, #335577), to(#335577));
	/* 影 */
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
	/* その他の設定 */
	border:1px solid #224466
;
	font-size: 90%;
	color:white;
	text-shadow: rgba(  0,  0,  0, 0.5) 0 -1px 0.3px ,
				 rgba(255,255,255, 0.5) 0 1px 0.3px;
	text-decoration:none;
	text-align:center;
	display:inline;
	padding:10px 7px 12px 7px;
}
a.i-like-btn {
	color: #f0f8ff;
}

a.i-like-btn:active {
	background: -moz-linear-gradient(top, #335577, #335577 49%, #113355 50%, #113355
);
	background: -webkit-gradient(linear, center top, center bottom, from(#335577), color-stop(0.49, #335577),color-stop(0.5, #113355
), to(#113355
));
}

  /* 白抜き文字 */
font.shironuki {
	color: #eeeeff;
	background-color: #000090;
	font-weight: bold;
}

/* 上 罫線を引く */
.cart-border-top-solid {
	border-top: 1px solid #90b0d0;
}

.cart-border-top-double-gray {
	border-top: 3px double #a0b0c0;
}

/* 下 罫線を引く */
.cart-border-bottom-solid {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
	border-bottom: 1px solid #90b0d0;
}