@charset "utf-8";

body {
	margin:0; 
	padding:0;
	color:#333;
	background:#fff;
	text-align:center;
	line-height:20px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Univers,Verdana,Arial, sans-serif;
}
			 
			 
h1,h2,h3,h4,h5 {
   margin:0;
		}
		 
hr {
   margin:0;
   padding:0;
   display:none;
		}

p { 
   margin:0;
   padding:0;
		}

dl,dt,dd,ul,ol,td {
   margin:0;
   padding:0;
		}
		
th {
   margin:0;
   padding:0;
   text-align:left;
		}

li {
   margin:0;
   padding:0;
	list-style:none;
		}
		 
img {
   border:0;
		}

form {
   margin:0;
   padding:0;
	display:block;
		}
			 
input,select,option {
   margin:0;
   padding:0;
   vertical-align: middle;
		}
	
		
.clear { 
   clear: both; 
   } 
	
/* clearfix ---------- */

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 line-height: 0;
}
.clearfix {
 display:inline-block;
}
/*\*/
* html .clearfix {
 height: 1%;
}

.clearfix {
 display: block;
}
/**/



/* iepngfix ---------- */

img, div { behavior: url(/shared/js/iepngfix.htc) };


/* text ---------- */

html>/**/body { font-size: 16px; line-height: normal; } /* except Win IE */

.txt10 { font-size: 0.625em; line-height: 1.3em; } * html .txt10 { font-size: 0.63em; } /* Hack for IE */
.txt10w { font-size: 0.625em; line-height: 1.6em; } * html .txt10w { font-size: 0.63em; } /* Hack for IE */
.txt12 { font-size: 0.75em; line-height: 1.5em; } * html .txt12 { font-size: 0.75em; line-height: 1.5em; }  /* Hack for IE */
.txt12w { font-size: 0.75em; line-height: 1.75em; } * html .txt12w { font-size: 0.75em; line-height: 1.75em; }  /* Hack for IE */
.txt14 { font-size: 0.875em; line-height: 1.286em; } * html .txt14 { font-size: 0.88em; } /* Hack for IE */
.txt14w { font-size: 0.875em; line-height: 1.875em; } * html .txt14w { font-size: 0.88em; line-height: 1.88em; } /* Hack for IE */
.txt16 { font-size: 1em; line-height: 1.25em; } * html .txt16 { font-size: 1em; line-height: 1.25em; }  /* Hack for IE */
.txt18 { font-size: 1.125em; line-height: 1.167em; } * html .txt18 { font-size: 1.13em; } /* Hack for IE */
.txt24 { font-size: 1.45em; line-height: 1.167em; } * html .txt24 { font-size: 1.45em; } /* Hack for IE */

a:link {
   color:#333;
   text-decoration: underline;
		}
				 
a:visited {
   color:#333;
/*   text-decoration:none;*/
		}
						
a:hover {
    color:#666;
    text-decoration:none;
		 }
					
a:active { 
   color:#333;
   text-decoration: underline;
		}




/*header*/
		
#header {
   position:relative;
   width:100%;
   height:157px;
   background: #1e0e92 url(../img/bg_header.jpg) repeat-x center top;
   text-align:left;
   margin:0 0 25px 0;
   padding:0;
}

#header .ban{
	position:relative;
	width:960px;
	height:92px;
	background: #ccc;
	top:9px;
	margin: 0 auto;
	padding:2px 0 0 0;
	text-align:center;
}

#m-menu{
	position:absolute;
	top:112px;
	width:100%;
	height:45px;
	background: #1e0e92;
}

#m-menu .btn{
	width:960px;
	margin: 0 auto;
}

#m-menu h1{
	margin:0;
	padding:0;
}

#m-menu li{
	float:left;
	margin:0;
	padding:0;
}

#m-menu a{
	margin:0;
	padding:0;
}

#bread{
	font-size:10px;
	margin:0 0 20px 0;
}

#bread ul{
	list-style:none;
	height:20px;
}

#bread ul li{
	float:left;
	background:url(../img/bg_bread.gif) 0 50% no-repeat;
	height:20px;
	line-height:20px;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
}

#bread .start{
	padding:0;
	background:none;
}


/* top */
#t-menu{
	width:100%;
	height:45px;
	background: #1e0e92;
	margin:0 0 25px 0;
}

#t-menu .btn{
	width:960px;
	margin: 0 auto;
}

#t-menu h1{
	margin:0;
	padding:0;
}

#t-menu li{
	float:left;
	margin:0;
	padding:0;
}

#t-menu a{
	margin:0;
	padding:0;
}


.ban-top{
	position:absolute;
	width:728px;
	height:90px;
	top:0px;
	left:0px;
}



/*contents*/

#container {
	width:960px;
	background-color: #fff;
	margin:0 auto;
	padding:0;
	text-align:left;
}


#contents {
	position:relative;
	width:960px;
	margin:0;
	padding:0;
}


/*main*/

#main{
	width:700px;
	float:left;
	background:#fff;
	text-align:left;
	font-size:12px;
}

#main h1{
	margin:0 0 20px 0;
}

#main h2{
	margin:0 0 20px 0;
}

#main h2.red{
	font-size:16px;
	color:#000;
	background:url(../img/bg_h3_red.gif) 0 50% no-repeat;
	padding:0 0 0 18px;
	margin:0 0 15px 0;
}

#main h3{
	margin:0 0 20px 0;
}

#main h3.blue{
	font-size:16px;
	color:#000;
	background:url(../img/bg_h3_blue.gif) 0 50% no-repeat;
	padding:0 0 0 18px;
	margin:0 0 15px 0;
}

#main h3.red{
	font-size:16px;
	color:#000;
	background:url(../img/bg_h3_red.gif) 0 50% no-repeat;
	padding:0 0 0 18px;
	margin:0 0 15px 0;
}

#main h3.magenta{
	font-size:16px;
	color:#000;
	background:url(../img/bg_h3_magenta.gif) 0 50% no-repeat;
	padding:0 0 0 18px;
	margin:0 0 15px 0;
}

#main h3.yellow{
	font-size:16px;
	color:#000;
	background:url(../img/bg_h3_yellow.gif) 0 50% no-repeat;
	padding:0 0 0 18px;
	margin:0 0 15px 0;
}


#main h3.arrow-blue{
	font-size:16px;
	color:#000;
	background:url(../img/arrow_blue_s.gif) 0 6px no-repeat;
	padding:0 0 0 12px;
	margin:0 0 7px 0;
}

#main h3.arrow-red{
	font-size:16px;
	color:#000;
	background:url(../img/arrow_red_s.gif) 0 6px no-repeat;
	padding:0 0 0 12px;
	margin:0 0 7px 0;
}

#main h3.arrow-magenta{
	font-size:16px;
	color:#000;
	background:url(../img/arrow_magenta_s.gif) 0 6px no-repeat;
	padding:0 0 0 12px;
	margin:0 0 7px 0;
}

#main h3.arrow-yellow{
	font-size:16px;
	color:#000;
	background:url(../img/arrow_yellow_s.gif) 0 6px no-repeat;
	padding:0 0 0 12px;
	margin:0 0 7px 0;
}

#contents-list-search{
	width:700px;
	margin:0 0 30px 0;
}

#contents-list-search .img{
	float:left;
	width:334px;
}

#contents-list-search .txt{
	float:right;
	width:344px;
}


#contents-list{
	padding:0 0 10px 0;
}

#contents-list img{
	margin:0 0 7px 0;
}

#contents-list ul{
	/*background:url(../img/dot_contents_list.gif) repeat-x bottom;
	padding:0 0 20px 0;*/
	margin:0 0 15px 0;
}

#contents-list li{
	float:left;
	width:334px;
	margin:0 0 0 30px;
}

#contents-list .start{
	margin:0 0 0 0;
}



#result-list{
	padding:0 0 10px 0;
}

#result-list h4{
	font-size:12px;
}

#result-list img{
	margin:0 0 7px 0;
}

#result-list ul{
	/*background:url(../img/dot_result_list.gif) repeat-x bottom;
	padding:0 0 20px 0;*/
	margin:0 0 15px 0;
}

#result-list ul li{
	float:left;
	width:212px;
	margin:0 0 0 30px;
}

#result-list .start{
	margin:0 0 0 0;
}



#mem-info{
	font-size:12px;
	padding:0 0 20px 0;
	margin:0 0 40px 0;
	background:url(../img/dot.gif) repeat-x bottom;
}

#mem-info ul{
	list-style:none;
}

#mem-info ul li{
	background:url(../img/arrow_blue_s.gif) 0 50% no-repeat;
	line-height:20px;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
}


#step-list{
	padding:0 0 10px 0;
}

#step-list h4{
	font-size:12px;
}

#step-list img{
	margin:0 0 7px 0;
}

#step-list ul{
	background:url(../img/dot.gif) repeat-x bottom;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

#step-list ul li{
	float:left;
	width:212px;
	margin:0 0 0 30px;
}

#step-list .start{
	margin:0 0 0 0;
}


/*column*/

#column-archive{
	font-size:12px;
}

#column-archive ul{
	list-style:none;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background:url(../img/dot.gif) repeat-x bottom;
}

#column-archive ul li{
	background:url(../img/arrow_blue_s.gif) 0 50% no-repeat;
	line-height:20px;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
}

#column-archive .navi{
	
}





/*search*/

#result-txt{

}


#result-txt dl{
	line-height:2em;
}


#result-txt dl dt{
	clear: left;
  	float: left;
	font-weight:bold;
	margin:0 7px 0 0;
}

#result-txt dl dd {
	
}

#result-txt dl dd li{
	float:left;
	height:1em;
	line-height:1em;
	border-left:solid 1px #999;
	margin:5px 8px 0 0;
	padding:0 0 0 8px;
}


#result-txt .start{
	padding:0;
	border-left:none;
}

#result-navi{
	background:#fff;
	margin:0 0 80px 0;
}


#search-detail{
	margin:0 0 30px 0;
}

#search-detail h1{
	font-size:26px;
	color:#000;
	background:url(../img/recipe/search/h2_search_detail.gif) 0 6px no-repeat;
	padding:0 0 0 55px;
	margin:0 0 7px 0;
	height:54px;
	line-height:27px;
	float:left;
}

/*#search-detail h2{
*	font-size:26px;
*	color:#000;
*	background:url(../img/recipe/search/h2_search_detail.gif) 0 6px no-repeat;
*	padding:0 0 0 55px;
*	margin:0 0 7px 0;
*	height:54px;
*	line-height:27px;
*	float:left;
*}
*/

#search-detail .menu{
	font-size:26px;
	color:#000;
	background:url(../img/recipe/search/h2_search_detail.gif) 0 6px no-repeat;
	padding:0 0 0 55px;
	margin:0 0 7px 0;
	height:54px;
	line-height:27px;
	float:left;
}

#search-detail .sml-txt{
	font-size:12px;
}

#search-detail .detail-navi{
	float:right;
	width:166px;
}

#search-detail .hr{
	width:700px;
	height:1px;
	background:url(../img/dot.gif) repeat-x bottom;
	margin:15px 0 25px 0;
}

#search-detail .data-left{
	float:left;
	width:380px;
}

#search-detail .data-right{
	float:right;
	width:289px;
}

#search-detail .data-img{
	margin:0 0 20px 0;
}

#data-list{
	margin:0;
	padding:0;
}

#data-list ul{
	margin:0;
	padding:0;
	
}

#data-list li{
	margin:0;
	padding:0;
	line-height:0em;
	float:left;
}

#ingredient{
	position:relative;
	background:url(../img/recipe/search/bg_ingredient.jpg) no-repeat;
	text-align:center;
	padding:38px 0 38px 0;
	margin:0 0 40px 0;
	min-height:210px;  
    height:auto !important;  
    height:210px;
}

#ingredient-flame{
}

#ingredient-flame-body{
	font-size:14px;
	text-align:left;
	background:url(../img/recipe/search/bg_ingredient_middle.png) repeat-y;
	width:654px;
	margin-right:auto;
	margin-left:auto;
	min-height:105px;  
    height:auto !important;  
    height:105px; 
	
}

#ingredient-flame-body .list{
	padding:0 35px 0 30px;
}

#ingredient-flame-body ul.left{
	float:left;
	width:280px;
}

#ingredient-flame-body ul.right{
	float:right;
	width:280px;
}

#ingredient-flame-body li{
	width:280px;
	height:1em;
	background:url(../img/recipe/search/dot_ingredient.gif) 1px repeat-x;
	clear:both;
}

#ingredient-flame-body .title{
	float:left;
	width:280px;
	background:#fff;
	font-weight:bold;
}

#ingredient-flame-body .name{
	float:left;
	background:#fff;
}

#ingredient-flame-body .value{
	float:right;
	background:#fff;
}

#ingredient-flame-body .red{
	color:#c5072a;
}

#ingredient .ingredient-img{
	position:absolute;
	top:0px;
	right:0px;
}


#making{

}

#making .column{
	background:url(../img/recipe/search/dot_making.gif) no-repeat bottom right;
}

#making .img-box{
	float:left;
	width:200px;
	height:190px;
	background:#1E0E92;
	padding:10px 0 0 0;
	position:relative;
}

#making .img{
	position:absolute;
	bottom:6px;
	left:6px;
}

#making .title{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	margin:0 0 0 10px;
}

#making .txt{
	float:right;
	padding:10px 0 10px 0;
	width:470px;
	font-size:14px;
	background:url(../img/dot.gif) repeat-x top;
	min-height:180px;  
    height:auto !important;  
    height:180px; 
}

.calorie{
	background:#fff;
	margin:20px 0 20px 0;
	padding:10px 10px 10px 15px;
	border:solid 7px #1e0e92;
}





/*sitemap*/

#sitemap{
	
}

#sitemap ul{
	list-style:none;
}

#sitemap ul li{
	background:url(../img/arrow_blue_s.gif) 0 6px no-repeat;
	line-height:26px;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
}

#sitemap .hr{
	width:700px;
	height:1px;
	background:url(../img/dot.gif) repeat-x bottom;
	margin:10px 0 10px 0;
}

*body #sitemap .hr{
	margin:10px 0 20px 0;
}



/*news*/

#news{

}

#news-archive{
	float:left;
	width:140px;
}

#news-archive ul{
	list-style:none;
}

#news-archive ul li{
/*	background:url(../img/arrow_blue_s.gif) 0 50% no-repeat;*/
	line-height:20px;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
}


#news-main{
	width:550px;
	float:right;
}

#news-main .box{
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background:url(../img/dot.gif) repeat-x bottom;
}


/*present*/

#present{

}

#present p{
	margin:0 0 20px 0;
}

#present .box{
	width:680px;
	padding:0 0 30px 0;
	margin:0 0 20px 0;
	background:url(../img/dot.gif) repeat-x bottom;

}

#present .img{
	float:left;
	width:260px;

}

#present .txt{
	float:right;
	width:384px;
}


/*about*/

#about{

}


#about .kimg{
	margin:0 0 30px 0;
}

#about .box{
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background:url(../img/dot.gif) repeat-x bottom;

}

#about .img{
	float:left;
	width:260px;

}

#about .txt{
	float:right;
	width:410px;
}



/*regist*/

#regist{

}

#regist .box{
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background:url(../img/dot.gif) repeat-x bottom;

}

#regist .img{
	float:left;
	width:260px;

}

#regist .txt{
	float:right;
	width:420px;
}





/*mypage*/

#header-m{
	width:680px;
	height:389px;
	background:url(../img/recipe/members/bg_mypage_header_b.jpg) no-repeat;
	position:relative;
}

#header-m .welcome{
	position:absolute;
	top:70px;
	font-weight:bold;
	font-size:16px;
	color:#000000;
	margin:0 0 0 3px;
}

#header-m-sml{
	width:680px;
	height:194px;
	background:url(../img/recipe/members/bg_mypage_header_s.jpg) no-repeat;
	position:relative;
}

#header-m-sml .welcome{
	position:absolute;
	top:75px;
	font-weight:bold;
	font-size:14px;
	color:#000000;
}

#myrecipe{
	width:680px;
	height:1273px;
	background:url(../img/recipe/members/bg_myrecipe.jpg) no-repeat;
	position:relative;
}

#myrecipe .make{
	position:absolute;
	top:417px;
	left:150px;
}

#myrecipe .howto{
	position:absolute;
	top:385px;
	left:550px;
}

#myrecipe .navi{
	position:absolute;
	top:1230px;
	left:37px;
}

#myrecipe-list{
	position:absolute;
	top:538px;
	left:34px;
	background:url(../img/recipe/members/bg_myrecipe_list_b.png) no-repeat;
	height:676px;
}

#myrecipe-list ul{
	list-style:none;
}

#myrecipe-list ul li{
	float:left;
	width:206px;
	height:222px;
	margin:0 2px 5px 0;
}

#myrecipe-list .list-box{
	padding:10px 0 0 9px;
}

#myrecipe-list .img{
	padding:0 0 0 0;
	margin:0 0 4px 0;
}

#myrecipe-list .txt{
	padding:0 16px 0 4px;
	margin:0 0 0 0;
	font-size:11px;
	font-weight:bold;
}

#myrecipe-footer{
	width:680px;
	height:160px;
	background:url(../img/recipe/members/bg_myrecipe_footer.jpg) no-repeat;
	position:relative;
}

#myrecipe-footer ul{
	position:absolute;
	top:40px;
	list-style:none;
}

#myrecipe-footer ul li{
	margin:0 0 5px 0;
}











#ranking{
	width:680px;
	height:1093px;
	background:url(../img/recipe/members/bg_ranking.jpg) no-repeat;
	position:relative;
}


#ranking .navi{
	position:absolute;
	top:930px;
	left:37px;
}

#ranking-list{
	position:absolute;
	top:358px;
	left:34px;
	background:url(../img/recipe/members/bg_myrecipe_list_b.png) no-repeat;
	height:676px;
}

#ranking-list ul{
	list-style:none;
}

#ranking-list ul li{
	float:left;
	width:206px;
	height:222px;
	margin:0 2px 5px 0;
}

#ranking-list .list-box{
	padding:10px 0 0 9px;
}

#ranking-list .img{
	padding:0 0 0 0;
	margin:0 0 4px 0;
}

#ranking-list .txt{
	padding:0 16px 0 4px;
	margin:0 0 0 0;
	font-size:11px;
	font-weight:bold;
}

#ranking-footer{
	width:680px;
	height:160px;
	background:url(../img/recipe/members/bg_myrecipe_footer.jpg) no-repeat;
	position:relative;
}

#ranking-footer ul{
	position:absolute;
	top:40px;
	list-style:none;
}

#ranking-footer ul li{
	margin:0 0 5px 0;
}





#favorite{
	width:680px;
	height:1313px;
	background:url(../img/recipe/members/bg_favorite.jpg) no-repeat;
	position:relative;
}

#favorite-search{
	position:absolute;
	width:600px;
	top:320px;
	left:40px;
	
}


#favorite .navi{
	position:absolute;
	top:1255px;
	left:37px;
}

#favorite-list{
	position:absolute;
	top:555px;
	left:34px;
	background:url(../img/recipe/members/bg_myrecipe_list_b.png) no-repeat;
	height:676px;
}

#favorite-list ul{
	list-style:none;
}

#favorite-list ul li{
	float:left;
	width:206px;
	height:222px;
	margin:0 2px 5px 0;
}

#favorite-list .list-box{
	padding:10px 0 0 9px;
}

#favorite-list .img{
	padding:0 0 0 0;
	margin:0 0 4px 0;
}

#favorite-list .txt{
	padding:0 16px 0 4px;
	margin:0 0 0 0;
	font-size:11px;
	font-weight:bold;
}

#favorite-footer{
	width:680px;
	height:160px;
	background:url(../img/recipe/members/bg_myrecipe_footer.jpg) no-repeat;
	position:relative;
}

#favorite-footer ul{
	position:absolute;
	top:40px;
	list-style:none;
}

#favorite-footer ul li{
	margin:0 0 5px 0;
}





#img-edit{
	text-align:center;
	font-size:10px;
}

#img-edit .img{
	margin:0 0 5px 0;
}

.hr-mypage{
	width:680px;
	height:1px;
	background:url(../img/dot.gif) repeat-x bottom;
	margin:20px 0 40px 0;
}


#result-list-myrecipe{
	padding:0 0 10px 0;
}

#result-list-myrecipe h4{
	font-size:12px;
}

#result-list-myrecipe img{
	margin:0 0 7px 0;
}

#result-list-myrecipe ul{
	background:url(../img/dot_result_list_mypage.gif) no-repeat left bottom;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

#result-list-myrecipe ul li{
	float:left;
	width:212px;
	margin:0 0 0 20px;
}

#result-list-myrecipe .start{
	margin:0 0 0 0;
}



#ingredient-s{
	position:relative;
	background:url(../img/recipe/members/bg_ingredient_s.jpg) no-repeat;
	text-align:center;
	padding:38px 0 38px 0;
	margin:0 0 40px 0;
	min-height:210px;  
    height:auto !important;  
    height:210px;
}

#ingredient-flame-s{
	width:680px;
}

#ingredient-flame-body-s{
	font-size:14px;
	text-align:left;
	background:url(../img/recipe/members/bg_ingredient_middle_s.png) repeat-y;
	width:634px;
	margin-right:auto;
	margin-left:auto;
	min-height:105px;  
    height:auto !important;  
    height:105px; 
	
}

#ingredient-flame-body-s .list{
	padding:0 35px 0 30px;
}

#ingredient-s .ingredient-img{
	position:absolute;
	top:0px;
	right:20px;
}



#search-detail-mypage{
	margin:0 0 30px 0;
	width:680px;
}

#search-detail-mypage h2{
	font-size:26px;
	color:#000;
	background:url(../img/recipe/search/h2_search_detail.gif) 0 6px no-repeat;
	padding:0 0 0 55px;
	margin:0 0 7px 0;
	height:54px;
	line-height:27px;
	float:left;
}

#search-detail-mypage .sml-txt{
	font-size:12px;
}

#search-detail-mypage .detail-navi{
	float:right;
	width:223px;
}

#search-detail-mypage li.detail-navi-list{
	line-height:0em;
	margin:5px 0 0 0;
	padding:0;
	float:right;
}

#search-detail-mypage .hr{
	width:700px;
	height:1px;
	background:url(../img/dot.gif) repeat-x bottom;
	margin:15px 0 25px 0;
}

#search-detail-mypage .data-left{
	float:left;
	width:380px;
}

#search-detail-mypage .data-right{
	float:right;
	width:269px;
}

#search-detail-mypage .data-img{
	margin:0 0 20px 0;
}

#making-myrecipe{
	width:680px;
	margin:0 0 40px 0;
}

#making-myrecipe .column{
	background:url(../img/recipe/members/dot_making_mypage.gif) no-repeat bottom right;
}

#making-myrecipe .img-box{
	float:left;
	width:126px;
	height:105px;
	background:#1E0E92;
	padding:10px 0 0 0;
	position:relative;
	min-height:95px; 
	height:auto !important;  
    height:95px; 
}

#making-myrecipe .title{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin:30px 0 0 0;
}

#making-myrecipe .txt{
	float:right;
	padding:10px 0 10px 0;
	width:525px;
	font-size:14px;
	background:url(../img/dot.gif) repeat-x top;
	min-height:85px;  
    height:auto !important;  
    height:85px; 
}



#howto{

}

#howto .column{
	background:url(../img/recipe/members/dot_howto_mypage.gif) no-repeat bottom right;
}

#howto .img-box{
	float:left;
	width:230px;
	height:230px;
	background:#1E0E92;
	padding:0 0 0 0;
	position:relative;
}

#howto .img{
	position:absolute;
	top:6px;
	left:6px;
}

#howto .title{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	margin:0 0 0 10px;
}

#howto .txt{
	float:right;
	padding:10px 0 10px 0;
	margin:0 20px 0 0;
	width:420px;
	font-size:14px;
	background:url(../img/dot.gif) repeat-x top;
	min-height:230px;  
    height:auto !important;  
    height:230px; 
}












/*side*/

#side{
	width:220px;
	float:right;
	background:#fff;
	text-align:left;
	font-size:10px;
}

#side .box{
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background:url(../img/dot.gif) repeat-x bottom;
}

#side .box-noborder{
	margin:0 0 10px 0;
}

#side h2{
	margin:0 0 10px 0;
}

#side .menu{
	margin:0 0 10px 0;
}

#side li{
	margin:0 0 5px 0;
}

#side .end{
	margin:0;
}


#pickup-news ul{
	list-style:none;
}

#pickup-news ul li{
	background:url(../img/arrow_yellow_s.gif) 0 50% no-repeat;
	line-height:20px;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
}

#pickup-deatre-news ul{
	list-style:none;
}

#pickup-deatre-news ul li{
	background:url(../img/arrow_blue_s.gif) 0 50% no-repeat;
	line-height:20px;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
}

#pickup-nail-news ul{
	list-style:none;
}

#pickup-nail-news ul li{
	background:url(../img/arrow_magenta_s.gif) 0 50% no-repeat;
	line-height:20px;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
}

#new-recipe ul{
	list-style:none;
}

#new-recipe ul li{
	background:url(../img/arrow_blue_s.gif) 0 50% no-repeat;
	line-height:20px;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
}

#profile{
	text-align:center;
	font-size:10px;
}

#profile img{
	margin:0 0 10px 0;
}

#profile p{
	margin:0 0 10px 0;
}

#profile h2{
	text-align:left;
}

#profile h3{
	font-size:14px;
}

form.form_txt{
	font-size:12px;
	line-height:16px;
}

form.form_txt img{
	float:left;
	margin:6px 0 0 0;
}

.imput_txt{
	border:1px solid #666666;
	width:158px;
	height:auto;
	margin:6px 0 0 0;
	padding:3px;
}

.imput_img{
	width: 166px;
	height: 23px;
	margin:10px 0 0 54px;
}



/*footer*/

#footer-nav {
	 width:700px;
	 margin:40px 0 0 0;
	 padding:0;
}

#footer-nav .pagetop{
	float:right;
}

#footer-nav .back{
	float:left;
}



#footer{
	width:100%;
	height:140px;
	background: #1e0e92;
	margin:20px 0 0 0;
	padding:30px 0 10px 0 ;
	color:#FFF;
	font-size:10px;
}

#footer_box{
	width:960px;
	margin:0 auto;
	height:140px;
	position:relative;
}

#f-menu{
	list-style:none;
}

#f-menu li.column{
	float:left;
	background:url(../img/dot_footer.gif) repeat-y right;
	padding:0 25px 0 0;
	margin:0 20px 0 0;
}
#f-menu li.last{
	background:none;
}

#f-menu li.column ul li{
	background:none;
	margin:0 0 0 0;
	padding:0 0 0 8px;
	text-align:left;
}

#f-menu li a:link{
	color:#FFF;
}

#f-menu li a:visited{
	color:#FFF;
}

#f-menu li a:hover{
	color:#FFF;
}
#copyright{
	position:absolute;
	height:1em;
	line-height:1em;
	bottom:6px;
	right:0px;
	font-style:normal;
}
#companyLogo{
	position:absolute;
	bottom:25px;
	right:0px;
}

/*etc*/

.bg-gray{
	background:#eee;
	margin:20px 0 30px 0;
	padding:15px 15px 15px 15px;
	color:#333333;
}

.bg-border-blue{
	background:#fff;
	margin:20px 0 40px 0;
	padding:20px 0 20px 0;
	text-align:center;
	border:solid 7px #1e0e92;
}

.bg-border-magenta{
	background:#fff;
	margin:20px 0 40px 0;
	padding:20px 0 20px 0;
	text-align:center;
	border:solid 7px #dc006d;
}


#search-table{
	border:#f69b2a 3px solid;
	background:#f69b2a;
	margin:0 0 20px 0;
}

#search-table tbody{
}


#search-table th{
	border-top:#fff 1px solid;
	background:#FFF;
	vertical-align:middle;
	padding:10px 10px;
	background:#f69b2a;
	color:#FFF;
	text-align:left;
}

#search-table td{
	background:#fff url(../img/dot.gif) repeat-x top;
	vertical-align:middle;
	padding:7px 7px;
}

#search-table th.top{
	border-top:none;
}

#search-table td.top{
	background:#fff;
}

#search-table input{
	margin:auto;
}

#search-table select{
	margin:auto;
}




#form-table{
	background:#fff url(../img/dot.gif) repeat-x bottom;
	margin:0 0 30px 0;
}

#form-table tbody{
}

#form-table th{
	background:#FFF;
	vertical-align:middle;
	padding:10px 10px;
	background:#1e0e92;
	color:#FFF;
	text-align:left;
}

#form-table td{
	background:#fff url(../img/dot.gif) repeat-x top;
	vertical-align:middle;
	padding:7px 7px;
}

#form-table input{
	margin:auto;
}

#form-table select{
	margin:auto;
}


.form-navi{
	margin:0 0 20px 0;
}

.form-error{
	color:#c5072a;
	margin:0 0 30px 0;
}

#main h3.error{
	font-size:16px;
	background:url(../img/bg_h3_red.gif) 0 50% no-repeat;
	padding:0 0 0 18px;
	margin:0 0 10px 0;
}

#main li.table{
	list-style:none;
	float:left;
	margin:0 0 0 20px;
}

#main li.table-start{
	list-style:none;
	float:left;
	margin:0;
}

.form-foot-btn{
	float:right;
	text-align:right;
	margin:0 0 40px 0;
}

.form-foot-btn img{
	margin-left:10px;
}

.hr{
	width:700px;
	height:1px;
	background:url(../img/dot.gif) repeat-x bottom;
	margin:20px 0 20px 0;
}
   


/* 2010 05 14 add  */

#link{

}

#link .kimg{
	margin:0 0 20px 0;
}

#link .box{
	padding:0 0 50px 0;
	margin:0 0 50px 0;
	background:url(../img/dot.gif) repeat-x bottom;

}

#link .links{
	overflow:auto;
	height:348px;
	width:698px;
	border:#ccc 1px solid;
}

#link div.links ul li{
	width:640px;
	line-height:1.1em;
	margin:0 0 15px 20px;
	padding:0 0 15px 0;
	background:url(../img/dot.gif) repeat-x bottom;
}

#link div.links ul li.first{
	margin:15px 0 15px 20px;
}


#link div.links ul li a{
	background:url(../img/arrow_gray_s.gif) 0 50% no-repeat;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
	text-decoration:none;
}

#link div.links ul li span.blue{
	color:#2814A3;
	font-size:14px;
}

*html #link div.links ul li span.blue{
	font-size:12px;
}

#link div.links ul li span.magenta{
	color:#dc006d;
	font-size:14px;
}

*html #link div.links ul li span.magenta{
	font-size:12px;
}

#link div.links ul li span.yellow{
	color:#ff9200;
	font-size:14px;
}

*html #link div.links ul li span.yellow{
	font-size:12px;
}

#link div.links ul li span.green{
	color:#009200;
	font-size:14px;
}

*html #link div.links ul li span.green{
	font-size:12px;
}





/* 100531 add */

#side div.shopping{
	border:#1e0e92 1px solid;
	margin:0 0 10px 0;
	line-height:14px;
	
}

#side div.shopping div.cnt{
	padding:0 8px 10px 8px;
}

#side div.shopping div.cnt p{
	margin:0 0 10px 0;
}

#side div.shopping div.cnt h3{
	margin:0 0 10px 0;
}



#side div.shopping div.cnt .thumb{
	border:#ccc 1px solid;
}


#side div.shopping div.cnt li{
	padding:0 0 0 0;
	margin:0 0 10px 0;
}

#side div.shopping div.cnt dl {
	margin:0 0 0 0;
	height:60px;
}

#side div.shopping div.cnt dt {
	width:60px;
	height:60px;
	float:left;
}

#side div.shopping div.cnt dd {
	margin-left:70px;
	text-align:left;
	display:table;
	vertical-align:middle;
	width:130px;/* G3追記 */
}

#side div.kitchen{
	background:url(../img/bg_kitchen.jpg) no-repeat;
	width:220px;
	height:205px;
	margin:0 0 10px 0;
	position:relative;
	line-height:14px;
}

#side div.kitchen h2{
	position:absolute;
	top:2px;
	left:2px;
	margin:0;
	padding:0;
}


#side div.kitchen div.cnt{
	position:absolute;
	top:120px;
	left:2px;
	margin:0;
	padding:8px;
	width: 194px;
	height: 60px;
}


#side div.kitchen div.cnt dl {
	margin:0 0 0 0;
	height:60px;
}

#side div.kitchen div.cnt dt {
	width:60px;
	height:60px;
	overflow:hidden;
	float:left;
}

#side div.kitchen div.cnt dt img{
	margin:0 -15px;
}

#side div.kitchen div.cnt dd {
	margin-left:70px;
	text-align:left;
	display:table;
	vertical-align:middle;
}


@media print{body{zoom:70%;}}

@media print{*:first-child+html body{zoom:100%;}}