@charset "utf-8";
/*
**  Vera Italia
**
**  WP.CSS
**
**
**  XX : @_GENERAL
**  XX : @_Elio's Italian Recipe
**  XX : @_About Vera Italia
**  XX : @_FAQ
**  XX : @_NEWS
**
*/

/*
**  FONT SIZE CHEAT
**  
**  16px : 133.4%
**  15px : 125%%
**  14px : 116.7%
**  13px : 108.4%
**  12px : 100%
**  11px : 91.7%
**  10px : 83.4%
**
*/

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_GENERAL                                               ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*------------------------------------------------------------
	Clearfix
------------------------------------------------------------*/

#contents:after,
#maincnt:after,
#rbox-recipe div:after,
#rbox-article div:after,
#social-media:after,
.aside-a dl:after,
.aside-b dl:after,
.aside-c dl:after,
.section-img:after,
.section:after,
.recipe-category-top:after,
.supplier-top:after,
.pc-top:after,
.about-top:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #contents,
* html #maincnt,
* html #rbox-recipe div,
* html #rbox-article div,
* html #social-media,
* html .aside-a dl,
* html .aside-b dl,
* html .aside-c dl,
* html .section-img,
* html .section,
* html .recipe-category-top,
* html .supplier-top,
* html .pc-top,
* html .about-top {
	zoom: 1;
}/* IE6 */

*:first-child+html #contents,
*:first-child+html #maincnt,
*:first-child+html #rbox-recipe div,
*:first-child+html #rbox-article div,
*:first-child+html #social-media,
*:first-child+html .aside-a dl,
*:first-child+html .aside-b dl,
*:first-child+html .aside-c dl,
*:first-child+html .section-img,
*:first-child+html .section,
*:first-child+html .recipe-category-top,
*:first-child+html .supplier-top,
*:first-child+html .pc-top,
*:first-child+html .about-top {
	zoom: 1;
}/* IE7 */

/*------------------------------------------------------------
	Column
------------------------------------------------------------*/

.lay-1col #maincnt {
	width:690px;
	margin:0 19px;
}

.lay-2col #maincnt {
	float:left;
	width:481px;
	margin-left:19px;
	padding-right:19px;
	border-right:1px solid #edeae2;
}

.lay-2col #contents { 
  margin-bottom:0;
  background: url(../images/bg-lay2col-line.gif) no-repeat 0 bottom;
}

.lay-2col #subcnt {
  float:right;
  width:170px;
  margin-right:19px;
  margin-left:-1px;
  padding-left:19px;
  border-left:1px solid #edeae2;
}

* html .lay-2col #maincnt,
* html .lay-2col #subcnt {
	display:inline;
}

/*------------------------------------------------------------
	HEADINGS
------------------------------------------------------------*/

/* ttl-a
----------------------------------------------- */

.ttl-a {
	margin:0 0 24px 0;
}

/* ttl-b
----------------------------------------------- */

.ttl-b {
	margin:19px 19px 24px 19px;
	padding-bottom:0.5em;
	font-size:166.6%; /* 20px */
	font-weight:bold;
	line-height:1.4;
	background:url(../images/line-h1.gif) repeat-x 0 bottom;
}

.ttl-bs {
	margin:19px 19px 20px 19px;
	padding-bottom:10px;
	font-size:133.3%; /* 16px */
	font-weight:bold;
	line-height:1.4;
	background:url(../images/line-h1.gif) repeat-x 0 bottom;
}

#maincnt .ttl-b, #maincnt .ttl-bs {
	margin:0 0 20px 0;
}

/* ttl-c
----------------------------------------------- */

.ttl-c {
	margin:0 0 12px 0;
	padding-bottom:0.3em;
	font-size:166.6%; /* 20px */
	font-weight:bold;
	line-height:1.4;
	border-bottom:1px solid #dcd5c5;
}

/* ttl-d
----------------------------------------------- */

.ttl-d {
	margin:0 0 12px 0;
	padding-bottom:0.3em;
	font-size:100%; /* 16px */
	font-weight:bold;
	line-height:1.4;
	color:#aa9553;
	border-bottom:1px solid #edeae2;
}

/* ttl-e
----------------------------------------------- */

.ttl-e dl {
	display:inline-block;
	width:100%;
	margin:0 0 20px 0;
	padding-bottom:0.3em;
	font-size:133.3%; /* 16px */
	font-weight:bold;
	line-height:1.4;
	border-bottom:1px solid #edeae2;
	overflow:hidden;
}

.ttl-e dt {
	display:table-cell;
	white-space:nowrap;
	color:#aa9553;
	padding-right:1em;
}

.ttl-e dd {
	display:table-cell;
	text-align:left;
}

.ie8 .ttl-e dt {
	width:8.5em;
}

*:first-child+html .ttl-e dt {
	float:left;/*  width:8.5em; */
}

*:first-child+html .ttl-e dd {
	float:left;
}

* html .ttl-e dt {
	float:left;/*  width:8.5em; */
}

* html .ttl-e dd {
	float:left;
}

/* ttl-f
----------------------------------------------- */

.ttl-f dl {
	display:table;
	width:100%;
	margin:0 0 12px 0;
	padding-bottom:0.3em;
	border-bottom:1px solid #edeae2;
	overflow:hidden;
}

.ttl-f dt {
	display:table-cell;
	font-size:100%; /* 12px */
	font-weight:bold;
	line-height:1.4;
	color:#aa9553;
}

.ttl-f dd {
	width:150px;
	padding-left:2em;
	display:table-cell;
	vertical-align:bottom;
	text-align:right;
}

.ttl-f dd a {
	padding-left:8px;
	font-size:100%; /* 10px */
	line-height:1.8;
	background:url(../images/icon-arrow-xsmall-green.gif) no-repeat 0 0.3em;
}

*:first-child+html .ttl-f dt {
	float:left;
}

*:first-child+html .ttl-f dd {
	float:right;
}

* html .ttl-f dt {
	float:left;
}

* html .ttl-f dd {
	float:right;
}

/* ttl-g
----------------------------------------------- */

.ttl-g {
	margin:0 0 20px 0;
	padding-bottom:0.3em;
	font-size:116.6%; /* 14px */
	font-weight:bold;
	line-height:1.4;
	color:#aa9553;
	border-bottom:1px solid #edeae2;
}

/*------------------------------------------------------------
	maincnt
------------------------------------------------------------*/

/* section
----------------------------------------------- */

.section-post {
	margin-bottom:2em;
}

.section-post h2, .section-post h3 {
	padding-bottom:10px;
	font-weight:bold;
	color:#aa9553;
	line-height:1.4;
}

.section-post p {
	padding-bottom:2em;
	line-height:2;
}

.section-post p img {
	margin:0.5em 0;
}

.section-post p:last-child {
	padding-bottom:0;
}

.section-post ol {
	margin-bottom:1em;
}

.section-post ol li {
	list-style: decimal;
	margin-left:1.5em;
	margin-bottom:0.8em;
	line-height:2;
}

.section-post ul {
	margin-bottom:1em;
}

.section-post ul li {
	list-style: circle;
	margin-left:1em;
	margin-bottom:0.8em;
	line-height:2;
}

.section-post strong{
	font-weight:bold;	
}

.section-post em{
	font-style:italic;	
}

.section-post .size14{
	font-size:14pt;
}

.section-post .size16{
	font-size:16pt;
}

.section-post .size20{
	font-size:20pt;
}


/* wordpress img controll
----------------------------------------------- */

.alignleft{
	float:left;
	margin-right:16px!important;
}

.alignright{
	float:right;
	margin-left:16px!important;
}


/* section-img
----------------------------------------------- */

.section-img {
	margin-bottom:2em;
}

.section-img h2, .section-img h3 {
	padding-bottom:10px;
	font-weight:bold;
	color:#aa9553;
	line-height:1.4;
}

.section-img div.img {
	float:left;
	width:146px;
	margin-top:0.5em;
}

.section-img div.txt {
	float:right;
	width:312px;
}

.section-img:nth-of-type(even) div.img {
 float:right;
}

.section-img:nth-of-type(even) div.txt {
 float:left;
}

.section-img.right div.img {
	float:right;
}

.section-img.right div.txt {
	float:left;
}

.section-img div.txt p {
	padding-bottom:1em;
	line-height:2;
}

.section-img div.txt p:last-child {
	padding-bottom:0;
}

.section-img ol {
	margin-bottom:1em;
}

.section-img ol li {
	list-style: decimal;
	margin-left:2em;
	margin-bottom:0.8em;
	line-height:2;
}

/* body class="lay-1col" */
.lay-1col .section-img div.img {
	float:left;
	width:216px;
	margin-top:0.5em;
}

.lay-1col .section-img div.txt {
	float:right;
	width:451px;
}

.lay-1col .section-img div.txt h2, .lay-1col .section-img div.txt h3 {
	margin-top:0.5em;
}

.lay-1col .section-img.right div.img {
	float:right;
}

.lay-1col .section-img.right div.txt {
	float:left;
}

/* section-l & section-r
----------------------------------------------- */

.section-l, .section-r {
	border-bottom:none;
}

.section-l {
	float:left;
}

.section-r {
	float:right;
}

.section-l div.img, .section-r div.img {
	float:left;
}

.section-l div.txt, .section-r div.txt {
	float:right;
}

.section-l div.txt p, .section-r div.txt p {
	padding-bottom:0.7em;
	line-height:1.6;
}

.section-l div.txt p:last-child, .section-r div.txt p:last-child {
	padding-bottom:0;
}

.section-l ul li a, .section-r ul li a {
	padding-left:8px;
	background:url(../images/icon-arrow-xsmall-green.gif) no-repeat 0 0.3em;
}

/*------------------------------------------------------------
	Related Box
------------------------------------------------------------*/

#rbox-recipe, #rbox-article {
	border:1px solid #dcd5c5;
}

#rbox-recipe h3, #rbox-article h3 {
	margin:-1px -1px 15px -1px;
	padding:3px 0 5px 9px;
	background-color:#b7a260;
}

#rbox-recipe div, #rbox-article div {
	padding:0 19px 15px 19px;
}

#rbox-recipe dl, #rbox-article dl {
	float:left;
	width:213px;
	margin-right:15px;
	margin-bottom:15px;
}

#rbox-recipe dl:nth-child(2n), #rbox-article dl:nth-child(2n) {
 margin-right:0;
}

#rbox-recipe dl:nth-last-child(1), #rbox-recipe dl:nth-last-child(2), #rbox-article dl:nth-last-child(1), #rbox-article dl:nth-last-child(2) {
 margin-bottom:0;
}

#rbox-recipe dl dt {
	float:left;
	display:block;
	width:48px;
	height:48px;
	border:1px solid #edeae2;
}

#rbox-recipe dl dd {
	float:right;
	width:156px;
	line-height:1.4;
}

#rbox-article dl dt {
	margin-bottom:0.5em;
	padding-left:17px;
	background:url(../images/icon-doc.gif) no-repeat 0 0.1em;
	line-height:1.4;
}

#rbox-article dl dd {
	font-size:100%; /* 10px */
	line-height:1.6;
}

/* for firefox */
.gecko #rbox-recipe dl:nth-last-child(1),
.gecko #rbox-recipe dl:nth-last-child(2),
.gecko #rbox-article dl:nth-last-child(1),
.gecko #rbox-article dl:nth-last-child(2) {
	margin-bottom:15px;
}

.gecko #rbox-recipe div,
.gecko #rbox-article div {
	padding:0 0 0 19px;
}

/* for safari3 */
.safari3 #rbox-recipe div,
.safari3 #rbox-article div {
	padding:0 0 0 19px;
}

/*------------------------------------------------------------
	Social Media
------------------------------------------------------------*/

#social-media {
	margin-top:3em;
	padding:4px 0 4px 2px;
	border-top:1px solid #dcd5c5;
	border-bottom:1px solid #dcd5c5;
}

#social-media li {
	float:left;
	margin-right:6px;
}

/*------------------------------------------------------------
	subcnt | aside
------------------------------------------------------------*/

.aside-a, .aside-b, .aside-c {
	margin-bottom:35px;
}

.aside-a h3, .aside-b h3, .aside-c h3 {
	margin-bottom:11px;
	padding-bottom:8px;
	border-bottom:1px solid #dcd5c5;
	font-size:11px;
}

/* aside-a
----------------------------------------------- */

.aside-a dl {
	width:170px;
	margin-bottom:13px;
	padding:0 0 11px 0;
	background:url(../images/line-brokenline-01.gif) repeat-x 0 bottom;
}

.aside-a dl dt {
	float:left;
	display:block;
	width:48px;
	height:48px;
	border:1px solid #edeae2;
}

.aside-a dl dt a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
}

.aside-a dl dd {
	float:right;
	width:111px;
	line-height:1.4;
}

.aside-a dl p.name {
	margin-bottom:3px;
	font-size:100%; /* 12px */
}

.aside-a dl p.star {
	margin-bottom:8px;
}

.aside-a dl p.price {
	font-size:91.7%; /* 11px */
	font-weight:bold;
	line-height:1.1;
	color:#ce2b37;
}

/* aside-b
----------------------------------------------- */

.aside-b dl {
	margin-bottom:13px;
	padding:0 0 11px 0;
	background-color:#fff;
	background:url(../images/line-brokenline-01.gif) repeat-x 0 bottom;
}

.aside-b dl dt {
	margin-bottom:0.5em;
	padding-left:17px;
	background:url(../images/icon-doc.gif) no-repeat 0 0.1em;
	line-height:1.4;
}

.aside-b dl dd {
	line-height:1.4;
}

/* aside-c
----------------------------------------------- */

.aside-c ul {
	padding-left:20px;
}

.aside-c ul li {
	margin-left:-20px;
	margin-bottom:13px;
	padding-left:10px;
	padding-bottom:11px;
	line-height:1.4;
	background:url(../images/line-brokenline-01.gif) repeat-x 0 bottom;
}

.aside-c ul li a {
	display:block;
	margin-left:-10px;
	padding-left:10px;
	background:url(../images/icon-arrow-xsmall-brown.gif) no-repeat 0 0.35em;
}

.aside-c ul li.active a {
	font-weight:bold;
	color:#aa9553;
}

/* for ie6 */
* html .aside-c ul li {
	zoom:1;
}

* html .aside-c ul li a {

	zoom:1;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_Elio's Italian Recipe                                 ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*------------------------------------------------------------
	Elio's Italian Recipe | TOP
------------------------------------------------------------*/

.recipe-top {
	margin-bottom:30px;
}

.recipe-top .section-l, .recipe-top .section-r {
	width:335px;
}

.recipe-top .section-l div.img, .recipe-top .section-r div.img {
	width:100px;
}

.recipe-top .section-l div.txt, .recipe-top .section-r div.txt {
	width:222px;
}

.recipe-top .section-l h3, .recipe-top .section-r h3 {
	margin-bottom:6px;
	padding-left:8px;
	font-weight:normal;
	color:#0066cc;
	line-height:1.4;
	background:url(../images/icon-arrow-xsmall-green.gif) no-repeat 0 0.5em;
}

/*------------------------------------------------------------
	Elio's Italian Recipe | Category TOP
------------------------------------------------------------*/

.recipe-category-top {
	margin-bottom:15px;
	padding-bottom:14px;
	border-bottom:1px solid #edeae2;
}

.recipe-category-top h3 {
	margin-bottom:6px;
	color:#0066cc;
	line-height:1.4;
	padding-left:8px;
	background:url(../images/icon-arrow-xsmall-green.gif) no-repeat 0 0.5em;
}

.recipe-category-top div.img {
	float:left;
	width:100px;
}

.recipe-category-top div.txt {
	float:right;
	width:358px;
}

.recipe-category-top div.txt p {
	padding-bottom:0.5em;
	line-height:1.6;
}

.recipe-category-top div.txt p:last-child {
	padding-bottom:0;
}

.recipe-category-top ul li a {
	padding-left:8px;
	background:url(../images/icon-arrow-xsmall-green.gif) no-repeat 0 0.3em;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_About Vera Italia                                     ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*------------------------------------------------------------
	About Vera Italia | TOP
------------------------------------------------------------*/

.about-top {
	margin-bottom:20px;
	padding-bottom:21px;
	background:url(../images/line-brokenline-01.gif) repeat-x 0 bottom;
}

* html .about-top {
	padding-bottom:5px;
}

*:first-child+html .about-top {
	padding-bottom:5px;
}

.about-top .section-l, .about-top .section-r {
	width:335px;
}

.about-top .section-l div.img, .about-top .section-r div.img {
	width:100px;
}

.about-top .section-l div.txt, .about-top .section-r div.txt {
	width:217px;
}

.about-top .section-l div.txt p, .about-top .section-r div.txt p {
	margin-top:-0.3em;
	line-height:1.6;
	*zoom:1;
}

.about-top .section-l h3, .about-top .section-r h3 {
	margin:0 0 2px 0;
	font-size:116.7%; /* 14px */
	line-height:1.1;
	color:#aa9553;
}

.about-top .section-l ul li a,
.about-top .section-r ul li a {
	background:url(../images/icon-arrow-xsmall-brown.gif) no-repeat 0 0.3em;
}

/*------------------------------------------------------------
	About Vera Italia | AUTHENTIC ITALIAN FOOD
------------------------------------------------------------*/

/*------------------------------------------------------------
	About Vera Italia | ELIO & STAFF
------------------------------------------------------------*/

/*------------------------------------------------------------
	About Vera Italia | PRODUCTION CENTER
------------------------------------------------------------*/

/* Suppliers | TOP
----------------------------------------*/
.pc-top {
	margin-bottom:20px;
	padding-top:21px;
	border-top:1px solid #edeae2;
}

.pc-top .section-l, .pc-top .section-r {
	width:335px;
}

.pc-top .section-l div.txt p, .pc-top .section-r div.txt p {
	line-height:2;
}

.pc-top .section-l h3, .pc-top .section-r h3 {
	margin:0 0 10px 0;
	font-size:100%; /* 12px */
	font-weight:bold;
	line-height:1.1;
	color:#aa9553;
}
/*------------------------------------------------------------
	About Vera Italia | SUPPLIERS
------------------------------------------------------------*/

/* Suppliers | TOP
----------------------------------------*/
.supplier-top {
	margin-top:20px;
	margin-bottom:20px;
	padding-top:21px;
	background:url(../images/line-brokenline-01.gif) repeat-x 0 top;
}

.supplier-top .section-l, .supplier-top .section-r {
	width:335px;
}

.supplier-top .section-l div.txt p, .supplier-top .section-r div.txt p {
	line-height:1.6;
}

.supplier-top .section-l h3, .supplier-top .section-r h3 {
	margin:0 0 6px 0;
	padding-left:8px;
	font-size:100%;
	line-height:1.6;
	background:url(../images/icon-arrow-xsmall-brown.gif) no-repeat 0 0.5em;
}

/*------------------------------------------------------------
	About Vera Italia | COMPANY
------------------------------------------------------------*/

/* Company Outline table
----------------------------------------*/

table.outline {
	width:100%;
	border-top:1px solid #edeae2;
	border-bottom:1px solid #edeae2;
}

/* for ie6 */
* html table.outline {
	border-collapse: collapse;
}

/* for ie7 */
*:first-child+html table.outline {
	border-collapse: collapse;
}

table.outline th, table.outline td {
	padding:1em 0;
	vertical-align:top;
	line-height:1.4;
}

table.outline th {
	width:107px;
	background:url(../images/line-brokenline-01.gif) repeat-x 0 bottom;
	white-space: nowrap;
}

table.outline td {
	width:583px;
	background:url(../images/line-brokenline-01.gif) repeat-x 1px bottom;
}

table.outline tr:last-child th, table.outline tr:last-child td {
	background: none;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_FAQ                                                   ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* faq anchor
----------------------------------------*/

#faq-anchor {
	margin-bottom:2em;
}

#faq-anchor .anchor {
	padding-bottom:20px;
}

#faq-anchor .anchor h2 {
	margin-bottom:10px;
	font-weight:bold;
	line-height:1.4;
	color:#aa9553;
}

#faq-anchor .anchor ul {
	font-size:100%; /* 12px */
}

#faq-anchor .anchor ul li {
	padding:0 0 5px 2.5em;
	line-height:2;
	text-indent:-1.5em;
	background:url(../images/icon-anchor-xsmall-red.gif) no-repeat 0 0.9em;
}

#faq-anchor .anchor ul li span {
	font-weight:bold;
	color:#0066cc;
}

#faq-anchor .anchor ul li:last-child {
	padding-bottom:0;
}

/* faq answer
----------------------------------------*/

.faq-answer {
	margin-bottom:2em;
}

.faq-answer h2 {
	margin:0 0 20px 0;
	padding-bottom:0.3em;
	font-size:116.7%; /* 14px */
	font-weight:bold;
	line-height:1.4;
	color:#aa9553;
	border-bottom:1px solid #edeae2;
}

.faq-answer .answer {
	margin-bottom:20px;
}

.faq-answer .answer h3 {
	padding-left:1.5em;
	padding-bottom:10px;
	font-weight:bold;
	text-indent:-1.5em;
	line-height:2;
}

.faq-answer .answer h3 span {
	font-weight:bold;
}

.faq-answer .answer p {
	padding:0;
	line-height:2;
}

.faq-answer .answer ul {
	margin-top:10px;
}


/* for WinIE6*/
* html .faq-answer .answer ul {
	padding-left:4px;
}

/* for WinIE7*/
*:first-child+html .faq-answer .answer ul { 
	padding-left:4px;
}

.faq-answer .answer li {
	margin-bottom:0;
}


/* Related Link
----------------------------------------*/

.relatedLink{
	padding-bottom:16px;
	border-bottom:solid 1px #EDEAE2;
}

.relatedLink h2{
	padding-bottom:4px;
	padding-left:8px;
	font-weight:normal;
	background:url(../images/icon-arrow-xsmall-brown.gif) no-repeat 0 0.5em;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_NEWS                                                  ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.newslist {
	width:690px;
	margin-bottom:15px;
	padding-bottom:16px;
	background: url(../images/line-brokenline-01.gif) repeat-x 0 bottom;
	overflow:hidden;
}

.newslist div.img {
	float:left;
	width:100px;
}

.newslist div.txtbody {
	float:right;
	width:570px;
	line-height:1.8;
}

.newslist h2 {
	margin-bottom:0.5em;
}

.newslist h2 span {
	padding-right:1em;
	color:#aa9553;
}

.newslist h2 a {
	padding-left:8px;
	background:url(../images/icon-arrow-xsmall-red.gif) no-repeat 0 0.3em;
}