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

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

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

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

.product-top_c {
	margin: 0px auto;
	padding:0;
	text-align:center;
	}

.product-top-img {
	border:none;
	padding:4px 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 h1.pTableH1 { /* 商品タイトル*/
	border:solid 1px #C2C2C2;
	background-color:#ec0032;
	color:#FFFFFF;
	font-size:26px;
	line-height:40px;
	vertical-align:middle;
	margin:0;
	padding:3px 7px 3px 10px;
	}

	
#content #main #extra-content01 h1.pTableH1 img {
	float:right;
	margin:10px 0 0 0;
	padding:0;
	}


#content #main #extra-content01 table.position01 { /* 商品画像とコンセプトなど*/
	border:solid 1px #C2C2C2;
	border-collapse:collapse;
	border-spacing:1px;
	margin:8px 0 0;
	padding:5px;
	}
	

.position01 td {
	border:solid 1px #C2C2C2;
	}

.position01_td01 {/* 商品画像部分*/
	width:50%;
	}

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

#content #main #extra-content01 .position01 .position01_td02 {/* H2部分*/
	width:50%;
	vertical-align:top;
	padding-bottom:10px;
	}

#content #main #extra-content01 .position01 .position01_td03 {/* position01他部分*/
	vertical-align:text-top;
	padding-bottom:10px;
	}
	
#content #main #extra-content01 .position01 .position01_td03 img {/* position01他部分*/
	vertical-align:middle;
	}

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

#content #main #extra-content01 .position02-right { /* 詳細情報：右 */
	border:none;
	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;
	margin-bottom:10px;
	}

#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 {
	clear:both;
	margin:0;
	padding:0;
	}
 /*align="left" cellpadding="0" cellspacing="1" */
#extra-content02 table {
	width:100%;
	border-collapse:collapse;
	margin:12px 0 15px;
	border:none;
	text-align:left;
	padding:0;
	}

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

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

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

#extra-content02 .tdtitlea { /* アレルゲン表キャプション */
	background-color:#DF6C7F;
	border:solid 1px #C2C2C2;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	padding:2px;
	margin-bottom:5px;
	}

#extra-content02 .tdtitlea img { /* アレルゲン表キャプション */
	float:left;
	margin-right:20px;
	}

#extra-content02 .tdtitlea p { /* アレルゲン表キャプション */
	margin:0;
	padding:0;
	}
	
#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;
	}
	
table.newlist-table {
	border:none;
	border-collapse:collapse;
	padding:0;
	vertical-align:bottom;
	}
	
table.newlist-table td {
	width:198px;
	}

.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;
	}

	
table.s-icon { /* 商品情報トップのlist */
	color:#252525;
	font-size:10pt;
	line-height:97%;
	margin:16px 0 10px 26px;
	padding:0;
	border-collapse:collapse;
	border:none;
	padding:0;
	}	
	
table.s-icon td {
	width:auto;
	vertical-align:top;
	padding:0;
	}
	
table.s-icon td.s-icon-td01 {
	width:56px;
	height:56px;
	padding:0 4px 0 0;
	}
		
table.s-icon td.s-icon-td03 {
	height:18px;
	vertical-align:bottom;
	}


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

#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;
	}

div.pro-list hr { /* 区切り線 */
	height:1px;
	width:97%;
	background-color:#cecece;
	color:#cecece;
	margin-top:30px;
	border:none;
	}
	
div.pro-list {
	text-align:center;
	}


/* 業務用商品
--------------------------------------------*/
table.i_title_2 {
	width:603px;
	border-collapse:collapse;
	border:none;
	padding:0;
	}




/* メニュー改
--------------------------------------------*/
.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;
	margin-bottom:7px;
	}

#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;
	}

/* 注意書き：上ライン
-------------------------------------------*/
.attention2 {
	background-color:#ffffff;
	border-top:solid 1px #CCCCCC;
	clear:both;
	font-size:8pt;
	padding:5px 10px;
	margin:0;
	text-decoration:none;
	}
	

/* 注意書き：色変更
-------------------------------------------*/
.attention3 {
	color:#FF0033;
	}

	
/* お土産商品
-------------------------------------------*/
#gentei {
	border:1px solid #CECECE;
	font-size:10pt;
	}
	
ul.p_miyage_l{
	padding-left:0px;
	display:inline;
}

table.p_miyage_t {
	width:286px;
	border-collapse:separate;
	border:none;
	margin:0;
	padding:0;
	}
	
table.p_miyage_t td {
	height:19px;
	border:1px solid #CECECE;
	font-size:14px;
	margin:0;
	padding:0;
	}
	
table.p_miyage_t td h4 {
	color:#000066;
	font-size:15px;
	text-align:center;
	margin:0;
	padding:0;
	}
	
table.p_miyage_t th {
	width:61px;
	background-color:#eaeaea;
	border:1px solid #CECECE;
	font-size:9pt;
	text-align:center;
	margin:0;
	padding:0;
	}
	

div.p_miyage_lt { /* 販売エリア項*/
	width:586px;
	border:1px solid  #999999;
	margin:0;
	margin-top:10px;
	margin-left:8px;
	padding:0;
	}
	
div.p_miyage_lt h2 {
	background-color:#eaeaea;
	border-bottom:1px solid  #999999;
	font-weight:normal;
	font-size:16px;
	text-align:center;
	margin:0;
	padding:2px;
	}
	
div.p_miyage_lt p {
	margin:0;
	padding:0 10px 10px 10px;
	}

.p_miyage_lu {
	lidy-style-type:none;
	width:600px;
	border:none;
	margin:0;
	margin-left:7px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0;
}

div#main div.p_miyage_l2 {
	lidy-style-type:none;
	float:left;
	width:288px;
	border:1px solid  #999999;
	margin:0;
	maegin-left:8px;
	margin-bottom:5px;
	padding:0;
	display:inline;
}
div#main div.p_miyage_l3 {
	lidy-style-type:none;
	float:right;
	width:288px;
	border:1px solid  #999999;
	margin:0;
	margin-right:8px;
	margin-bottom:5px;
	padding:0;
	display:inline;

}


div#main .raku {
	text-align:right;
	vertical-align:bottom;
	margin-bottom:2px;
	margin-right:3px
	}

div .floatclear{
	clear:both;
}

/* ボタン設定
--------------------------------------------*/
#content #main #extra-content01 .position01 .position01_td04{
	vertical-align:text-top;
	padding-top:0px;
	padding-bottom:3px;
	}


div .twi{
	float:left;
	padding:0px;
	margin-top: 4px;
	width: 80px;
	}

div .fb{
	vertical-align:top;
	float:left;
	pading:0px;
	margin-top: 4px;
	width: 80px;
	}


/* 以下、商品詳細の旧段組み用：データとアレルゲン部分
			全ての商品ページが新しいフォーマットに置き換わったら削除して下さい。
--------------------------------------------*/	
#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:12px 0 15px;
	}
#allergen .txt01 {
	font-size: 12px;
	margin-left: 50px;
	color: #FFFFFF;
	line-height: 24px;
	}
#allergen .txt02 {
	margin-left: 50px;
	color: #990000;
	font-weight: bold;
	}
	
	
#content #main #extra-content01 div.p-icon_tenpo2 {
	text-align:right;
	vertical-align:bottom;
	margin-bottom:7px;
	}