@charset "UTF-8";

/**il chianti shop page css**/
/*090705**/


#read_text {
position:absolute;
left:auto;
top:164px;
width:213px;
height:100px;
z-index:1;
font-size: 12px;
margin-left: 670px;
line-height: 1.2em;
padding-top: 5px;
}



#content {
margin: 5px auto;
width: 900px;
height: auto;
}

#content #content_head {
width:900px;
clear:both;
height:65px;
padding:0;
margin: 0px;
}



#content #content_head #pan {
font-size: 10px;
color: #999999;
letter-spacing: 0.1em;
height: 15px;
width: 900px;
}
#content #content_head #pan a{
color: #999999;
text-decoration:none;
}
#content #content_head #pan a:hover{
color: #bd0000;
text-decoration:none;
}
#content #content_head h2,
#content #content_head h2 a {
background: url(../bamboo/images/h2.gif);
margin: 0px;
padding: 0px;
float: left;
height: 50px;
width: 300px;
text-indent: -9999px;
}

/***head left navi***/
#content #content_head ul {
float: right;
height: 31px;
list-style: none;
margin:10px 0 0;
padding: 0;
width:300px;
}
#content #content_head li,
#content #content_head li a{
float: right;
height: 31px;
width: 100px;
text-indent: -9999px;
display:block;
margin:  0;
padding: 0;
}

#content #content_head li.access a{
background: url(../images/access.gif) no-repeat;
}
#content #content_head li.wine a{
background: url(../images/wine.gif) no-repeat;
}
#content #content_head li.menu a{
background: url(../images/menu.gif) no-repeat;
}
#content #content_head li a:hover{
background-position:left -31px;
}

#content #content_body {
background: url(../images/content_body_bg.gif) no-repeat;
margin: 0px 0px 15px;
padding: 20px 0px 0px;
height: 561px;
width: 900px;
clear: both;
}
#content #content_body.map {
background: url(../images/content_map_bg.gif) no-repeat;
margin: 0px 0px 15px;
padding: 20px 0px 0px;
height: 561px;
width: 900px;
clear: both;
}
#content #content_body.menu {
background: url(../images/content_menu_bg.gif) no-repeat;
margin: 0px 0px 15px;
padding: 20px 0px 0px;
height: 561px;
width: 900px;
clear: both;
}

#content_swf {
margin: 0px 25px;
height: 340px;
width: 850px;
}

#content #content_body #content_bottom {
height: 180px;
width: 850px;
margin: 20px 25px 0px;
}

#content #content_body #content_bottom h3.news {
background: url(../images/h3_newsevent.png);
height: 28px;
width: 261px;
margin: 0px;
padding: 0px;
text-indent: -9999px;
}

#content #content_body #content_bottom dl.news {
width: 430px;
height: 130px;
margin: 10px 10px 0px;
display: block;
overflow: auto;
}

#content #content_body #content_bottom .news dt {
width: 410px;
font-size: 11px;
font-weight: normal;
margin: 0px;
padding: 5px 0px 2px;
letter-spacing: 0.1em;
color:#bd0000;
}

#content #content_body #content_bottom .news dd {
width: 410px;
margin: 0px;
padding: 0px 0px 5px;
font-size: 12px;
border-bottom: thin dotted #cccccc;
}

#content #content_body #content_bottom_left {
float: left;
width: 450px;
}

#content #content_body #content_bottom #content_bottom_right {
float: right;
width: 375px;
}

#content #content_body #content_bottom #content_bottom_right h3.info {
background: url(../images/h3_info.png);
text-indent: -9999px;
height: 28px;
width: 44px;
margin: 0px;
padding: 0px;
display:block;
float: left;
}

#content #content_body #content_bottom #content_bottom_right dl.info {
float: right;
margin: 0px;
padding: 0px;
width: 320px;
font-size: 12px;
line-height: 1.4em;
}

#content #content_body #content_bottom #content_bottom_right dl.info dt {
float: left;
width: 60px;
display: block;
margin: 0px;
padding: 0px;

}

#content #content_body #content_bottom #content_bottom_right dl.info dd {
display: block;
float: left;
width: 260px;
margin: 0px;
padding: 0px;
}

#content #content_body #content_bottom #content_bottom_right h3.card {
background: url(../images/h3_card.png) no-repeat left 10px;
text-indent: -9999px;
height: 28px;
width: 51px;
margin: 0;
padding: 10px 0 0 0;
display:block;
clear: both;

}


/**********Access**********/
#content #content_body h3.access {
background: url(../images/h3_access.png);
height: 28px;
width: 128px;
margin: 0px 0px 5px 20px;
padding: 0px;
text-indent: -9999px;
clear: both;
}


#map_canvas{
width:500px;
height:500px;
float:left;
margin:0 0 0 15px;
}
#map_right{
float:right;
width: 300px;
margin-top: 10px;
margin-right: 40px;
_margin-right: 20px;
}
#map_right h3.info {
background: url(../images/h3_info.png);
height: 28px;
width: 44px;
margin: 0 0 10px ;
padding: 0px;
display:block;
float: left;
text-indent:-9999px;
}
#map_right dl.info {
float: none;
margin: 0px;
width: 300px;
font-size: 12px;
line-height: 1.4em;
border-top: 1px dotted #666666;
padding-top: 10px;
}
#map_right p {
float: none;
margin: 0 0px 0 0;
padding:0 0 10px;
width: 300px;
font-size: 12px;
line-height: 1.4em;
clear: both;
height: 110px;
}
#map_right dl.info dt {
float: left;
width: 60px;
display: block;
margin: 0px;
padding: 0px;

}
#map_right dl.info dd {
display: block;
float: left;
width: 240px;
margin: 0px;
padding: 0px;
}


/**********Menu**********/
#content #content_body h3.menu {
background: url(../images/h3_menu.png);
height: 28px;
width: 128px;
margin: 0px 0px 5px 20px;
padding: 0px;
text-indent: -9999px;
clear: both;
}

#content #content_body .menubox {
margin: 0px 0px 0px 25px;
_margin: 0px 12px 0px 12px;
width: 265px;
float: left;
font-size:12px;
}
#content #content_body .menubox h4{
font-size:12px;
margin: 5px 0;
padding: 0px;
display:block;
clear: both;
width: 265px;
}
#content #content_body .menubox dl{
clear:both;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 265px;
} 
#content #content_body .menubox dt {
float: left;
clear: left;
height: 22px;
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
width: 185px;
}

#content #content_body .menubox dd {
float: right;
width: 75px;
display: block;
text-align: right;
margin: 0 0 0 0;
padding: 0 0 0 0;
clear: right;
height: 22px;
}
#content #content_body .menubox dt.h30{
height:30px;
line-height:1.2em;
}
#content #content_body .menubox dd.h30{
height:30px;
line-height:1.2em;
}

#content #content_body .menubox p.note{
font-size:10px;
width:265px;
display:block;
margin: 0 0 0 0;
padding: 25px 0 0 0;
line-height:1.2em;
color:#666;
clear:both;
}


.note{
font-size:10px;
}


/**Menu swf**/
#menu_swf {
margin: 0px 27px 0px 28px;
height: 495px;
width: 845px;
}