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

/********************************************
	Sugakiya Site CSS
	====== BASARAキャンペーンページ =======
*********************************************/


/********************************************
	====== BASARAキャンペーンページ共通 =======
*********************************************/

/* BODY
--------------------------------------------*/
body#bodyBasara #content {
	background-image:url(../special/images/basara_back.gif);
	color:#FFFFFF;
}

body#bodyBasara #container #topicPath {
	background-image:url(../special/images/basara_back.gif);
	color:#FFFFFF;
	}


body#bodyBasara #container div#nav {
	background-image:url(../special/images/basara_back.gif);
	color:#FFFFFF;
}

body#bodyBasara #container div#nav ul li {
	float:left;
	list-style:none;
	padding-bottom:0;
	margin-bottom:0;
}

img {
	border:none;
	}

* html body#bodyBasara #container div#nav ul li {  /* IE5.5用ハック */
	height:49px;
	margin:0;
	padding:0;
		}

* html body#bodyBasara #container div#nav ul {  /* IE5.5用ハック */
	height:49px;
	margin:0;
	padding:0;
	}
	

/* basaraメニュー
--------------------------------------------*/
ul.menu_basara {
	background-image:url(../special/images/basara_back.gif);
	list-style-type:none;
	margin:10px 0;
	padding:0 0 10px 0;
	}

ul.menu_basara li {
	float:left;
	padding-left:9px;
	}
	
ul.menu_basara li.menu_basara_01 {
	margin:0;
	padding:0;
	}

.special_basara  {
	clear:both;
	width:670px;
	padding:30px 0 50px;
	margin-top:30px;
}

.special_basara h2  {
	text-align:center;
	padding:0;
	margin:0;
}

.special_basara01  {
	width:570px;
	margin:auto;
}

.special_basara01 p {
	color:#D7AF82;
	font-size:16px;
	line-height:1.5em;
}

dl.menu_basara_02 dt {
	float:left;
	clear:both;
	}
	
dl.menu_basara_02 dd {
	padding:5px;
	color:#D7AF82;
	font-size:14px;
	
	}

* html ul.menu_basara {  /* IE5.5用ハック */
	width:670px;
	padding:0;
	margin:10px 0 0 0;
	}

* html ul.menu_basara li {  /* IE5.5用ハック */
	background-color:#000000;
	padding:0 0 0 9px;
	margin:0;
	}

/********************************************
	====== BASARA商品詳細情報 =======
*********************************************/

/* 商品詳細
--------------------------------------------*/
#content #main #extra-content01 {
	clear:left;
	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 .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:280px;
	border-collapse:collapse;
}

#content #main #extra-content01 .position02 th { /* 詳細情報：左テーブル */
	color:#000000;
	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;
	color:#FFFFFF;
}


/* 商品詳細：テーブルレイアウト
--------------------------------------------*/
.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 {
	border-collapse:collapse;
	margin:12px 0 15px;
	padding:0;
}

#extra-content02 th {
	color:#000000;
	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;
	background-color:#FFFFFF;
	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;
}



/********************************************
   ====== BASARA応プレゼント応募詳細p =======
*********************************************/

/* 応募詳細表
--------------------------------------------*/

table.campaignTb1 {
	clear:both;
	width:670px;
	color:#FFFFFF;
	border-collapse:separate;
	border-spacing:3px;
	}
	
th,td {
	border: 1px solid #FFFFFF;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10pt;
	line-height: 13pt;
	text-align:left;
	padding: 5px;
	}

th {
	width:20%;
	border: 1px solid #FFFFFF;
	font-size: 11pt;
	color: #FFFFFF;
	text-align:center;
	}

table.campaignTb1 td.okuriTdR {
	width:20%;
	border-left:none;
	margin:0;
	padding:5px 3px;
	}	
	
td.okuriTdR a img {
	border:none;
	margin:0;
	padding:0 0 3px;
	}

td.okuriTdR img.pdfIcon {
	float:left;
	padding:0 3px;
	}

td.okuriTdR p {
	font-size:9pt;
	line-height:normal;
	margin:0;
	padding:0;
	}

table.campaignTb1 td.okuriTdL {
	border-right:none;
	}	

.txt02 {
	color: #FF0000;
	font-weight: bold;
}

.oubomihon {
	float:right;
	}

/* プレゼント画像
--------------------------------------------*/
table.basara02_pre {
	width:670px;
	border:none;
	border-collapse:collapse;
	margin:0 0 10px 0;
	padding:0
	}
	
table.basara02_pre th {
	border:none;
	margin:0;
	padding:0;
	}

table.basara02_pre td {
	border:none;
	text-align:center;
	margin:0;
	padding:0;
	}

/* 商品ページへ
--------------------------------------------*/


p.gotosyouhin {
	font-size: 9pt;
	text-align:right;
	vertical-align:bottom;
	padding:3px 0px 8px;
	}
	
p.gotosyouhin a {
	color: #333333;
	font-weight:bold;
	border:none;
	}

p.gotosyouhin a:hover {
	color: #FF0033;
	}
	
td.campaignTb1_td01{
	vertical-align:bottom;
	}

.campaignTb1_td01_r {
	height:200px;
	}