@charset "shift_jis";

@import url("common.css");
@import url("goods_common.css");


/************************************************************************************
* goods-main-area
************************************************************************************/
#goods-main-area{
	float: right;
	width: 700px;
	margin-top: 30px;
}


/************************************************************************************
* page-title
************************************************************************************/
h3.page-title{
	color: #FF66CC;
}


/************************************************************************************
* warning
************************************************************************************/
div.warning{
	width: 623px;
	margin: 10px 0 0 30px;
}

div.warning p{
	margin-bottom: 12px;
	font-weight: bold;
	line-height: 150%;
	color: #FF0000;
}

div.warning02{
	width: 623px;
	margin: 10px 0 0 30px;
}

div.warning02 p{
	margin-bottom: 12px;
	line-height: 150%;
	color: #000000;
}



/************************************************************************************
* goods-local-menu
************************************************************************************/
#goods-local-menu-mid{
	width: 660px;
	margin: 10px 0 0 11px;
	background: url(../images/goods/box/goods_box000_mid.jpg) repeat-y left top;
}

#goods-local-menu-top{
	background: url(../images/goods/box/goods_box000_top.jpg) no-repeat left top;
}

#goods-local-menu-btm{
	padding: 15px 0;
	background: url(../images/goods/box/goods_box000_btm.jpg) no-repeat left bottom;
}


/************************************************************************************
* goods-btn-cat
************************************************************************************/
#goods-btn-cat{
	float: left;
	display: inline;
	width: 420px;
	margin-left: 25px;
}

#goods-btn-cat li{
	float: left;
	width: 135px;
	margin-bottom: 5px;
	list-style-type: none;
}


/************************************************************************************
* goods-btn-area
************************************************************************************/
#goods-btn-area{
	float: right;
	width: 180px;
}

#goods-btn-area li{
	margin-bottom: 5px;
	list-style-type: none;
}


/************************************************************************************
* goods-list-normal
************************************************************************************/
div.goods-list-normal{
	width: 683px;
	margin-top: 10px;
}


/************************************************************************************
* goods-list-pickup
************************************************************************************/
div.goods-list-pickup{
	width: 683px;
	margin-top: 10px;
	padding-bottom: 15px;
	background: #fee2e2 url(../images/goods/pickup_bg_btm2.jpg) no-repeat left bottom;
}

div.pickup-title-bg{
	background: #FC91D8 url(../images/goods/pickup_bg_top.jpg) no-repeat left top;
}


div.pickup-title-bg h4.pickup-title{
	text-align: center;
	padding: 10px 0;
	font-size: 16px;
	color: #ffffff;
	background: url(../images/goods/pickup_bg_btm.jpg) no-repeat left bottom;
}

div.goods-list-pickup h4.pickup-title a{
	color: #ffffff;
	text-decoration: none;
}


/************************************************************************************
* goods-text-area
************************************************************************************/
div.goods-text-area{
	width: 653px;
	margin: 10px 0 0 15px;
}

div.goods-text-area p{
	margin-bottom: 12px;
}


/************************************************************************************
* go-top
************************************************************************************/
p.go-top{
	margin: 10px 20px 0 0 ;
	text-align: right;
}


/************************************************************************************
* goods-box
************************************************************************************/
table.goods-box{
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	border: 0px;
}

table.goods-box td{
	width: 225px;
	vertical-align: top;
}

table.goods-box tr.goods-photo td{
	vertical-align: middle;
}

table.goods-box tr.goods-photo td p{
	padding: 15px 17px 0;
	text-align: center;
}

table.goods-box tr.goods-name td p{
	padding: 5px 17px 0;
	text-align: center;
	font-weight: bold;
	color: #FF66CC;
}

table.goods-box tr.goods-price td p{
	padding: 5px 17px 0;
	text-align: center;
	color: #FF66CC;
}

table.goods-box tr.goods-text td div{
	padding: 5px 17px 0;
}


/************************************************************************************
* goods-set-all
************************************************************************************/
table.goods-set-all{
	width: 190px;
	border-collapse: collapse;
	border-spacing: 0;
}

table.goods-set-all th{
	font-weight: bold;
	text-align: center;
	border: 2px solid #cccccc;
}

table.goods-set-all td{
	border: 2px solid #cccccc;
}


/************************************************************************************
* ここから枠背景のパターン
************************************************************************************/
div.box-white-111,
div.box-white-110,
div.box-white-100,
div.box-pink-111,
div.box-pink-110,
div.box-pink-100{
	width: 675px;
	margin: 10px 0 0 4px;
}


div.box-white-111 table.goods-box,
div.box-pink-111 table.goods-box{
	width: 675px;
}

div.box-white-110 table.goods-box,
div.box-pink-110 table.goods-box{
	width: 450px;
}

div.box-white-100 table.goods-box,
div.box-pink-100 table.goods-box{
	width: 225px;
}

div.box-btm{
	padding-bottom: 15px;
}


/************************************************************************************
* box-white-111
************************************************************************************/
div.box-white-111{
	background: url(../images/goods/box/white_box111_mid.jpg) repeat-y 7px top;
}

div.box-white-111 div.box-top{
	background: url(../images/goods/box/white_box111_top.jpg) no-repeat 7px top;
}

div.box-white-111 div.box-btm{
	background: url(../images/goods/box/white_box111_btm.jpg) no-repeat 7px bottom;
}


/************************************************************************************
* box-white-110
************************************************************************************/
div.box-white-110{
	background: url(../images/goods/box/white_box110_mid.jpg) repeat-y 7px top;
}

div.box-white-110 div.box-top{
	background: url(../images/goods/box/white_box110_top.jpg) no-repeat 7px top;
}

div.box-white-110 div.box-btm{
	background: url(../images/goods/box/white_box110_btm.jpg) no-repeat 7px bottom;
}


/************************************************************************************
* box-white-100
************************************************************************************/
div.box-white-100{
	background: url(../images/goods/box/white_box100_mid.jpg) repeat-y 7px top;
}

div.box-white-100 div.box-top{
	background: url(../images/goods/box/white_box100_top.jpg) no-repeat 7px top;
}

div.box-white-100 div.box-btm{
	background: url(../images/goods/box/white_box100_btm.jpg) no-repeat 7px bottom;
}


/************************************************************************************
* box-pink-111
************************************************************************************/
div.box-pink-111{
	background: url(../images/goods/box/pink_box111_mid.jpg) repeat-y 7px top;
}

div.box-pink-111 div.box-top{
	background: url(../images/goods/box/pink_box111_top.jpg) no-repeat 7px top;
}

div.box-pink-111 div.box-btm{
	background: url(../images/goods/box/pink_box111_btm.jpg) no-repeat 7px bottom;
}


/************************************************************************************
* box-pink-110
************************************************************************************/
div.box-pink-110{
	background: url(../images/goods/box/pink_box110_mid.jpg) repeat-y 7px top;
}

div.box-pink-110 div.box-top{
	background: url(../images/goods/box/pink_box110_top.jpg) no-repeat 7px top;
}

div.box-pink-110 div.box-btm{
	background: url(../images/goods/box/pink_box110_btm.jpg) no-repeat 7px bottom;
}


/************************************************************************************
* box-pink-100
************************************************************************************/
div.box-pink-100{
	background: url(../images/goods/box/pink_box100_mid.jpg) repeat-y 7px top;
}

div.box-pink-100 div.box-top{
	background: url(../images/goods/box/pink_box100_top.jpg) no-repeat 7px top;
}

div.box-pink-100 div.box-btm{
	background: url(../images/goods/box/pink_box100_btm.jpg) no-repeat 7px bottom;
}