@charset "UTF-8";

/* CSS Document */

/********************************************
							Sugakiya Site CSS
		 ========== レシピページ ==========
*********************************************/

/* 共通
--------------------------------------------*/
#recipe-detail {
color:#2F2F2F;
font-size:10pt;
margin:0;
padding:0;
}

#recipe-detail a {
color:#2F2F2F;
}

#recipe-detail a:link, a:visited {
color:#2F2F2F;
text-decoration:none;
}

#recipe-detail a:hover, a:active {
color:#FF3300;
text-decoration:none;
}




/* サブメニュー：レシピ
--------------------------------------------*/

#submenu-recipe {
font-size:10pt;
margin-bottom:20px;
text-align:right;
}

#submenu-recipe ul {
background-image:url(../images/submenu_back_re.gif);
border:1px solid #CECECE;
list-style:none;
margin:5px 0px 0px 0px;
padding:0px 0px 10px 0px;
}

#submenu-recipe ul li {
	border-bottom:1px solid #CECECE;
	line-height:1em;
	margin:0px 3px;
	padding:12px 0;
}

#submenu-recipe a:hover {
	color:#E60039;
}

#submenu-recipe a {
	color:#393939;
	background-image:url(../images/arrow_02.png);
	background-position:right;
	background-repeat:no-repeat;
	margin-right:7px;
	padding-right:19px;
	text-decoration:none;
	display:block;
}



/* 各項目一覧ページ
--------------------------------------------*/
#main #recipe-list {
font-size:9pt;
margin-top:30px;
padding-left:2px;
}

#recipe-list a {
color:#2F2F2F;
}

#recipe-list a:link, a:visited {
color:#2F2F2F;
text-decoration:none;
}

#recipe-list a:hover, a:active {
color:#FF3300;
text-decoration:none;
}

#recipe-list img {
	border:solid 1px #CCCCCC;
}

#recipe-list p {
	margin:0px;
	padding:0px 3px;;
}

table.recipeListTable {
	width:600px;
	border:none;
	border-collapse:collapse;
}

.recipeListTable td {
	width:100px;
	height:115px;
	vertical-align:top;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

.recipeListTable th {
	width:100px;
	height:115px;
	vertical-align:top;
	text-align:right;
	text-decoration:none;
	font-weight:normal;
	margin:0px;
	padding:0px;
}


/* INDEXとおすすめページ
--------------------------------------------*/
h1 {
	margin:0;
	padding:0;
}

h1 img{
	margin:0;
	padding:0;
}

h1 {
	width:605px;
	}

#recipe-top-osusume {
font-size:9pt;
margin-top:15px;
}

#recipe-top-osusume a {
color:#2B3F00;
font-size:14pt;
font-weight:bold;
}

#recipe-top-osusume a:hover {
color:#996633;
}

/* INDEXのおすすめ暫定table用 -----------*/
table#r-indext {
	border:none;
	border-collapse:collapse;
}

table#r-indext td {
	border:none;
	padding:0;
}

table#r-indext td img {
	border:none;
}

table#r-indext td.r-indexTtd1{
	text-align:left;
	vertical-align:top;
}

table#r-indext td.r-indexTtd2{
width:307px;
background-image:url(../recipe/images/osusume_img_02.gif);
background-repeat:no-repeat;
text-align:center;
}

table#r-indext td.r-indexTtd3{
height:76px;
background-image:url(../recipe/images/osusume_img_03.gif);
background-repeat:no-repeat;
text-align:center;
vertical-align:middle;
}

table#r-indext td.r-indexTtd4{
height:71px;
background-image:url(../recipe/images/osusume_img_04.gif);
background-repeat:no-repeat;
vertical-align:middle;
padding-left:20px;
}

table#r-indext td.r-indexTtd4 img{
	float:right;
	padding:8px 8px 0px 0px;
}

/* INDEXのおすすめ暫定table用：IE hack --*/
* html table#r-indext td.r-indexTtd4 p { /* IE6以下用 --*/
	margin-top:8px;
	font-size:9pt;
}

*:first-child+html td.r-indexTtd4 p { /* IE7用 --*/
	margin-top:8px;
}


/* INDEXのおすすめDIV実験 -----------*/

#recipe-top-osusumeR {
	float:right;
	width:307px;
	height:210px;
	background-image:url(../recipe/images/osusume_img_02.gif);
	margin:0;
}

#recipe-top-osusumeR img {
	text-align:center;
	border:none;
	margin:12px 23px 0px;
	padding:0;
}

* html #recipe-top-osusumeR img {
	padding:12px 23px 0px;
	margin:0;
}

#recipe-top-osusumeL {
	width:298px;
	margin:0;
}

#recipe-top-osusumeL img {
	margin:0;
	padding:0;
}

html[xmlns] #recipe-top-osusume1 {
	display:table;
	width:298px;
	height:76px;
	background-image:url(../recipe/images/osusume_img_03.gif);
	text-align:center;
	margin:0;
	padding:0;
}

html[xmlns] .osusumerecipe-top-osusume1-1 {
	display:table-cell;
	vertical-align:middle;
	margin:0;
	padding:0;
}

.osusumerecipe-top-osusume1-1 p {
	margin:0;
	padding:0;
}


#recipe-top-osusume2 {
	width:269px;
	height:71px;
	background-image:url(../recipe/images/osusume_img_04.gif);
	margin:0;
	padding-left:29px;
}

#recipe-top-osusume2 img {
	border:none;
	float:right;
	margin:9px 9px 0px 2px;
	padding:0;
	display:inline;
}

#recipe-top-osusume2 p {
	margin:0px 0px 0px 0px;
	padding:10px 0px;
}


#recipe-top-banner {
	clear:both;
	text-align:center;
	width:605px;
}

* html #recipe-top-banner {　/* IE6以下用 --*/
}

#recipe-top-banner img {
	margin-top:10px;
	border:none;
}

#recipe-detail h2 {
	margin:0px 0px 6px 0px;
	padding:0;
}

#recipe-top-osusume1 {
	/width:298px;
	/height:76px;
	/background-image:url(../recipe/images/osusume_img_03.gif);
	/text-align:center;
	/margin:0;
}

.osusumerecipe-top-osusume1-1 {
	/vertical-align:middle;
	/margin:10px 0px 0px 0px;
	/padding:0;
}

#recipe-top-osusumeL {
	/height:210px
}



/* INDEXとおすすめページ：おすすめページのレシピ紹介
--------------------------------------------*/

div#recipeView2 {
	width:605px;
	height:228px;
	margin:0px;
	padding:0px;
}

div#recipeView2 img {
	border:solid 1px #cecece;
	margin:0px;
	padding:0px;
}

div#recipeView2right {
	float:right;
	width:282px;
	margin:0px;
	padding:0px;
	}
	
div#recipeView2-1 {
height:41px;
color:#321F1A;
background-image:url(../recipe/images/recipe_detail_01.gif);
background-position:top;
background-repeat:no-repeat;
text-align:center;
margin:0px;
padding:15px 0px 0px 0px;
}

div#recipeView2-1 h3 {
	font-size:15pt;
	margin:0px;
	padding:0px;
}

div#recipeView2-2 {
	height:164px;
	background-image:url(../recipe/images/recipe_detail_02.gif);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:10px;
}

div#recipeView2-2 img {
	border:none;
}

* html div#recipeView2-1 {　/* IE6以下用 --*/
	height:56px;
	margin:0;
	padding:0;
}

* html div#recipeView2-2 {
	height:174px;
}

* html div#recipeView2-1 h3 {　/* IE6以下用 --*/
	margin-top:15px;
	padding:0;
}


/* レシピ：材料と作り方の説明表
--------------------------------------------*/

#recipe-detail table.recipeTable {
	clear:both;
	width:603px;
	border-collapse:collapse;
	border:none;
	margin:20px 0px 0px;
}

#recipe-detail table.recipeTable th {
	height:28px;
	color:#416821;
	text-align:left;
	margin:0;
	padding:0;
}

#recipe-detail table.recipeTable th#recipeT1 {
	width:210px;
}

#recipe-detail table.recipeTable th#recipeT2 {

	background-image:url(../recipe/images/recipe_detail_14.gif);
	border-left:solid 6px #ffffff;
	border-right:solid 6px #ffffff;
}

#recipe-detail table.recipeTable th#recipeT3 {
	width:132px;
}

#recipe-detail table.recipeTable td {
	border-bottom:1px dotted #A6C800;
	padding-bottom:2px;
	padding-left:15px;
	padding-top:7px;
}

#recipe-detail table.recipeTable td.recipeTd1{
	width:190px;
}

#recipe-detail table.recipeTable td.recipeTd2{
	border-left:solid 6px #ffffff;
	border-right:solid 6px #ffffff;
}

#recipe-detail table.recipeTable td.recipeTd3{
	width:112px;
}

#recipe-detail table.recipeTable img {
margin:0;
padding:0;
}

* html #recipe-detail table.recipeTable {　/* IE6以下用 --*/
	font-size:10pt;
}


/* ボタン設定
--------------------------------------------*/
#botan {
	position: relative;
	float:right;
	margin:-29px 0 0 0;
	padding:0;
	}


div .twi{
	float:right;
	}

div .fb{
	float:right;
	}



/* 旧
--------------------------------------------*/
.recipe-img {
border:1px solid #CECECE;
}


.recipe-td {
border-bottom:1px dotted #A6C800;
padding-bottom:1px;
padding-left:15px;
padding-top:7px;
}

.recipe-txt {
border-right:1px solid #CECECE;
color:#416821;
font-size:11pt;
font-weight:bold;
padding-left:95px;
}


#recipe-detail h3 {
	font-size:15pt;
	margin:0px;
	padding:0px;
}