@charset "utf-8"

/* container
------------------------------*/
#fojcontainer {
	width: 904px;
	text-align: center;
	margin: 0 auto;
}

/* link styles
------------------------------*/


a img {
	border-style: none;
}


/* top
------------------------------*/
#fojcontainer #top-header{
	background: url(/e/foj/img/top_header_bg.jpg) no-repeat left top;
	height: 430px;
	width: 904px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#fojcontainer h1.foj-top{
	background: url(/e/foj/img/h1_title_top.jpg) no-repeat left top;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border-style: none;
	height: 184px;
	width: 443px;
}

#fojcontainer p.head-txt01{
	background: url(/e/foj/img/top_head_txt01.jpg) no-repeat left top;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	height: 43px;
	width: 443px;
}

#fojcontainer p.head-txt02{
	background: url(/e/foj/img/top_head_txt02.jpg) no-repeat left top;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	height: 139px;
	width: 443px;
}

#fojcontainer p.head-bnr{
	background: url(/e/foj/img/top_head_bnr.gif) no-repeat left top;
	text-indent: -9999px;
	margin: 20px 0 0 29px;
	padding: 0px;
	height: 81px;
	width: 188px;
}

#top-contents{
	width: 848px;
	position: relative;
	margin: 30px auto 0;
	padding: 0 28px;
}

#top-contents p.arr{
	text-align: right;
	margin: 7px 0px 0px;
}

#top-contents p.arr a{
	background: url(/e/foj/img/icon_arr.gif) no-repeat left 6px;
	padding: 0px 0px 0px 10px;
}


#top-contents .top-area01{
	width: 848px;
	text-align: left;
}

#top-contents .top-area01 h2{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	border-style: none;
	background: url(/e/foj/img/icon_circle_red.gif) no-repeat left 2px;
}

#top-contents .top-area01 .padl15{
	padding: 0 0 0 15px;
}

#top-contents .top-area01 .mgnl15{
	margin: 0 0 0 15px;
}

#top-contents .top-area01 .left-column{
	background: url(/e/foj/img/column_bg.gif) no-repeat left top;
	width: 511px;
	border-top: 3px solid #990000;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float: left;
	padding: 15px 0px;
}

#top-contents .top-area01 .left-column ul{
	width: 481px;
	margin: 15px 0 0 15px;
	padding: 0;
}

#top-contents .top-area01 .left-column li{
	margin: 0 0 8px 0;
	padding: 0;
	float: left;
}

#top-contents .top-area01 .left-column li.food-mr{
	margin-right: 8px;
}

#top-contents .top-area01 .left-column li img{
	vertical-align: bottom;
}

#top-contents .top-area01 .right-column{
	background: url(/e/foj/img/column_bg.gif) no-repeat left top;
	width: 270px;
	border-top: 3px solid #990000;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	float: right;
	padding: 15px;
}

#top-contents h2.top_h2_def{
	margin: 30px 0 0 0;
	padding: 0px 0px 0px 20px;
	border-style: none;
	background: url(/e/foj/img/icon_circle_red.gif) no-repeat left 2px;
	text-align: left;
}

#top-contents dl.rc-box01,
#top-contents dl.rc-box02{
	width: 270px;
	margin: 12px 0 0 0;
	padding: 0;
}

#top-contents dl.rc-box01 dt{
	width: 115px;
	margin: 0;
	padding: 0;
}

#top-contents dl.rc-box01 dd{
	width: 145px;
	margin: 0;
}


#top-contents dl.rc-box02 dt{
	background: #000;
	color: #fff;
	padding: 2px 0px;
	float: left;
	width: 4em;
	text-align: center;
	margin: 0;
	font-size: 92%;
}

#top-contents dl.rc-box02 dd{
	margin: 0 0 8px 4.3em;
	padding: 0;
}

#top-contents .top-area02,
#top-contents .video-area,
#top-contents .top-area03{
	margin-top: 15px;
	width: 848px;
	text-align: left;
}

#top-contents .video-area .video-box{
	width: 260px;
	float: left;
	margin-right: 33px;
}

#top-contents .video-area .video-box-r{
	width: 260px;
	float: left;
}

#top-contents .top-area02 dl.country-box{
	width: 230px;
	float: left;
	background: url(/e/foj/img/column_bg.gif) no-repeat left top;
	border-top: 3px solid #990000;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-top: 0;
	margin-bottom: 0;
	padding: 12px 15px;	
}

.mgr {
	margin-right: 31px;
}

#top-contents .top-area02 dl.country-box dt{
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
	font-size: 92%;
}

#top-contents .top-area02 dl.country-box dt img{
	vertical-align: bottom;
	margin-right: 4px;
}

#top-contents .top-area02 dl.country-box dt p.country01{
	padding: 0px 0px 0px 15px;
	background: url(/e/foj/img/icon_usa.gif) no-repeat left center;
}

#top-contents .top-area02 dl.country-box dd{
	margin: 0;
	padding: 0;
}

#top-contents .top-area02 dl.country-box dd .country-link{
	text-align: center;
}
#top-contents .top-area03 dd,
#top-contents .top-area03 dd{
	margin: 0;
	padding: 0;
}

#top-contents .top-area03 dl{
	margin: 0;
	padding: 0;
}

#top-contents .top-area03 dd.link-banner{
	width: 160px;
	float: left;
	margin: 0 12px 0 0;
}

#top-contents .top-area03 dd.non-mr{
	margin-right: 0px;
}

#top-contents .top-area03 dd.link-banner img{
	border: 1px solid #ccc;
}


/* sec base
------------------------------*/

#fojcontainer h1.foj-sec{
	background: url(/e/shared/foj/img/h1_title_sec.gif) no-repeat left top;
	text-indent: -9999px;
	height: 100px;
	width: 904px;
	position: relative;
	margin: 0 auto;
	padding: 0px;
	border-style: none;
}

#sec-contents{
	width: 904px;
	position: relative;
	margin: 30px auto 0;
	padding: 0px;
}

#sec-contents .main-contents {
	width: 634px;
	float: right;
}

#sec-contents .main-contents h2{
	width: 634px;
	height: 170px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	border-style: none;
}

#sec-contents .main-contents h2.rice-tit {background: url(/e/foj/food/img/h2_title_rice.jpg);}
#sec-contents .main-contents h2.seafood-tit {background: url(/e/foj/food/img/h2_title_seafood.jpg);}
#sec-contents .main-contents h2.vegetables-tit {background: url(/e/foj/food/img/h2_title_vegetables.jpg);}
#sec-contents .main-contents h2.wagyu-tit {background: url(/e/foj/food/img/h2_title_wagyu.jpg);}
#sec-contents .main-contents h2.fruit-tit {background: url(/e/foj/food/img/h2_title_fruit.jpg);}
#sec-contents .main-contents h2.tea-tit {background: url(/e/foj/food/img/h2_title_tea.jpg);}
#sec-contents .main-contents h2.umami-tit {background: url(/e/foj/food/img/h2_title_umami.jpg);}



#sec-contents .main-contents h3{
	padding: 0px;
	margin: 30px 0px;
	border-style: none;
	text-align: left;
}

#sec-contents .side-menu {
	width: 240px;
	float: left;
}

#sec-contents .side-menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a:focus{
	outline:none;
}


/* food
------------------------------*/

#sec-contents .main-contents .food-column{
	width: 634px;
	margin-bottom: 30px;
	text-align: left;
}

#sec-contents .main-contents .food-column h4{
	font-weight: normal;
	color: #b5871b;
	margin: 0px 0px 15px;
	padding: 0px;
}

#sec-contents .main-contents .food-column .text-area{
	width: 405px;
}

#sec-contents .main-contents .food-column .img-area{
	width: 200px;
}

#sec-contents .main-contents .food-column .text-area02{
	width: 300px;
}

#sec-contents .main-contents .food-column .img-area02{
	width: 310px;
}

/* Wagyu */

#sec-contents .main-contents .food-column .wagyu-mark{
	background: url(../../../foj/food/img/wagyu_mark.gif) no-repeat left top;
	padding: 0 0px 30px 80px;
	margin-top: 12px;
}

/* Tea */



#sec-contents .main-contents .food-column .tea-tabtit{
	color: #b5871b;
	text-align: center;
}

#sec-contents .main-contents .food-column table.tea-tab{
	border-top: 1px solid #b5871b;
	border-right: 1px solid #b5871b;
	border-bottom: 1px solid #b5871b;
}

#sec-contents .main-contents .food-column table.tea-tab th{
	border-bottom: 1px solid #b5871b;
	font-weight: normal;
	width: 50%;
}

#sec-contents .main-contents .food-column table.tea-tab th,td{
	border-left: 1px solid #b5871b;
	text-align: center;
	font-size: 85%;
}

/* Umami */

#sec-contents .main-contents .food-column .column03-box{
	margin-top: 15px;
}

#sec-contents .main-contents .food-column .column03-box dl{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 204px;
}

#sec-contents .main-contents .food-column .column03-box dl.mgr11 {
	margin-right: 11px;
}

#sec-contents .main-contents .food-column .column03-box dl dt{
	margin: 0px;
	padding: 0px;
}

#sec-contents .main-contents .food-column .column03-box dl dd{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/* Food-menu */

#sec-contents .side-menu ul.food-menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 60px;
	width: 240px;
}

#sec-contents .side-menu ul.food-menu li a {
	height: 50px;
	width: 240px;
	text-indent: -9999px;
	display: block;
}

#sec-contents .side-menu ul.food-menu li.btn01{background: url(/e/shared/foj/img/btn_01.jpg) no-repeat left top;}
#sec-contents .side-menu ul.food-menu li.btn01 a{background: url(/e/shared/foj/img/btn_txt01.gif) no-repeat left top;}
#sec-contents .side-menu ul.food-menu li.btn01 a:hover,
#sec-contents .side-menu ul.food-menu li.btn01 a.on{background: url(/e/shared/foj/img/btn_txt01.gif) no-repeat left -50px;}

#sec-contents .side-menu ul.food-menu li.btn02{background: url(/e/shared/foj/img/btn_02.jpg) no-repeat left top;}
#sec-contents .side-menu ul.food-menu li.btn02 a{background: url(/e/shared/foj/img/btn_txt02.gif) no-repeat left top;}
#sec-contents .side-menu ul.food-menu li.btn02 a:hover,
#sec-contents .side-menu ul.food-menu li.btn02 a.on{background: url(/e/shared/foj/img/btn_txt02.gif) no-repeat left -50px;}

#sec-contents .side-menu ul.food-menu li.btn03{background: url(/e/shared/foj/img/btn_03.jpg) no-repeat left top;}
#sec-contents .side-menu ul.food-menu li.btn03 a{background: url(/e/shared/foj/img/btn_txt03.gif) no-repeat left top;}
#sec-contents .side-menu ul.food-menu li.btn03 a:hover,
#sec-contents .side-menu ul.food-menu li.btn03 a.on{background: url(/e/shared/foj/img/btn_txt03.gif) no-repeat left -50px;}

#sec-contents .side-menu ul.food-menu li.btn04{background: url(/e/shared/foj/img/btn_04.jpg) no-repeat left top;}
#sec-contents .side-menu ul.food-menu li.btn04 a{background: url(/e/shared/foj/img/btn_txt04.gif) no-repeat left top;}
#sec-contents .side-menu ul.food-menu li.btn04 a:hover,
#sec-contents .side-menu ul.food-menu li.btn04 a.on{background: url(/e/shared/foj/img/btn_txt04.gif) no-repeat left -50px;}

#sec-contents .side-menu ul.food-menu li.btn05{background: url(/e/shared/foj/img/btn_05.jpg) no-repeat left top;}
#sec-contents .side-menu ul.food-menu li.btn05 a{background: url(/e/shared/foj/img/btn_txt05.gif) no-repeat left top;}
#sec-contents .side-menu ul.food-menu li.btn05 a:hover,
#sec-contents .side-menu ul.food-menu li.btn05 a.on{background: url(/e/shared/foj/img/btn_txt05.gif) no-repeat left -50px;}

#sec-contents .side-menu ul.food-menu li.btn06{background: url(/e/shared/foj/img/btn_06.jpg) no-repeat left top;}
#sec-contents .side-menu ul.food-menu li.btn06 a{background: url(/e/shared/foj/img/btn_txt06.gif) no-repeat left top;}
#sec-contents .side-menu ul.food-menu li.btn06 a:hover,
#sec-contents .side-menu ul.food-menu li.btn06 a.on{background: url(/e/shared/foj/img/btn_txt06.gif) no-repeat left -50px;}

#sec-contents .side-menu ul.food-menu li.btn07{background: url(/e/shared/foj/img/btn_07.jpg) no-repeat left top;}
#sec-contents .side-menu ul.food-menu li.btn07 a{background: url(/e/shared/foj/img/btn_txt07.gif) no-repeat left top;}
#sec-contents .side-menu ul.food-menu li.btn07 a:hover,
#sec-contents .side-menu ul.food-menu li.btn07 a.on{background: url(/e/shared/foj/img/btn_txt07.gif) no-repeat left -50px;}


/* chris
------------------------------*/

#sec-contents .main-contents .chris-h2tit{
	background: url(/e/foj/chris/img/chris_h2_title.gif) no-repeat left top;
	text-indent: -9999px;
	height: 42px;
	width: 634px;
}

#sec-contents .main-contents .chris-h2text{
	background: url(/e/foj/chris/img/chris_h2_text.gif) no-repeat left top;
	text-indent: -9999px;
	height: 38px;
	width: 634px;
	margin: 0px;
	padding: 0px;	
}

#sec-contents .main-contents .chris-h3tit{
	margin-bottom: 25px;
	padding: 0px 0px 0px 20px;
	border-style: none;
	background: url(/e/foj/chris/img/icon_chris_h3.gif) no-repeat left 2px;
	text-align: left;
	font-size: 130%;
}

#sec-contents .main-contents .caption-small{
	font-size: 86%;
}

#sec-contents .main-contents .prof-box{
	padding: 10px;
	margin: 0px 0px 30px;
	width: 614px;
	border: 1px solid #ccc;
}

#sec-contents .main-contents .prof-box dt{
	margin: 0px;
	float: left;
	width: 150px;
}

#sec-contents .main-contents .prof-box dt img{
	vertical-align: bottom;
}


#sec-contents .main-contents .prof-box dd{
	margin: 0 0 0 160px;
	text-align: left;
}

#sec-contents .main-contents .prof-box dd.name{
	font-size: 130%;
	margin-bottom: 10px;
}

#sec-contents .main-contents .prof-box dd.prof-tit{
	background: url(/e/foj/tv/img/dot_line.gif) repeat-x left bottom;
	padding: 0 0 5px 0;
	margin-bottom: 5px;
}

#sec-contents .main-contents .prof-box dd p{
	margin: 0px;
}

#sec-contents .main-contents .prof-box dd.prof-tit strong{
	background: url(/e/foj/chris/img/icon_chris_prof.gif) no-repeat left 4px;
	padding: 0 0 0 12px;
}


/* vol.01 */

#sec-contents .main-contents .vol01-box{
	background: url(/e/foj/chris/img/chris_menu_line.gif) repeat-x left top;
	padding-top: 35px;
}

#sec-contents .main-contents .food-column h4.h4-vol01{
	font-weight: bold;
	color: #000;
	margin: 0px;
}

/* vol.03 */

#sec-contents .main-contents .food-column .vol03-tab{
	text-align: center;
	width: 300px;
}

#sec-contents .main-contents .food-column table.vol03-tab{
	border-top: 1px solid #b5871b;
	border-right: 1px solid #b5871b;
}

#sec-contents .main-contents .food-column table.vol03-tab th{
	color: #b5871b;
	font-weight: normal;
	width: 25%;
}

#sec-contents .main-contents .food-column table.vol03-tab th,
#sec-contents .main-contents .food-column table.vol03-tab td{
	border-bottom: 1px solid #b5871b;
	border-left: 1px solid #b5871b;
	text-align: center;
	font-size: 85%;
}



/* chris-menu */

#sec-contents .side-menu dl.chris-menu{
	width: 240px;
	margin: 0;
	padding: 0;
	position: relative;
}

#sec-contents .side-menu dl.chris-menu dt{
	position: absolute;
	left: 0;
	background: #000;
	color: #fff;
	padding: 2px 0px;
	width: 4em;
	text-align: center;
	margin: 0;
	font-size: 92%;
}

#sec-contents .side-menu dl.chris-menu dt.on{
	background: #990000;
}
	

#sec-contents .side-menu dl.chris-menu dd{
	margin: 0 0 20px 0;
	padding: 0 0 20px 4.3em;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}

#sec-contents .side-menu h5.archives{
	background: url(/e/foj/chris/img/chris_archives_title.gif) no-repeat left top;
	margin: 0px 0px 20px;
	padding: 0px;
	height: 22px;
	width: 240px;
	border-style: none;
	text-indent: -9999px;
}


/* tv
------------------------------*/

#sec-contents .main-contents .tv-h2tit{
	background: url(/e/foj/tv/img/tv_h2_title.gif) no-repeat left top;
	text-indent: -9999px;
	height: 57px;
	width: 634px;
}

#sec-contents .main-contents .tv-h3tit{
	margin-bottom: 25px;
	padding: 0px 0px 0px 20px;
	border-style: none;
	background: url(/e/foj/tv/img/icon_tv_h3.gif) no-repeat left 2px;
	text-align: left;
	font-size: 130%;
}

#sec-contents h4.tv-h4tit{
	background: url(/e/foj/tv/img/dot_line.gif) repeat-x left bottom;
	margin:0 0 15px 0;
	padding: 0 0 5px 0;
	color: #000000;
	font-size: 130%;
}



/* tv_02 img-link */

#top-contents .country-box p.tv-menu02-text a{
	background: url(/e/foj/img/tv_text_title.gif) no-repeat center top;
	height: 35px;
	width: 211px;
	text-indent: -9999px;
	display: block;
	margin-left: 8px;
}

#top-contents .country-box p.tv-menu02-text a:visited{
	background: url(/e/foj/img/tv_text_title_act.gif) no-repeat center top;
	height: 35px;
	width: 211px;
	text-indent: -9999px;
	display: block;
	margin-left: 8px;
}


#sec-contents .side-menu li.tv-menu02-text a{
	background: url(/e/foj/tv/img/tv_side_text.gif) no-repeat left top;
	height: 31px;
	width: 182px;
	text-indent: -9999px;
	display: block;
}

#sec-contents .side-menu li.tv-menu02-text a:visited{
	background: url(/e/foj/tv/img/tv_side_text_act.gif) no-repeat left top;
	height: 31px;
	width: 182px;
	text-indent: -9999px;
	display: block;
}

/* tv_02 table */

#sec-contents .main-contents table.tv02-tab{
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 500px;
}

#sec-contents .main-contents table.tv02-tab th,
#sec-contents .main-contents table.tv02-tab td{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: center;
	padding: 7px;
	font-size: 100%;
}

#sec-contents .main-contents table.tv02-tab th{
	background: #E4E4E4;
}

#sec-contents .main-contents table.tv02-tab td.text-area{
	text-align: left;
}

#sec-contents .main-contents table.tv02-tab td.tb-color{
	background: #F7F7F7;
}




/* tv-menu */

#sec-contents .side-menu ul.tv-menu{
	width: 240px;
	margin: 0;
	padding: 0;
}

#sec-contents .side-menu ul.tv-menu li{
	margin: 0 0 20px 0;
	padding: 0 0 20px 17px;
	text-align: left;
	background: url(/e/foj/tv/img/icon_tv_list.gif) no-repeat left 2px;
	border-bottom: 1px dotted #ccc;
}

#sec-contents .side-menu ul.tv-menu li.on{
	margin: 0 0 20px 0;
	padding: 0 0 20px 17px;
	text-align: left;
	background: url(/e/foj/tv/img/icon_tv_list_on.gif) no-repeat left 2px;
	border-bottom: 1px dotted #ccc;
}





/* margin
------------------------------*/

.mgt5 {
	margin-top: 5px;
}

.mgt12 {
	margin-top: 12px;
}

.mgt15 {
	margin-top: 15px;
}

.mgt30 {
	margin-top: 30px;
}

.mgt35 {
	margin-top: 35px;
}

/* float
------------------------------*/
.fl-left {
	float: left;
}

.fl-right {
	float: right;
}

/* clearfix
------------------------------*/
.cfx:after,
.food-column:after {
 content: ".";
 display: block; 
 clear: both;
 height: 0;
 visibility: hidden;
}

.cfx,
.food-column {
 min-height: 1px;
}

* html .cfx,
* html .food-column {
 height: 1px;
 /*\*//*/
 height: auto;
 overflow: hidden;
 /**/
}