@charset "UTF-8";
/* CSS Document */

/********************************************
			Sugakiya Site CSS
	========= 商品情報 ==========
*********************************************

/* 商品情報TOP
--------------------------------------------*/

#product-top {
	margin:0;
	padding:0;
}

#product-top h1 {
	color:#FFFFFF;
	font-size:18px;
	line-height:32px;
	margin-bottom:0;
	margin-left:14px;
	margin-top:0;
	padding:0;
}

#product-top a:link {
	color:#252525;
	text-decoration:none;
}

#product-top a:visited {
	color:#252525;
	text-decoration:none;
}

#product-top a:hover {
	color:#FF0033;
	text-decoration:underline;
}

#product-top a:active {
	color:#FF0033;
	text-decoration:underline;
}


/* 商品詳細
--------------------------------------------*/
#content #main #extra-content01 {


	margin:0;
	padding:0;
}

#content #main #extra-content01 td, th { /* 商品名の枠 */
	font-size:10pt;
	padding:2px 6px 3px;
}

#content #main #extra-content01 h1 { /* 商品名 */
	color:#FFFFFF;
	font-size:26px;
	line-height:40px;
	margin:0 0 0 10px;
	padding:0;
}

#content #main #extra-content01 h2 { /* メインコピー */
	color:#DC0024;
	font-size:16px;
	line-height:20px;
	margin:3px 0 5px;
	padding:0;
}

#content #main #extra-content01 em {
	font-size:20px;
	font-style:normal;
	margin-right:16px;
}

#content #main #extra-content01 a {
	color:#0028A5;
}

#content #main #extra-content01 a:link, a:visited {
	color:#0028A5;
	text-decoration:none;
}

#content #main #extra-content01 a:hover, a:active {
	color:#33FF00;
	text-decoration:underline;
}


/* 商品詳細：レイアウト
--------------------------------------------*/
#content #main #extra-content01 .position01 { /* 商品画像とコンセプトなど*/
	width:100%;
	border:solid 1px #C2C2C2;
	border-collapse:collapse;
	border-spacing:1px;
	margin:8px 0 0;
	padding:0;
	}
	
.position01 td {
	border:solid 1px #C2C2C2;
	}

.position01_td01 {
	width:50%;
	text-align:left;
	}

#content #main #extra-content01 .position01 .position01_td01 img {
	padding:10px 0;
	}

#content #main #extra-content01 .position02-left { /* 詳細情報：左 */
	float:left;
	margin:16px 0 0;
	padding:0 2px 0 0;
}

#content #main #extra-content01 .position02-right { /* 詳細情報：右 */
	float:right;
	margin:16px 0 0;
	padding:0 0 0 2px;
	text-align:left;
}

#content #main #extra-content01 .position02 table { /* 詳細情報：左テーブル */
	width:300px;
	border-collapse:collapse;
}

#content #main #extra-content01 .position02 th { /* 詳細情報：左テーブル */
	width:30%;
	background-color:#E1E1E1;
	border:solid 1px #C2C2C2;
	font-weight:normal;
	text-align:center;
}

#content #main #extra-content01 .position02 td { /* 詳細情報：左テーブル */
	border:solid 1px #C2C2C2;
}


/* 商品詳細：テーブルレイアウト
--------------------------------------------*/
.pECt_01 {  /* タイトル --*/
	width:100%;
	border:solid 1px #c2c2c2;
	border-collapse:collapse;
	}

.pECt_01 td {
	background-color:#ec0032;
	}
	
.pECt_01 img {
	float:right;
	margin-top:12px;
	}


/* 商品詳細：アレルゲン情報
--------------------------------------------*/
#extra-content02 {
	margin:0;
	padding:0;
	
}
 /*align="left" cellpadding="0" cellspacing="1" */
#extra-content02 table {
	border-collapse:collapse;
	margin:12px 0 15px;
	padding:0;
}

#extra-content02 th {
	width:15%;
	background-color:#E1E1E1;
	border:solid 1px #C2C2C2;
	font-size:10pt;
	font-weight:normal;
	padding:2px;
	text-align:center;
}

#extra-content02 td {
	width:5%;
	color:#990000;
	border:solid 1px #C2C2C2;
	font-weight:bold;
	font-size:10pt;
	margin-left:50px;
	padding:2px;
	text-align:center;
}

#extra-content02 table td.tdtitlea {
	background-color:#DF6C7F;
	font-weight:normal;
	text-align:left;
}


#extra-content02 .txt01 {/* テキスト「原材料に含まれるアレルギー物質は○印にて表記しています。」 */
	color:#FFFFFF;
	font-size:12px;
	line-height:24px;
	margin-left:50px;
}

/* 商品詳細：レシピページへのアイコン
--------------------------------------------*/
.toRecipe {
	text-align:right;
	margin:12px 5px 0 0;
}

.toRecipe img {
	border:none;
}


/* INDEX：○月の新発売商品部分タイトル
--------------------------------------------*/
.top-title {
	background-color:#FF0000;
	background-image:url(../products/images/screen_img/pro_top_new_bk.gif);
	height:32px;
	margin-bottom:5px;
	margin-top:15px;
	padding:0;
}


/* INDEX ＆各メニュー：商品一覧
--------------------------------------------*/
.newlist { /* INDEX：新発売商品のリスト */
	border:1px solid #CECECE;
	margin-bottom:20px;
	padding-bottom:10px;
	padding-top:5px;
}

.newlistSeason caption { /*↓季節商品の販売を開始します↓ の部分_一部CSS3*/
	color:#FFFFFF;
	font-size:0.9em;
	background-color:#DF6C7F;
	text-align:center;
	margin:10px 10px 0px;
	padding:2px 0px;
	text-decoration:none;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.s-icon {
	color:#252525;
	font-size:10pt;
	line-height:97%;
	margin:16px 0 10px 26px;
	padding:0;
}

#list { /* 各メニュー：商品一覧リスト */
	border:1px solid #CECECE;
}

#list a:link {
	color:#252525;
	text-decoration:none;
}

#list a:visited {
	color:#252525;
	text-decoration:none;
}

#list a:hover {
	color:#FF0033;
	text-decoration:underline;
}

#list a:active {
	color:#FF0033;
	text-decoration:underline;
}

#list .tab {
	padding-left:15px;
	padding-right:11px;
}

#list .s-icon {
	color:#252525;
	font-size:10pt;
	line-height:97%;
	margin:26px 0 0 26px;
	padding:0;
}

.s-icon img { /* リスト内のサムネイル画像に枠を付ける */
	border:solid 1px #CCCCCC;
}

.s-icon img.btn-syousai{	/* リスト内の「詳細」アイコンから枠を取る */
	border-style:none;
}

#list h4 {
	color:#272727;
	font-size:15px;
	margin-bottom:5px;
	margin-left:8px;
}




/* 限定商品
--------------------------------------------*/

#gentei {
	border:1px solid #CECECE;
	font-size:10pt;
}

#gentei h3 {
	color:#000066;
	font-size:15px;
	margin-bottom:5px;
	margin-top:5px;
}

#gentei h4 {
	color:#272727;
	font-size:15px;
	margin-bottom:5px;
	margin-left:8px;
}

#gentei .waku {
	border:1px solid #CECECE;
	padding:3px;
}

#gentei .tdtxt {
	border:1px solid #CECECE;
	font-size:9pt;
}





/* メニュー改
--------------------------------------------*/
.p_menu_pack {
	margin:0;
	padding:0;
	}
	
.p_menu_pack img {
	border:none;
	}
	
.p_menu_bgtop1 {
	height:2px;
	background-image:url(../products/images/screen_img/pro_menu_bgtop.gif);
	display:block;
	}
	
.p_menu_bgtop2 {
	height:1px;
	background-image:url(../products/images/screen_img/pro_menu_bgtop2.gif);
	display:block;
	}

.p_menu_list {
	background-image:url(../products/images/screen_img/pro_menu_bgred.gif);
	background-repeat:repeat-y;
	text-align:left;
	margin:0;
	padding:0px 0px 0px 0px;
	}
	
.p_menu_bgbottom {
 height:2px;
	background-image:url(../products/images/screen_img/pro_menu_bgbottom.gif);
	display:block;
	}

	
/* メニュー改：タイプ別・種類別共通
--------------------------------------------*/
	
.p_menu_list ul,dl {
	text-align:right;
	margin:0;
	padding:1px 2px 0px 0px;
	}
	
	
/* メニュー改：タイプ別一覧
--------------------------------------------*/
.p_menu_list ul li {
	list-style-type:none;
	height:34px;
	margin:0;
	padding:0;
	}
	
.p_menu_list ul li a {
	margin:0;
	padding:0;
	}
	
.p_menu_list ul li img {
	border-top:solid 1px #CCCCCC;
	padding:1px 0px 2px 0px;
	}
	
.p_menu_list ul li.litop {
	height:32px;
	}
	
.p_menu_list ul li.litop img {
	border-style:none;
	padding:0px 0px 1px 0px;
	}
	
.otherPage #sub p {
	margin:12px 0px 3px 3px;
	padding:0;
	}

	
/* メニュー改：種類別一覧
--------------------------------------------*/
#p_menu_soku {
	background-image:url(../products/images/screen_img/pro_menu_bgorange.gif);
	}
#p_menu_nama {
	background-image:url(../products/images/screen_img/pro_menu_bggreen.gif);
	}
#p_menu_chi {
	background-image:url(../products/images/screen_img/pro_menu_bgblue.gif);
	}
#p_menu_tuyu {
	background-image:url(../products/images/screen_img/pro_menu_bgpurple.gif);
	}
	
.p_menu_list dl dt {
	height:31px;
	margin:0;
	padding::0;
	}
	
.p_menu_list dl dt img {
	border-style:none;
	padding:0px 0px 1px 0px;
	}
	
.p_menu_list dl dd {
	height:24px;
	margin:0;
	padding:0px;
	}
	
.p_menu_list dl dd img {
	border-top:dotted 1px #CCCCCC;
	padding:1px 0px 2px;
	}
	


/* アイコン
--------------------------------------------*/	
#content #main #extra-content01 div.p-icon_tenpo {
	text-align:right;
}

#content #main #extra-content01 div.p-icon_tenpo a {
	display:block;
	height:0;
	overflow:hidden;
	background-image:url(../products/images/screen_img/detail_icon_09a.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding-top:18px;
}

#content #main #extra-content01 div.p-icon_tenpo a:hover {
	background-image:url(../products/images/screen_img/detail_icon_09b.gif);
	}

#content #main #extra-content01 div.p-icon_tenpo2 {
	text-align:right;
	vertical-align:bottom;
}

#content #main #extra-content01 div.p-icon_tenpo2 a {
	color:#152f76;
	height:18;
	background-color:#FFFFFF;
	background-image:url(../products/images/screen_img/allow_p01.gif);
	background-position:98% center;
	background-repeat:no-repeat;
	border:solid 1px #152f76;
	background-repeat:no-repeat;
	text-decoration:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:2px 13px 2px 5px;
}

#content #main #extra-content01 div.p-icon_tenpo2 a:hover {
	background-color:#152f76;
	background-image:url(../products/images/screen_img/allow_p02.gif);
	background-position:98% center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	}

img.p-icon_category{
	margin:2px 6px 0px 0px;
}



/* リスト一覧：実験用
--------------------------------------------*/	

div.list-table {
	border-top:solid 1px #CCCCCC;
	margin-bottom:30px;
	
	}

div.list-box {
	float:left;
	width:201px;
	height:81px;
	}

div.list-box table {
	border-collapse:collapse;
}

div.list-box table tr td {
	text-align:left;
	vertical-align:top;
	padding:0 0 0 0;
	margin:0;
}

div.list-box table tr td img {
	margin-right:3px;
}

div.list-box table tr td.t-syousai {
	vertical-align:bottom;
}

hr.sikiri {
	clear:left;
	display:none;
}



/* 注意書き：勝浦
-------------------------------------------*/
.attention1 {
	background-color:#e1e1e1;
	border:solid 1px #CCCCCC;
	clear:both;
	font-size:8pt;
	padding:5px 10px;
	text-decoration:none;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

	
/* 以下、商品詳細の旧段組み用：データとアレルゲン部分
			全ての商品ページが新しいフォーマットに置き換わったら削除して下さい。
--------------------------------------------*/	
#detail {
	padding: 0px;
	margin: 0px;
}
#detail td {
	font-size: 10pt;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-right: 6px;
	padding-left: 6px;
}
#detail h1 {
	padding: 0px;
	font-size: 26px;
	line-height: 40px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#detail h2 {
	padding: 0px;
	font-size: 16px;
	line-height: 20px;
	color: #DC0024;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#detail em {
	font-size: 20px;
	font-style: normal;
	margin-right: 16px;
}
#detail .position1 {
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#detail .position2 {
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 300px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
#detail .position3 {
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	width: 300px;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}
#detail a {
	color: #0028a5;
}
#detail a:link {
	color: #0028a5;
	text-decoration: none;
}
#detail a:visited {
	color: #0028a5;
	text-decoration: none;
}
#detail a:hover {
	color: #33FF00;
	text-decoration: underline;
}
#detail a:active {
	color: #33FF00;
	text-decoration: underline;
}

#allergen {
	padding: 0px;
	margin: 0px;
}
#allergen td {
	font-size: 10pt;
	padding: 2px;
}
#allergen .position4 {
	padding: 0px;
	margin-top: 12px;
}
#allergen .txt01 {
	font-size: 12px;
	margin-left: 50px;
	color: #FFFFFF;
	line-height: 24px;
}
#allergen .txt02 {
	margin-left: 50px;
	color: #990000;
	font-weight: bold;
}