@charset "UTF-8";

/* =================================================================================

 Common style of this site 

================================================================================= */

/* ///////////////////////////////////////////////// title style */

.ttl-second{
	margin-bottom:30px;
}

.sttl-second{ 
	background:url(img/sttl_second.gif) repeat-x 0 0;
	font-size:123.1%;
	font-weight:bold;
	margin-bottom:8px;
	padding: 10px 5px 10px 7px;
}

/* ///////////////////////////////////////////////// link style */

#main a,
#side a{
	font-weight:bold;
}

#main .normal a,
#main a.normal,
#side .normal a,
#side a.normal{
	font-weight:normal;
}

/* ///////////////////////////////////////////////// box style */

.curvy-box{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/common/css/PIE.htc);
	background-color:#FFF;
	border:1px solid #e8e1da;
	position:relative;
	padding-bottom:46px;
	padding-top:30px;
}

.pattern01{
	background:url(img/pattern01.gif) repeat left top;
	padding:17px;
}

/* ///////////////////////////////////////////////// form style */

.form-default .off{
	color:#999;
}

.required{
	color:#f25829;
	margin-left:6px;
}

select {
    background-color: #FFFFFF;
    border: 1px solid #E3E4E9;
}	

	td select{
		font-size:100%;
	}

.input-large{ width:98%; }
.input-medium{ width:37%; }
.textarea-large{
	border: 1px solid #aaadb4;
	height:10em;
	width:98%;
}


label{
	margin-right:5px;
	vertical-align:middle;
}

.text{
	padding:3px;
}

.form-btn{
	/background-color:#f5f1e9;
	background-color: #f5f1e9\9;
	
	background-image:url(img/line_style01.gif) repeat-x left top;
	text-align:center;
	margin-top:20px;
	padding-bottom:15px;
	padding-top:17px;
}
:root *> .form-btn{
	background-color: rgba(245,241,233,0.8);
}

	.form-btn li{
		margin-left:10px;
		margin-right:10px;
	}

.error{
	background-color:#fce7e0;
}
#err-head{
	background-color:#e9724e;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
.err-txt{
	color:#e64f20;
	font-weight:bold;
	font-size:85.7%;
}

.inner span{
	font-size:100% !important;
}


/* ///////////////////////////////////////////////// ul style */

ul.item01 li{
	background:url(img/list_item01.gif) no-repeat left 0.5em;
	padding-left:8px;
}


/* ///////////////////////////////////////////////// icon style */

.calorie-item{
	background:url(img/icon_kcal.gif) no-repeat left center;
	padding-left:17px;
}

.calorie{
	/*background:url(img/icon_kcal.gif) no-repeat left center;*/
	color:#e64f20;
	font-size:133.3%;
	font-weight:bold;
	padding-left:3px;
	padding-right:6px;
}

.calorieMenu{
	background:url(img/icon_kcal.gif) no-repeat left center;
	padding-left:19px;
	display:inline-block;
	*display:inline;  
    *zoom: 1; 
}

.calorieMenu .calorie{
	background:none;
	padding-left:5px;	
}


span.total {
	font-weight:bold;	
}

.servings{
	font-size:83.3%;
}

ul.arrow li{
	background:url(img/icon_arrow.gif) no-repeat left 0.5em;
	margin-left:26px;
	padding-left:9px;
}

/*ul.arrow02 li{
	background:url(img/icon_arrow02.gif) no-repeat left 0.5em;
	padding-left:9px;
}*/

span.arrow,
a.arrow{
	background:url(img/icon_arrow.gif) no-repeat left 0.5em;
	padding-left:9px;
}

.external img{
	padding-left:5px;
	padding-right:3px;	
	vertical-align:middle;
}


/* ///////////////////////////////////////////////// display style */

.in-block{
	letter-spacing:-.40em;
}
	.in-block li,
	.in-block dt,
	.in-block dd{
		display:inline-block;
		/display:inline;
		/zoom:1;
		letter-spacing:normal;
		vertical-align:top;
	}

/* ///////////////////////////////////////////////// table style */

.tbl01{
	border:2px solid #ebe1cf;
	margin-top:1px;
	width:100%;
}

	.tbl01 th,
	.tbl01 td{
		border-bottom:1px solid #ebe1cf;
		padding:5px 15px;
	}
	.tbl01 th{
		background-color:#eb8c6f;
		color:#fff;
	}

#TmpCal, #TmpEff{
	display: none;
}

.tbl02-wrap{
	background:url(img/line_style01.gif) repeat-x left top;
	margin-bottom:40px;
	padding-top:2px;
}

.tbl02{
	width:100%;
}
	.tbl02 th,
	.tbl02 td{
		background-image:url(img/line_style01.gif);
		background-position:left bottom;
		background-repeat:repeat-x;
		padding:15px;
	}
	.tbl02 th{
		background-color:#f9f6f1;
		font-weight:bold;
	}


/* ///////////////////////////////////////////////// line style */

.linebtm01{
	background:url(img/line_style01.gif) repeat-x left bottom;
	padding-bottom:15px;
}

.linetop01{
	background:url(img/line_style01.gif) repeat-x left top;
	padding-top:15px;
}

/* ///////////////////////////////////////////////// font style */

#main .normal{
	font-weight:normal;
}

.inner-txt{
	font-size:100%;
}

/* ///////////////////////////////////////////////// parts style */

.block{
	display:block;
}

/* ///////////////////////////////////////////////// improtntaWrap */

#importantWrap{
	background-color:#F8D9D9;
	padding:8px;
	margin-bottom:15px;		
}
#importantWrap ul{
	margin-left:20px;	
}

#importantWrap ul li{
	list-style-type : disc;	
	margin-left:20px;	
	position: relative;
	font-size:93%;
	margin-top: 5px !important;	
}

#importantWrap ul a{
	font-weight:normal !important;	
}

.txtRed{
	color:#9a2414;
	font-weight:bold !important;	
}

.txtRed a{
	color:#9a2414 !important;
	font-weight:bold !important;
}

/* ****************************************************************

 common block

**************************************************************** */
/* ///////////////////////////////////////////////// マイブックマーク */

#mybookmark-ttl{
	margin-top:10px;
}
#side-mybookmark{
	background:url(img/pattern02.gif) repeat left top;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	behavior: url(/common/css/PIE.htc);
	position:relative;
	padding:5px;
	margin-bottom:20px;
}

	#mybookmark-inner{
		background-color:#FFF;
		width:290px;
		position:relative;
		_zoom: 1;   
		overflow: hidden;
		/* padding:10px;*/
	}

	#mybookmark-inner .curr-bookmark,
	#mybookmark-inner .new-bookmark{
		margin: 10px;
		width: 270px;
	}
	
	.mybookmark-img{
		float: right;
		margin: 0 0 5px 10px;
	}
	
	.mybookmark-img,
	.mybookmark-txt{
		_zoom: 1;   
		overflow: hidden;
	}
	
	.mybookmark-txt{
		zoom:1;
	}
	
	#side-mybookmark p.alignRight{
		padding-top:3px;
	}	
	
		.mybookmark-txt dt,
		.mybookmark-txt dd{
			font-size:93%;
			/*
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;*/
		}
		
		.mybookmark-txt .date{
			color:#f25829;
			font-size:78%;
			text-align:right;
		}
		

.bm-tab{
	background:url(img/bookmark_tab.gif) repeat-x left bottom;
	margin-top:30px;
	margin-bottom:30px;
	padding-top:6px;
}

	.bm-tab li{
		padding-left:6px;
	}		
  
/* =================================================================================

 Font

================================================================================= */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*.noto{
	font-family: 'Noto Sans Japanese', sans-serif;
}*/

.wf-roundedmplus1c {
  font-family: "Rounded Mplus 1c";
  -webkit-transform: rotate(0.028deg);
  -moz-transform: rotate(0.028deg);
  -ms-transform: rotate(0.028deg);
  -o-transform: rotate(0.028deg);
  transform: rotate(0.028deg);
}