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

/*******************************
	goods_page
*******************************/

/* common
*******************************/
img {
	border:none;
	vertical-align:bottom;
}
/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}

.clearfix:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
}

.goods {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0;
	padding:0;
}

/* page_title
*******************************/
.section-title-goods {
	background:url(../images/page_title_goods.png) 0 0 no-repeat;
}
/* subtitle
*******************************/
.section-subtitle-goods {
	background:url(../images/goods/goods_image01.png) 0 0 no-repeat;
	margin:1em 0;
}

/* goods
*******************************/
ul.item {
	width:100%;
	margin-bottom:1em;
	padding:0;
	font-size:0.785rem;
	margin-left:0 !important;
}
ul.item li {
	margin:0 0 1.4em !important;
	padding:5px !important;
	list-style:none;
	vertical-align:top;
	border-left:5px #4B629E solid;
	border-top:1px #98A4B8 solid;
	border-right:1px #98A4B8 solid;
	border-bottom:1px #98A4B8 solid;
	background:#FFF;

    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5～7*/
    /zoom: 1; /*for ie5～7*/
}

	/* li class */
	ul.item li.twin_box {
		width:334px;
		margin-right:20px !important;
		float:left;
	}
	ul.item li.last {
		margin-right:0 !important;
	}
	ul.item li.join {
		width:704px;	
	}
		
	/* dl class */
	ul.item dl {
		min-height:150px;
		height:auto;
	}
	ul.item li.twin_box dl dt {
		width:180px;
		float:left;
		position:relative;
		min-height:150px;
		height:auto;
	}
	ul.item li.twin_box dl dd {
		margin-left:186px;
		text-align:center;
	}
	
	ul.item li.join dl dt {
		float:left;
		width:300px;
		position:relative;
		min-height:150px;
		height:auto;
	}
	ul.item li.join dl dd {
		margin-left:310px;
		text-align:center;
	}
		
	/* dl inside */
	ul.item dl dt h3.name {
		border-bottom:1px #627186 solid;
		margin-bottom:0.2em;
		font-size:0.8rem !important;
	}
	ul.item dl dt p.detail {
		font-size:0.75rem !important;
	}
	ul.item dl dt p.price {
		font-size:0.75rem !important;
		text-align:right;
		padding-right:0.2em;
		position:absolute;
		bottom:0;
		right:0;
	}

.cart-btn {
	margin-top:3em;
}
	.cart-btn a {
		display:block;
		text-align:center;
	}
	
/* smart phone
****************************************************************************************************************************/
@media screen and (max-width: 640px) {

ul.item {
	width:100%;
	margin-bottom:1em;
	padding:0;
	font-size:0.785rem;
	margin-left:0 !important;
}
ul.item li {
	margin:0 0 1.4em !important;
	padding:5px !important;
	list-style:none;
	vertical-align:top;
	border-left:5px #4B629E solid;
	border-top:1px #98A4B8 solid;
	border-right:1px #98A4B8 solid;
	border-bottom:1px #98A4B8 solid;
	background:#FFF;

    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5～7*/
    /zoom: 1; /*for ie5～7*/
}

	/* li class */
	ul.item li.twin_box {
		width:97%;
		margin-right:20px !important;
		float:none !important;
	}
	ul.item li.last {
		margin-right:0 !important;
	}
	ul.item li.join {
		width:97%;	
	}

	/* dl class */
	ul.item dl {
		min-height:150px;
		height:auto;
	}
	ul.item li.twin_box dl dt {
		width:60%;
		float:left;
		position:relative;
		min-height:150px;
		height:auto;
	}
	ul.item li.twin_box dl dd {
		margin-left:65%;
		text-align:center;
	}
	
	ul.item li.join dl dt {
		float:left;
		width:30%;
		position:relative;
		min-height:150px;
		height:auto;
	}
	ul.item li.join dl dd {
		margin-left:32%;
		text-align:center;
	}
		
	/* dl inside */
	ul.item dl dt h3.name {
		border-bottom:1px #627186 solid;
		margin-bottom:0.2em;
		font-size:0.8rem !important;
	}
	ul.item dl dt p.detail {
		font-size:0.75rem !important;
	}
	ul.item dl dt p.price {
		font-size:1.125rem !important;
		text-align:right;
		padding-right:0.2em;
		position:absolute;
		bottom:0;
		right:0;
	}
	
.cart-btn {
	margin:3em 0;
}
	.cart-btn a {
		display:block;
		text-align:center;
	}
	
}