@charset "utf-8";
/*
**  Vera Italia
**
**  COMMON.CSS
**
**  INDEX
**
**  [COMMON]
**
**  01 : @_RESET
**  02 : @_INIT
**  03 : @_BASE LAYOUT
**
**
*/

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

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_RESET                                                 ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* Please Do not alter anything! Thank you! */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, address, blockquote, pre, code, form, fieldset, legend, input, textarea, select, option, button, label, th, td, hr {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ffffff;
	color: #000000;
}

h1, h2, h3, h4, h5, h6, table, input, textarea, select, option, button {
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, address, blockquote, q, cite, caption, th, dfn, code, var, samp, kbd, em, strong {
	font-weight: normal;
	font-style: normal;
}

/* links
------------------------------*/

a {
	cursor: pointer;
	outline: 0;
}

:focus {
	outline: 0;
}

/* quotation
------------------------------*/

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* table
------------------------------*/

table {
	border-collapse: separate;
	border-spacing: 0;
}

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

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

caption, th {
	text-align: left;
}

/* misc
------------------------------*/

ol, ul {
	list-style: none;
}

a img, img {
	border: 0;
	vertical-align: bottom;
}

code, var, samp, kbd {
	font-family: monospace;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

abbr, acronym {
	border: 0;
} /* for firefox */

hr {
	display: none;
}

/* forms
------------------------------*/

fieldset {
	border: 0;
}

input, textarea, select, option, button, label {
	font-family: inherit;
	color: inherit;
}

input, textarea, select, option, button {
	vertical-align: baseline;
}

textarea {
	vertical-align: top;
}

* html legend {
	margin-left: -7px;
} /* for ie6 */

*:first-child+html legend {
	margin-left: -7px;
} /* for ie7 */

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_INIT                                                  ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/*------------------------------------------------------------
	font initial setting
------------------------------------------------------------*/

body {
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック", "メイリオ", Meiryo, sans-serif;
	font-size:12px;
	line-height:1;
	color:#666;
}

/* for ie6 */
* html body {
	font-family:"ＭＳ Ｐゴシック", "メイリオ", Meiryo, sans-serif;
	font-size: 75%; /* 12px */
}

/* for ie7 */
*:first-child+html body {
	font-family:"ＭＳ Ｐゴシック", "メイリオ", Meiryo, sans-serif;
	font-size:75%; /* 12px */
}

/* for ie8 */
.ie8 body {
	font-family:"ＭＳ Ｐゴシック", "メイリオ", Meiryo, sans-serif;
	font-size:75%; /* 12px */
}

/* link */
a:link {
	color:#0066cc;
	text-decoration: none;
	outline:none;
}

a:visited {
	color:#0066cc;
	text-decoration: none;
	outline:none;
}

a:hover {
	text-decoration: underline;
	outline:none;
}

a:active {
	text-decoration: underline;
	outline:none;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++                                                          ++
++  @_BASE LAYOUT                                           ++
++                                                          ++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

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

.group:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

* html .group {
	zoom:1;
} /* IE6 */

*:first-child+html .group {
	zoom:1;
} /* IE7 */

/*------------------------------------------------------------
	STRUCTURE
------------------------------------------------------------*/

/* Background
----------------------------------------------- */

html {
	height:100%;
	background-color:#900000;
}

body {
	background:#fbf7e3 url(../images/bg-pattern01.png) repeat center 0;
}

/* Header
----------------------------------------------- */

#header {
	background:url(../images/bg-header-topline.gif) repeat-x 0 top;
}

#header-inner {
	position:relative;
	width:950px;
	height:135px;
	margin:0 auto;
	background:url(../images/bg-header-italiamap.gif) no-repeat 43px 6px;
}

/* Pagebody
----------------------------------------------- */

#page-wrapper {
	background:url(../images/bg-footer-topline.gif) repeat-x 0 bottom;
}

#page-inner {
	width:950px;
	min-height:400px;
	height:auto !important;
	height:400px;
	margin:0 auto 3em auto;
}

/* Pagebody | Maincol
----------------------------------------------- */

#maincol {
	float:right;
	width:732px;
	margin:-1px;
	background-color:#f2eedb; /* drop shadow */
}

/* for ie6 */
* html #maincol {
	position:relative;
	zoom:1;
}

#contents {
	padding-bottom:29px;
	margin-bottom:-2px;
	min-height:200px;
	height:auto !important;
	height:200px;
}

/*
* html #contents {
  padding-bottom:0;
}

*:first-child+html #contents {
  padding-bottom:0;
}
*/

/* Pagebody | Subcol
----------------------------------------------- */

#subcol {
	float:left;
	width:202px;
	margin:0 -1px -1px -1px;
}

/* for ie6 */
* html #subcol {
	position:relative;
	zoom:1;
}

/* Footer
----------------------------------------------- */

#footer {
	background-color:#900000;
}

#footer-inner {
	position:relative;
	width:950px;
	min-height:220px;
	height:auto !important;
	height:220px;
	margin:0 auto;
	background:url(../images/bg-footer-italiamap.gif) no-repeat 25px top;
}

/*------------------------------------------------------------
	GENERAL
------------------------------------------------------------*/

/* frA | drop shadow box
----------------------------------------------- */

.frA-head, .frA-foot {
	width:100%;
	height:1px;
	background:url(../images/bg-frame-a-01.gif) repeat-x 0 0;
}

.frA-head span, .frA-foot span {
	display:block;
	height:1px;
	background:url(../images/bg-frame-a-02.gif) no-repeat 0 right;
}

/* for ie6 */
*html .frA-head span, *html .frA-foot span {
	font-size:0;
	line-height:1;
	zoom:1;
}

/* for ie7 */
*:first-child+html .frA-head span, *:first-child+html .frA-foot span {
	font-size:0;
	line-height:1;
	zoom:1;
}

.frA-body {
	margin:0 1px;
	background-color:#fff;
	border:1px solid #dcd5c5;
}

/*------------------------------------------------------------
	HEADER
------------------------------------------------------------*/

/* Logo
----------------------------------------------- */

#logo {
	position:absolute;
	top:56px;
	left:1px;
}

/* Global Nav
----------------------------------------------- */

#gnav {
    height:60px;
    padding-right:260px;
	position:absolute;
	background:url(../images/img-telinfo.jpg) no-repeat right center;
	top:55px;
	right:0;
}

#gnav li {
	float:left;
	padding-top:10px;
}

/* Courtesy Nav
----------------------------------------------- */

#cnav {
	position:absolute;
	top:15px;
	right:0;
}

#cnav li {
	float:left;
	margin-left:20px;
	font-size:11px;
}

#cnav li a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
}

/*------------------------------------------------------------
	MAINCOL
------------------------------------------------------------*/

/* Topic Path
----------------------------------------------- */

#topic-path {
	padding-top:6px;
	padding-bottom:5px;
	padding-left:10px;
	font-size:91.7%;
	line-height:1.6;
	background-color:#f4f1e7;
}

#topic-path li {
	float:left;
}

#topic-path li {
	margin-right:8px;
	padding-right:14px;
	background:url(../images/topic-path.gif) no-repeat right center;
}

#topic-path li:last-child {
	background:none;
}

/* for mac */
.mac #topic-path {
	font-size:10px;
}

/* Pagetop
----------------------------------------------- */

#pagetop {
	width:950px;
	height:27px;
	margin:0 auto;
	font-size:10px;
	text-align:right;
}

#pagetop a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
}

/*------------------------------------------------------------
	SUBCOL
------------------------------------------------------------*/

#snav-entry, #snav-category, #snav-recipe, #snav-about, #snav-hotseller, #snav-popular {
	margin-bottom:8px;
}

/* snav Entry
----------------------------------------------- */

#snav-entry li {
	margin-bottom:5px;
}

#snav-entry li:last-child {
	margin-bottom:0;
}

#snav-entry li a:hover img {
	opacity:0.75;
	filter:alpha(opacity=75);
}

/* snav COMMON
----------------------------------------------- */

.snav-frA {
	width:202px;
	margin:-1px;
	background-color:#f2eedb;
}

* html .snav-frA {
	position:relative;
	zoom:1;
}

.snav-frA h3.ttl-snav {
	margin-bottom:7px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

.snav-frA ul {
	margin:0 9px 7px 9px;
}

* html .snav-frA ul {
	margin:0 0 7px 9px;
	padding-right:3px;
}

.snav-frA ul li {
	margin-bottom:1px;
	padding-left:10px;
	line-height:1.8;
	background-repeat:no-repeat;
	background-position:0 0.7em;
}

/* snav Ranking - Common
----------------------------------------------- */

.snav-frA dl {
	position:relative;
	width:180px;
	margin-bottom:8px;
	padding:0 9px 7px 9px;
	background-color:#fff;
	border-bottom:1px solid #e9e3cf;
}

.snav-frA dl:last-child {
	margin-bottom:0;
	padding-bottom:8px;
	border:none;
}

.snav-frA span.icon-rank {
	position:absolute;
	top:0;
	left:9px;
}

.snav-frA dt {
	float:left;
	display:block;
	width:48px;
	height:48px;
	border:1px solid #dcd5c5;
}

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

.snav-frA dd {
	float:right;
	width:121px;
	line-height:1.4;
}

.snav-frA p.name {
	margin-bottom:3px;
	font-size:100%; /* 12px */
}

.snav-frA p.cate {
	margin-bottom:3px;
	font-size:91.7%; /* 11px */
}

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

/* for ff2 */

.firefox2 .snav-frA p.cate {
	font-size:10px;
}

.firefox2 .snav-frA p.price {
	font-size:10px;
}

/* for mac */

.mac .snav-frA p.cate {
	font-size:10px;
}

.mac .snav-frA p.price {
	font-size:10px;
}

/* snav Popularity Ranking
----------------------------------------------- */

#snav-popular ul li {
	background-image:url(../images/icon-arrow-xsmall-red.gif);
}

/* snav Hot Seller Ranking
----------------------------------------------- */

#snav-hotseller ul li {
	background-image:url(../images/icon-arrow-xsmall-red.gif);
}

/* snav Category
----------------------------------------------- */

#snav-category ul li {
	padding:6px 0;
	border-bottom:solid 1px #DCD4C4;
}

/* for ie6 */
* html #snav-category ul li {
	zoom:1;
}

#snav-category ul li ul{
	margin:8px 0 0 0;
}

#snav-category ul li li{
	margin:8px 0 0 0;
	padding:8px 0 0 0;
	line-height:1;
	border:none;
	background:url(../images/line_break.gif) repeat-x;
}

#snav-category ul li li a{
	padding:0 0 0 8px;
	background:url(../images/icon-arrow-xsmall-red.gif) no-repeat 0 3px;
}

#snav-category ul li.first {
	padding-top:0;
}

#snav-category ul li.last {
	padding-bottom:0;
	border:none;
}

#snav-category ul li a:hover img {
	opacity:0.75;
	filter:alpha(opacity=75);
}


/* snav Recipe
----------------------------------------------- */

#snav-recipe ul li {
	background-image:url(../images/icon-arrow-xsmall-green.gif);
}

/* for ie6 */
* html #snav-recipe ul li {
	zoom:1;
}

/* snav About
----------------------------------------------- */
#snav-about ul li {
	background-image:url(../images/icon-arrow-xsmall-brown.gif);
}

/* for ie6 */
* html #snav-about ul li {
	zoom:1;
}

/* snav Mobile
----------------------------------------------- */

#snav-mobile h3.ttl-snav {
	margin-bottom:5px;
	padding-bottom:3px;
}

#snav-mobile .wrap {
	margin:0 14px 9px 9px;
	padding-top:6px;
	border-top:1px solid #dfd6b9;
}

#snav-mobile .lcol {
	float:left;
	width:125px;
	font-size:91.7%; /* 11px */
	line-height:1.4;
}

#snav-mobile .rcol {
	float:right;
	width:50px;
	padding-top:2px;
}

#snav-mobile p.url {
	margin-bottom:0.3em;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size:12px;
	color:#ce2b37;
}

/* for ie6 */
* html #snav-mobile .wrap {
	margin-bottom:0;
	padding-bottom:9px;
}

/* for ie7 */
*:first-child+html #snav-mobile .wrap {
	margin-bottom:0;
	padding-bottom:9px;
}

/* for ff2 */
.firefox2 #snav-mobile .lcol {
	font-size:10px;
}

/* for mac */
.mac #snav-mobile .lcol {
	font-size:10px;
}

/* snav banner
----------------------------------------------- */

.snav-banner {
	margin-bottom:8px;
}

.snav-banner a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
}

/* snav link | Active
----------------------------------------------- */

#snav-category li.active a {
	font-weight:bold;
	color:#ce2b37;
}

#snav-recipe li.active a {
	font-weight:bold;
	color:#008213;
}

#snav-about li.active a {
	font-weight:bold;
	color:#aa9553;
}

/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/

#logo-footer {
	position:absolute;
	top:22px;
	left:0;
}

#copyright {
	position:absolute;
	top:55px;
	left:-1px;
}

/* link */
#footer-nav a:link {
	color:#fff;
	text-decoration: none;
	outline:none;
}

#footer-nav a:visited {
	color:#fff;
	text-decoration: none;
	outline:none;
}

#footer-nav a:hover {
	text-decoration: underline;
	outline:none;
}

#footer-nav a:active {
	text-decoration: underline;
	outline:none;
}

#footer-nav {
	position:relative;
	top:21px;
	left:206px;
	width:743px;
}

#footer-nav h3.ttl-fnav {
	margin-bottom:1em;
	padding-bottom:9px;
	border-bottom:1px solid #a63333;
	font-size:10px;
}

#footer-nav ul li {
	margin-bottom:0.9em;
	font-size:83.4%; /* 10px */
	line-height:1.4;
}

.firefox2 #footer-nav ul li {
	font-size:10px;
}

#fnav-goods {
	float:left;
	width:291px;
	margin-right:10px;
}

#fnav-goods ul.lcol {
	float:left;
	width:135px;
	margin-right:20px;
}

#fnav-goods ul.rcol {
	float:left;
	width:135px;
}

#fnav-info {
	float:left;
	width:140px;
	margin-right:10px;
}

#fnav-support {
	float:left;
	width:140px;
	margin-right:10px;
}

#fnav-others {
	float:left;
	width:140px;
}

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

.stateCook {
	font-size: 100%;
	line-height: 1.4;
    margin: 19px 19px 20px;
    padding-bottom: 10px;
}

.expCook {
	font-size: 100%;
	line-height: 1.4;
    margin: 19px 19px 20px;
    padding-bottom: 10px;
}