@charset "utf-8";
/**----------------------**/
/**       基本設定       **/
/**----------------------**/
*{
	margin:0;
	padding:0;
/*	border:none;*/
	color:#000;
/*	font-size:100%;*/
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	line-height:1.2;
}
html,body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,ul,ol,li,dl,dt,dd,
table,th,td,form,fieldset{
	margin:0;
	padding:0;
}
html{
	overflow:scroll;
	overflow:-moz-scrollbars-vertical;
	overflow-x:scroll;
}
img{
	border:0;
}
.clear{
	clear:both;
}
body{
	background:url("../img/bg.gif") repeat scroll 0 0 transparent;
	text-align:center;
	color:#472424;
	font-family: "MS PGothic","Osaka",Arial,sans-serif;
}
#container{
	background:#eadc6a;
	width:900px;
	margin:0 auto;
	text-align:left;
}
a:link,a:active,a:visited{
	text-decoration:none;
	color:#472424;
}
a:hover{
	text-decoration:underline;
	color:#472424;
}
ul li {
	list-style-type: none;
}
ul li a span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}
.m10{
	margin:10px 0;
}
.boldblack{
	font-weight:bold;
}
.boldred{
	font-weight:bold;
	color:#FF3300;
}
/**----------------------------------**/
/**       ヘッダー（会員共通）       **/
/**----------------------------------**/
#top_header{
	padding:10px 40px 5px;
	font-size:85%;
	color:#472424;
	background-color:#f5ec9c;
}
#top_header #top_name{
	float:left;
	color:#472424;
}
#top_mypage,#top_logout{
	float:right;
	margin:0 0 0 20px;
	color:#472424;
}

#container h1{
	padding:5px 8px;
	font-size:10px;
	color:#472424;
	background-color:#f5ec9c;
	
}
#header{
	height:100px;
	width:900px;
}
#logo{
	width:379px;
	height:65px;
	margin:35px 0 0 50px;
	float:left;

}
#global_menu{
	float:right;
	margin:60px 28px 0 0;

}
ul#list_global_menu li {
	float: left;
	margin:0 22px 0 0;

}
ul#list_global_menu li a {
	background: url("../img/global_menu.gif") no-repeat scroll 0 0 transparent;
	display: block;
	padding: 0 0 0 0;


}
ul#list_global_menu li#gmenu01 a {
	background-position: 0 0;
	height: 34px;
	width: 156px;
	padding: 0 0 0 0;

}
ul#list_global_menu li#gmenu01 a:hover{
	background-position: 0 -34px;
	height: 34px;
	width: 156px;
}
ul#list_global_menu li#gmenu02 a {
	background-position: -156px 0;
	height: 34px;
	width: 156px;

}
ul#list_global_menu li#gmenu02 a:hover{
	background-position: -156px -34px;
	height: 34px;
	width: 156px;
}
/**----------------------------------**/
/** 　　 フッター （会員共通）   　　**/
/**----------------------------------**/
#footer{
	margin:0 auto 0 auto;
	width:800px;
	text-align:center;
	font-size:90%;
}
ul#list_footer_menu{
	background: url("../img/bg_footer.gif") no-repeat scroll 20px bottom transparent;
	padding: 20px 20px 15px 60px;
	border-bottom:2px solid #472424;
}
ul#list_footer_menu li{
	display:inline;
	line-height:1.3em;
	margin:0 20px 0 0;
	color:#472424;
}
#address{
	padding:20px 0 30px;
	color:#472424;
}
/**----------------------------------**/
/**       コンテンツ（会員共通）     **/
/**----------------------------------**/

#contents{
	background: url("../img/bg_contents.gif") no-repeat scroll right bottom transparent;
	background-color:#FFFFFF;
	width:740px;
	border:2px solid #472424;
	margin:20px auto;
	padding:40px 30px 60px 30px;
	font-size:85%;
}
#sub_contents,.sub_contents{
	margin:0 auto 20px;
	padding:20px;
	width:700px;
	background-color:#e5e5e4;
/**	border-radius:10px;**/
}
#sub_contents_s{
	margin:0 auto 20px;
	padding:30px 40px;
	width:500px;
	text-align:right;
	background-color:#e5e5e4;
/**	border-radius:10px;**/
}
.sub_recipe_contents{
	margin:0 auto 20px;
	padding:20px;
	width:680px;
	background-color:#FFFFFF;
	border:10px solid #e5e5e4;
}

/**   パンくず   **/
#pankuzu{
	font-size:80%;
	margin:15px 50px;
	color:#472424;
}

/**   指示    **/
#direction,.direction{
	margin:0 0 20px 0;
	color:#472424;
	line-height: 1.3;
}
/**   項目名    **/
#title,.title{
	margin:0 0 20px 0;
	color:#472424;
	line-height: 1.3;
}
/**   ボタン    **/
#botton_area_01{  /** ボタン1つ用 **/
	margin:0 auto;
	text-align:center;	
	width:160px;
}
#botton_area_01_240{  /** ボタン1つ用 240px**/
	margin:0 auto;
	text-align:center;	
	width:280px;
}
#botton_area_02{  /** ボタン2つ用 **/
	margin:0 auto;
	text-align:center;	
	width:320px;
}
#botton_area_right_01{  /** ボタン右寄せ1つ用 **/
	margin:0 0 10px 0;
	text-align:right;	
	width:134px;
	float:right;
}
#botton_area_right_02{  /** ボタン右寄せ2つ用 **/
	margin:0 0 20px 0;
	text-align:right;	
	width:268px;
	float:right;
}
#botton_area_right_03{  /** ボタン右寄せ3つ用 **/
	margin:0 0 10px 0;
	text-align:right;	
	width:402px;
	float:right;
}
.botton_brown240{
	text-align:center;
	width:240px;
	padding:6px 0;
	background-color:#472424;
	margin:0 20px;
	float:left;
/**	border-radius:5px;**/
	font-size:95%;
}
.botton_brown120{
	text-align:center;
	width:120px;
	padding:6px 0;
	background-color:#472424;
	margin:0 20px;
	float:left;
/**	border-radius:5px;**/
	font-size:95%;
}
.botton_brown120 a,.botton_brown240 a{
	color:#FFFFFF;
}
.botton_brown120 a:hover,.botton_brown240 a:hover{
	text-decoration:none;
}
.botton_yellow{
	text-align:center;
	padding:4px 15px;
	border:2px solid #472424;
	background-color:#f4eba2;
	color:#472424;
	margin:0 0 0 10px;
	font-size:95%;
}
.botton_yellow120{
	text-align:center;
	width:120px;
	padding:4px 0;
	border:2px solid #472424;
	background-color:#f4eba2;
	color:#472424;
	margin:0 0 0 10px;
	font-size:95%;
	float:left;
}
.botton_yellow120 a,.botton_yellow a{
	color:#472424;
}
.botton_yellow120 a:hover,.botton_yellow a:hover{
	text-decoration:none;
}
.botton_yellow100{
	text-align:center;
	width:100px;
	padding:4px 0;
	border:1px solid #472424;
	background-color:#f4eba2;
	color:#472424;
	margin:0 auto;
	font-weight:bold;
/**	border-radius:5px;**/
	font-size:95%;

}
.botton_yellow100 a,.botton_yellow78 a{
	color:#472424;
}
.botton_yellow100 a:hover,.botton_yellow78 a:hover{
	text-decoration:none;
}

.botton_yellow78{
	text-align:center;
	width:78px;
	padding:3px 0;
	border:1px solid #472424;
	background-color:#f4eba2;
	color:#472424;
/**	border-radius:5px;**/
	font-size:95%;


}

/**----------------------**/
/**   メニューボタン     **/
/**    非会員トップ      **/
/**----------------------**/
#main_menu_n{
	margin:0px 10px 20px 10px;
}
ul#list_main_menu_n li {
	float: left;
}
ul#list_main_menu_n li#mmenu01n,ul#list_main_menu_n li#mmenu02n{
	margin:0 16px 0 0;
}
ul#list_main_menu_n li#mmenu03n {
	margin:0 0 0 0;
}
ul#list_main_menu_n li a {
	background: url("../img/main_menu_n.gif") no-repeat scroll 0 0 transparent;
	display: block;
}
ul#list_main_menu_n li#mmenu01n a {
	background-position: 0 0;
	height: 84px;
	width: 229px;
	padding: 0 0 0 0;
}
ul#list_main_menu_n li#mmenu01n a:hover{
	background-position: 0 -84px;
	height: 84px;
	width: 229px;
}
ul#list_main_menu_n li#mmenu02n a {
	background-position: -245px 0;
	height: 84px;
	width: 229px;
	padding: 0 0 0 0;
}
ul#list_main_menu_n li#mmenu02n a:hover{
	background-position: -245px -84px;
	height: 84px;
	width: 229px;
}
ul#list_main_menu_n li#mmenu03n a {
	background-position: -490px 0;
	height: 84px;
	width: 229px;
	padding: 0 0 0 0;
}
ul#list_main_menu_n li#mmenu03n a:hover{
	background-position: -490px -84px;
	height: 84px;
	width: 229px;
}
/**----------------------**/
/**  　　　 新着     　　**/
/**----------------------**/
#whatsnew{
	margin:30px 10px 20px 10px;
	letter-spacing: 0.08em;

}
#title_whatsnew{
	background: url("../img/tl_whatsnew.gif") no-repeat scroll 0 0 transparent;
	height:30px;
	width:720px;
}
ul#list_whatsnew{
	margin:20px 0 0 0;

}
ul#list_whatsnew li{
	margin:0 0 5px 0;

}
.date_whatsnew{
	width:100px;
	margin:0 10px 0 10px;
	float:left;
	line-height: 1.3;
	color:#472424;
}
.desc_whatsnew{
	float:left;
	width:590px;
	margin:0 10px 0 0;
	line-height: 1.3;
	color:#472424;

}
