@charset "UTF-8";
 
/*=========================================================================
Type : Specified Directory DetailPages Layout
Page : /item/xxxxx/xxxxx.html
=========================================================================*/

/* Common Import Setting
--------------------------------------------- */

/* Basic Setting */
@import "/css/common_basic.css";

/* Whole Layout */
@import "/css/common_layout.css";

/* ReWrite Common Layout
--------------------------------------------- */


/* Directry Page Layout
--------------------------------------------- */
/* topImage */
div#coMain div.topImage{
	width:680px;
	margin-bottom:10px;
	background:url(/images/item/common/toparea_bg.gif) no-repeat right bottom;
}
div#coMain div.topImage p.mainPict{
	float:left;
	width:435px;
	height:124px;
}
div#coMain div.topImage dl{
	float:right;
	width:234px;
}
div#coMain div.topImage dl dt{
	padding:3px 10px;
	background:#a21700;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
div#coMain div.topImage dl dd{
	padding:10px 11px 11px 11px;
}
div#coMain div.topImage dl dd div{
	margin-bottom:3px;
}
div#coMain div.topImage dl dd p{
	line-height:1.2;
}
/* h1 h2 */
div#coMain h1{
	margin-bottom:10px;
	padding:5px 17px;
	background:#dfa642 url(/images/item/common/title_large_bg.gif) no-repeat 0px 0px;
	font-size:1.3em;
	font-weight:bold;
}
div#coMain h2{
	margin-bottom:10px;
	padding:3px 10px 5px 12px;
	background:url(/images/item/common/title_middle_bg.gif) no-repeat 0px bottom;
	font-size:1.1em;
	font-weight:bold;
}
/* captionArea */
div#coMain div.captionArea{
	width:680px;
	margin-bottom:10px;
}
div#coMain div.captionArea div.pict{
	margin-bottom:3px;
	display:inline;
}
div#coMain div.captionArea.typeA div.pict{
	float:right;
	margin-left:10px;
}
div#coMain div.captionArea.typeB div.pict{
	float:left;
	margin-right:10px;
}
div#coMain div.captionArea p{
	margin-bottom:0.2em;
}
div#coMain div.captionArea p.lead{
	margin-bottom:0.5em;
	font-weight:bold;
	text-indent:0em;
}
div#coMain div.captionArea p.caption{
	font-size: 0.8em;
	margin-left: 195px;
}
div#coMain div.captionArea.typeC{
	position:relative;
	height:160px;
}
div#coMain div.captionArea.typeC ul{
	position:absolute;
	width:690px;
	top:0px;
	left:0px;
}
div#coMain div.captionArea.typeC ul li{
	float:left;
	width:220px;
	margin-right:10px;
	display:inline;
}
/* itemMainWrapper */
div#coMain div.itemMainWrapper{
	padding-top:20px;
}
/* itemMainArea */
div#coMain div.itemMainArea{
	width:680px;
	margin-bottom:20px;
	overflow:hidden;
}
div#coMain div.itemMainArea div.pict{
	float:left;
	width:310px;
}
div#coMain div.itemMainArea div.nameBtn{
	float:right;
	width:350px;
}
div#coMain div.itemMainArea div.nameBtn p.copy{
	margin-bottom:0.1em;
	color:#d00;
	font-size:1.1em;
}
div#coMain div.itemMainArea div.nameBtn h3{
	margin-bottom:0.1em;
	font-size:1.7em;
	font-weight:bold;
	line-height:1.1;
}
/* p.price_s通常価格 */
div#coMain div.itemMainArea div.nameBtn p.price_s{
	margin:10px 0px 0px;
}
div#coMain div.itemMainArea div.nameBtn p.price_s span{
	font-size:1em;
	font-weight:bold;
	color: #666;
}
div#coMain div.itemMainArea div.nameBtn p.price_s em{
	margin:0px 0px 0px 0.2em;
	color:#666;
	font-size:1.3em;
	font-weight:bold;
}
/* p.price_sキャンペーン価格 */
div#coMain div.itemMainArea div.nameBtn p.price_c{
	margin-bottom:10px;
}
div#coMain div.itemMainArea div.nameBtn p.price_c span{
	font-size:1.1em;
	font-weight:bold;
	color: #FF0000;
}
div#coMain div.itemMainArea div.nameBtn p.price_c em{
	margin:0px 0.3em;
	color:#d00;
	font-size:1.7em;
	font-weight:bold;
}


div#coMain div.itemMainArea div.nameBtn p.price{
	margin-bottom:10px;
}
div#coMain div.itemMainArea div.nameBtn p.price span{
	font-size:1.1em;
	font-weight:bold;
}
div#coMain div.itemMainArea div.nameBtn p.price em{
	margin:0px 0.3em;
	color:#d00;
	font-size:1.7em;
	font-weight:bold;
}
div#coMain div.itemMainArea div.nameBtn ul.form{
	width:200px;
}
div#coMain div.itemMainArea div.nameBtn ul.form li{
	margin-bottom:10px;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.quantity{
	text-align:right;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.quantity span{
	margin-right:1.0em;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn a{
	display:block;
	width:200px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:-9999px;
	overflow:hidden;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn.addCart a{
	height:35px;
	background-image:url(/images/common/main_btn_addcart.gif);
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn.addFavorite a{
	height:30px;
	background-image:url(/images/common/main_btn_addfavorite.gif);
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn.addCart a:hover{
	background-position:0px -35px;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn.addFavorite a:hover{
	background-position:0px -30px;
}
/* specTable */
div#coMain div.specTable{
	margin-bottom:20px;
}
div#coMain div.specTable table{
	width:100%;
}
div#coMain div.specTable table th,
div#coMain div.specTable table td{
	padding:5px 15px;
	border:#666 solid 1px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}
div#coMain div.specTable table th{
	white-space:nowrap;
}
div#coMain div.specTable table td{
}

/*--------------------------------------------------------
body.chrismas クリスマス特集　(期間後削除)
--------------------------------------------------------*/
body.chrismas div#coMain .titleChrismas {
	margin-bottom:15px;
	clear:both;
}

body.chrismas div#coMain .titleChrismas h1 {
	margin:0;
	padding:0;
	width:680px;
	height:49px;
	background:url(/images/item/tokusen/chrismas/topimg_tomatonabe.jpg) no-repeat left top;
	text-indent:-9999px;
}

body.chrismas div#coMain .titleChrismas p {
	width:680px;
	height:91px;
	background:url(/images/item/tokusen/chrismas/topimg_chrismas.jpg) no-repeat left top;
	text-indent:-9999px;
}

body.chrismas div#coMain p.lead{
	margin-bottom:1em;
	font-weight:bold;
	text-align: center;
}

/* .boomTomatonabe */
body.chrismas div#coMain .boomTomatonabe h2 {
	margin-bottom:10px;
	padding:0;
	width:321px;
	height:41px;
	background:url(/images/item/tokusen/chrismas/title_tomatonabe.gif) no-repeat left top;
	text-indent:-9999px;	
}

body.chrismas div#coMain .boomTomatonabe p {
	margin-bottom:1em;
}

body.chrismas div#coMain .boomTomatonabe em {
	color:#CC0000;
	font-weight:bold;
	font-size:115%;
}

body.chrismas div#coMain .boomTomatonabe a.buttonTomato {
	margin:0 auto 15px;
	display:block;
	width:337px;
	height:58px;
	background:url(/images/item/tokusen/chrismas/button_tomato.gif) no-repeat 0 0;
	text-indent:-9999px;
}

body.chrismas div#coMain .boomTomatonabe a.buttonTomato:hover {
	background:url(/images/item/tokusen/chrismas/button_tomato.gif) no-repeat 0 -58px;
}


/* .howtoTomatonabe */
body.chrismas div#coMain .howtoTomatonabe h2 {
	margin-bottom:10px;
	padding:0;
	width:312px;
	height:41px;
	background:url(/images/item/tokusen/chrismas/title_howtomake.gif) no-repeat left top;
	text-indent:-9999px;	
}

body.chrismas div#coMain .howtoTomatonabe ul {
	float:left;
	width:210px;
}

body.chrismas div#coMain .howtoTomatonabe ul li {
	padding-left:15px;
	background:url(/images/item/tokusen/chrismas/marker_dotted.gif) no-repeat 5px 0.6em;
}

body.chrismas div#coMain .howtoTomatonabe ul li.dotted {
	padding-left:15px;
	background:url(/images/item/tokusen/chrismas/spacer.gif) no-repeat 5px 0.6em;
}

body.chrismas div#coMain .howtoTomatonabe ul li.material {
	padding-left:15px;
	background:url(/images/item/tokusen/chrismas/marker_material.gif) no-repeat 0 0.3em;
	font-weight:bold;
}

/* .howto */
body.chrismas div#coMain .howtoTomatonabe dl.howto {
	margin:10px 0;
	border:2px solid #C00;
	padding:5px;
	clear:both;
}

body.chrismas div#coMain .howtoTomatonabe dl.howto dd {
	margin:-1.4em 0 0 1.2em;
}

body.chrismas div#coMain .howtoTomatonabe dl.howto dd em {
	font-weight:bold;
	color:#060;
}

body.chrismas div#coMain .arrowArea {
	margin-bottom:15px;
	padding-bottom:29px;
	background:url(/images/item/tokusen/chrismas/arrow_down.gif) no-repeat center bottom;
	font-weight:bold;
	color:#C00;
	text-align:center;
}

/*必殺政ダレ！一夜干セット_コラム
--------------------------------------------------------*/
body.himono div.column{
	width:650px;
	padding:15px 10px;
	border: 1px solid #CC0000;
	overflow: hidden;
}
body.himono div.photo{
	margin:20px 15px 0 0;
	float:left;
	font-size:0.8em;
}
body.himono p{
	display:block;
}

/*2011新春セール用
--------------------------------------------------------*/
div#coMain h2.shinshun{
	margin-bottom:10px;
	padding:5px 17px;
	background:#dfa642 url(/images/item/common/title_large_bg.gif) no-repeat 0px 0px;
	font-size:1.3em;
	font-weight:bold;
}

/*なんでも御用聞き リンク（焼き魚セット）
--------------------------------------------------------*/
div#coMain .goyokikiArea {
	margin-bottom:20px;
	padding-top:10px;
	background-color:#FFF8B2;
	overflow:hidden;
}

div#coMain .goyokikiArea h3 {
	margin:0 10px 10px;
	padding:3px 5px;
	background-color:#A21700;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
}

div#coMain .goyokikiArea .goyokikiLeftBox {
	padding:0 20px;
	float:left;
	width:160px;
}

div#coMain .goyokikiArea .goyokikiLeftBox ul li {
	margin-bottom:5px;
	font-size:1.1em;
}

div#coMain .goyokikiArea .goyokikiRightBox {
	padding-right:20px;
	float:right;
	width:460px;
}

div#coMain .goyokikiArea .goyokikiRightBox p {
	padding:10px 15px;
	background-color:#FFBD33;
	font-size:1.1em;
}

div#coMain .goyokikiArea .goyokikiRightBox .arrow {
	margin:10px auto;
	width:167px;
}

div#coMain .goyokikiArea .goyokikiRightBox .goyokikiLink {
	display:block;
	color:#C03;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}