@charset "utf-8";

div#contents h2{
	margin:0 0 0.7em 0;
	padding:0;
	text-align:left;
}

div#detailArea h3{
	margin-bottom:5px;
	padding:0;
	font-size:100%;
}

div#detailArea h3 span{
	font-size:100%;
}

div.detail h4{
	margin-top:0;
	margin-bottom:5px;
	padding:0;
	font-size:100%;
}

div#picArea{
	width:50%;
	float:left;
}

div#picArea img{
	display:block;
	margin:0 auto;
}

div#detailArea{
/*	width:50%; */
	width:45%;
	float:right;
	font-size:80%;
}

div#detailArea a.ingredient{
	color:#999999;
	font-weight:bold;
}

div#detailArea img{
	margin-right:5px;
	vertical-align:middle;
}

div#detailArea a{
	color:#C4017F;
}

div#detailArea .mainItem{/* 070312追記 */
/*	font-size:80%; */
	font-size:85%;
}

div#thumView{/* 061211 追記*/
	clear:both;
	width:658px;
}

/* コンテンツナビ設定------------------------------------------------------- */
div#contentsNavi{
	clear:both;
	margin:1em 0;
	width:641px;
	padding-bottom:1em;
	padding:0;
	display:block;
	border-bottom:2px solid #000;/* 061127 add */
	font-size:10px;
	min-height:32px;
}

ul#contentsNavi{
	clear:both;
	margin:1em 0;
	width:641px;
	padding-bottom:1em;
	padding:0;
	display:block;
	border-bottom:2px solid #000;/* 061127 add */
	font-size:10px;
	min-height:32px;
}

/* tabNav設定------------------------------------------------------- */
ul#tabNav {
	margin: 0;
	padding-left: 8px;
	width: 630px;
	height: 31px;
	border-bottom: solid #6b6b6b 2px;
}

ul#tabNav li {
	float: left;
	padding-right: 7px;
	list-style: none;
}

ul#tabNav li a {
	display: block;
	width: 119px;
	height: 31px;
}

ul#tabNav li a.select img {
	display: none;
}

ul#tabNav li a:hover img {
	display: none;
}

/* nailHow設定------------------------------------------------------- */
div#contents div.nailHow {
	padding-bottom: 1em;
	width: 637px;
	font-size: 80%;
	_font-size: 11px;
}

div#contents div.nailHow h2 {
	margin: 1em 0 0 0;
	padding-bottom: .5em;
	border-bottom: solid #b3b3b3 1px;
}

div#contents div.nailHow p {
	margin-top: 1em;
}

/* bannerArea設定------------------------------------------------------- */
ul#bannerArea {
	margin: 2em 0 0 0;
	padding: 1em 0 0 0;
	width: 637px;
	border-top: solid #b3b3b3 1px;
	list-style: none;
	overflow: hidden;
	zoom: 1;
}

ul#bannerArea li {
	float: left;
}

ul#bannerArea li.first-child {
	padding-right: 17px;
}

/* 
====================== FloatTips div */
ul#contentsNavi:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* 1108 編
当初、Floathackの一部として記述していたが、
ul#contentsNaviのマウスオーバー効果を付随した際、
operaにてhoverが利かなくなりました。
因果関係は不明ですが、
本記述をコメントアウトする事で復帰。
ul#contentsNavi{
	display:inline-table;
}

============================== */
#contentsNavi li{/*ホバー時のものを読ませておくことで擬似プリロード効果*/
	float:left;
	list-style-type:none;
	text-decoration:none;
	display: block;
	height: 23px;/* 061127 add */
}

#contentsNavi li a{
	margin:0;
	padding:0;
	float:left;
	background-repeat:no-repeat;
	list-style-type:none;
	display: block;
	height: 23px;/* 061127 add */
/*
	text-indent:-9999px;
============================== */
	overflow:hidden;
}
#contentsNavi li a:hover{
	background-repeat:no-repeat;
}

/* ------------------------------------------------------- */
li#bBlue a,
li#bBlue a:visited{/* for bBlueBTN */
	background-image:url("../content0/img/contentnNavi/bBlueBTN.gif");
	width:81px;
	text-indent:-9999px;
}

li#bBlue a:hover{
	background-image:url("../content0/img/contentnNavi/bBlue_onBTN.gif");
}

li.onPage#bBlue a,
li.onPage#bBlue a:visited{
	background-image:url("../content0/img/contentnNavi/bBlue_onBTN.gif");
	width:81px;
}

/* ------------------------------------------------------- */
li#gGreen a,
li#gGreen a:visited{/* for gGreenBTN */
	background-image:url("../content0/img/contentnNavi/gGreenBTN.gif");
	width:81px;
	text-indent:-9999px;
}

li#gGreen a:hover{
	background-image:url("../content0/img/contentnNavi/gGreen_onBTN.gif");
}

li.onPage#gGreen a,
li.onPage#gGreen a visited{
	background-image:url("../content0/img/contentnNavi/gGreen_onBTN.gif");
	width:81px;
}

/* ------------------------------------------------------- */
li#lNoncolor a,
li#lNoncolor a:visited{/* for lNoncolorBTN */
	background-image:url("../content0/img/contentnNavi/lNoncolorBTN.gif");
	width:80px;
	text-indent:-9999px;
}

li#lNoncolor a:hover{
	background-image:url("../content0/img/contentnNavi/lNoncolor_onBTN.gif");
}

li.onPage#lNoncolor a,
li.onPage#lNoncolor a visited{
	background-image:url("../content0/img/contentnNavi/lNoncolor_onBTN.gif");
	width:80px;
}

/* ------------------------------------------------------- */
li#oOrange a,
li#oOrange a:visited{/* for oOrangeBTN */
	background-image:url("../content0/img/contentnNavi/oOrangeBTN.gif");
	width:81px;
	text-indent:-9999px;
}

li#oOrange a:hover{
	background-image:url("../content0/img/contentnNavi/oOrange_onBTN.gif");
}

li.onPage#oOrange a,
li.onPage#oOrange a:visited{
	background-image:url("../content0/img/contentnNavi/oOrange_onBTN.gif");
	width:81px;
}

/* ------------------------------------------------------- */
li#pPink a,
li#pPink a:visited{/* for pPinkBTN */
	background-image:url("../content0/img/contentnNavi/pPinkBTN.gif");
	width:81px;
	text-indent:-9999px;
}

li#pPink a:hover{
	background-image:url("../content0/img/contentnNavi/pPink_onBTN.gif");
}

li.onPage#pPink a,
li.onPage#pPink a:visited{
	background-image:url("../content0/img/contentnNavi/pPink_onBTN.gif");
	width:81px;
}

/* ------------------------------------------------------- */
li#pBrown a,
li#pBrown a:visited{/* for pBrownBTN */
	background-image:url("../content0/img/contentnNavi/pBrownBTN.gif");
	width:80px;
	text-indent:-9999px;
}

li#pBrown a:hover{
	background-image:url("../content0/img/contentnNavi/pBrown_onBTN.gif");
}

li.onPage#pBrown a,
li.onPage#pBrown a:visited{
	background-image:url("../content0/img/contentnNavi/pBrown_onBTN.gif");
	width:80px;
}

/* ------------------------------------------------------- */
li#vViolet a,
li#vViolet a:visited{/* for vVioletBTN */
	background-image:url("../content0/img/contentnNavi/vVioletBTN.gif");
	width:80px;
	text-indent:-9999px;
}

li#vViolet a:hover{
	background-image:url("../content0/img/contentnNavi/vViolet_onBTN.gif");
}

li.onPage#vViolet a,
li.onPage#vViolet a visited{
	background-image:url("../content0/img/contentnNavi/vViolet_onBTN.gif");
	width:80px;
}

/* ------------------------------------------------------- */
li#sShocking a,
li#sShockin a:visited{/* for sShockingBTN */
	background-image:url("../content0/img/contentnNavi/sShockingBTN.gif");
	width:76px;
	text-indent:-9999px;
}

li#sShocking a:hover{
	background-image:url("../content0/img/contentnNavi/sShocking_onBTN.gif");
}

li.onPage#sShocking a,
li.onPage#sShocking a:visited{
	background-image:url("../content0/img/contentnNavi/sShocking_onBTN.gif");
	width:76px;
}

/* コンテンツ　アイテム設定------------------------------------------------------- */
/*
 070106 add 
0-1.html　商品サムネイル箇所
テーブル化アレンジのスタイル
============================== */
table#thumView{
	width:641px;
}

table#thumView td.items{/* 070106 add */
	margin-top:10px;
	padding-bottom:10px;
	border-left:1px solid #CCC;
	vertical-align:top;
	font-size:75%;
}

table#thumView td.left{
	border-left:none;
}

table#thumView td.items{
	width:33%;
}

table#thumView td.items .detail{
	width:70%;
	float:right;
}

table#thumView td.items img.itemThum{/* 1108 サムネイル55ｘ50画像、上部マージン */
	margin-top:10px;
}

table#thumView td.items div.detail h4{
	margin-top:0;
	margin-bottom:5px;
	padding:0;
}

.detail form{
	text-align:right;
}

div.detail form img{
	vertical-align:top;
}

p.price{
	margin:0 0 1em 0;
	padding-bottom:1em;
}

.attention{
	font-size:60%;
	text-align:left;
}

/*
itemIntroduce
============================== */
table#itemIntro {
	margin-top: 2em;
	width: 637px;
	font-size: 10px;
	text-align: left;
}

table#itemIntro th {
	font-weight: bold;
	font-size: 11px;
	text-align: left;
}

table#itemIntro th.itemImg {
	width: 70px;
}

table#itemIntro th span {
	margin-left: 1em;
	font-size: 10px;
}

table#itemIntro th span a {
	color:#979797;
	text-decoration: none;
}

table#itemIntro tr td table {
	width: 300px;
}

table#itemIntro tr td table tr td.nameKana {
	padding-bottom: .5em;
}

table#itemIntro tr td table tr.shoppingBag td {
	padding: 1em 1em 0 1em;
	text-align: right;
}

table#itemIntro tr td table tr.shoppingBag td div.bagTop {
	float: right;
}

table#itemIntro tr td table tr.shoppingBag td div.bagTop img {
	padding-bottom: .5em;
}

table#itemIntro tr td.spaceW {
	width: 40px;
	background: url(../shopping/img/gray_line.gif) repeat-y 15px 0;
}

table#itemIntro tr td.spaceH {
	padding: 13px 0;
}

/*
0-3、0-3-1等
popUp ページ
============================== */
body#popUp{
	text-align:center;
}

body#popUp div#contents{
	margin:0 auto;
	padding:0;
	float:none;
}

body#popUp div#header{
	height:34px;/* 061211add */
	text-align:right;
	background: url(../shopping/img/popupHeaderBG.gif) repeat-x;
}

body#popUp div#header h1{
	display:inline;
	border:none;
	float:none;	
}

body#popUp div#wrapper{/* 061212 add */
	background:white;
	padding-bottom:40px;
}

body#popUp div#contents{/* 061212 add */
	width:425px;
	margin:0 auto;
}

body#popUp div#footer{
	border-bottom:15px solid #000;
	min-height:100%;
	max-height:100%;
}

body#popUp div#contents.zoomPic{/* PopUpページ　アイテムズーム */
	padding:1em 20px;
	width:425px;
	border-left:none;
	border-right:none;
	border-bottom:15px solid #000;
	text-align:center;
}

body#popUp div#contents.zoomPic img{/* PopUpページ　アイテムズーム */
margin:40px auto;
display:block;
}

body#popUp div#contents h2{
	margin:0 0 1em 0;
	padding:0;
}

body#popUp div#contents p{
	margin:1em 0 1.5em 0;
	padding:0;
}

body#popUp div#contents table{
	margin:0;
	padding:0;
	width:425px;
}

body#popUp div#contents table th{
	width:80px;
	font-weight:normal;
	text-align:left;
}

body#popUp div#contents table td{
	text-align:left;
}

body#popUp div#contents table th,
body#popUp div#contents table td{
	font-size:80%;
}

body#popUp div#contents table td input{
	width:170px;
}

body#popUp div#contents p strong{
	padding-top:0.5em;
}