/*reason*/
/*-------------------------------------------------------------*/
.btn-info{
	padding-bottom:8px;
	width:353px;
}
#reason{
	width:569px;
}
.reason-photo{
	width:199px;
	float:left;
}
.reason-description{
	padding-left:17px;
	width:353px;
	float:left;
}
.reason-title{
	padding-top:4px;
}
.reason-text{
	padding-top:10px;
	padding-bottom:10px;
	width:353px;
	font-size:12px;
	line-height:135%;
}
.reason-link{
	width:353px;
	font-size:12px;
	padding-top:3px;
	text-align:right;
}
/*ranking*/
/*-------------------------------------------------------------*/
#ranking{
	padding-top:10px;
	padding-bottom:10px;
	width:700px;
}
.ranking-title{
	width:700px;
	height:32px;
	background-image:url(../images/bg-ranking-title.jpg);
	background-position : top ;
	background-repeat : no-repeat ;
	font-size:12px;
	color:#FFFFFF;
	padding-top:8px;
	text-align:right;
}
.ranking-box1{
	width:145px;
	height:89px;
	border:solid #C69C6D 1px;
	margin-bottom:2px;
}
.ranking-box2345{
	width:130px;
	height:89px;
	border:solid #C69C6D 1px;
	margin-bottom:2px;
}
.ranking-box1-text{
	padding-top:2px;
	width:145px;
	font-size:11px;
	float:left;
}
.ranking-box2345-text{
	padding-top:2px;
	padding-left:7px;
	width:130px;
	font-size:11px;
	float:left;
}
/*category*/
/*-------------------------------------------------------------*/
#category{
	padding-top:40px;
	padding-bottom:10px;
	width:696px;
	background-image:url(../images/title-category.gif);
	background-position : top ;
	background-repeat : no-repeat ;
}
.category-btn{
	padding-top:5px;
	padding-left:2px;
	padding-right:2px;
	width:228px;
	float:left;
}
/*recipe*/
/*-------------------------------------------------------------*/
#recipe{
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-top:40px;
	padding-right:10px;
	width:700px;
	background-image:url(../images/title-recipe.gif);
	background-position : top left;
	background-repeat : no-repeat ;
	font-size:13px;
}

.recipe-box{
	width:700px;
	padding-left:10px;
}

.recipe-small-box{
	width:128px;
	padding-left:10px;
	padding-bottom:10px;
	float:left;
}	
	
.recipe-photo{
	width:100px;
	padding-left:14px;
	padding-bottom:5px;
}

.recipe-text{
	text-align:center;
	width:128px;
	padding-bottom:5px;
}

.recipe-text2{
	text-align:center;
	width:128px;
	font-size:10px;
}

/*events*/
/*-------------------------------------------------------------*/
#events{
	margin-top:10px;
	margin-bottom:10px;
	padding-top:40px;
	width:340px;
	background-image:url(../images/title-events.gif);
	background-position : top left;
	background-repeat : no-repeat ;
	font-size:13px;
	float:left;
}
.events-photo{
	width:45px;
	float:left;
	padding-bottom:8px;
	font-size:9px;
}
.events-date{
	width:80px;
	float:left;
	padding-bottom:8px;
}
.events-place{
	padding-left:8px;
	width:160px;
	float:left;
	padding-bottom:8px;
}
/* monitoer*/
/*-------------------------------------------------------------*/
.midashi-font{
	padding-top:10px;
	padding-bottom:10px;
	font-size:18px;
	font-family:serif;
	width:300px;
	line-height:180%;
}
.nama-point{
	width:150px;
	padding:5px;
	float:left;
	margin-right:8px;
	background-color : #9D080D ;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
.henko-box{
	margin-top:10px;
	margin-bottom:10px;
	width:300px;
	padding:10px;
	font-size:14px;
	line-height:150%;
	border:1px solid #9D080D;
}
.btn-monitor{
	width:520px;
	text-align:center;
	padding:10px;
	background-color : #FFEBBB ;
}
.monitor-img{
	float:left;
	width:185px;
}
.monitor-text{
	float:left;
	width:365px;
	padding-left:10px;
	font-size:12px;
	line-height:180%;
}
.monitor-text2{
	padding:10px;
	width:540px;
	font-size:12px;
	line-height:180%;
}
/* pannacotta*/
/*-------------------------------------------------------------*/
.panna-title{
	padding-top:10px;
	padding-bottom:10px;
	width:560px;
	text-align:center;
}
.panna-img{
	width:266px;
	float:left;
}
.panna-text{
	float:left;
	width:284px;
	padding-left:10px;
	font-size:12px;
	line-height:150%;
}
.panna-price{
	margin-top:10px;
	font-size:14px;
	width:274px;
	padding:5px;
	border-top:solid 1px #000000;
}
.piccollo-box{
	margin-top:20px;
	border:solid 1px #C69C6D;
	padding:10px;
	width:540px;
}
.piccollo-logo{
	float:left;
	width:256px;
}
.piccollo-text{
	float:left;
	width:274px;
	padding-left:10px;
	font-size:12px;
	line-height:150%;
}
.piccollo-link{
	padding-top:5px;
	text-align:right;
	width:274px;
	font-size:12px;
}
/*top-info*/
/*---------------------------------------------------------------------*/
.top-info-box{
	float:left;
	width:280;
	padding-bottom:10px;
}
.top-info-box-r{
	float:left;
	width:280;
	padding-bottom:10px;
	padding-left:6px;
}
.img-top-info{
	width:108px;
	float:left;
}
.top-info-text{
	font-size:11px;
	padding-left:5px;
	float:left;
	width:167px;
}
.top-info-title{
	width:167px;
	padding-bottom:3px;
}
.top-info-under-bar{
	width:569px;
	border-bottom:dotted 1px #5D3207;
	margin-bottom:10px;
}
.top-message-box{
	font-size:12px;
	line-height:135%;
	width:728px;
	border-bottom:dotted 1px #5D3207;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:8px;
}
.top-message-title{
	background-image:url(../images/bg-message-title.gif);
	background-position : top left;
	background-repeat : no-repeat ;
	font-size:12px;
	padding:3px 3px 3px 10px;
	color:#FFFFFF;
}
.top-message-box .info{
	font-size:14px;
	line-height:150%;
}
.top-message-box strong{
	color:#FF0000;
	font-size:15px;

}
.top-recommend-box{
	width:100px;
	border:solid #C69C6D 1px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	padding:3px;
	text-align:center;
}
.top-recommend-box-text{
	padding-top:2px;
	width:96px;
	font-size:10px;
	text-align:left;
}

.table-photo { 
	background-image: url(http://shop.henko.co.jp/images/bg-photo.jpg); 
}