@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      list.css
 Author:         k.mimura
 Style Info:     リストボックス
 変更:           
----------------------------------------------------------- */

/*----------------------------------------------------
	#commodity_detail全体枠
----------------------------------------------------*/
.com_det_main_box{
	width: 350px;
	float: left;
	margin-top: 10px;
		}
		
/*----------------------------------------------------
	#commodity_detail全体枠
----------------------------------------------------*/
.com_det_main_box2{
	width: 330px;
	float: left;
	margin-top: 10px;
	clear: none;
		}
		
/*----------------------------------------------------
	#commodity_detail蔵元title_box
----------------------------------------------------*/
.com_det_kuramoto_box{
	width: 980px;
	margin-bottom: 10px;
		}
		
/*----------------------------------------------------
	#commodity_detail左goods_box
----------------------------------------------------*/
.com_det_goods_box{
	width: 320px;
	float: left;
		}
		
/*----------------------------------------------------
	#commodity_detail_スペック_box
----------------------------------------------------*/
.com_det_sp_box{
	width: 340px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
		}
/*----------------------------------------------------
	#commodity_detail_右端_box
----------------------------------------------------*/
#sake_detail_right_01{
	width: 325px;
	float: left;
	height: 480px;
		}
		
/*----------------------------------------------------
	#commodity_detail_日本酒度表用_box
----------------------------------------------------*/
#sake_detail_list_02{
	width: 250px;
	height: 160px;
	position: relative;
	margin-left: 50px;
	top: 30px;
		}

/*----------------------------------------------------
	#commodity_goods商品タイトル表示
----------------------------------------------------*/

.list_box00{
	width: 978px;
	background-image: url(../../sake/images/share/commodity_title_back.gif);
	height: 30px;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
}

/*----------------------------------------------------
	#commodity_goodsリスト表示
----------------------------------------------------*/

.list_box01{
	width: 300px;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C8E3FF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C8E3FF;
	margin: 5px;
	padding: 5px;
	text-align: left;
	background-color: #FFFFFF;
}

/*----------------------------------------------------
	#brand_detail_銘柄一覧リスト表示
----------------------------------------------------*/

.list_box_brand{
	width: 475px;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin: 5px;
	padding: 5px;
}

/*----------------------------------------------------
	#kura_list_蔵元一覧リスト表示
----------------------------------------------------*/
.list_box_kura{
	width: 320px;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding: 3px;
	margin-top: 4px;
	margin-left: 4px;
	background-image: url(../images/paper009-03.gif);
}

.list_box_kura_on{
	width: 320px;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding: 3px;
	margin-top: 4px;
	margin-left: 4px;
	background-color: #FFFF66;
}

.list_box_kura_off{
	width: 320px;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding: 3px;
	margin-top: 4px;
	margin-left: 4px;
	background-color: #CCCCCC;
}

/* 銘柄一覧用photoBOX */

.brand_photo_box_01
{
	width: 187px;
	height: 187px;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

/* 銘柄一覧用スペックBOX */

.brand_spec_box_01
{
	width: 275px;
	float: left;
	padding-left: 10px;
}


/*----------------------------------------------------
	#kura_detail_2商品一覧BOX
----------------------------------------------------*/
#content{
	width: 660px;
	float: left;
	margin-top: 10px;
	clear: none;
	overflow: auto;
	height: 650px;
		}
/*----------------------------------------------------
	#蔵元商品紹介：取扱銘柄BOX
----------------------------------------------------*/
.kura_de_brand_box01{
	width: 310px;
	margin-top: 5px;
	margin-left: 10px;
	height: auto;
}

/*----------------------------------------------------
	#蔵元商品紹介：種別一覧BOX
----------------------------------------------------*/
.kura_de_type_box01{
	width: 310px;
	padding-top: 10px;
	margin-left: 10px;
}
/*----------------------------------------------------
	#日本酒度グラフ
----------------------------------------------------*/
#sake_detail_01 {
	height: 300px;
	width: 320px;
	position: relative;
	background-image: url(../../sake/images/share/back_line1_01_temp.gif);
	background-repeat: no-repeat;
}
/*----------------------------------------------------
	#日本酒度グラフflash用
----------------------------------------------------*/
#sake_detail_01_flash {
	height: 300px;
	width: 320px;
	position: relative;
}
/*----------------------------------------------------
	#商品詳細用　日本酒度グラフ
----------------------------------------------------*/
#sake_detail_02_d {
	height: 300px;
	width: 320px;
	position: absolute;
	background-image: url(../../sake/images/share/kura_de_zuhan_01.gif);
	background-repeat: no-repeat;
	float: left;
	top: 265px;
	left: 680px;
}

/*----------------------------------------------------
	#都道府県名
----------------------------------------------------*/
.box_pref{
	position: absolute;
	float: left;
	width: 100px;
	text-align: left;
	clear: both;
	font-weight: bold;
	color: #666666;
	top: 144px;
	font-size: 14px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
