/***********************************************/
/* recipe_HTML tag styles                      */
/***********************************************/ 
body {
	margin:0px;
	padding:0px;
	color:#666666;
	font-size: small;
	font-family: Meiryo;
	text-align: center;
}

img  { border:0}

/*h1,h2,h3,h4,h5,h6,p { margin:0px; padding:0px;}*/
h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px;}
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	line-height: 100%;
}

.clr-both { clear:both;}

/* common link */
a:link{
	color: #ff6600;
	text-decoration: none;
}
a:visited{
	color: #ff8822;
	text-decoration: none;
}
a:active {
	color:#ff8822;
	text-decoration: underline;
}
a:hover{
	color: #ff6600;
	text-decoration: underline;
}

a#header:link{
	color: #ff6600;
	text-decoration: none;
}

.link-s { font-size:small;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 780px;
	/*background-image: url(../../images/bg_sideshade_img.gif);*/
	/*background-repeat: repeat-y;*/
	/*background-position: left;*/
}

#header{
	margin-right: auto;
	margin-left: auto;
	/*margin: 0;*/
	padding: 20px 0px 10px;
	/*width: 100%;*/
	width: 780px;
	text-align: left;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/
#siteName{
	margin: 0px;
	/*padding: 0px 0px 10px 150px;*/
	padding: 0px 0px 10px 140px;
}

/*************** #pageName styles **************/
#pageName{
	/*padding: 0px 0px 10px 150px;*/
	padding: 0px 0px 10px 140px;
}

/************* #breadCrumb styles *************/
#breadCrumb{
	/*padding: 5px 0px 0px 150px;*/
	padding: 5px 0px 0px 140px;
}

/*-- CONTENTS AREA --*/
#container {
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	/*padding-right: 10px;*/
	padding-bottom: 0px;
	/*padding-left: 10px;*/
}

#contents {
	width:630px;
	left: 0px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#right-box {
	margin: 0px 140px 0px 0px;
	padding:0px;
	width:490px;
	text-align: left;
}

#left-box {margin: 0px; padding: 0px; width:140px; float:left;}

/*-- RECIPE AREA --*/
.recipe-ttl {
	margin: 8px 0px 8px 0px;
	padding:0px;
	font-size:small;
	line-height:100%;
}

/*--  top/categorypage  --*/
.title-cap {
	color: #B3BF61;
	border: solid 1px #C3CE77;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.recipe-link {margin:10px 0px 10px 0px;padding:0px; font-size:small;}
.recipe-link a:link { color:#ff6600 ; text-decoration:underline ; font-weight:bold ; }
.recipe-link a:visited { color:#ff8822 ; text-decoration:underline ; font-weight:bold ;}
.recipe-link a:active { color:#ff8822 ; text-decoration:underline ; font-weight:bold ;}
.recipe-link a:hover { color:#ff6600 ; text-decoration:underline ; font-weight:bold ;}
.recipe {margin: 0px 0px 0px 0px ;padding:0px;}
.recipe-img {margin: 0px ;padding:0px; width :80px;}
.recipe-data {margin: 0px 0px 0px 0px ;padding-top:3px; float:right;width:390px;line-height:110%;}
.recipe-data-s {font-size: small;}
h2 {font-size:small; font-weight: bold; margin:0px 0px 5px 0px;}
.dot-line { clear: both;margin: 0px ;padding:5px 0px 5px 0px;}
.dot-line02 { clear: both;margin: 0px ;padding:10px 0px 0px 0px;}
.dot-line-s { clear: both;margin: 0px ;padding:10px 0px 12px 0px; }

/*-- data  --*/
.recipe-photo {float:left; border: solid 1px #CC9966 ;margin:12px 0px 0px 0px ;padding:0px; width:200px}
.recipe-data2 {margin:12px 0px 0px 0px ; padding:0px ; float:right;width:280px;}
table {margin:0px;padding:0px;}
.recipe-data-left {list-style :disc;font-size: small; font-weight: bold; color:#CC9966 ; vertical-align: top ;padding: 0px;}
.recipe-data-right {font-size: small;padding:0px 0px 0px 10px; margin:0px;}
.recipe-data-left-s {
	font-size: small;
	font-weight: bold;
	color:#CC9966;
	white-space: nowrap;
}
.recipe-data-right-s {
	font-size: small;
	padding:0px 0px 0px 10px;
	white-space: nowrap;
}
.recipe-data-bold {font-size: small ; font-weight:bold; color: #CC9966; margin: 0px 20px 0px 0px;padding:0px;}
.recipe-data-right ul {margin:0px 0px 10px 5px; padding:0px 0px 0px 3px; list-style-position:outside}
.recipe-data-right li { list-style :disc;margin:0px; padding:0px;}
.recipe-data-right p {font-size: x-small ; font-weight:bold; color: #CC9966; margin: 0px 0px 5px 0px;padding:0px;}

/*--  レシピ詳細ページ：レシピタイトル  --*/
.title {font-size: 150% ;
		color: #FFFFFF ; 
		font-weight: bold ; 
		padding: 12px 0px 7px 10px;
		background-color: #C3CE77; 
		border: solid 1px #C3CE77; 
		width: 480px ;
		margin: 0px;
		}
		
.title-cap1 {
	color: #B3BF61;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border: solid 1px #C3CE77;
	width: 480px;
	text-indent: 0.5em;
}
/*.title-cap2 {color: #C3CE77; margin: 0px; padding: 5px; border: solid 1px #C3CE77;width: 100%;}*/
/*.title-cap3 {font-size:x-small; ont-weight: bold; color: #C3CE77; margin: 0px; padding: 5px; border: solid 1px #C3CE77;width: 100%;}*/
/*.brown-line {clear: right;margin:0px ; padding:0px;}*/

/*--  レシピ詳細ページ：作り方  --*/
.make-img {margin:10px 0px 0px 0px ; padding:0px;}
.recipe-list-left {font-size:large ; font-weight: bold; color:#CC9966 ; margin:10px 0px 10px 5px;padding:0px;}
.recipe-list-right {font-size: small ; font-weight:normal; color: #666666; margin: 0px 20px 0px 0px;padding:0px;}


/*.recipe-list-bold {font-size: small ;  font-weight: bold; color:#CC9966 ;margin: 0px 20px 0px 0px;padding:0px;}*/
/*.recipe-list-tit {font-size:small ; font-weight: bold; color:#CC9966 ; margin:10px 0px 10px 5px;padding:0px;}*/


/*-- informartion  レシピ詳細ページ：商品紹介欄 --*/
#information {
	width: 448px;
	padding:5px;
	border: solid 1px #C3CE77;
	background: #FEFBE9;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.information-box {
	width: 438px;
	padding:0px;
	margin: 0px;
	background: #FEFBE9;
}

.productinfo{
	float: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.productimg{
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}

/*--  カテゴリページ　新着レシピ  --*/
.new-recipe {margin: 0px 0px 0px 0px ;padding:0px 7px 10px 7px; border: solid 1px #E7C39D ;background-image:url(images/../boder_img.gif)}

.new-img { margin:0px 0px 0px 0px;padding:8px 0px 0px 4px;}

.new-recipe-left { float:left;width:230px; margin:10px 0px 0px 0px ;padding:0px;}
.new-recipe-left2 { float:left;width:460px; margin:8px 0px 0px 5px ;padding:0px;}
.new-recipe-right { float:right;width:230px;margin:10px 0px 0px 0px ;padding:0px;}

.recipe-img02 {margin: 0px ;padding:0px; width :80px;float:left;}

.recipe-data02 {margin: 0px ; padding-top:3px; float:right;width:140px;line-height:110%;}
.recipe-data04 {margin: 0px ;padding:0px; float:left;width:140px;line-height:110%;}
.recipe-data03 {float:left;width:360px;margin:0px 0px 0px 15px; padding:0px;line-height:110%;}
.recipe-data h2 {font-size:small; font-weight: bold; margin:0px 0px 3px 0px; }

.sub_ttl {margin:0px;padding:20px 0px 0px 0px;}
.sub_ttl2 {margin:0px;padding:0px 0px 0px 0px;}

.pagetop {text-align:right; padding:10px 0px 10px 0px; }

/*-- recipe to category --*/
.recipe-category-box {margin: 0px ;padding:0px;}
.recipe-category-box ul {  position: relative; list-style:none ;margin:0px ;padding:0px ;height:69px;width:490px;}
.recipe-category-box li {	list-style: none;position: absolute;top: 0px;margin:0px; padding:0px;}
.recipe-category01 {left: 0px; width: 83px;}
.recipe-category02 {left: 101px; width: 83px;}
.recipe-category03 {left: 202px; width: 83px;}
.recipe-category04 {left: 303px; width: 83px;}
.recipe-category05 {left: 404px; width: 83px;}

.recipe-list-b {
	font-weight:bold;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.recipe-list {
	margin:0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.recipe-list li{
	list-style-position: inside;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

/************* #footer styles ***************/

#footer{
	font-size:x-small;
	width: 100%;
	clear: both;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#bottom-navi{
	font-size:small;
	padding-top: 10px;
	padding-bottom: 20px;
}

.footer-home {
	font-size: small;
	line-height: 200%;
}