
img {
	border: none;
}


#recipe-topdata {
 width:360px;
 padding: 0;
}
 
#recipe-topdata #name {
 width:118px;
 height:172px;
 padding: 4px;
 border: solid 1px #cccccc;
 font-size: 12px;
 line-height: 140%;
}

#recipe-topdata #name #tt{
 background-color: #ffcc99;
 text-align: center;
 margin-top: 2px;
 margin-bottom: 4px;
}

/* �Å—D�G•\Ž¦ */
#recipe-grad_data {
 width:350px;
 padding: 4px;
 border: solid 1px #993300;
 margin-bottom: 6px;
}
#recipe-grad_data #tt{
 font-size: 16px;
 text-align: center;
 padding:3px 0 0 0;
 margin-bottom:0px;
 background-color: #ffffcc;
}

/* ‹à�Ü•\Ž¦ */
#recipe-golddata {
 width:350px;
 padding: 4px;
 border: solid 1px #993300;
}
#recipe-golddata #tt{
 font-size: 16px;
 text-align: center;
 padding:3px 0 2px 0;
 margin-bottom:3px;
 background-color: #ffffcc;
}

/* ‹à�Ü�¶*/
#recipe-golddata #left{
 width:170px;
 margin-top: 4px;
 padding: 0px;
 float: left;
}

/* ‹à�Ü�¶*/
#recipe-golddata #right{
 width:170px;
 padding: 0px;
 float: right;
}

/* ‹à�ÜƒRƒ�ƒ“ƒg */
#recipe-golddata #com{
 width: 170px;
 font-size: 12px;
 line-height: 140%;
 margin-top:2px;
 }

/* ‹â�Ü Title */
#recipe-silverdata #tt {
 width:738px;
 padding: 3px 0;
 text-align: center;
 margin: auto;
 margin-top: 20px;
 margin-bottom: 4px;
 font-size: 16px;
 font-weight: bold;
 color: white;
 letter-spacing: 0.1em;
 background-color:#060;
 border: solid 1px #666666;
}

/* ‹â�Ü Table */
.sta {
 width: 740px;
 margin-right: auto;
 margin-left: auto;
 font-size: 13px;
 border: solid 1px #999999;
}

.sta td, .sta th{
 border: 1px solid #cccccc;	/*˜g�ü‚Ì•�‚Æ�üŽí‚Æ�F*/
}

.sta td, .sta th{
 padding: 3px 0px 3px 6px;
 font-family: "ƒ�ƒCƒŠƒI", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
 color: #000;
}

.sta th{
 background-color: #ccffcc;
 text-align: center;
 padding: 3px;
}

.menuname {
 font-size: 12px;
}

/* �ì•iƒy�[ƒW */
#recipe-area {
	width: 740px;
	margin: auto;
	margin-top: 8px;
	padding: 0;
}
/* ‰æ‘œ•”•ª */
#tt_item {
	width: 520px;
	height: 32px;
	background-image: url(../jpg/bg_ryouri-name-3.jpg);
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 16px;
	padding-top: 12px;
	color: #FFF;
	font-weight:bold;
	letter-spacing: 0.1em;
	text-align: center;
	/*�@ƒVƒƒƒhƒE�@*/
		-moz-text-shadow: 2px 2px 0 #333;
	-webkit-text-shadow: 2px 2px 0 #333;
	text-shadow: 2px 2px 0 #333;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	background-color: #CCC;
}

#tt_item_s {
	width: 520px;
	height: 32px;
	background-image: url(../jpg/bg_ryouri-name-3.jpg);
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 14px;
	padding-top: 12px;
	color: #FFF;
	font-weight:bold;
	letter-spacing: 0.1em;
	text-align: center;
	/*�@ƒVƒƒƒhƒE�@*/
		-moz-text-shadow: 2px 2px 0 #333;
	-webkit-text-shadow: 2px 2px 0 #333;
	text-shadow: 2px 2px 0 #333;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	background-color: #CCC;
}
#img-area {
	width: 500px;
	height: auto;
	margin-bottom: 10px;
	/*ƒ{ƒbƒNƒX‚É5px�E30%‚Ì‰e‚ð—^‚¦‚é*/
		-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	padding: 8px;
}
/* �o•iŽÒ•”•ª */
#tt_syuppinsya {
	width: 220px;
	height: 32px;
}

#tt_syuppinsya #name {
	width: 200px;
	padding-left: 10px;
	font-size: 15px;
	line-height: 140%;
	border-left: solid 8px #030;
	margin-left: 20px;
}
/* �Þ—¿•”•ª */
#tt_syuppinsya #zairyou {
	width: 192px;
	height: 306px;
	padding: 4px 0 2px 8px;
	font-size: 13px;
	line-height: 120%;
	color: #300;
	margin-top: 2px;
	margin-left: 20px;
	border: solid 1px #cccccc;
}
#tt_syuppinsya #zairyou_long {
	width: 192px;
	height: auto;
	padding: 4px 0 2px 8px;
	font-size: 12px;
	line-height: 120%;
	color: #300;
	margin-top: 2px;
	margin-bottom: 4px;
	margin-left: 20px;
	border: solid 1px #cccccc;
}
/* �u�K‰ï�Þ—¿•”•ª */
#tt_syuppinsya #zairyou02 {
	width: 192px;
	height: 324px;
	padding: 4px 0 2px 8px;
	font-size: 13px;
	line-height: 120%;
	color: #300;
	margin-top: 2px;
	margin-left: 20px;
	border: solid 1px #cccccc;
}
/* �Þ—¿ƒ^ƒCƒgƒ‹ */
#tt-zairyou {
	width: 190px;
	font-size: 15px;
	font-weight: bold;
	color: white;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 2px;
	margin-left: 20px;
	padding: 2px;
	padding-left: 10px;
	background: #963;
}

/* �ì‚è•û•”•ª */
#tsukuri-area {
	clear:both;
	width: 732px;
	height: auto;
	text-align: left;
	font-size: 14px;
	line-height: 140%;
	padding: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 1px #CCCCCC;
}
#tsukuri-area #point {
	font-weight: bold;
	color:white;
	border: none;
	background:#066;
	padding: 1px 12px;
}
/* �ì‚è•ûƒ^ƒCƒgƒ‹ */
#tt-tsukuri {
	width: 718px;
	font-size: 15px;
	font-weight: bold;
	color: white;
	padding: 4px;
  padding-left: 20px;
	background: #963;
}

/* �u�K‰ï—p */
/* TOPƒy�[ƒW */
#area-table {
	margin: 10px auto 10px;
	border: 1px #CCCCCC solid;
}
#area-table .td00 {
	border-top: 1px #CCCCCC solid;
}
#area-table .td01 {
	border-left: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
}
#area-table #r-name {
	text-align: center;
	width: 170px;
	font-size:small;
	margin: 3px auto;
}


#area-tt {
	padding: 4px;
	padding-left: 10px;
	background:#630;
	font-size: 16px;
	font-weight: bold;
	color: white;
}

#area-table a {
	text-decoration: none;
}
#area-table a:hover {
	color: red;
	text-decoration: none;
}



/* BACKƒŠƒ“ƒN */
#back_area {
	width: 440px;
	margin: auto;
	text-align: center;
	font-size: 12px;
	padding: 0;
}

#back_area ul{
margin: 0; 
padding: 0; 
list-style: none;
}

#back_area li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

#back_area a{
	display: block;
	border: 1px solid #ccc;
	background-color: #CFF;
	font-size: small;
	padding: 3px;
	text-decoration: none;
	color: #333;
	width: 200px;
	margin: 1px;
	text-align: center;
}
#back_area a:hover{
background-color: #BF5E5E;
color: #fff;
}
