@charset "Shift_JIS";

@import "shop_base.css";


/* デリバリー共通設定 */
#main-l{
	float: left;
	width: 540px;
	margin-top: 2px;
	}
#main-r{
	float: right;
	width: 160px;
	margin-left: 18px;
	}
#main-r iframe{
	width: 160px;
	height: 850px;
	}
	
#main h2{
	margin-bottom: 10px;
	color: #fff;
	background: #ff8000;
	}
div.deli,div.deli-top{
	padding: 9px 9px;
	border: 1px solid #ccc;
	}
div.deli h3,div.deli-top h3{
	margin-bottom: 9px;
	padding-bottom: 16px;
	font-size: 120%;
	line-height: 135%;
	background: url(shopimages/bg_deli1.gif) no-repeat left bottom;
	}


/* side_menu（iframe） 
----------------------------------------------------- */
#side{
	width: 160px;
	text-align: left;
	background: #fff;
	}
#side img{
	vertical-align: bottom;
	}
#delimenu,#login,#cart{
	margin-bottom: 10px;
	padding: 7px;
	border: 1px solid #fe9a3d;
	}
#side p,#side ul,#side li{
	margin: 0;
	padding: 0;
	line-height: 1.35em;
	}
#side li{
	list-style: none;
	}
#side div span{
	display: block;
	margin: 5px 0 5px 0;
	text-align: center;
	}

/* サービスメニュー */
#delimenu{
	width: 158px;
	padding: 0.75em 0;
	}
#delimenu ul{
	width: 146px;
	margin: 0 6px;
	border-top: 1px dotted #aaa;
	}
#delimenu li{
	width: 146px;
	line-height: 1.2em;
	overflow: hidden;
	}
#delimenu li a{
	display: block;
	width: 146px;
	padding: 0.5em 0 0.4em 0;
	text-decoration: none;
	border-bottom: 1px dotted #aaa;
	}
#delimenu li a:hover{
	background: #ffffe8;
	}

/* ログイン（現在未使用） */
#login p.login1{
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	color: #444;
	}
#login p.login1 input{
	width: 90px;
	margin: 1px 5px 1px 2px;
	vertical-align: middle;
	ime-mode: disabled;
	text-transform: none;
	}
#login p.login2{
	margin-bottom: 0.2em;
	}
#login p.login2 input{
	margin-top: 0;
	margin-bottom: 0;
	}
#login p.login3{
	font-size: 10px;
	line-height: 1.4em;
	}

/* 買い物カゴ */
#cart{
	}

/* その他 */
#link{
	padding: 7px 0;
	border: none;
	}
#link li{
	margin: 0 0 0.65em 2px;
	}


/* index 
----------------------------------------------------- */

/* 商品非表示の場合 */
#no-item{
	margin: 3em auto 150px auto;
	text-align: center;
	}

/* 新サービス＆おすすめサービス */
div.deli-top h3{
	margin-bottom: 12px;
	}
div.deli-top{
	width: 520px;
	padding-bottom: 3px;
	margin-bottom: 18px;
	}
.deli-top table{
	float: left;
	width: 130px;
	margin: 0;
	border-collapse: collapse;
	border: none;
	}
.deli-top th,.deli-top td{
	width: 130px;
	text-align: center;
	}
.deli-top th{
	height: 104px;		/* 画像セルの高さを揃える */
	padding: 0;
	}
.deli-top th img{
	max-width: 104px;
	max-height: 104px;
	/* width: 104px; リサイズ処理後は外す★ */
	/* height: 104px; リサイズ処理後は外す★ */
	margin: 0;
	}
.deli-top th img.dummy-a{
	/* border: 1px solid #ccc; */
	}
.deli-top td{
	padding: 4px 0 15px 0;
	line-height: 1.35em;
	}
.deli-top td span{
	display: block;
	width: 120px;
	height: 3.75em;		/* tableの高さを揃える */
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	}
.deli-top td a{
	line-height: 1.25em;
	}

/* ご利用案内 */
#info p{
	margin: 0;
	line-height: 1.35em;
	}
	
#info table{
	width: 100%;
	margin: 9px 0;
	}
#info th,#info td{
	padding: 4px;
	line-height: 1.25em;
	background: #fee9cf;
	}
#info th{
	width: auto;
	text-align: left;
	font-weight: normal;
	}
#info td{
	width: 38%;
	text-align: center;
	}
#info thead th{
	text-align: center;
	font-weight: bold;
	background: #fdc57a;
	}


/* 補足説明 */
#main-b{
	padding-top: 20px;
	}
#main-b h3{
	margin: 0 0 10px 0;
	padding-left: 10px;
	background: #fe9a3d;
	}
#hosoku{
	padding: 12px 12px;
	background: #f0f0f0;
	}
#hosoku p{
	margin: 0;
	line-height: 1.35em;
	}
#hosoku p strong{
	line-height: 1.5em;
	}


/* disp_menu 
----------------------------------------------------- */

/* 商品一覧ヘッダー */
#menu-head{
	}
.menu-sort{
	margin: -4px 0 0.25em 0;
	text-align: right;
	line-height: 1.25em;
	}
.menu-sort a{
	padding: 0 0.25em;
	}
.pageguide{
	margin: 0.75em 0 0 0;
	text-align: center;
	line-height: 1.5em;
	}
.pageguide strong{
	font-size: 150%;
	line-height: 1.15em;
	}
.pageguide a{
	padding: 0 0.35em;
	}
.pageguide span{
	white-space: nowrap;
	}

/* 商品なし */
.item-non{
	margin: 1.25em 0 0 0;
	padding-bottom: 2em;
	text-align: center;
	background: url(shopimages/bg_deli2.gif) no-repeat left bottom;
	}

/* 商品一覧 */
#menu-body{
	margin-top: 10px;
	padding: 5px 9px 10px 9px;
	}
#menu-body h3{
	margin-bottom: 0;
	background: url(shopimages/bg_deli2.gif) no-repeat left bottom;
	}
#menu-body div{
	padding: 4px 0 15px 0;
	background: url(shopimages/bg_deli2.gif) no-repeat left bottom;
	}

table.item{
	width: 520px;
	border-collapse: collapse;
	border: none;
	}
table.item td{
	width: 318px;
	line-height: 1.35em;
	}
table.item td.t-l{
	width: 104px;
	height: 104px;
	padding: 0 12px 0 0;
	text-align: center;
	}
table.item td.t-l img{
	max-width: 104px;
	max-height: 104px;
	/* width: 104px; リサイズ適用後は外す★ */
	}
table.item td.t-l img.dummy-a{
	/* border: 1px solid #ccc; */
	}
table.item td.t-r{
	width: 80px;
	padding: 0 3px;
	text-align: center;
	background: #f5f5f5;
	}

table.item td span{
	display: block;
	width: 305px;
	height: 7em; /* セルの高さを制限 */
	margin: 0 0 0.25em 0;
	overflow: hidden;
	}
table.item td span strong{
	display: block;
	margin-bottom: 0.2em;
	}
table.item td span span{
	display: inline;
	line-height: 1.75em;
	color: #cc0033;
	}
table.item td span strong{
	line-height: 1.25em;
	}


/* disp_item＆shop_item 
----------------------------------------------------- */

#item-order h3{
	width: 510px;
	margin: 0 0 10px 0;
	padding: 0 5px 15px 5px;
	}
#item-order div{
	width: 520px;
	padding: 0 0 15px 0;
	background: url(shopimages/bg_deli2.gif) no-repeat left bottom;
	}

/* 商品画像 */
#item-order div div{
	width: 390px;
	padding: 0 62px 20px 62px;
	text-align: center;
	}
#item-order div div img{
	max-width: 390px;
	max-height: 390px;
	/* width: 390px; リサイズ後は外す★ */
	margin: 0 auto;
	}
/* 価格情報 */
#item-order div p.price{
	width: 460px;
	margin: 1em 0 1em 0;
	padding: 0 30px 0px 30px;
	text-align: center;
	line-height: 1.5em;
	}
#item-order div p.price em{
	display: block;
	margin-bottom: 0.5em;
	font-style: normal;
	font-weight: bold;
	color: #494949;
	}
#item-order div p.price span{
	color: #cc0033;
	}
#item-order div p.price span strong{
	font-size: 150%;
	}
/* 詳細テキスト */
#item-order div p.detail{
	width: 460px;
	margin: 0;
	padding: 0 30px 5px 30px;
	text-align: left;
	line-height: 1.35em;
	overflow: hidden;
	}

/* 追加オプション指定 */
p.order-add{
	width: 480px;
	margin: 5px 0;
	padding: 7px 10px 10px 30px;
	line-height: 1.5em;
	background: #f0f0f0;
	overflow: hidden;
	}
p.order-add span{
	line-height: 1.75em;
	color: #003399;
	}
p.order-add input{
	margin: 0.5em 2px auto 0;
	}

/* カートに入れる */
p.order-cart{
	margin: 0;
	padding: 6px 0 3px 0;
	text-align: center;
	}
p.order-cart input,p.order-cart img{
	vertical-align: middle;
	}

p.back{
	margin: 10px 0;
	padding-left: 22px;
	line-height: 22px;
	background: url(shopimages/back.gif) no-repeat 0% 50%;
	}


/* law（特定商取引法に基づく表示） 
----------------------------------------------------- */
#law{
	padding-bottom: 15px;
	}
#law table{
	clear: both;
	width: 100%;
	border-collapse: collapse;
	border: none;
	}
#law th,#law td{
	line-height: 1.45em;
	border: 1px solid #aaa;
	}
#law th{
	width: 90px;
	padding: 5px;
	font-weight: normal;
	color: #003399;
	background: #f5f5f5;
	}
#law td{
	width: 405px;
	padding: 5px 5px 5px 7px;
	background: #fff;
	overflow: hidden;
	}

/* 出力テキスト用 */
#law th span{
	display: block;
	width: 90px;
	overflow: hidden;
	}
#law td span{
	display: block;
	width: 405px;
	overflow: hidden;
	}
#law td p{
	display: block;
	width: 405px;
	margin: 0.25em 0;
	overflow: hidden;
	}

/* 支払方法＆配送について */
#law #payment td,#haisou td{
	padding-top: 1em;
	}
#payment dl,#haisou ul{
	margin: 0 7px 0.75em 0;
	padding: 0;
	width: 398px;
	overflow: hidden;
	}

/* 支払方法 */
#payment dt,#payment dd{
	padding: 0;
	line-height: 1.35em;
	}
#payment dt{
	margin: 1.25em 0 0.75em 0;
	background: url(shopimages/bg_deli2.gif) no-repeat 0% 50%;
	}
#payment dt span{
	padding-right: 0.5em;
	background: #fff;
	}
#payment dd{
	margin: 0 0 0.5em 1em;
	}
#payment em{
	line-height: 2em;
	font-style: normal;
	color: #003399;
	}
#payment ul{
	margin: -0.5em 0 0 0;
	padding: 0;
	}
#payment li{
	margin: 0.85em 0.5em 0em 2.25em;
	padding: 0;
	line-height: 1.35em;
	}
#payment li span{
	display: block;
	}

/* 配送について */
#haisou li{
	margin: 1.25em 0.5em 0 2em;
	padding: 0;
	line-height: 1.35em;
	list-style-type: disc;
	}
#haisou li span{
	display: block;
	margin: 0.5em 0 0 0em;
	}
a.go-price{
	white-space: nowrap;
	}


/* price（配送料金一覧画面） 
--------------------------------------------- */
#law table.price-area th{
	width: 50%;
	line-height: 1.35em;
	text-indent: 1.5em;
	}
#law table.price-area td{
	width: 50%;
	line-height: 1.35em;
	}
#law table.price-area td span{
	display: block;
	width: 25%;
	text-align: right;
	}
#price-area-free{
	margin: 1em 0 1em 1em;
	line-height: 1.25em;
	}
#law .back1{
	float: right;
	width: 10em;
	margin: -2.25em 0 1em 0em;
	text-align: right;
	line-height: 1.25em;
	}
#law .back2{
	margin: 0.75em 0 0 0;
	text-align: right;
	}


/* 入力テキスト用に追加・上書き指定 
--------------------------------------------- */

div.deli h3{
	width: 100%;
	}
	
#hosoku p{
	width: 100%;
	}
	
#info th,#info thead th{
	white-space: nowrap;
	}
#info td{
	width: 195px;
	padding: 8px 4px;
	}
#info td span{
	display: block;
	width: 195px;
	}


div.deli h3,
#hosoku p,
#info td span
{
	overflow: hidden;
	}

/* forMac-IE5 \*//*/
div.deli h3,
#hosoku p,
#info td span,
#recommend td span,
table.item td span,
p.order-add,
#law td span,#law dt,#law dd,
#delimenu li{
	overflow: visible;
	}
/**/


/* 
	追加指定分のソース整理は後回し　08/02/20
 */