﻿@charset "utf-8";




*{
	margin-top:0px;
	padding-top:0px;

}

html{

background-image:url("../img/card.gif");
background-repeat:repeat-y;

background-position: 94% 0%;

z-index:0;

}



body{

background-image:url("../img/card.gif");
background-repeat:repeat-y;

background-position: 5% 0%;

z-index:0;
}





#wrapper {

  text-align: left;
  width: 1000px;
  margin: 0 auto;
  padding: 0;





}


#header {
  width: 85%;
  height: 50px;
  margin: 0;
  padding: 0;
background-color:#ffffff;
z-index:1;

}


#header-right {
float:right;
  width: 15%;
  height: 50px;
  margin: 0;
  padding: 0;
font-size:0.75em;
letter-spacing: 0.1em;
	line-height:20px;
background-color:#ffffff;
z-index:1;

}


p[id="search"]{
float:right;
background-image:url("../img/e13.gif");
background-repeat: no-repeat;
	width:130px;
	height:18px;
padding: 0px 20px;
margin-top:5px;
margin-left:0px;
margin-bottom:2px;
line-height:18px;
vertical-align:middle;
letter-spacing: 0.1em;
}






#container {
  position: relative;
  width: 100%;
  height: 450px;

}


#left-sidebar {
	background:url(../img/background-img/left-bg.gif) no-repeat;
z-index:2;
  width: 190px;
	height:450px;
  margin-top: 0px;
  padding: 0;  
  position: absolute;
  top: 0;
  left: 0px;

}




.left-bar {
	overflow:auto;
	width:195px;
	height:410px;
	margin:16px 0px 0px 0px;
	scrollbar-face-color:#fee1e1;
	scrollbar-arrow-color:#ffffff;
	scrollbar-track-color:#ffffff;
	scrollbar-highlight-color:#fee1e1;
	scrollbar-shadow-color:#fee1e1;
	scrollbar-3dlight-color:#fee1e1;
	scrollbar-darkshadow-color:#fee1e1;

}


.left-moji {
	width:178px;
	height:390px;
	font-size:0.65em;
	color:#4f4f4f;
	line-height:2;
letter-spacing: 0.1em;
	margin:5px 0px 0px 0px;
}



br[id="resipi-menu-br"]{
margin-bottom:20px;
}



h4[id="recipe-up-history"]{
color: #000000;

	width:90px;
	height:25px;
padding: 0px 10px;
margin-top:0px;
line-height:25px;
text-align:center;
vertical-align:middle;
font-weight: bold;
letter-spacing: 0.1em;
color:#950000;


background-color:#ffffff;
}

li[id="recipe-piyo-up"]{
text-decoration: none;
line-height: 1;
letter-spacing: 0.1em;
list-style:url("../img/piyo-up-index.gif");
margin:0px 0px 0px -25px;

}

li[id="recipe-no1"]{
text-decoration: none;
list-style-type:none;
letter-spacing: 0.1em;
line-height: 1.5;
margin:0px 0px 0px -20px;
}



li[id="linkmenu-arrow-yellow"]{
text-decoration: none;
line-height: 2.5;
letter-spacing: 0.1em;
list-style:url("../img/arrow-yellow.gif");
margin-left:0px;
}

li[id="recipemenu-imgnashi"]{
text-decoration: none;
list-style-type: none;
line-height: 1.5;
margin-bottom: 10px;
letter-spacing: 0.1em;
margin-left:0px;
}

/*リスト２段組みここから*/

.listkakomi-recipemenu{
float:left;
width:178;

}


ul[id="list-recipemenu-left1"] { 
   width: 89px; 
   margin: 0em;
margin-right:0px;
margin-left:0px;
   padding:0px;
   margin-bottom:0px;
   float: left;

} 

ul[id="list-recipemenu-left2"] { 
   width: 89px; 
   margin: 0em; 
margin-right:0px;
   padding: 0px;
   margin-bottom:0px;  
   float: right;

}

/*リスト２段組みここまで*/



#contents {
	background:url(../img/background-img/content-bg.gif) no-repeat;
  width: 650px;
	height:442px;
  margin: 9px 0px 0px 190px;
  padding: 5px 0px 0px 0px;

letter-spacing: 0.1em;
	font-size:0.6em;
	color:#4f4f4f;


}

.content-bar{
	overflow:auto;
	width:620px;
	height:430px;
	margin:5px 0px 0px 30px; 
	scrollbar-face-color:#fee1e1;
	scrollbar-arrow-color:#ffffff;
	scrollbar-track-color:#ffffff;
	scrollbar-highlight-color:#fee1e1;
	scrollbar-shadow-color:#fee1e1;
	scrollbar-3dlight-color:#fee1e1;
	scrollbar-darkshadow-color:#fee1e1;

}

.content-moji {
	font-size:0.8em;
	color:#4f4f4f;
	line-height:0.5;
letter-spacing: 0.1em;
	margin:0px 0px 0px 0px;

}



.resipi-menu-name{

  margin: 40px 0px 0px 0px;

}




li[id="resipi-menu-name-imgnashi"]{
text-decoration: none;
list-style-type: none;
line-height: 1.5;
letter-spacing: 0.1em;
margin-left:0px;
margin-bottom:20px;
font-size:0.9em;
}




/*リスト３段組みここから*/


.listkakomi-resipi-menu{
float:left;
width:320;
margin-left:20px;
}


ul[id="list-resipimenu-left1"] { 
   width: 160px; 
   margin: 0em; 
   padding-left: 1.5em;
   margin-bottom: 5px;
   float: left; 

} 

ul[id="list-resipimenu-left2"] { 
   width: 160px; 
   margin: 0em;
margin-left:0px;
margin-right:0px;
   margin-bottom: 5px;  
   float: left; 

}


ul[id="list-resipimenu-left3"] { 
   width: 160px; 
   margin: 0em; 
margin-right:25px;
   margin-bottom: 5px;  
   float: right; 

}

/*リスト３段組みここまで*/












.newicon{
float:right;
margin:-35px 0px 0px 0px;
}


.recipe-site{
float:right;
}


p[id="recipe-category"]{
color: #000000;

	height:20px;
padding: 0px 10px;
margin-top:0px;
margin-right:10px;
line-height:20px;
text-align:center;
vertical-align:middle;
font-weight: bold;
letter-spacing: 0.1em;
color:#950000;

background-color:#ffffff;
}



p[id="recipe-site"]{
	height:20px;
padding: 0px 10px;
margin-top:0px;
margin-right:10px;
line-height:20px;
text-align:center;
vertical-align:middle;
font-weight: bold;
letter-spacing: 0.1em;
color:#950000;

background-color:#ffffff;
}





h3[id="recipe-name"]{
color: #000000;
background-image:url("../img/kureyonkuma.gif");
background-repeat: no-repeat;
	width:250px;
	height:44px;
padding-left:40px;
margin-top:0px;
margin-bottom:15px;
line-height:44px;

vertical-align:middle;
font-weight: bold;
letter-spacing: 0.1em;
color:#800000;

}

.cooking-img{
float:right;
margin:30px 140px 0px 0px;
text-align:center;
line-height:17px;
}


.cooking-img-sc{
float:right;
margin:20px 50px 0px 0px;
text-align:center;
line-height:17px;
}


.kamebuta{
float:right;
margin:-30px 30px 0px 0px;
}



h4[id="recipe-foods"]{
color: #000000;
background-image:url("../img/fr24.gif");
background-repeat: no-repeat;
	width:200px;
	height:20px;
padding-left:25px;
margin-top:0px;
margin-left:20px;
margin-bottom:5px;
line-height:30px;

vertical-align:middle;
font-weight: bold;
letter-spacing: 0.1em;
color:#4f4f4f;

}

li[id="recipe-foods-list1"]{
text-decoration: none;
list-style-type:none;
letter-spacing: 0.1em;
line-height: 2;
margin:0px 0px 0px 10px;
}

p[id="recipe-foods-name"]{
letter-spacing: 0.1em;
line-height: 2;
margin:10px 0px 0px 50px;
}


/*リスト2段組みここから材料下*/


.listkakomi-resipi-foods-list2retu{
float:left;
width:350;
margin-left:20px;
}


ul[id="recipe-foods-list-left"] { 
   width: 175px; 
   margin: 0em; 
   margin-bottom: 5px;
   float: left; 

} 

ul[id="recipe-foods-list-right"] { 
   width: 175px; 
   margin: 0em;
margin-left:0px;
margin-right:0px;
   margin-bottom: 5px;  
   float: left; 

}

/*リスト2段組みここまで材料下*/








h4[id="procedure"]{
color: #000000;
background-image:url("../img/fr25.gif");
background-repeat: no-repeat;
	width:200px;
	height:20px;
padding-left:25px;
margin-top:20px;
margin-left:20px;
margin-bottom:5px;
line-height:30px;

vertical-align:middle;
font-weight: bold;
letter-spacing: 0.1em;
color:#4f4f4f;

}

li[id="procedure-list"]{
text-decoration: none;
list-style-type:none;
letter-spacing: 0.1em;
line-height: 2;
margin:0px 0px 0px 0px;

}

li[id="procedure-list-name"]{
text-decoration: none;
list-style-type:none;
letter-spacing: 0.1em;
line-height: 2;
margin:10px 0px 0px 0px;
font-weight: bold;
}



li[id="cyu-i-list"]{
list-style-type:none;
background-image:url("../img/cyu-i.gif");
background-repeat: no-repeat;
	height:15px;
padding-left:25px;
margin-top:5px;
margin-left:15px;
margin-bottom:5px;
line-height:15px;
vertical-align:middle;

letter-spacing: 0.3em;
}



.point{
margin:20px 0px 5px 20px;
}

li[id="point-list"]{
text-decoration: none;
list-style-type:none;
letter-spacing: 0.1em;
line-height: 2;
margin:0px 0px 0px 0px;
}


h4[id="recipe-link"]{
color: #000000;
background-image:url("../img/dog.gif");
background-repeat: no-repeat;
	width:200px;
	height:17px;
padding-left:25px;
margin-top:20px;
margin-left:21px;
margin-bottom:-5px;
line-height:22px;

vertical-align:middle;
font-weight: bold;
letter-spacing: 0.1em;
color:#4f4f4f;

}

li[id="recipe-link-list"]{
text-decoration: none;
list-style-type:none;
letter-spacing: 0.1em;
line-height: 2;
margin:0px 0px 0px 0px;
}






.float-right{
float:right;
text-align:right;
margin:0px 0px 0px 0px;
}


h3[id="material-title"]{
color: #000000;
background-image:url("../img/mouse-heart.gif");
background-repeat: no-repeat;
	width:120px;
	height:20px;
padding: 0px 0px; 0px 30px;
padding-left:45px;
margin-top:0px;
margin-bottom:30px;
line-height:20px;
text-align:center;
vertical-align:middle;
font-weight: bold;
letter-spacing: 0.1em;
color:#800000;

}


h3[id="pig-savingsbox"]{
color: #000000;
background-image:url("../img/pig-savingsbox.gif");
background-repeat: no-repeat;
	width:165px;
	height:21px;
padding: 0px 0px; 0px 30px;
padding-left:35px;
margin-top:0px;
margin-bottom:30px;
line-height:21px;
text-align:center;
vertical-align:middle;
font-weight: bold;
letter-spacing: 0.1em;
color:#800000;

}


p[id="spacing"]{
margin-bottom: 5em
}




#right-sidebar {
  width: 160px;
	height:410px;
  margin: 0;
  padding: 0;  
  position: absolute;
  top: 0;
  right: 0;

}


.right-bar{
	overflow:auto;
	width:175px;
	height:380px;
	margin:5px 0px 0px 0px;
	scrollbar-3dlight-color:#ff5e5e;
	scrollbar-arrow-color:#ff5e5e;
	scrollbar-base-color:#ff5e5e;
	scrollbar-darkshadow-color:#ff5e5e;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ff5e5e;
	scrollbar-shadow-color:#ff5e5e;


}

.right-moji {
	width:130px;
	height:360px;
	font-size:0.8em;
	color:#4f4f4f;
	margin:10px 0px 0px 20px;
text-align:center;
letter-spacing: 0.1em;
}

#right-sidebar2 {
  width: 175px;
	height:40px;
  margin: 420px 0px 0px 0px;
  padding: 0;  
  position: absolute;
  top: 0;
  right: 0;


}

.right-moji2 {
	font-size:0.9em;
	color:#4f4f4f;
	margin:0px 0px 0px 0px;
text-align:center;
letter-spacing: 0.1em;
}




#footer {
  width: 100%;

  text-align: center;
  margin: 0;
  padding: 0;
background-color:#ffffff;
z-index:1;
}



.link-moji a:link {
	color: #4f4f4f;
}
.link-moji a:visited {
	color: #4f4f4f;
}
.link-moji a:hover {
	color: #950000;
}
.link-moji a:active {
	color: #950000;
}


.link-moji-sc a:link {
	color: #4f4f4f;
}
.link-moji-sc a:visited {
	color: #4f4f4f;
}
.link-moji-sc a:hover {
	color: #4f4f4f;
}
.link-moji-sc a:active {
	color: #4f4f4f;
}


html {
	overflow:auto;
	scrollbar-3dlight-color:#ff2f2f;
	scrollbar-arrow-color:#ff2f2f;
	scrollbar-base-color:#ff2f2f;
	scrollbar-darkshadow-color:#ff2f2f;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ff2f2f;
	scrollbar-shadow-color:#ff2f2f;
}


.clearfix {  
min-height: 1px; /*IE6、7対策*/ 

}  


.tdftad a {
	font-size: 0.7em;
}

.clear-left{
	clear:left;
}

.clear-right{
	clear:right;
}





/*画像ここから*/



.title-left{
position: absolute;
margin: 0px 0px 0px 0px;
}

.title-right{
position: absolute;
margin: 10px 0px 0px 190px;
}

.title{
position: absolute;
margin:5px 0px 0px 61px;
}


.recipepagemoji{
position: absolute;
margin:60px 0px 0px -30px;
}

.moji{
position: absolute;
margin:150px 0px 0px 107px;
font-size:0.9em;
}

.white-rabbit-tea{
position: absolute;
margin:377px 0px 0px 70px;
}

.cake{
position: absolute;
margin:296px 0px 0px 245px;
}


.alice-left-recipe{
position: absolute;
margin:330px 0px 0px 475px;
}

.niwatoripiyotwo-right{
float:right;
margin:0px 120px 0px 0px;
}

/*画像ここまで*/