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

*, p, ul, li, ol, div, h1, h2, h3, h4, h5, fieldset, form, img, .nomargin {
	border:0px;
	margin:0px;
	padding:0px;
	list-style: none;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	border-top: 10px solid #000000;
}

div,h1,h2,h3,h4,p{border:none;margin:0em;padding:0em;}
h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.4em;color:#555;}
h4{font-size:1em;}
p{font-size:1em;}

#wasabi a:link{color: #9EB528; text-decoration:underline;}
#wasabi a:visited{color:#9EB528;}

#curry a:link{color: #DEAF21; text-decoration:underline;}
#curry a:visited{color:#DEAF21;}

#other a:link{color: #E38B68; text-decoration:underline;}
#other a:visited{color:#E38B68;}

a:hover,a:active{color:#FF0000;}
img{border-style:none;}
a img{border:0px;}
a {overflow: hidden;}

.clear {
	clear: both;
}

#wrapper {
	width: 620px;
	margin: 0px auto 0px;
	font-size: 1em;
	text-align: left;
	clear: both;
}


/*----- header -----*/

#header {
float: left;
	width: 500px;
	margin-bottom: 15px;
	background: url(../img/recipes/title_recipe.jpg) right 10px no-repeat;
}
h1 {
	width: 96px;
	height: 61px;
	display: block;
	text-indent: -9999px;
	background: url(../img/recipes/logo.jpg) left top no-repeat;
	clear: both;
}
.item_name {
	margin: 0px;
	padding: 5px 0px 3px 0px;
	color: #666;
	font-size: 1.4em;
	font-weight: bold;
	clear: both;
}
h2 {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	clear: both;
}
#wasabi h2 {
	color: #8fc054;
}
#curry h2 {
	color: #FF9900;
}
#other h2 {
	color: #FF4F4F;
}

#item a {
	float: right;
	margin: 15px 0px 10px 0px;
	border: 1px solid #CCC;
	display: block;
}

/*----- recipe -----*/

#recipe {
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	clear: both;
}
#wasabi #recipe  {
	border-right: 1px solid #E0EB8F;
}
#curry #recipe  {
	border-right: 1px solid #FFE799;
}
#other #recipe  {
	border-right: 1px solid #FFDDCF;
}

#main_photo {
	float: left;
	width: 620px;
	margin: 0px;
	padding-bottom: 15px;
}

#main_txt {
	overflow: auto;
	background: url(../img/recipes/back_main_txt.gif) left repeat-y;
	clear: both;
}

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

#ingredients {
	float: left;
	width: 200px;
	margin-right: 45px;
	padding: 0px 0px 10px 15px;
}
#ingredients li {
	margin: 0.8em 0px;
	line-height: 1.1em;
}

#method {
	float: left;
	width: 340px;
	margin: 0px;
	padding-bottom: 10px;
}
#method li {
	margin: 1em 0px;
	line-height: 1.4em;
}

/*----- footer -----*/

#footer {
	width:100%;
	margin: 0px;
	clear: both;
}

#print a {
	float: left;
	height: 35px;
	margin: 15px 0px;
	padding-left: 35px;
	background: url(../img/recipes/print.jpg) left bottom no-repeat;
	text-align: left;
}
#close a {
	float: right;
	height: 20px;
	margin: 15px 0px;
	padding-left: 15px;
	background: url(../img/recipes/close.jpg) 0px 3px no-repeat;
	text-align: right;
}

#copyrights {
  width: 100%;
	height: 25px;
	margin-top: 15px;
	padding-top: 12px;
	background: #FF0000;
	text-align: right;
	clear: both;
}
.copyrights {
	margin-right: 10px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}

/*-----モダンブラウザ-----*/

.clearfix:after {
	content: url(../recipes/pixel.gif);
	display: block;
	clear: both;
	height: 0px;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}

/*-----モダンブラウザ-----*/