@charset "UTF-8";
/* CSS Document */

@import "../../../files/css/common/layout.css";
@import "colorbox.css";


/*-------------------------------------------------------------------------
	COMMON OF GOODS
/*-----------------------------------------------------------------------*/

#all {
	background-image:url(../img/common/background.jpg);
}

#main-content #opening strong {
	color:#f30;
	font-weight:normal;
	display:block;
	margin-bottom:5px;
}

#main-content #purchase .title {
	padding-bottom:20px;
}

#main-content #purchase .title h3 {
	margin-bottom:5px;
}

#main-content #purchase .content .image,
#main-content #purchase .content .text {
	float:left;
	display:inline;
}

#main-content #purchase #goods001 .text,
#main-content #purchase #goods002 .image,
#main-content #purchase #goods003 .text,
#main-content #purchase #goods004 .image,
#main-content #purchase #goods005 .text,
#main-content #purchase #goods006 .image,
#main-content #purchase #goods007 .text {
	float:right;
}

#main-content #purchase .content .image {
	width:250px;
	position:relative;
}

#main-content #purchase .content .image p {
	position:relative;
	z-index:5;
}

#main-content #purchase .content .image p.package {
	position:absolute;
	right:10px;
	top:130px;
	z-index:10;
}

#main-content #purchase .content .text {
	width:353px;
}

#main-content #purchase .content .text h4 {
	margin-bottom:20px;
}

#main-content #purchase .content .text .note {
	border-bottom:1px dotted #c0af92;
	margin-bottom:10px;
	padding-bottom:10px;
}

#main-content #purchase .content .text .cart dl {
	margin-bottom:10px;
	zoom:1;
}

#main-content #purchase .content .text .cart dl:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#main-content #purchase .content .text .cart dl dt,
#main-content #purchase .content .text .cart dl dd {
	float:left;
	display:inline;
	zoom:1;
}

#main-content #purchase .content .text .cart dl dd {
	float:right;
}

#main-content #purchase .content .text .cart dl dd,
#main-content #purchase .content .text .cart dl dd select {
	color:#910000;
}

#main-content #purchase .content .text .cart dl dt {
	width:78px;
}

#main-content #purchase .content .text .cart dl dd {
	width:275px;
}

#main-content #purchase .content .text .cart dl dd span {
	font-size:10px;
	line-height:12px;
}

#main-content #purchase .content .text .cart p.button {
	width:170px;
	height:43px;
	background:url(../../../files/img/common/main/content/button/cart.jpg) no-repeat left top;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}

#main-content #history h3 {
	margin-bottom:10px;
}

#main-content #history .text,
#main-content #history .text01,
#main-content #history .image {
	float:left;
	display:inline;
}

#main-content #history .image {
	float:right;
}
#main-content #history .image01 {
	float:right;
	margin: 0 0 20px 20px;
}

#main-content #history .text p {
	width:315px;
	text-indent:1em;
	margin-bottom:20px;
}
#main-content #history .text01 p {
	text-indent:1em;
	margin-bottom:20px;
}
#main-content #history .text p.last {
	margin-bottom:0;
}

#main-content #history .text p.link {
	text-indent:0;
}

#main-content #history .text p.link a {
	background:url(../../../files/img/common/main/content/icon/arrow01.gif) no-repeat left center;
	padding-left:20px;
}

#main-content p#link_menu {
	text-align: right;
	margin: 0 0 20px 0;
}

#main-content .link_arrow_inline {
	margin: 0 0 20px 485px;
}

#main-content .link_arrow_inline a{
	background: url(../../../files/img/common/navi/menu/arrow.gif) left center no-repeat;
	padding: 0 0 0 18px;
	line-height:1;
	height:16px;
	display:block;
}

#main-content .link_arrow_inline a img {
	padding-top:2px;
}

#main-content .link_arrow_inline a:hover{
	background: url(../../../files/img/common/navi/menu/arrow_on.gif) left center no-repeat;
	padding: 0 0 0 18px;
	line-height:1;
}

/* 100325追加 */
#main-content #history .text p.link_arrow_inline {
	text-align: left;
	padding: 20px 0 0 0;
	margin: 0 0 20px 0;
}

#main-content #history .text p.link_arrow_inline a {
	padding: 0 0 0 5px;
}

/* 100325追加ここまで */

#main-content p.mati {
	margin: 20px 0 30px 0;
}

/* 白みそ特設 */

#main-content .content #siromisoanLink {
	cursor:pointer;
}

#main-content .content #siromisoanLink a {
	background: url(../img/index/menu_01.gif) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
	margin: 0 0 10px 0;
	width: 135px;
	zoom:1;
}

#main-content .content #siromisoanLink a:hover{
	background: url(../img/index/menu_01_on.gif) 0 0 no-repeat;
	width: 135px;
}

/*-------------------------------------------------------------------------
	CART BOX
/*-----------------------------------------------------------------------*/
#cart-wrap {
	background:#fff;
	position:relative;
	padding:20px;
}

	#cart-wrap #cart-title {
		width:150px;
		float:right;
		display:inline;
		text-align:center;
	}
	
		#cart-wrap #cart-title h3 {
			height:400px;
			background:url(../img/common/cart/title.gif) no-repeat center top;
			text-indent:-9999px;
		}
	
		#cart-wrap #cart-title p a {
			width:170px;
			height:61px;
			background:url(../img/common/cart/button_off.jpg) no-repeat center center;
			display:block;
			text-indent:-9999px;
			margin:0 auto;
			cursor:pointer;
		}
		
		#cart-wrap #cart-title p a:hover {
			background-image:url(../img/common/cart/button_on.jpg);
		}

	#cart-wrap #cart-box {
		width:580px;
		background:url(../../../files/img/common/navi/line.gif) repeat-x left bottom;
		float:left;
		display:inline;
		padding-bottom:10px;
	}
	
		#cart-wrap #cart-box dl {
			border-bottom:1px solid #ccc;
			padding:10px 0;
			zoom:1;
		}
		
		#cart-wrap #cart-box dl:after {
			content:".";
			display: block;
			height:0px;
			clear:both;
			visibility:hidden;
		}
		
		#cart-wrap #cart-box dl#cartBoxTitle {
			background:url(../../../files/img/common/navi/line.gif) repeat-x left top;
			padding:20px 0;
		}
		
		#cart-wrap #cart-box dl#cartBoxTitle dd {
			border-left:1px solid #aaa;
			text-align:center;
		}
		
		#cart-wrap #cart-box dl dt,
		#cart-wrap #cart-box dl dd {
			float:left;
			display:inline;
		}
		
		#cart-wrap #cart-box dl dt {
			width:280px;
			font-weight:bold;
		}
		
		#cart-wrap #cart-box dl dd {
			width:70px;
			border-left:1px solid #fff;
			text-align:center;
		}
		
		#cart-wrap #cart-box dl dd.value {
			display:none;
		}
		
		#cart-wrap #cart-box dl dd.remove-btn a {
			width:80%;
			height:80%;
			background:#eee;
			border:1px solid #aaa;
			display:block;
			cursor:pointer;
			margin:0 auto;
		}
		
		#cart-wrap #cart-box p {
			font-size:18px;
			background:#eee;
			text-align:right;
			margin-top:10px;
			padding:10px;
		}

/*-------------------------------------------------------------------------
	way
/*-----------------------------------------------------------------------*/
#way #main-content .content dt {
	float: left;
	width: 331px;
	margin: 0 20px 25px 0;
}
#way #main-content .content dt img.top {
	margin-bottom: 20px;
}
#way #main-content .content dd {
	float: left;
	width: 262px;
}
#way #main-content .content dd h4 {
	margin: 20px 0 0 0;
}
#way #main-content .content dl {
	clear: both;
}
#way #main-content .content dd img {
	vertical-align: middle;
	padding: 0 3px 3px 3px;
}
#way #main-content .content dd p.emphasis {
	color: #900;
	font-weight: bold;
}

/*-------------------------------------------------------------------------
	payment
/*-----------------------------------------------------------------------*/

#payment #main-content .content dl.box_l {
	float: left;
}

#payment #main-content .content .box_r {
	float: right;
}

#payment #main-content .content p.link {
	clear: both;
}

#payment #main-content .content p.link a {
	background: url(../../../files/img/common/navi/menu/arrow.gif) left center no-repeat;
	padding: 0 0 0 18px;
}

#payment #main-content .content p.link a:hover {
	background: url(../../../files/img/common/navi/menu/arrow_on.gif) left center no-repeat;
	padding: 0 0 0 18px;
}

#payment #main-content .content dl {
	margin: 0 0 15px 0;
}

#payment #main-content .content dl dt {
	margin: 0 0 5px 0;
}

#payment #main-content .content table {
	border-collapse: collapse;
	border-spacing: 0;
}

#payment #main-content .content table th {
	background-color: #f5d297;
	color: #b27e26;
	border: 1px #aaaaaa solid;
	padding: 5px;
	text-align: left;
	
}

#payment #main-content .content table td {
	border: 1px #aaaaaa solid;
	padding: 10px;
	border-collapse: collapse;
	background-color: #FFF;
}

/*-------------------------------------------------------------------------
	SEASON_LIMITED
/*-----------------------------------------------------------------------*/
#season #main-content #purchase .limited h4 {
	background:url(../../files/img/season/purchase/goods005/comingsoon.gif) no-repeat right 3px;
}

#season #main-content #purchase .limited p.button,
#season #main-content #purchase .limited .selectMany {
	display:none;
}

/*-------------------------------------------------------------------------
	SAIJI
/*-----------------------------------------------------------------------*/
#saiji {
	margin-bottom:20px !important;
	padding-bottom:10px !important;
}

	#saiji p {
		width:603px;
		height:490px;
		margin-bottom:20px;
		padding:5px;
		background:#fff;
		border:1px solid #ccc;
	}