
body{ background-color:#FFF;}

/*#detailWrap {width:590px; text-align:left; padding:10px 11px 0 11px;}*/
/*#detailWrap {margin:0\9; padding:0\9; }*/
#detailWrap {width:600px; text-align:left; padding:10px 0 0 10px;}

#detailWrap a{ text-decoration:underline;}
#detailWrap a:hover{text-decoration:none;}

#detailWrap #products_right{ float:right; line-height:1.4; width:300px;}
#detailWrap #products_left{ float:left; width:280px; text-align:center; padding-top:10px;}
#detailWrap h3 #notes_title{ clear:both;}

#detailWrap h2 {margin:10px;color:#000099;font-weight:bold; line-height:1.2;}

#detailWrap h3 #notes_title {padding:30px 0 10px 5px;}

#detailWrap #point li{ display: inline;}

#detail3 {color: #009; font-weight:bold; font-size:14px;}

#detailWrap #coupon{
	background:url(http://www.ioplaza.jp/10/09/coupon.gif) left top no-repeat;
	width:412px; height:121px;
	text-align:center;
	margin:10px 0 30px 93px;}

#detailWrap #coupon #price{ color:#CC0000; font-size:30px; font-weight:bold; padding-top:60px;}
#detailWrap #coupon #couponNom{ color:#FFF; font-weight:bold; font-size:100%; margin-top:-4px;}
#detailWrap #coupon #couponNom, x:-moz-broken, x:last-of-type  {margin-top:-9px; } 


/*右商品詳細部分 */
#detailWrap table tr td{ vertical-align: top;}
#detailWrap table tr td.title{border-bottom:1px dotted #CCC; padding:7px 0; width:85px; font-weight:bold;}
#detailWrap table tr td.detail{border-bottom:1px dotted #CCC; padding:7px 0; width:215px;}
#detailWrap table tr #cart{ padding:15px 0 0 25px;}
#detailWrap table #cart input.amount{ margin:0 0 0 20px;}
#detailWrap table #cart input.cart{ margin:20px 0 10px 0;}
#detailWrap #products_right tbody tr #cart form select{ margin:20px 0 0 10px;}

#detailWrap table tr td #sale{ font-weight:bold; color:#F00;}
#detailWrap table tr td #point{ color:#F00;}
#detailWrap table tr td .memo{ font-size:83.3%;}
#detailWrap table tr td #soryo{ color:#900;}

/*左手商品画像、バナー、アイコン部分 */
#detailWrap #icon li{ float:left; padding:0; margin:0;}
#detailWrap #link{ margin:0;}
#detailWrap #link li{ float:left; padding:0 2px 5px 0; text-align:left;}
#detailWrap #link .last{ padding:0 0 5px 0;}

/*注意部分 */
#detailWrap #notes{ text-indent:15px;}
#detailWrap #notes span{ color:#36C;}
#detailWrap #notes li{ line-height:1.4;}


/*商品画像js部分 */

#imgMain{
	width:280px;
}
#imgMemo{
	margin-top:-2px;
}
#imgMemo img{
	border-bottom: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
/* margin-top:-10px;  ← 2012.10.17 ヘッダー改修による崩れと思われる部分を直すための無効化　*/

}
#imgMain img{
	text-align:center;
	border-top: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
}

#scrollable {
	width:282px;
	height:76px;
	margin-bottom:20px;
	text-align:left;
}
div.items {
	width: 243px !important;
	height:76px;
	float:left;
 	position: relative;
	overflow: hidden;
	visibility: visible;
}
div.items a {
	display:block;
	float:left;
	margin-right:5px;
	width: 76px;
	height:76px;
	float:left;
}
div.items img{
	border: 1px solid #D1D1D1;
}

a.prev, a.next {
	display:block;
	width: 17px;
	height: 76px;
	float: left;
	cursor:pointer;
}
a.prev	{
	margin-right:5px;
}

a.prev, a.next{
	background: url(/img/js_left.jpg) no-repeat 0 0;
	width: 17px;
	height: 76px;
}
a.next {
	background: url(/img/js_right.jpg) no-repeat 0 0;
}

a.prev_min, a.next_min {
	display:block;
	width: 17px;
	height: 76px;
	float: left;
	cursor:pointer;
}
a.prev_min	{
	margin-right:5px;
}
a.prev_min, a.next_min {
	background: url(/img/js_left.jpg) no-repeat 0 0;
	width: 17px;
	height: 76px;
}
a.next_min {
	background: url(/img/js_right.jpg) no-repeat 0 0;
}



/*タブナビゲーション部分
------------------------------------------------------*/

/* ナビゲーション部分 */
#tabNavi {
	width:583px;
	margin:50px 0 20px 4px;
}
#tabNavi a {
	text-decoration:none; 
	color:#867863; 
}
#tabNavi ul{
	overflow:hidden;
	position:relative;
	zoom:1;
}
#tabNavi li	{
	float:left;
	text-indent:-9999px;
}
#tabNavi li a {
	display:block;
	width:145px;
	height:32px;
	background: url(/img/tag_nav.jpg) left top no-repeat;
}

#tabNavi #navi02 a{background-position:-145px 0;}
#tabNavi #navi03 a{background-position:-290px 0;}
#tabNavi #navi04 a{background-position:-435px 0;}

#tabNavi #navi01 a:hover{background-position:0 -32px;}
#tabNavi #navi02 a:hover{background-position:-145px -32px;}
#tabNavi #navi03 a:hover{background-position:-290px -32px;}
#tabNavi #navi04 a:hover{background-position:-435px -32px;}

#tabNavi #navi01 a.selected{background-position:0 -32px !important;}
#tabNavi #navi02 a.selected{background-position:-145px -32px !important;}
#tabNavi #navi03 a.selected{background-position:-290px -32px !important;}
#tabNavi #navi04 a.selected{background-position:-435px -32px !important;}


#tabNavi #navi01_none a{background-position:0 -64;}
#tabNavi #navi02_none a{background-position:-145px -64;}
#tabNavi #navi03_none a{background-position:-290px -64;}
#tabNavi #navi04_none a{background-position:-435px -64;}

#tabNavi #navi01_none a:hover{background-position:0 -64px;}
#tabNavi #navi02_none a:hover{background-position:-145px -64px;}
#tabNavi #navi03_none a:hover{background-position:-290px -64px;}
#tabNavi #navi04_none a:hover{background-position:-435px -64px;}


/* スクロールコンテンツ部分 */
#navi {
	width:580px;
	padding-bottom:20px;
	margin:0 0 50px 4px;
}
#mask {
	width:580px;
	overflow:hidden;
	margin:0 auto;
}
/*#panel div {
float:left;
}*/

#panel ul {
list-style:none;
margin:0 5px;
padding:0;
}
#panel a	{
	color:#557482;
}
#panel ul li {
	padding:5px;
	border-bottom:1px dotted #ccc;
}
#panel ul li.last{
	border-bottom:none;
}
/*---------------------------------------------
商品詳細
---------------------------------------------*/
ul#point {
	margin: 10px 0 0 15px;
}
#attention {
	margin: 0 auto;
}
#attention h2 {
	height: 70px;
	background: #898989 url(/img/icon_attention.jpg) no-repeat left top;
	color: #FFF;
	line-height: 70px;
	font-size: 16px;
	margin: 20px 0 0;
}
#attention td {
	padding: 0 0 20px;
}
#attention .inner_ {
	text-align: center;
	border: 1px solid #898989;
	padding: 15px 0;
	margin-bottom: 20px;
}
#attention .inner_ table {
	margin: 0 auto;
}
#attention .border_ {
	border-bottom: 1px dotted #cccccc;
}
#attention .inner_ table td {
	padding: 0;
}
#attention .inner_ table td table td {
	padding: 5px;
}
#detailWrap table.detail_table {
	width: 580px;
	margin: 5px 0px 20px 0px;
	border-collapse: collapse;
	order-spacing: 0;
}

#detailWrap table.detail_table tr td {
	border-bottom: 1px dotted #cccccc;
	padding: 5px 7px;
	vertical-align: middle;
}
#detailWrap table.detail_table tr td.btn_ {
	width: 230px;
	text-align: right;
}
/* 12/12/10 削除 */
/*#detailWrap table.detail_table tr td.btn_ input:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}*/
#detailWrap table.detail_table tr td.discount_ {
	text-align: right;
	font-weight: bold;
}

/* ライトボックス */

#fancybox-wrap div.set_box_ {
}
/* 1版外枠 */
#fancybox-wrap div.set_box_ table#light_box_wrapper {
	border-collapse: collapse;
	order-spacing: 0;
	width: 700px;
	text-align: center;
}
/* ↓12/12/10 修正↓ */
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper {
	border-collapse: collapse;
	order-spacing: 0;
	width: 620px;
	border: 1px solid #898989;
	margin: 0 auto;
}
/**/
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td {
	vertical-align: middle;
	padding: 10px 20px;
}
/* ↓12/12/10 追加↓ */
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td table td {
	text-align: center;
	padding: 5px 20px;
	font-weight: bold;
}
/* 12/12/10 削除 */
/*#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td table td input:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}*/
/* ↑12/12/10 追加↑ */
/* グレー背景のコメント */
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td.note_ {
	background: #898989;
	color: #FFF;
	padding: 20px;
	line-height: 20px;
}
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td.note_ span {
	font-size: 16px;
	font-weight: bold;
}
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td.img_ {
	width: 100px;
}
/* 価格 */
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td.price_ {
	font-weight: bold;
	width: 50px;
	text-align: right;
	padding: 0 20px;
}
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td.price_ span {
	font-size: 16px;
}

/* 合計金額 */
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td div.total_,
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td div.collect_ {
	width: 620px;
	border-top: 1px dotted #cccccc;
	padding: 5px 0;
	text-align: center;
}
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td div.total_ table {
	float: right;
	border-collapse: collapse;
	order-spacing: 0;
	width: 325px;
}
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td div.total_ th,
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td div.total_ td {
	padding: 10px 0 10px 5px;
	vertical-align: middle;
	text-align: right;
	font-weight: bold;
	font-size: 14px;
}
/* セット割引 赤字 */
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td div.total_ th.set_dis_,
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td div.total_ td.set_dis_price_ {
	color: #F00;
	border-bottom: 1px dotted #cccccc;
}
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td div.total_ td img {
	vertical-align: bottom;
	margin: 0 2px;
}
/* 12/12/10　削除 */
/*#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td div.total_ td input:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}*/

/* まとめ買い　タイトル黄色字 */
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td.note_ span span {
	color: #ffff00;
	font-size: 18px;
}
/* まとめ買いボタン */
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td div.collect_ table {
	margin: 0 auto;
}
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td.border_btm_ {
	border-bottom: 1px dotted #cccccc;
}
/* まとめ買い　個数 */
#fancybox-wrap div.set_box_ table#light_box_wrapper table#detail_wrapper td.number_ {
	width: 50px;
	text-align: center;
}

/* お届け先　時間指定 */
#wrap td img#discoun_ {
	vertical-align: middle;
}