/*______________________________________

CHICHIN-PUIPUI
http://mbs.jp/puipui/
Cascading Style Sheet [recipe2.css]

______________________________________*/

* {
	box-sizing :border-box;
	-moz-box-sizing : border-box;
}

body{
	background :#fff;
	color : #000;
	margin :0px auto;
	padding : 0px;
	font-size : 11px;
	font-style :normal;
	font-weight : normal;
	font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", "Osaka", sans-serif;
	text-align :center;
}
body #new-recipe{
	font-size : 1.2em;
}

p {
	font-size : 10px;
	line-height : 140%;
	margin-bottom : 0.5em;
}

em, strong {
	font-style :normal;
	font-weight : bold;
}

sup, sub {
	font-size : 80%;
}

dl {
	font-size : 11px;
}

dd {
	margin :0.2em 0 0.4em 1em;
	padding-left :0;
}

dd p {
	font-size : 11px;
	margin-top :0.1em;
	line-height : 135%;
}

hr.divider {
	display : none;
}

address.copyright {
	display : none;
}
address#recipe-address{
	text-align:center;
	margin:0 auto;
 	width:550px;
}

/*リンク*/

a {
	color : #808080;
	text-decoration : none;
}
a:link {
	color : #808080;
}
a:visited {
	color : #808080;
}
a:active {
	color : #000000;
}
a:hover {
	color : #FF3300;
	text-decoration : underline;
}


/*class*/
.note {
	font-size : 10px;
}

img.icon { /* icon */
 margin-right:5px;
}




/*タイトル*/
table.title{
	border:0px;
	width:550px;
	margin:0px auto;
	padding:0px;
}
table.title td{
	text-align :center;
	vertical-align :bottom;
	padding:0px;
}

/*コンテンツ*/
div#recipeContent{
	width:550px;
	margin:0px auto;
	padding:5px 0;
	border:1px solid #ff66cc;
}
#new-recipe div#recipeContent{
	/* before-20060510 width:512px;*/
	width:550px;
	padding:10px 25px 0 25px;
}

.h1img{
	margin:0px;
}
div#recipeContent h2{
	color:#000000;
	margin:0px;
	padding:0px;
	font-weight:normal;
	text-align :center;
	vertical-align :bottom;
}
#new-recipe div#recipeContent h2{
	margin:5px 0;
	font-size:2em;
	font-weight:bold;
}
#new-recipe div#recipeContent h2{
	font-size:1.5em;
	border-bottom:1px solid #000000;
	padding-bottom:5px;
}
div#recipeContent .j12m{
	font-size:1.2em;
}

/*タイプ・材料・スタイル・時間・難易度*/
table.type{
	border:0px;
	width:500px;
	border-top:2px solid #ff66cc;
	border-left:2px solid #ff66cc;
	margin:10px 0px;
}
table.type th{
	width:100px;
	border-right:2px solid #ff66cc;
	border-bottom:2px solid #ff66cc;
	text-align :center;
	vertical-align :middle;
	padding:2px;
	background:#ffffff;
}
table.type td{
	color:#333333;
	font-size:1.1em;
	border-right:2px solid #ff66cc;
	border-bottom:2px solid #ff66cc;
	text-align :center;
	vertical-align :middle;
	padding:2px;
	background:#ffffcc;
}

/*何人分*/
table.material{
	width:220px;
	margin:3px 0px;
}
table.material td{
	width:110px;
	text-align :left;
	vertical-align :middle;
	padding:0px;
}


/*食材テーブル*/
table.general {
	width:219px;
	margin-bottom : 1px;
	border-style :solid;
	border-width :1px 0 0 1px;
	border-color :#857561;
	border-collapse : collapse;
	empty-cells : show;
}

.general td, .general th {
	text-align :left;
	vertical-align :middle;
	border-style :solid;
	border-width :0 1px 1px 0;
	border-color :#857561;
	border-bottom : 1px solid #dEd8d0;
	font-size : 1.1em;
	font-weight : normal;
	padding : 1px 5px;
}

.general tr.last-row td,
.general th {
	border-bottom : 1px solid #857561;
}

.general th {
	text-align :center;
}

.general .number {
	text-align :left;
	width:14px;
}

/*もう一品*/
div.more{
	margin:10px 0px 0px;
	padding:3px;
	text-align:left;
	border:1px solid #c6c6c6;
	background:#E6E6E6;
}
div.more ol{
	margin:0px;
	padding-left:23px;
}
div.more li{
	font-size:1em;
	margin:5px 0px 0px 0px;
	padding:0px;
	font-family: Verdana, sans-serif;
}

/*手順*/
.process{
	margin:0px;
	padding:0px 0px 0px 25px;
}
.process li{
	margin:5px;
	padding:0px;
}
#recipeContent .process li{
	font-size:1.1em;
	line-height:1.5em;
}

/*ポイント*/
table.point{
	width:513px;
	margin:10px 0px;
	border:0px;
}
table.point td{
	text-align :left;
	vertical-align :middle;
	padding:0px;
}
table.point2{
	width:490px;
	margin:0px;
	border:0px;
}
table.point2 td{
	text-align :left;
	vertical-align :middle;
	padding:0px;
}









h2.inquiry{
	width:565px;
	margin:20px auto 5px auto;
	padding:0;
}
#info{
	width:543px;
	border:1px solid #cc6600;
	margin:10px auto;
	padding:10px;
	font-size:1.2em;
	text-align :left;
}
#info table.layout{
	width:100%;
	border:0;
	border-top:2px solid #dedede;
	border-left:2px solid #dedede;
}
#info img{
	margin:0 10px 5px 0;
	border:1px solid #dedede;
	padding:1px;
}
#info .layout td, #info .layout th{
	vertical-align :top;
	padding:5px;
	border-right:2px solid #dedede;
	border-bottom:2px solid #dedede;
}
#info th{
	vertical-align :top;
	text-align :left;
	color:#cc6600;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	background:#faefe5;
	white-space:nowrap;
}
#info a:link{
	color:#000000;
}
#info a:hover{
	color:#0000ff;
}
#info p{
	font-size:1em;
	margin:5px 0;
}
#info .credit{
	color:#cc6600;
	font-size:0.9em;
}
#new-recipe .tel{font-size: 1.5em;}

address{
	margin:0;
	padding:25px;
	font-weight:normal;
	font-style:normal;
	background:transparent url(../../images/hr.gif) repeat-x 0 0;
}



#recipeContent .general caption{
	text-align :left;
	font-size:1.2em;
	font-weight:bold;
}