@charset "UTF-8";
/* CSS Document */


/* __container
------------------------------------------*/
#container_left {
	width: 714px;
	margin: 0;
	float: left;
	}
#container_right {
	width: 252px;
	float: right;
	}


/*__container_left
----------------------------------------------------------------------------------------------*/

/* __flash_navi
------------------------------------------*/
#flash_navi {
	width: 713px;
	height: 193px;/*0819*/
	background-color:#FFFFFF;
	}

/* __shitaikoto_navi
------------------------------------------*/

#shitaikoto_navi {
	width: 714px;
	padding: 10px 0;
	background-color:#FFFFFF;
	}
	
#shitaikoto_navi_ttl {
	border-bottom: #eb5300 solid 3px;
}
#shitaikoto_navi_ttl .title {
	float: left;
	width:202px;
}

#shitaikoto_navi_ttl .copy {
min-height:26px;
_height:26px;
color: #40150D;
font-size: 90%;
text-align:right;
line-height:26px;
}



#shitaikoto_navi ul {
clear: both;

}
#shitaikoto_navi ul li {
float:left;
margin-top:5px;
width:175px;
margin-right:4px;
}
#shitaikoto_navi ul li.end {
margin-right:0;
}


/* __keyword_navi
------------------------------------------*/

#keyword_navi {
	width: 714px;
	padding: 10px 0;
	background-color:#FFFFFF;
	}

#keyword_navi_ttl {
	border-bottom: #eb5300 solid 3px;
}
#keyword_navi .title {
	float: left;
	width:202px;
}

#keyword_navi .copy {
min-height:26px;
_height:26px;
color: #40150D;
font-size: 90%;
text-align:right;
line-height:26px;
}
#keyword_navi .copy img {
vertical-align:middle;
}




#keyword_navi #keyword_navi_list {
background: url(../img/home/keyword_bg_02.png) no-repeat bottom;
margin-top:5px;
}
#keyword_navi ul {
background: url(../img/home/keyword_bg_01.png) no-repeat top;
padding: 6px 10px 10px 10px!important;
}


#keyword_navi ul li {
float: left;
white-space: nowrap;
line-height: 1.1em;
color:#CC5413;
}

#keyword_navi ul li a {
	color:#CC5413;
	text-decoration: underline;
	font-size: 90%;
	vertical-align: bottom;
	}

#keyword_navi ul li a:hover {
	color:#40150D;
	text-decoration: underline;
	font-size: 90%;
	}


/* __chirashi
------------------------------------------*/
#chirashi {
	float: right;
	width: 519px;
	background: url(../img/home/chirashi_bg_02.jpg) no-repeat bottom;
	}
#chirashi #chirashi_ttl {
	float:left;
	width:210px;
	padding:5px;
	}
#chirashi #chirashi_cont {
	background: url(../img/home/chirashi_bg_01.jpg) no-repeat top;
	}
	#chirashi #chirashi_cont p {
	padding:5px;
	text-align:right;
	background-image:url(../img/home/chirashi_bg_line.gif);
	background-repeat:no-repeat;
	background-position:220px 50%;
	}
	#chirashi #chirashi_cont ul {
	padding-bottom:5px;
	padding-left:5px;
	font-size:90%;
	}
	#chirashi #chirashi_cont ul li {
	float: left;
	line-height: 1.2em;
	white-space: nowrap;
	margin: 0 5px 3px 0;
	}
	#chirashi #chirashi_cont ul li a {
	color:#40150D;
	vertical-align: bottom;
	font-size: 100%;
	background-image:url(../img/common/arrow_m_02.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	zoom:1;
	}
	#chirashi #chirashi_cont ul li a:hover {
	text-decoration: underline;
	}

/*__info ,__event
-----------------------------------------------*/
#info ,#event {
	width: 517px;
	float: right;
	margin: 10px 0 0 0;
}

#info_title ,#event_title {
	margin: 0;
	padding: 4px;
	background-image: url(../img/common/bg02.png);
	width: 505px;
	_width: 513px;
	min-height: 18px;
	border-left: #eb5300 solid 4px; 
	}
	
#info_title p ,#event_title p {
	float: left;
	margin: 0 0 0 5px;
	}
	
#info_title .icon ,#event_title .icon {
	float: right;
	}
#info_title .icon img ,#event_title .icon img {
	vertical-align:middle;
	}

#info_finding ,#event_finding {
	width: 497px;
	float: right;
	padding: 0 10px;
	_padding: 0 20px 0 0;
}

#info_finding dl dt ,#event_finding dl dt {
	color: #888;
	font-size: 80%;
	vertical-align: middle;
	padding-top:5px;
	}
	
#info_finding dl dd ,#event_finding dl dd {
	color: #333;
	line-height: 1.1em;
	border-bottom: #666 1px dotted;
	padding-bottom:5px;
	font-size:85%;
	}


/* __banner w:253px h:auto
------------------------------------------*/
#container_left .banner {
	width: 517px;
	margin-top: 10px;
	float: right;
}

#container_left .banner .banner_box {
	width: 253px;
	/*min-height: 120px;*/
	/*_height: 120px;*/
	margin-bottom: 7px;
	border: #ccc solid 1px;
	/*background: url(../img/home/banner253_bg.png) repeat-y;*/
	
}

#container_left .banner .banner_box  a img{
vertical-align:bottom;/*0829*/
}



#container_left .banner .banner_box .inner_ph {
	width: 96px;
	float: left;
	}
	
#container_left .banner .banner_box .btn_detail a img {
	margin: 4px 0 4px 4px;
	}
#container_left .banner .banner_box .inner_text {
	width: 145px;
	float: right;
	padding: 6px 6px 3px;
	}
	
#container_left .banner .banner_box .inner_text p.border {
border-bottom: #666 solid 1px;
margin-bottom: 5px;
padding-bottom: 5px;
}
#container_left .banner .banner_box .inner_text p.border a {
	color: #40150D;
	line-height: 1.1em;
	}
	
#container_left .banner .banner_box .inner_text a span.text-middle {
	font-size: 80%;
	}
#container_left .banner .banner_box .inner_text p.read {
	font-size: 80%;
	line-height:110%;
	}





/*__container_right
----------------------------------------------------------------------------------------------*/


/* __joinus , __mytodock ,__community
------------------------------------------*/
.sidebox01 {
	border-top: #f06600 solid 3px;
	background-color:#f4ecd3;
	border-bottom:8px solid #FFFFFF;
	}
.sidebox01 .title ,.sidebox01 .button {
	border-top:3px solid #FFFFFF;
	}
	.sidebox01 div {
	float:left;
	}
	
.sidebox01 p {
	font-size: 80%;
	padding:5px 8px;/*0826*/
	clear:both;
	}
.sidebox01 p img {
	margin-left:5px;
	}





/* __qr
------------------------------------------*/
#qr {
	margin: 0 0 8px 0;
	}
	

/* __community remark
------------------------------------------*/
#community #remark ,#community_recipe #remark_recipe {
	padding:5px 10px;/*0826*/
	}
#community #remark_ttl ,#community_recipe #remark_recipe_ttl {
	background: url(../img/common/bg_remark2.png) repeat-y;/*0826*/
	clear: both;
	min-height: 20px;
	width: 232px;/*0826*/
	/*margin-top: 5px;*//*0826*/
	}
	#community_recipe #remark_recipe_ttl {
	margin-bottom:5px;
	}
	#community #remark_ttl p ,#community_recipe #remark_recipe_ttl p {
	float: left;
	line-height: 1.1em;
	color: #fff;
	font-size: 100%;
	margin: 2px 0 0 2px;
	padding:0;
	}
	#community #remark_ttl .rss , #community_recipe #remark_recipe_ttl .rss {
	float: right;
	}
	#community #remark_ttl .rss img ,#community_recipe #remark_recipe_ttl .rss img {
	margin: 2px 2px 0 0;
	}

#community #remark ul.finding {
	margin-bottom: 5px;
	background: #fff;
	padding: 5px 0 5px 5px;
	clear: both;
	*width:228px;
	_width:232px;
	}
	#community #remark ul.finding li {
	color: #333;
	background-image:url(../img/common/arrow_m_01.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:10px;
	padding-bottom:3px;
	font-size: 80%;
	}
	#community #remark ul.finding li a span.speaker {
	color: #846027;
	}



/*//////ﾄｯﾌﾟﾍﾟｰｼﾞのレシピ//////////*/
#remark_recipe div#top_recipe_box {
float: right;
width: 225px;
}
#remark_recipe div#top_recipe_title {
font-size: 90%;
float: right;
width: 135px;
}
#remark_recipe div#top_recipe_cont {
font-size: 80%;
color: #846027;
width: 225px;
}
#remark_recipe div#top_recipe_box img{
margin-bottom:5px;
}
/*//////////////////////////////////*/









#remark_recipe img {
	float: left;
	margin:0 5px;/*0826*/
}


#remark_recipe_bg {/*0826*/
background-color:#fff;
padding-bottom:5px;
margin-bottom:5px;
}






/* __related_site
------------------------------------------*/
#related_site {
	width: 252px;
	margin: 10px 0 0 0;
}

#related_site_ttl {
	margin: 0;
	padding: 4px;
	background-image: url(../img/common/bg02.png);
	border-left: #eb5300 solid 4px; 
	}
	#related_site_ttl p {
	float: left;
	font-size:90%;
	}
	#related_site_ttl .icon {
	float: right;
	}


#related_site_finding dl dt {
	color: #888;
	font-size: 85%;
	vertical-align: middle;
	padding-top:5px;
	}
	
	#related_site_finding dl dd {
	color: #333;
	line-height: 1.1em;
	padding-bottom:5px;
	border-bottom: #666 1px dotted;
	font-size:85%;
	}



/* __gift
------------------------------------------*/
#gift {
	border: #666 solid 1px;
	padding: 5px 10px;
	margin: 10px 0 10px 0;/*0914*/
	text-align:center;
	}

#gift_ttl {
	text-align:center;
	font-size: 90%;
	background-image:url(../img/home/gift_bg.gif);
	background-repeat:repeat-x;
	background-position:0 50%;
	}
#gift_ttl span {
	background-color:#FFFFFF;
	padding:0 5px;
	}

#gift img {
	margin: 3px 0;
	}


/* __banner w:252px h:68px
------------------------------------------*/
#container_right .banner {
	width: 252px;
	margin-bottom: 10px;
	}

#container_right .banner img {
	margin: 5px 0 0 0;
	}


/* __community ex/*0826
------------------------------------------*/
p.commu_reci_catch{
float:left;
width:125px;
margin-left:5px;
}

#community #commu_box div.commu_reci_btn{
width:102px;
float:right;
margin:5px 0;
}

#community #commu_box div.commu_reci_btn img{
margin-top:5px;
*margin-right:8px;
}

/* __idpw
------------------------------------------*/
.idpw{
color:#C00;
font-weight:bold;
text-decoration:underline;
}

.idpw:hover{
color:#40150D;
text-decoration:underline;
}