@charset "EUC-JP";

/*
 * 商品ページ用スタイルシート
 *
 * 更新履歴：2007/08/01	d.ishikawa	新規作成
 *
 */

/* 画像(上部) */
div.itemImgTop
{
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;

	width: 100%;
}

div.itemImgTop img
{
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;

/* (※1)
	display: block;
	float: left;
*/
	border: 1px solid #C69E5F;
}

/* (※1)
div.itemImgTop div.itemImgTopEnd
{
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
}
*/

/* (※1)Firefoxで、floatがおかしい。直後にくる要素が下に配置される。*/

/* カテゴリー説明 */
div.itemCategoryComment
{
	width: 100%;
	margin: 0 0 20px 0;
/*	padding: 13px 0 0 0;*/
	padding: 10px 0 0 0;
	border: 0;
	background: url(../img/common/a1.gif) no-repeat left top;
}

div.itemCategoryComment div.itemCategoryCommentText
{
	width: 96%;
	margin: 0 13px 0 13px;
	padding: 0;
	border: 0;
}

div.itemCategoryComment div.itemCategoryCommentText img
{
	margin-right: 5px;
	vertical-align: middle;
}

div.itemCategoryComment div.itemCategoryCommentText div.oneCategory
{
	width: 100%;
	margin: 3px 0 0 0;
	padding: 0;
	border: 0;
}

div.itemCategoryComment div.itemCategoryCommentEnd
{
	width: 100%;
	height: 13px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff url(../img/common/a2.gif) no-repeat left top;
}

/* 商品説明 */
div.itemComment
{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;

}

div.itemComment strong
{
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka;
	color: #E98105;
}

/* 鋼画像 */
div.itemHagane
{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	border: 0;

}

div.itemHagane img
{
	margin: 0 0 20px 0;
}


/* ポイント */
div.itemPoint
{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;

}

div.itemPoint div.itemPointSet
{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
}

div.itemPoint div.itemPointSet div.itemPointSetHead
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

div.itemPoint div.itemPointSet div.itemPointSetImg
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

div.itemPoint div.itemPointSet div.itemPointSetText
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

/* 共通情報 */
div.itemCommon
{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	border: 0;

}

div.itemCommon img
{
	margin: 0 0 20px 0;
}



/* [共通情報] 両刃・片刃 */
div#com_edge
{
	width: 650px;
	height: 386px;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
	
	background: #fff url(../img/item/ha.jpg) no-repeat left top; 
}
/* [共通情報] 堺打刃物伝統工芸士 */
div#com_artist
{
	width: 650px;
	height: 830px;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
	
	background: #fff url(../img/item/artisan.jpg) no-repeat left top; 
}
/* [共通情報] 伝統マーク */
div#com_tradition
{
	float: left;
	width: 320px;
	height: 175px;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
	
	background: #fff url(../img/item/mark.gif) no-repeat left top; 
}

/* [共通情報] 熨斗 */
div#com_gift_paper
{
	float: left;
	width: 320px;
	height: 175px;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}
div#com_gift_paper a
{
	display: block;
	width: 320px;
	height: 175px;
	margin: 0;
	padding: 0;
	border: 0;
	
	text-decoration: none;
	text-indent: -9999px;

	background-repeat: no-repeat;
	background-position: left top;

	overflow: hidden;
}

div#com_gift_paper a:link, div#com_gift_paper a:visited {background-image: url("../img/item/nosi1_1.jpg");}
div#com_gift_paper a:hover, div#com_gift_paper a:active {background-image: url("../img/item/nosi1_2.jpg");}

/* [共通情報] ギフト包装 */
div#com_wrapping
{
	float: right;
	width: 320px;
	height: 175px;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}
div#com_wrapping a
{
	display: block;
	width: 320px;
	height: 175px;
	margin: 0;
	padding: 0;
	border: 0;
	
	text-decoration: none;
	text-indent: -9999px;

	background-repeat: no-repeat;
	background-position: left top;

	overflow: hidden;
}

div#com_wrapping a:link, div#com_wrapping a:visited {background-image: url("../img/item/wrapping1_1.jpg");}
div#com_wrapping a:hover, div#com_wrapping a:active {background-image: url("../img/item/wrapping1_2.jpg");}

/* [共通情報] ギフト包装2 */
div#com_gift
{
	clear: both;
	width: 650px;
	height: 175px;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}
div#com_gift a
{
	display: block;
	width: 650px;
	height: 175px;
	margin: 0;
	padding: 0;
	border: 0;
	
	text-decoration: none;
	text-indent: -9999px;

	background-repeat: no-repeat;
	background-position: left top;

	overflow: hidden;
}

div#com_gift a:link, div#com_gift a:visited {background-image: url("../img/item/gift1_1.jpg");}
div#com_gift a:hover, div#com_gift a:active {background-image: url("../img/item/gift1_2.jpg");}


/* 基本情報 */
div.itemBase
{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;

}

div.itemBase div.itemBaseHead
{
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
}

div.itemBase table
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #89755C;
	border-collapse: collapse;
	empty-cells: show;
	text-align: center;
}

div.itemBase table td
{
	padding: 3px 0;
	border: 1px dotted #BCA17F;
	background: #FCEEDF;
}

div.itemBase table td.tdHead
{
	padding: 3px 0;
	border: 1px dotted #BCA17F;
	background: #F4CEA5;
	color: #6D5235;
}

div.itemBase table td.txtLeft
{
	text-align: left;
	text-indent: 8px;
}

div.itemBase table td.tdHeadUse
{
	background: #F4D578;
}
div.itemBase table td.tdBodyUse
{
	background: #FBEECB;
	text-align: left;
	text-indent: 13px;
}

div.itemBase table colgroup.colgHead {width: 10%;}
div.itemBase table colgroup.colgBody {width: 15%;}


/* 包丁バロメーター */
div.itemBarometer
{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;

}

div.itemBarometer div.itemBarometerHead
{
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
}

div.itemBarometer table
{
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	empty-cells: show;
}

div.itemBarometer table td
{
	padding: 0;
}

div.itemBarometer table colgroup.colgHead {width: 12%;}
div.itemBarometer table colgroup.colgLevel {width: 30%;}
div.itemBarometer table colgroup.colgComment {width: 58%;}


div.itemBarometer div.star
{
	float: left;
	width: 36px;
	height: 29px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url("../img/item/star.jpg") no-repeat left top;
	text-indent: -9999px;
}


/* サイズ、名入れ */
div.itemSize
{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border: 0;
	
	border-bottom: 1px dotted #B18C51;

}

div.itemSize div.itemSizeSet
{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #7A5B20;
	border-left: 1px solid #7A5B20;
	border-right: 1px solid #7A5B20;
}

div.itemSize div.itemSizeSet div.itemSizeSetHead
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

div.itemSize div.itemSizeSet div.itemSizeSetImg
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #7A5B20;
}

div.itemSize div.itemSizeSet div.itemSizeSetText
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #7A5B20;
}

/* カート */
div.itemCart
{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;

}

div.itemCart div.itemCartSet
{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	border: 0;

	border-bottom: 1px dotted #B18C51;
}

div.itemCart div.itemCartSet div.itemCartSetMenu
{
	float: left;
	width: 210px;
	margin: 0;
	padding: 0;
	border: 0;
}

div.itemCart div.itemCartSet div.itemCartSetInput
{
	width: 425px;
	margin: 0 0 0 222px;
	padding: 0;
	border: 0;
}

div.itemCart div.itemCartSet div.itemCartSetEnd
{
	clear: both;
}

div.itemCart div.itemCartSet div.itemCartSetMenu div.itemCartSetMenuImg
{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
}

div.itemCart div.itemCartSet div.itemCartSetMenu div.itemCartSetMenuButton
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

div.itemCart div.itemCartSet div.itemCartSetMenu div.itemCartSetMenuReview
{
	width: 100%;
	margin: 30px 0 0 0;
	padding: 0;
	border: 0;
}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum
{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputDetails
{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #89755C;
	border-collapse: collapse;
	empty-cells: show;
	text-align: center;
}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table td
{
	padding: 4px;
	padding: 4px 0;
	border: 1px dotted #D9BD99;
}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table thead
{
	background-color: #EAB945;
	color: #6D5235;
}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table tbody
{
	background-color: #FCFAF0;
	
	color: #6D5235;
	font-weight: bold;
	font-size: 1.1em;
	font-family: "ヒラギノ角ゴ Pro W3", Arial, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka;
}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table td.tdPrice
{
	color: #F95919;
	font-size: 1.3em;
/*	font-family: Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;*/
}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table td.tdComment
{
	text-align: left;
	background: #FAE2B4;
	color: #6D5235;
/*	font-size: 0.6em;*/
	font-size: 0.8em;
	line-height: 15px;
	vertical-align: middle;
	font-weight: normal;
	
	padding: 4px;
}

html>/**/body div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table td.tdComment
{
/*	font-size: 0.7em;*/
	font-size: 0.8em;
}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table td.tdComment img
{
	margin-right: 5px;
/*	vertical-align: middle;*/
}


/* キャンペーン */
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table td.tdCampaign
{
	text-align: left;
	background: #FAE2B4;
	background-color: #f7f5e7;
	background-color: #fcdeec;
	color: #6D5235;
	color:#fe340a;
	color:#f71d45;
	color:#f00;
/*	font-size: 0.6em;*/
	font-size: 0.8em;
	line-height: 15px;
	vertical-align: middle;
	font-weight: normal;
	
	padding: 4px;
}

html>/**/body div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table td.tdCampaign
{
/*	font-size: 0.7em;*/
	font-size: 0.8em;
}




/*
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table colgroup.colgCategory {width: 20%;}
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table colgroup.colgTotalLength {width: 20%;}
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table colgroup.colgBladeLength {width: 25%;}
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table colgroup.colgWeight {width: 20%;}
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table colgroup.colgPrice {width: 20%;}
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table colgroup.colgNum {width: 15%;}
*/

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table colgroup.colgCategory {width: 18%;}
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table colgroup.colgTotalLength {width: 16%;}
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table colgroup.colgBladeLength {width: 16%;}
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table colgroup.colgWeight {width: 15%;}
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table colgroup.colgPrice {width: 20%;}
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputNum table colgroup.colgNum {width: 12%;}



div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputDetails table
{
	width: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	border: 1px solid #89755C;
	border-collapse: collapse;
	empty-cells: show;
	background: #FCFAF0;
}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputDetails table td
{
	padding: 4px;
	border: 1px dotted #D9BD99;
}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputDetails table td.tdHead
{
	background-color: #EAB945;
	color: #6D5235;
	text-align: center;
}


div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputDetails table colgroup.colgHead {width: 25%;}
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputDetails table colgroup.colgBody {width: 75%;}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputDetails table.tblGiftPaper
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	empty-cells: show;
}
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputDetails table.tblGiftPaper td
{
	padding: 2px 0;
	border: 0;
}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputDetails a.help
{
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 0;
	border: 0;
	
	text-decoration: none;
	text-indent: -999px;

	background: url("../img/item/detail.gif") no-repeat left top;

	overflow: hidden;
}

/* カート入力項目 Ajax用にレイアウト設定 */
/* 以下は、divにするべきだが、【個数】で入力欄を増減するJavaScriptに影響していまうので、spanにしてある。cssでブロックボックスに変換している。 */
div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputDetails span.giftPaperAddressName
{
	width: 85px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	
	display: block;
}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputDetails span.giftPaperAddressSelect
{
	width: 220px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;

	display: block;
}

div.itemCart div.itemCartSet div.itemCartSetInput div.itemCartSetInputDetails span.giftPaperNote
{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;

	display: block;
}


/* カートボタン */
 a.btnBasket
,a.btnPayment
{
	display: block;
	width: 155px;
	height: 38px;
	margin: 0 auto 5px auto;
	padding: 0;
	border: 0;
	
	text-decoration: none;
	text-indent: -999px;

	background-repeat: no-repeat;
	background-position: left top;

	overflow: hidden;
}

 a.btnBasket:link
,a.btnBasket:visited
{
	background-image: url("../img/item/cart2_1.jpg");
}

 a.btnBasket:hover
,a.btnBasket:active
{
	background-image: url("../img/item/cart2_2.jpg");
}

 a.btnPayment:link
,a.btnPayment:visited
{
	background-image: url("../img/item/cart3_1.jpg");
}

 a.btnPayment:hover
,a.btnPayment:active
{
	background-image: url("../img/item/cart3_2.jpg");
}

input.btnCart
{
	display: block;
	width: 192px;
	height: 38px;
	margin: 0 auto 5px auto;
	padding: 0;
	border: 0;
}

div.soldOut
{
	width: 192px;
	height: 38px;
	margin: 0 auto 5px auto;
	padding: 0;
	border: 4px solid #ef4343;
	color: #ef4343;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 38px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", Arial, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka;
}


a.btnReview
{
	display: block;
	width: 120px;
	height: 25px;
	margin: 10px auto 0;
	padding: 0;
	border: 0;
	text-align: center;
	text-indent:-9999px;
	background:url(../img/common/review_write_item.jpg);
}
a.btnReview:hover{opacity:0.8;}