@charset "shift_jis";

* {
	margin:0;
	padding:0;
}
body {
	text-align:center;
	background-color: #eae2d7;
}
body,td,p,li {
	color:#5e2f2f;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.5;
}
html { 
  /* Firefox—p ƒXƒNƒ[ƒ‹ˆΚ’u‚ΕƒZƒ“ƒ^ƒŠƒ“ƒOˆΚ’uƒYƒŒ–hŽ~ */
  overflow-y:scroll;   
} 
p {   
  margin:0 0 1em 0;   
}
li {   
  list-style-type:none;   
}   
img {
  border:0;   
}

/* ----------------------------------------------------------- 
  trans
----------------------------------------------------------- */ 
div.trans {
	float: right;
}


/* ----------------------------------------------------------- 
  link
----------------------------------------------------------- */  
a:link {
	text-decoration:none;
	color: #1111cc;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color:#F00;
} 

/* ----------------------------------------------------------- 
  outlink
----------------------------------------------------------- */  
.outlink:link {
	text-decoration:underline;
	color: #889B00;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-weight: bold;
}
.outlink:visited {
	text-decoration:underline;
	color: #A4BB00;
}
.outlink:hover {
	text-decoration:underline;
}
.outlink:active {
	color: #889B00;
} 

/* ----------------------------------------------------------- 
 ad
----------------------------------------------------------- */  
#textad {
	margin-bottom: 5px;
	padding-left: 10px;

}

.ad_bottom {
	margin-left: 4px;
	margin-bottom: 5px;
}

.ad_bottom_right {
	margin-left: 5px;
	display: inline-block;
}

.ad_mokuji {
	margin-top: 5px;
}

.ad_naka {
	margin-top: 5px;
	margin-bottom: 5px;
}

p.ad_side  {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

p.ad_side_bottom  {
	margin-top: 10px;
}

/* ----------------------------------------------------------- 
 •ͺŠ„
----------------------------------------------------------- */ 
#container {
	text-align: left;
	background-color: #ffffff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 5px;
	padding-left: 5px;
	clear: both;
}
#headline-wrap {
	background: #fff7e6;
	height: 18px;
	overflow: hidden;
}
#headline {
	margin-right: auto;
	margin-left: auto;
}
#title-wrap {
	overflow: hidden;


}
#title {
	margin-right: auto;
	margin-left: auto;
	color: #FAFAFA;
	overflow: hidden;
}
#location {
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 14px;
	clear: both;
}

#head {
	text-align: center;
	background: #ff7d26 url(../index/bg-head.gif) repeat-x;
	padding-top: 5px;
	padding-bottom: 5px;
}

#main {
	width: 63%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	float: left;
	clear: both;
	overflow: hidden;
}
#side {
	margin-right: auto;
	margin-left: auto;
	float: right;
	width: 36%;
	margin-bottom: 30px;
	margin-top: 5px;
}
#ad_foot {
	margin-bottom: 30px;
}

/* ----------------------------------------------------------- 
 top-main
----------------------------------------------------------- */ 
#top-main {
	background-color: #FFF7E6;
	overflow: hidden;
	border: 1px solid #D6C6AF;
	padding-top: 5px;
}
.top-main-cont {
	float: left;
	margin: 0px;
	padding-right: 10px;
}
.top-main-cont p {
	font-size: 130%;
	font-weight: bold;
	padding-left: 10px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#top-main li {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	background-image: url(../index/p-orange.gif);
	background-repeat: no-repeat;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 105%;
	background-position: 15px 5px;
	padding-left: 25px;
}
.top-main-ad {
	float: right;
}

.top-main-ad img {
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 10px;
}



/* ----------------------------------------------------------- 
 foot
----------------------------------------------------------- */ 
#foot {
	clear:both;
	padding: 5px;
	background:#9A7561;
	text-align: center;
}
#foot ul{
	margin-top: 2px;
}
#foot li {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
#foot a{
	color:#FFFFFF;
}
#foot a:visited {   
	color:#FFFFFF;  
}
#foot p{
	color: #FFD5B9;
	padding-top: 10px;
	font-size: 90%;
	clear: both;
}


#cate_title_wrap {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFD5B9;
	border-left-color: #FFD5B9;
	background-color: #FFF7E6;
	clear: both;
}

.cate_title {
	margin: 0;
	font-size: 150%;
	font-weight: bold;
}

.cate_title_text  {
	margin: 0px;
	font-size: 14px;
	padding-left: 40px;
}


#mame_title_wrap {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #FFF7E6;
	clear: both;
	border-top-width: 2px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFA060;
	border-right-color: #FFD5B9;
	border-left-color: #FFD5B9;
	margin-top: 10px;
}

.mame_title {
	margin: 0;
	font-size: 140%;
	font-weight: bold;
}
/* ----------------------------------------------------------- 
 h3 a
----------------------------------------------------------- */ 
h3 a:link {
	color:#FFF;
	text-decoration: none;
}
h3 a:visited {
	color:#FFF;
}
h3 a:hover {
	color:#FFF;
	text-decoration: underline;
}

/* ----------------------------------------------------------- 
 h4 a
----------------------------------------------------------- */ 
h4 a:link {
	color:#500;
}
h4 a:visited {
	color:#500;
}
h4 a:hover {
	color:#500;
	text-decoration: none;
}
 

/* ----------------------------------------------------------- 
 h1...
----------------------------------------------------------- */ 
h2,h4,h5 {   
    font-weight:normal; 
}   
h1 {
	font-size: 70%;
	color: #ff7d26;
	letter-spacing: 0.5px;
	float: left;
}
h2 {
	font-size: 70%;
	letter-spacing: 0.5px;
	float: right;
}
h3 {
	clear: both;
	color: #FFF;
	background-color: #ff7d26;
	background-image: url(../index/bg-global.gif);
	padding: 5px;
	font-size: 11pt;
}
h4 {
	clear: both;
	color: #422B20;
	background-color: #ffd5b9;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
}

/* -----------------------------------------------------------
  ƒRƒ“ƒeƒ“ƒc
----------------------------------------------------------- */ 
p.top_ad{
	margin-top: 10px;
}

div.content {
	margin-bottom: 15px;
	border-right: 1px solid #D6C6AF;
	border-bottom: 1px solid #D6C6AF;
	border-left: 1px solid #D6C6AF;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFF7E6;
}
div.content p {
	margin-right: 0px;
	margin-left: 25px;
	margin-bottom: 0px;
}
.content ul {
	padding-left: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
}
.content li{
	margin-bottom: 5px;
	padding-left: 10px;
}

/* ----------------------------------------------------------- 
 matelist
----------------------------------------------------------- */ 
dl.matelist{
	padding-bottom: 3px;
}
dl.matelist dt{
	font-weight: bold;
	margin-bottom: 10px;
	float: left;
	padding-right: 15px;
}
dl.matelist dd{
	margin-bottom: 10px;
}
dl.matelist dd a{
	white-space: nowrap;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6C6AF;
	padding-left: 3px;
	padding-right: 6px;
	color: #5e2f2f;
}
/* ----------------------------------------------------------- 
 shokuzai
----------------------------------------------------------- */ 
#shokuzai {
	background:#FFF7E6;
	border: 1px solid #d6c6af;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	clear: both;
	overflow: hidden;
}
#shokuzai ul {
	float: left;
	margin-bottom: 5px;
}
#shokuzai li {
	float: left;
	text-align: center;
	width: 90px;
	margin: 5px;
	border: 1px dotted #FFDD97;
	background: #FEFFE6;
	font-size: 13px;
	height: 65px;
}
#shokuzai li a{
	display: block;
}
/* ----------------------------------------------------------- 
 shokuzai_remake
----------------------------------------------------------- */ 
#shokuzai_remake {
	background:#FFF7E6;
	border: 1px solid #d6c6af;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	clear: both;
	overflow: hidden;
}
#shokuzai_remake ul {
	float: left;
	margin-bottom: 5px;
}
#shokuzai_remake li {
	float: left;
	text-align: center;
	width: 90px;
	margin: 5px;
	border: 1px dotted #FFDD97;
	background: #FEFFE6;
	font-size: 13px;
	height: 90px;
}
#shokuzai_remake li a{
	display: block;
}
/* ----------------------------------------------------------- 
 kirei
----------------------------------------------------------- */ 
.kirei {
	background:#FFF7E6;
	border: 1px solid #d6c6af;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	clear: both;
	overflow: hidden;
}
/* ----------------------------------------------------------- 
 photo
----------------------------------------------------------- */ 
div.photo_wrapper {
	text-align: center;
	overflow: hidden;
}

img.photo {
	border: 1px solid #E6E6E6;
	padding: 2px;
}

p.photo_itiran {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	background-repeat: no-repeat;
	font-size: 70%;
	text-align: center;
}
/* ----------------------------------------------------------- 
 itiran
----------------------------------------------------------- */ 
p.itiran {
	font-weight: bold;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	text-align: right;
	clear: both;
}

/* ----------------------------------------------------------- 
 side
----------------------------------------------------------- */ 
.midasi {
	margin-bottom: 0px;
	padding-left: 10px;
	color: #FFF;
	font-weight: bold;
	padding-top: 2px;
	background-color: #ff7d26;
	background-image: url(../index/bg-global.gif);
	padding-bottom: 2px;
	margin-top: 10px;
}
#side ul {
	margin-bottom: 10px;
	background-color: #FFF7E6;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D6C6AF;
	border-bottom-color: #D6C6AF;
	border-left-color: #D6C6AF;
}
#side li{
	color: #633;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFEAD0;
	font-weight: bold;
	font-size: 105%;
}
#side li a {
	color: #5e2f2f;
	padding-left: 15px;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	display: block;
}
#side li a:visited {
	color: #5e2f2f;
}


#side ul.recipe_navi li{
	color: #633;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFEAD0;
	font-weight: bold;
	font-size: 105%;
}
#side ul.recipe_navi li a {
	color: #1111cc;
	padding-left: 15px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#side ul.recipe_navi li a:visited {
	color: #800080;
}
#side ul.recipe_navi li.nowMenu a {
	color:#ff7d26;
	font-weight: bold;
	background-color: #FFF0DD;
}
#side ul.recipe_navi li.nowMenu a:visited {
	color:#ff7d26;
}


/* ----------------------------------------------------------- 
 globalNavi
----------------------------------------------------------- */ 
.globalNavi {
	font-size: 12pt;
	clear: both;
	white-space: nowrap;
	background-color: #EBEBEB;
	overflow: hidden;
	border: 1px solid #CCC;
	padding-left: 5px;
	padding-bottom: 2px;
}
.globalNavi ul {
	float: left;
	margin-left: 10px;
}
.globalNavi li {
	padding-right: 7px;
	padding-left: 7px;
	overflow: hidden;
	display: inline;
	background-color: #FFF;
	background-image: url(../img/common/bg-global_line.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 1px;
	margin-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.globalNavi a {
	text-decoration: none;
}
.globalNavi a:hover {
	text-decoration: underline;
}
/* ----------------------------------------------------------- 
 search
----------------------------------------------------------- */ 
.search {
	color: #ff6600;
	font-weight: bold;
	float: left;
}


/* ----------------------------------------------------------- 
 topic-path
----------------------------------------------------------- */ 
.topic-path {
	font-size: 9pt;
	color: #FFF;
	background-color: #FFA060;
	margin: 0px;
	background-image: url(../index/bg-global.gif);
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	clear: both;
}
.topic-path a:link {
	color:#FFF;
	text-decoration: none;
}
.topic-path a:visited {
	color:#FFF;
}
.topic-path a:hover {
	color:#FFF;
	text-decoration: underline;
}

/* ============================== 
 ‹€’ʁ@cate_wrapper“ΰ
==============================  */ 

/* ----------------------------------------------------------- 
 cate_list
----------------------------------------------------------- */ 
#cate_wrapper{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFD5B9;
	border-bottom-color: #FFD5B9;
	border-left-color: #FFD5B9;
	font-size: 105%;
	margin-bottom: 10px;
}


li.cate_end {
	background: #FFFFFF;
	padding: 5px;
}
.sub_cate_list_end{
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	overflow: hidden;
}

.sub_cate_end{
	padding-left: 10px;
	float: left;
	width: 220px;
	background-image: url(../index/p-orange.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
	margin-bottom: 2px;
	line-height: 160%;
}

.sub_cate_long{
	padding-left: 10px;
	background-image: url(../index/p-orange.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	margin-bottom: 10px;
}

.cate_name{
	font-weight: bold;
	clear: both;
	background-color: #FCA;
	color: #422B20;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
}

.cate_name a {
	color: #FF5555;
}

.cate_name img {
	margin-right: 4px;
}
.more {
	float: right;
}

li.cate {
	background: #FFFFFF;
	border: 1px solid #FFD5B9;
	float: left;
	padding-top: 9px;
	padding-right: 9px;
	padding-left: 9px;
	width: 246px;
}


div.cate_text {
	padding-left: 60px;
}

.cate_photo img{
	float: left;
}

.cate_name img {
	margin-right: 4px;
}

.sub_cate_list{
	margin-top: 10px;
	margin-bottom: 5px;
}

.sub_cate{
	background: url(../index/p-orange.gif) no-repeat 2px;
	padding-left: 12px;
}


div.more{
	float: right;
	background: url(../index/arrow.gif) no-repeat 2px;
	padding-left: 12px;

}

/* ----------------------------------------------------------- 
 kaisou
----------------------------------------------------------- */ 
.kaisou {
	overflow: hidden;
}

/* ----------------------------------------------------------- 
 tyoumi
----------------------------------------------------------- */ 
.tyoumi {
	overflow: hidden;
}

/* ----------------------------------------------------------- 
 photo
----------------------------------------------------------- */ 
.photo_list li img {
	border: 1px solid #E6E6E6;
	padding: 2px;
	float: left;
	margin: 3px;
	width: 280px;
}

/* ----------------------------------------------------------- 
 recipe
----------------------------------------------------------- */ 
#recipeBox_wrapper {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFD5B9;
	border-bottom-color: #FFD5B9;
	border-left-color: #FFD5B9;
	padding-top: 2px;
}

#recipeBox {
	margin: 0;
	width: 100%;
}

#recipeBox a {
	color: #1111cc;
	text-decoration: underline;
}
#recipeBox a:visited {
	color: #551A8B;
}
#recipeBox a:hover {
	text-decoration:underline;
}   
#recipeBox a:active {   
    color:red;   
}

.recipe_link {
	font-size: 120%;
	margin: 0;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	padding-top: 5px;
	background-image: url(../index/recipelink.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	background-position: 0px 10px;
	font-weight: bold;
}
.recipe_link_movie {
	background-color:#E1F0FF;
	padding-bottom: 5px;
	padding-top: 5px;
}
.recipe_comment {
	margin: 0;
	font-size: 10.5pt;
	padding-left: 25px;
	color: #ff7d26;
}

.recipe_ingredient {
	margin: 0;
	padding-bottom: 15px;
	color: #555;
	font-size: 11pt;
	padding-left: 25px;
	padding-top: 2px;
}




/* ----------------------------------------------------------- 
 one
----------------------------------------------------------- */ 
#one {
	background:#F0FFF0;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #FF7D26;
	overflow: hidden;
}
#one li {
	float: left;
	text-align: center;
	width: 86px;
	margin: 4px;
	border: 1px dotted #FFCCCC;
	font-size: 9pt;
	background: #FEFFE6;
}
#one li a{
	display: block;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
}


/* ----------------------------------------------------------- 
 hozon
----------------------------------------------------------- */ 
.hozon_kikan {
	margin-bottom: 10px;
}
.hozon_kikan li {
	line-height: 180%;
}

/* ----------------------------------------------------------- 
 point
----------------------------------------------------------- */ 
.point {
	background-color: #FFC;
	padding-right: 10px;
	padding-left: 10px;
	border: 2px solid #FC6;
	margin-bottom: 10px;
}
/* ----------------------------------------------------------- 
 inyou
----------------------------------------------------------- */ 
div.inyou blockquote {
	padding: 15px;
	color: #064599;
	background-image: url(../index/blockquote.gif);
	background-repeat: no-repeat;
	background-position: 95% 68%;
	border: 1px solid #999;
} 
.inyou .origin    {  
    text-align: right;  
    padding-top: 8px;  
    margin-bottom:0;  
}  
.inyou .origin a  {
	background: url(../index/origin.gif) no-repeat 0 7px;
	padding-left: 15px;
	color: #666;
}  


/* ----------------------------------------------------------- 
 title
----------------------------------------------------------- */ 

p.title {
	float: left;
	margin: 0px;
	clear: both;
}


/* ----------------------------------------------------------- 
 ƒŒƒXƒ|ƒ“ƒVƒu
----------------------------------------------------------- */ 

/*===============================================
œ‰ζ–Κ‚Μ‰‘•‚ͺ641pxˆΘγ
===============================================*/
@media screen and (min-width: 641px){
#container {
  width: 850px;
  margin: 0 auto;
}
p.title {
    width: auto;
    height: auto;
    background: none;
  }
p.title img{
	width: 100%;
    display: block;
}
img {
  max-width: 100%;
  height: auto;
}
.title img {  
    display: block;  
  } 
}


/*===============================================
œ‰ζ–Κ‚Μ‰‘•‚ͺ640pxˆΘ‰Ί
===============================================*/
@media only screen and (max-width: 640px) {
#main {
	width: 100%;
}
#side {
	width: 100%;
}
p.title{
	width: 100%;
}
p.top_ad{
	width: 100%;
}
.top-main-ad{
	width: 100%;
}
.title {  
    width: auto;  
    height: auto;  
    background: none;  
  }  
.title img {  
    display: block;  
  }  
}



/*===============================================
œ‰ζ‘œ‚Μ‘ε‚«‚³‰Β•Ο
===============================================*/
@media only screen and (max-width: 640px) {
img {
  max-width: 100%;
  height: auto;
}
}