@charset "utf-8";

/*
 *Stylesheet for Yokohama Shokuryo.
 *Copyright (C) 2008 MEDIA-TRUST Co.,Ltd All Right Reserved.
*/

/*-------------------------------------------------
  Rice Index
-------------------------------------------------*/
#rice {}
#rice p.visual {
	width: 536px;
	text-align: center;
	margin: 0 0 10px 25px;
}
#rice p.i_1 { margin: 0 0 8px 25px !important;}
#rice p.i_4 img { margin: 0 0 8px 0;}

#rice p.arrow {
	text-align: center;
	width: 530px;
	margin: 0 0 5px 28px;
}

/*-------------------------------------------------
  Rice Merit
-------------------------------------------------*/
#rice h4 {
	margin: 0 23px 10px 28px;
	padding: 0;
}
#rice h4.subtitle {
	font-size: 16px;
	padding: 0;
}
#rice h4.blue {
	color: #0176B7;
	border-bottom: 2px #4697C3 solid;
}
#rice h4.green {
	color: #056101;
	border-bottom: 1px #007609 solid;
}
#rice h4.orange {
	color: #e77f33;
	/*border-bottom: 1px #e77f33 solid;*/
}
#rice h4.subtitle img {
	padding: 0 0 4px 0;
}

#rice ul.list,
#rice ol.list {
	margin: 0 19px 6px 45px;
	_margin: 0 19px 6px 49px;
	padding: 0;
}
#rice ul.list li { list-style-type: disc;}
#rice ol.list li { list-style-type: decimal;}

#rice p.text {
	margin: 0 19px 6px 30px;
	padding: 0;
}
/*
#rice p.text {
	margin: 0 15px 6px 40px;
	padding: 7px 15px 0 0;
}
*/
#rice p.text2 {
	margin: 0 0 10px 28px;
	padding: 0;
}
#rice p.text3 {
	margin: 10px 25px 15px 40px;
	padding: 0;
}
#rice p.text4 {
	margin: 0 23px 10px 50px;
	padding: 0;
}
#rice p.text5 {
	margin: 0 23px 10px 45px;
	padding: 0;
}


#rice .commodityRow {
	background: url(/img/rice/bg_commodity.gif) repeat-y;
	width: 531px;
	margin: 0 0 0 27px;
	border-top: 1px solid #ccc;
}
#rice .commodityRow .cBox {
	float: left;
	width: 166px;
	padding: 10px 0 3px 11px;
}
#rice .commodityRow .cBox img.thumbnail {
	float: left;
	width: 60px;
	margin: 0 0 5px 0;
}

#rice .commodityRow .cBox dl {
	float: right;
	width: 106px;
	padding: 0 0 0 0;
}
#rice .commodityRow .cBox dl dt {
	display: block;
	width: 70px;
	background: url(/common/img/icon02.gif) no-repeat 0 4px;
	padding: 0 0 0 16px;
	margin: 0 0 0 5px;
}
#rice .commodityRow .cBox dl dd {
	display: block;
	width: 90px;
	padding: 0 0 0 7px;
	font-size: 10px;
	color: #d20321;
}
#rice .commodityRow .cBox dl dd.price {
	padding: 5px 0 5px 9px;
}
#rice .commodityRow .cBox dl dd.btn {
	margin: 2px 0 0 0;
}

#rice .commodityRow .cBox dl dd.btn a:hover img {
	filter:alpha(opacity=80); /* IE */
	opacity:0.8; /* opera */
	-moz-opacity:0.80; /* FF */
}
#rice .commodityRow span.border {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	font-size: 1px;
	border-bottom: 1px solid #ccc;
}

/*-------------------------------------------------
  Rice Process
-------------------------------------------------*/
#rice h4.subtitle2 {
	font-size: 12px;
	margin: 0 23px 10px 28px;
}
/*
#rice h4.subtitle2 {
	font-size: 12px;
	background: url(/common/img/icon07.gif) no-repeat 0 4px;
	margin: 0 23px 10px 28px;
	padding: 0 0 0 17px;
}
*/

#rice .box {
	width: 489px;
	text-align: left;
	margin: 0 0 5px 48px;
}
#rice .box span {
	display: block;
	width: 489px;
}
#rice .box p.title,
#rice .box2 p.title {
	text-align: left;
	color: #056101;
	padding: 0 3px 5px 0;
}
#rice .box p.caption {
	font-size: 12px;
	text-align: right;
	color: #111;
	padding: 0 3px 3px 3px;
}
#rice .box img {
	margin: 0 0 3px 0;
}

#rice .box2 {
	width: 530px;
	text-align: left;
	margin: 0 0 5px 48px;
}
#rice .box2 p.text {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
}
#rice .box2 p.W214 {
	width: 214px !important;
}

#rice .box2 p.text:after {/*for modern browser*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#rice .box2 p.text {
	min-height: 1px;	
	_overflow:visible;
	_height:1px;
	zoom:1;/*for IE 5.5-7*/
	/*display:inline-block;*/
}
* html #rice .box2 p.text { /*for IE -6*/
  height: 1px;
    /*for IE4,5*/
  /*\*//*/ 
  height: auto;
  overflow: hidden;
  /**/
}



#rice .box2 p.text img {
	margin: 0;
	padding: 0 10px 0 0;
}

/*-------------------------------------------------
  Rice Knack
-------------------------------------------------*/
#rice .knackList {
	background: #f0e6cd;
	width: 530px;
	margin: 0 0 0 28px;
	padding: 0 0 3px 0;	
}

#rice .knackList .colum {
	background: #fff;
	margin: 0 0 10px 0;
	padding: 0 0 1px 0;
}

#rice .knackList .colum p.text {
	margin: 5px 15px 5px 15px;
	padding: 7px 0px 7px 0;
}

#rice .knackList p.beige {
	background: #fffaf0;
	padding: 5px 15px 3px 10px;
	text-align: left;
	color: #236829;
}

/*
#rice .knackList p.beige span.knackTitle {
	display: block;
	background: url(/img/icon07.gif) no-repeat 0 5px;
	padding: 0 0 0 17px;
}
*/

/*-------------------------------------------------
  Rice illustration
-------------------------------------------------*/
#rice h4.subtitle3 {
	display: block;
	background: url(/common/img/icon06.gif) no-repeat 0 5px;
	font-size: 14px;
	margin: 0 23px 10px 28px;
	padding: 0 0 0 17px;
}
#rice h4.subtitle4 {
	display: block;
	font-size: 12px;
	margin: 0 23px 0 17px;
	padding: 0 0 0 17px;
}
#rice h4.subtitle5 {
	display: block;
	font-size: 12px;
	margin: 0 23px 0 17px;
	padding: 0 0 0 17px;
}


#rice .colum h5.subtitle {
	display: block;
	background: url(/common/img/icon07.gif) no-repeat 0 12px;
	font-size: 12px;
	color: #1E6414;
	margin: 0 15px 0 15px;
	padding: 7px 0 3px 17px;
	border-bottom: 1px dotted #007609;
}
#rice .colum h5.subtitle2 {
	display: block;
	background: url(/common/img/icon06.gif) no-repeat 0 11px;
	font-size: 12px;
	color: #1E6414;
	margin: 0 15px 0 15px;
	padding: 7px 0 3px 17px;
	border-bottom: 1px dotted #007609;
}

#rice .howtoList {
	background: #f0e6cd;
	width: 530px;
	margin: 0 0 0 28px;
	padding: 0 0 3px 0;	
}
#rice .howtoList .colum {
	background: #fff;
	margin: 0 0 10px 0;
	padding: 3px 0 1px 0;
}

#rice .howtoList .colum h5.solidBorder {
	border-bottom: 1px solid #007609;
}
#rice .howtoList .colum .text {
	margin: 5px 15px 5px 15px;
	padding: 7px 0px 7px 0;
}

#rice .howtoList .colum .text img.R {
	float: right;
	padding: 0 0 0 15px;
}

#rice .howtoList .colum .text ol {
	margin: 0;
	padding: 0;
}
#rice .howtoList .colum .text ol li {
	list-style-type: decimal;
	margin: 0 0 0 20px;
	_margin: 0 0 0 26px;
	padding: 0;
}

#rice .howtoList .colum .text p.note {
	padding-left: 1.7em;
	text-indent: -1.5em;
	_padding-left: 2.2em;
	_text-indent: -2em;
}
#rice .howtoList .colum .text p.note span {
	margin: 0 0 0 6px;
	_margin: 0 0 0 12px;
}

/*-------------------------------------------------
  Rice Culture
-------------------------------------------------*/
#rice .doNotList {
	background: #f0e6cd;
	width: 530px;
	margin: 0 0 0 28px;
	padding: 0 0 3px 0;	
}
#rice .doNotList .colum {
	background: #fff;
	margin: 0 0 10px 0;
	padding: 0 0 1px 0;
}

#rice .doNotList .colum h5.solidBorder {
	border-bottom: 1px solid #007609;
}
#rice .doNotList .colum .text {
	margin: 5px 15px 5px 15px;
	padding: 7px 0px 7px 0;
}

#rice .doNotList .colum .text img.R {
	float: right;
	padding: 0 0 0 15px;
}

#rice .doNotList .colum .text dl {
	width: 500px;
	margin: 0;
	padding: 0;
}

#rice .doNotList .colum .text dl dt {
	display: block;
	background: url(/img/rice/ten.gif) repeat-x 0 4px;
	float: left;
	width: 100px;
	margin: 0 0 0 0;
	padding: 0;
}
#rice .doNotList .colum .text dl dt span {
	display: inline;
	background: #fff;
	width: auto;
	margin: 0 0 0 16px;
	padding: 0 5px 0 0;
}
#rice .doNotList .colum .text dl dd {
	display: block;
	float: left;
	width: 395px;
	padding: 0 0 0 5px;
}

/*-------------------------------------------------
  Rice Management
-------------------------------------------------*/
.save_tbl {
	width:524px;
	margin-left:32px;
}

.save_tbl td {
	margin: 0px;
	padding: 0px;
	width:524px;
}
.tbl_back {
	background-image: url(/img/rice/table_middle_10.gif);
	background-repeat: repeat-y;
}
.tbl_txt {
	width:330px;
	padding-left:26px;
	float:left;
	font-size:11px;
}
.tbl_photo {
	width:131px;
	padding-left:26px;
	padding-top:5px;
	float:left;
}
.tbl2 {
	background-color: #d9d6d6;
	width: 100%;
	margin:0px;
	padding:0px;
}
.tbl2 tr {
	margin:0px;
	padding:0px;
}
.tbl2 td {
	margin:0px;
	padding:0px;
}
.tbl3 {
	background-color: #d9d6d6;
	width:488px;
	margin:0px;
	padding:0px;
}
.tbl3 tr {
	margin:0px;
	padding:0px;
}
.tbl3 td {
	margin:0px;
	padding:3px;
}
.cook_photo {
	margin: 0px;
	padding: 10px;
	width:160px;
	float: left;
}
.cook_txt {
	width: 345px;
	float: left;
	padding:10px 0px;
}
.shousai {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.menu_photo {
	float: left;
	background-image: url(/img/rice/menuphoto_bg_03.gif);
	background-repeat: no-repeat;
	height: 157px;
	width: 227px;
	margin-left:27px;
	_margin-left:14px;
}
.menu_photo img {
	padding-top: 4px;
	padding-left: 3px;
}
.menu_txt {
	width: 290px;
	float: left;
	margin-left:10px;
}
.menu_midashi {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 15px;
}
.menu_ttl {
	color: #009900;
	font-size: 14px;
	font-weight: bold;
	margin-left:25px;
}
.menu_tbl {
	width: 530px;
}
.menu_tbl td {
text-align:center;
}
.tbl_a {
	color: #FFFFFF;
	background-color: #4b9f00;
}
.tbl_b {
	color: #00;
	background-color: #ffffff;
}
.cook_number {
	margin-left: 40px;
}

.cook_number li {
	list-style:decimal;
}
.check {
	font-size: 10px;
	color: #FF0000;
	margin-left: 20px;
}

/*-------------------------------------------------
  2009/5/20 追加分
-------------------------------------------------*/
.rice_txt {
	float: left;
	width: 270px; /*!Update!*/
	margin: 0;
	padding: 0 10px 0 0;
}



/*----------------------------------------------------------------------------------
  !Update! 
------------------------------------------------------------------------------------*/
/*-------------------------------------------------
  Rice Transmission　
-------------------------------------------------*/
/*-------------------------------------------------
  Rice Nourishment　
-------------------------------------------------*/
/*-------------------------------------------------
  Rice Breakfast　
-------------------------------------------------*/
/*-------------------------------------------------
  Rice Iroiro　
-------------------------------------------------*/
/*-------------------------------------------------
  Rice Data_Random　
-------------------------------------------------*/
/*-------------------------------------------------
  Rice Quiz　
-------------------------------------------------*/
#rice dl.quizList,
#rice dl.quizList dt,
#rice dl.quizList dd {display:block;}

#rice dl.quizList {
	clear:both;
	margin: 0 0 20px 42px;
	line-height: 1.7;
	color: #1f4764;
}
#rice dl.quizList dt {
	width:510px;
	font-weight: 600;
}
#rice dl.quizList dd {
	width:auto;
	float:left;
	padding: 0 10px 0 0;
}

#rice p.displayAnswer {
	margin: 0 42px 0 42px;
	padding:10px 0 0 0;
	border-top: 1px dotted #1f4764;
}
#rice p.displayAnswer a {
	display: block;
	color: #d6313d;
	background: #ffeff1;
	border: #d6313d 1px solid;
	padding: 3px 0;
	text-align: center;
	text-decoration:none;
}
#rice p.disp a {width: 60px;}
#rice p.close a {width: 100px;}
#rice .answer {
	
}
#rice .answer p.text {
	margin: 0 0 0 42px;
	font-weight: 600;
	color: #d6313d;
}

/* -------- claearfix -------- */

#rice dl.quizList:after,
.clearfix:after {/*for modern browser*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#rice dl.quizList,
.clearfix {
	min-height: 1px;
	
	_overflow:visible;
	_height:1px;
	zoom:1;/*for IE 5.5-7*/
	/*display:inline-block;*/
}
* html #rice dl.quizList,
* html .clearfix { /*for IE -6*/
  height: 1px;
  
  /*for IE4,5*/
  /*¥*//*/ 
  height: auto;
  overflow: hidden;
  /**/
  
}
/* -------- claearfix end -------- */