@charset "UTF-8";

html {
	color: #707050;
	overflow-y: scroll; /*---縦スクロールバー---*/
	background-color: #fff;
}

/*--- ブラウザ間の文字サイズ統一テンプレート 他でbody要素にfont-size指定すると無効---*/
body,textarea {
	font: 13px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3',　'メイリオ', 'MS Pゴシック', arial,helvetica,verdana,clean,sans-serif;
	font-size: small\9; /* IE8 and below */
	*font-size: small; /* IE7 and below */
	letter-spacing: 1px;
	line-height: 1.37;
	margin-bottom:1px;
}

select,input,button,button　{
	font:　99% arial,helvetica,clean,sans-serif;
	}
table　{
	font-size:　inherit;
	font:　100%;
	}
pre,code,kbd,samp,tt　{
	font-family:　monospace;
	*font-size:　108%;
	line-height:　1;
	}
	


.10px { font-size: 77%; }
.11px { font-size: 85%; }
.12px { font-size: 93%; }
.13px { font-size: 100%; }
.14px { font-size: 108%; }
.15px { font-size: 116%; }
.16px { font-size: 123.1%; }
.18px { font-size: 138.5%; }
.20px { font-size: 153.9%; }






a,
a:visited {
	text-decoration: none;
	border-bottom: dotted 1px;
	color: #1188aa;
}
/* delate dot boader of link for New Mozilla \*/
a {
	overflow: hidden; 
}

a:hover,
a:active {
	text-decoration: none;
	color: #880033;
}

a.no_border,
a:visited.no_border,
a:hover.no_border,
a:active.no_border {
    border: 0;
}

a[target="_blank"]{
   background: transparent url("../img/link.gif") center right no-repeat;
   padding-right: 17px;
}

.b {
   font-weight: bold;
}

.nowrap {
   white-space: nowrap;
}



/*  #container
------------------------------------------------------------------------*/
#container {
   width: 1100px;
   margin: 0 auto;
}



/*  #header
------------------------------------------------------------------------*/
#header {
   padding: 0 0 10px 10px;
}

#header img {
   float: left;
   padding: 0 10px 0 0;
}
#header img a {
   border: 0;
}

#header ul#topicpath {
   float: left;
   margin: 0;
   padding: 0;
}

#header ul#topicpath li {
   float: left;
   height: 50px;
   padding: 0 7px;
   border-top: 10px solid #efefda;
   line-height: 21px;
}
#header ul#topicpath li a {
   height: 50px;
   display: block;
   border: 0;
   padding: 0 15px 0 0;
   background: transparent url(../img/path.gif) top right no-repeat;
}

/*  #headnav
------------------------------------------------------------------------*/
#header #headnav {
   width: 300px;
   float: right;
}
#header #headnav ul li {
   float: left;
   height: 60px;
   width: 70px;
   line-height: 21px;
   text-align: center;
   letter-spacing: 0;
}
#header #headnav ul li a {
   height: 50px;
   width: 60px;
   margin-right: 10px;
   display: block;
   border-top: 10px solid #ccccb0;
   border-bottom: 0;
   background: #fff;
}
#header #headnav ul li a.s {
	border-top: 10px solid #efefda;
}



/*  #contents
------------------------------------------------------------------------*/
#contents {
   width: 780px;
   float: left;
   padding-bottom: 10px;
   border-right: 10px solid #fff;
   border-left: 10px solid #fff;
}

#contents p {
   padding: 0 10px;
}

/*  top_
------------------------------------------------------------------------*/
#top_img {
	position: relative;
	padding-bottom: 10px;
}

#topimg {
   width: 100%;
   padding-bottom: 10px;
}
#topimg img {
   float: left;
   padding-right: 10px;
}
#topimg #news {
   float: right;
   width: 380px;
   padding-right: 10px;
}

#topimg h1 {
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   margin-bottom: 1px;
   border: 1px solid #ccccb0;
   background-color: #efefda;
}
#topimg h2 {
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   margin-bottom: 1px;
   margin-top: 12px;
   border: 1px solid #efefda;
   background-color: #efefda;
}
#topimg p {
   padding-top: 7px;
   padding-bottom: 7px;
   margin-bottom: 1px;
   border: 1px dotted #ccccb0;
   background-color: #efefda;
}
#topimg span {
   filter: alpha(opacity=80);  
   -moz-opacity: 0.8;  
   opacity: 0.8;
   font-size: 93%;
}

#topimg ul li {
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   margin-bottom: 1px;
   border: 1px dotted #efefda;
}

#top_title {
   position: absolute;
   top: 80px;
   left: 20px;
   width: 235px;
   padding-right: 5px;
}
#top_title h1 {
   padding: 0;
   margin-bottom: 1em;
   font-size: 123.1%;
   border-bottom: 1px solid #ccccb0;
   filter: alpha(opacity=70);  
   -moz-opacity: 0.7;  
   opacity: 0.7;
   line-height: 1.7;
   color: #eee;
}
#top_title p {
   font-size: 100%;
   padding: 0;
   color: #eee;
}
#top_title span {
   filter: alpha(opacity=70);  
   -moz-opacity: 0.7;  
   opacity: 0.7;
}

ul#top_img_list li {
   float: left;
}
ul#top_img_list li img {
   padding: 0 10px 10px 0;
   margin: 0;
}
ul#top_img_list li a {
   border: 0;
}

/*  cnt_
------------------------------------------------------------------------*/
h1.cnt_h1 {
   height: 30px;
   padding: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   font-size: 108%;
   border: solid 1px #E7E7D3;
   line-height: 3.5;
}
h1.cnt_h1_top {
   height: 30px;
   padding: 10px;
   margin-right: 10px;
   margin-bottom: 1px;
   font-size: 108%;
   border: solid 1px #E7E7D3;
   line-height: 3.5;
}
#cnt_h1_img {
	position: relative;
   margin-bottom: 1px;
}
#cnt_h1_img_rotolo {
   position: absolute;
   top: 25px;
   left: 435px;
   width: 335px;
   padding-right: 5px;
   color: #bba;
}
#cnt_h1_img_millefoglie {
   position: absolute;
   top: 25px;
   left: 387px;
   width: 378px;
   padding-right: 5px;
   color: #fff;
}
#cnt_h1_img_ferma_mati {
   position: absolute;
   top: 15px;
   left: 388px;
   width: 383px;
   padding-right: 5px;
   color: #bba;
}



h2.cnt_h2 {
   padding: 7px 10px;
   margin-right: 10px;
   margin-bottom: 5px;
   border: dotted 1px #E7E7D3;
}

div.cnt_topimg {
   width: 100%;
   padding-bottom: 10px;
}
div.cnt_topimg img {
   float: left;
   padding-right: 10px;
}
div.cnt_topimg img.sub {
   float: left;
   padding-top: 10px;
   padding-right: 10px;
}

#contents .cnt_img_list00 {
   padding: 0 0 20px;
}
#contents .cnt_img_list00 li {
   float: left;
   padding: 0 10px 0 0;
}
#contents .cnt_img_list00 li p {
   font-size: 93%;
   padding: 0 3px;
   margin-bottom: 2px;
}

#contents .cnt_img_list01 {
   padding: 0 0 10px;
}
#contents .cnt_img_list01 li {
   float: left;
   padding: 0 10px 0 0;
}
#contents .cnt_img_list01 li p {
   font-size: 93%;
   padding: 0 3px;
}

#contents .cnt_img_list02 {
   padding: 0 0 10px;
}
#contents .cnt_img_list02 li {
   float: left;
   padding: 0 10px 0 0;
}
#contents .cnt_img_list02 li p {
   font-size: 93%;
   padding: 0;
   text-align: center;
}

#contents table.cnt_table00 {
   width: 770px;
   margin-right: 10px;
   margin-bottom: 10px;
}
#contents table.cnt_table00 th {
   border: solid 1px #E7E7D3;
   background-color: #efefda;
   padding: 5px 10px;
}
#contents table.cnt_table00 td {
   border: solid 1px #E7E7D3;
   padding: 3px 10px;
}
#contents table.cnt_table00 th.w100 {
   width: 100px;
}

#contents table.cnt_table01 {
   width: 510px;
}
#contents table.cnt_table01 th {
   border: solid 1px #E7E7D3;
   background-color: #efefda;
   padding: 5px 10px;
}
#contents table.cnt_table01 td {
   border: solid 1px #E7E7D3;
   padding: 3px 10px;
}


#contents table.cnt_table02 {
   width: 380px;
}
#contents table.cnt_table02 th {
   border: solid 1px #E7E7D3;
   background-color: #efefda;
   padding: 5px 10px;
   white-space: nowrap;
}
#contents table.cnt_table02 td {
   border: solid 1px #E7E7D3;
   padding: 3px 10px;
}

#contents .form_cart {
   padding: 0 10px 10px;
   text-align: right;
}
#contents .form_cart p {
   padding: 7px 0 0;
}
#contents .form_cart select {
   border: medium #ccccb0 double;
   color: #707050;
}

#contents .form_cart_b {
   padding: 10px 10px 0;
   text-align: right;
}
#contents .form_cart_b p {
   padding: 7px 0 0;
}
#contents .form_cart_b select {
   border: medium #ccccb0 double;
   color: #707050;
}


/*  about
------------------------------------------------------------------------*/
dl.link {
   margin: 0 10px 0;
}
dl.link dt {
   margin: 0 0 0.5em;
}
dl.link dd {
   margin: 0 0 1em;
}

table#shoplist {
   margin: 0 0 10px;
   width: 770px;
}
table#shoplist th {
   border: solid 1px #E7E7D3;
   background-color: #efefda;
   padding: 0.5em 10px;
}
table#shoplist td {
   border: solid 1px #E7E7D3;
   padding: 0.5em 10px;
}

ul.mark_half {
   padding-left: 400px;
}
ul.mark_half li {
   padding: 0 0 0.5em;
}

#contents p.cap {
   padding-top: 2em;
}

/*  #sidebar
------------------------------------------------------------------------*/
#sidebar {
   width: 300px;
   float: left;
   padding-bottom: 10px;
   font-size: 93%;
}

#sidebar ul {
   padding-bottom: 10px;
}

#sidebar ul li {
   padding-bottom: 10px;
   padding-left: 23px;
   background: transparent url("../img/nav.gif") top left no-repeat;
}
#sidebar ul li.s {
   background: transparent url("../img/nav_s.gif") top left no-repeat;
}

#sidebar ul li.ss a {
   color: #880033;
}

#sidebar ul li ul {
   padding-bottom: 0;
}
#sidebar ul li ul li {
   padding-left: 2.5em;
   padding-bottom: 0;
   padding-top: 5px;
   border-left: 0;
   background: transparent;
}

#sidebar ul li ul li ul {
   padding-bottom: 0;
}
#sidebar ul li ul li ul li {
   padding-left: 2em;
   padding-bottom: 0;
   padding-top: 3px;
   border-left: 0;
   background: transparent;
}

/*  #pagetop
------------------------------------------------------------------------*/
.pagetop {
   margin-right: 10px;
   margin-top: 0.5em;
   text-align: right;
}
.pagetop a {
   font-size: 93%;
}

/*  #footer
------------------------------------------------------------------------*/
#footer {
   margin-top: 10px;
   clear: both;
}
#footer li {
   float: left;
   padding: 5px 0 10px 10px;
   width: 185px;
   border-top: 1px solid #eeeed0;
}
#footer li a {
   color: #777780;
}
#footer li a:hover,
#footer li a:active {
	color: #880033;
}
#copy {
   float: right;
   padding: 5px 0 10px;
   width: 310px;
   border-top: 1px solid #eeeed0;
   color: #ccccb0;
   text-align: right;
}



/*  h2
------------------------------------------------------------------------*/
h2 {
}

/*  h3
------------------------------------------------------------------------*/
h3 {

}



/*  .float
------------------------------------------------------------------------*/
.fl_left {
	float: left;
}
.fl_right {
	float: right;
}
.fl_right img {
	padding: 0 5px 0 10px;
}



/*  .clearfix
------------------------------------------------------------------------*/
.clearfix {
	overflow: hidden;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */








/*  マークアップ基本設定
------------------------------------------------------------------------*/
.spanone {
	display: none;
}

p {
	margin-bottom: 1em;
	font-size: 100%;
}

.ind {
	text-indent: 1em;
}



/*  table関連
------------------------------------------------------------------------*/
.nowrap {
	white-space: nowrap;
}