@charset "utf-8";

/*
Theme Name: gw
Theme URI: http://www.gokase-winery.jp/
Author: minami-printing
Template:wp-gokase
*/

/* =====================================================================
*
*  五ヶ瀬ワイナリー
*
* =================================================================== */

/* =====================================================================
*
*    1. 共通のフォーマット
*
* =================================================================== */

.altText {
display: block;
text-indent: -9999px;
overflow: hidden;
}

.clearfix { min-height: 1%; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from Mac IE \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Hides from Mac IE */

* {
margin: 0;
padding: 0;
}

a{ 
outline: none;
}

img{
border: none;
}

/* =====================================================================
*
*    1. ボディコンテンツ
*
* =================================================================== */

body {
background: url(common/img/top/h_bg.jpg) top repeat-x;
background-color: #FFFFF3;
}

#page {
width: 840px;
margin: 0 auto;
}

/* =====================================================================
*
*     3. ヘッダ
*
* =================================================================== */
#header {
margin: 0 auto;
padding: 0;
width: 840px;
height: 119px;
}

#header h1 {
float: left;
padding: 0;
}

#header h1 a {
display: block;
width: 142px;
height: 81px;
margin: 20px 0 0 0;
text-indent: -9999px;
background: url(common/img/top/h_title.png) top left no-repeat;
}

* html #header h1 a {
display: block;
width: 142px;
height: 81px;
margin: 20px 0 0 0;
text-indent: -9999px;
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common/img/top/h_title.png' ,sizingmethod=image) top left no-repeat;
}

#header h3 {
float: right;
display: block;
font-size: 85%;
font-weight: normal;
width: 300px;
height: 20px;
margin: 90px 0 0 0;
background: url(common/img/top/h_cart.png) 138px 0px no-repeat;
}

* #header h3 {
float: right;
display: block;
font-size: 85%;
font-weight: normal;
width: 300px;
height: 20px;
margin: 90px 0 0 0;
background: url(common/img/top/h_cart.jpg) 138px 0px no-repeat;
}

#header .header-inner {
padding: 0;
}

/* =====================================================================
*
*     3. メイン
*
* =================================================================== */
#mainvisual {
display: block;
width: 840px;
height: 267px;
text-indent: -9999px;
background: url(common/img/top/c_mainvisual.jpg) -4px 0px no-repeat;
}

#main {
float: right;
font-size: 85%;
font-weight: normal;
width: 514px;
height: auto;
margin: 20px 0 0 0;
}

.info {
clear: both;
width: 300px;
height: auto;
margin: 10px 0 0 0;
}

.info p{
font-size: 85%;
font-weight: normal;
line-height: 180%;
width: 270px;
height: auto;
}

.info h2{
font-size: 100%;
font-weight: bold;
line-height: 180%;
width: 270px;
height: auto;
}

.info img{
float: right;
width: 234px;
}

/* メニュー
------------------------------ */

#menu {
float: none;
}

#sec-menu {
float: none;
width: 100%;
height: 80px;
background: url(common/img/top/m_bg.jpg) top left repeat-x;
}

#sec-menurap {
float: none;
width: 840px;
height: 80px;
margin: 0 auto;
}

#menu ul,
#sec-menu ul {
position: relative;
float: left;
top: 0;
width: 840px;
height: 80px;
list-style: none;
overflow: hidden;
}

#menu ul li a,
#sec-menu ul li a {
position: absolute;
top: 0;
width: 120px;
height: 80px;
text-indent: -9999px;
overflow: hidden;
}

#menu ul li a.concept,
#sec-menu ul li a.concept {
background-image: url('common/img/top/m_concept_off.jpg');
left: 0;
}

#menu ul li a.concept:hover,
#sec-menu ul li a.concept:hover {
background-image: url('common/img/top/m_concept_on.jpg');
}

#menu ul li a.whatsnew,
#sec-menu ul li a.whatsnew {
background-image: url('common/img/top/m_whatsnew_off.jpg');
left: 120px;
}

#menu ul li a.whatsnew:hover,
#sec-menu ul li a.whatsnew:hover {
background-image: url('common/img/top/m_whatsnew_on.jpg');
}

#menu ul li a.winemenu,
#sec-menu ul li a.winemenu {
background-image: url('common/img/top/m_winemenu_off.jpg');
left: 240px;
}

#menu ul li a.winemenu:hover,
#sec-menu ul li a.winemenu:hover {
background-image: url('common/img/top/m_winemenu_on.jpg');
}

#menu ul li a.maison,
#sec-menu ul li a.maison {
background-image: url('common/img/top/m_maison_off.jpg');
left: 360px;
}

#menu ul li a.maison:hover,
#sec-menu ul li a.maison:hover {
background-image: url('common/img/top/m_maison_on.jpg');
}

#menu ul li a.material,
#sec-menu ul li a.material {
background-image: url('common/img/top/m_material_off.jpg');
left: 480px;
}

#menu ul li a.material:hover,
#sec-menu ul li a.material:hover {
background-image: url('common/img/top/m_material_on.jpg');
}

#menu ul li a.access,
#sec-menu ul li a.access {
background-image: url('common/img/top/m_access_off.jpg');
left: 600px;
}

#menu ul li a.access:hover,
#sec-menu ul li a.access:hover {
background-image: url('common/img/top/m_access_on.jpg');
}

#menu ul li a.contact,
#sec-menu ul li a.contact {
background-image: url('common/img/top/m_contact_off.jpg');
left: 720px;
}

#menu ul li a.contact:hover,
#sec-menu ul li a.contact:hover {
background-image: url('common/img/top/m_contact_on.jpg');
}

/* =====================================================================
*
*     4. サイド
*
* =================================================================== */

#side {
float: left;
font-size: 80%;
font-weight: normal;
width: 300px;
height: auto;
margin: 15px 0 15px 0;
}

#side h3 {
display: block;
font-size: 85%;
font-weight: normal;
width: 300px;
height: 28px;
margin: 0 0 10px 0;
text-indent: -9999px;
background: url(common/img/top/c_subtitle01.jpg) top left no-repeat;
}

#side li {
list-style: none;
}

#side p{
text-align: justfy;
line-height: 150%;
}

#txt-right {
text-align: right;
margin: 0 0 10px 0;
}

.online-banner a{
display: block;
text-indent: -9999px;
width: 296px;
height: 79px;
background: url(common/img/top/c_onlineshop_off.jpg) top left no-repeat;
margin:15px 0 0 0;
}

.online-banner a:hover{
background: url(common/img/top/c_onlineshop_on.jpg) top left no-repeat;
}

.maison-banner a{
display: block;
text-indent: -9999px;
width: 296px;
height: 158px;
background: url(common/img/top/c_maison_off.jpg) top left no-repeat;
margin:15px 0 0 0;
}

.maison-banner a:hover{
background: url(common/img/top/c_maison_on.jpg) top left no-repeat;
}

/* =====================================================================
*
*     5. メインレフト
*
* =================================================================== */

#left {
float: left;
font-size: 85%;
font-weight: normal;
width: 328px;
height: auto;
margin: 15px 0 0 20px;
}

.left-inner{
display: block;
width: 308px;
height: auto;
padding: 10px;
background-color: #D1D0A0;
margin: 0 0 10px 0;
}

.left-inner h2 a{
display: block;
width: 308px;
height: 42px;
border-bottom: dashed 1px #B39546;
text-indent: -9999px;
background: url(common/img/top/c_topics.jpg) top left no-repeat;
background-color: #FFF;
}

.left-inner ul{
display: block;
width: 308px;
height: auto;
background-color: #FFF;
}

.left-inner ul li{
font-size: 100%;
font-weight: normal;
width: 270px;
height: auto;
padding: 10px 10px 10px 28px;
border-bottom: dashed 1px #B39546;
list-style: none;
background: url(common/img/utility/check.jpg) 14px 11px no-repeat;
}

.drive a{
display: block;
text-indent: -9999px;
width: 328px;
height: 82px;
background: url(common/img/top/c_drive_off.jpg) top left no-repeat;
}

.drive a:hover{
background: url(common/img/top/c_drive_on.jpg) top left no-repeat;
}

.mv-banner a{
clear: both;
display: block;
text-indent: -9999px;
width: 328px;
height: 82px;
background: url(common/img/top/c_mv_off.jpg) top left no-repeat;
margin: 10px 0 0 0;
}

.mv-banner a:hover{
background: url(common/img/top/c_mv_on.jpg) top left no-repeat;
}

.info {
display: block;
width: 328px;
height: 130px;
background: url(common/img/top/c_layer.jpg) bottom right no-repeat;
}

.info h3 {
display: block;
font-size: 85%;
font-weight: normal;
width: 308px;
margin: 10px 0 0 5px;
list-style: none;
}

.info p{
display: block;
font-size: 85%;
line-height: 150%;
width: 308px;
text-align: justify;
padding: 10px 0 0 5px;
}

/* =====================================================================
*
*     6. サイドバー
*
* =================================================================== */

#right {
float: right;
font-size: 85%;
font-weight: normal;
width: 168px;
height: auto;
margin: 15px 0 0 0;
}

.right p{
display: block;
font-size: 100%;
line-height: 180%;
width: 168px;
text-align: center;
padding: 5px 0 0 0;
}

.winemenu-dl h3 a{
display: block;
text-indent: -9999px;
width: 108px;
height: 139px;
margin: 0 0 0 30px;
background: url(common/img/top/c_winemenu_dl.jpg) top left no-repeat;
}

.winemenu-dl p{
display: block;
width: 168px;
text-align: center;
padding: 5px 0 0 0;
}

.side-banner h3 a{
display: block;
text-indent: -9999px;
width: 158px;
height: 84px;
margin: 15px 0 0 0;
background: url(wine/maison_off.jpg) top left no-repeat;
}

.side-banner h3 a:hover{
background: url(wine/maison_on.jpg) top left no-repeat;
}

.side-banner p{
display: block;
font-size: 85%;
line-height: 150%;
width: 158px;
text-align: justify;
padding: 10px 0 0 5px;
}


#bunner ul{
display: block;
width: 168px;
}

#bunner ul li {
display: block;
width: 130px;
height: 34px;
list-style: none;
text-indent: -9999px;
margin: 10px 0 15px 0;
}

#bunner ul li a.gokase {
display: block;
width: 158px;
height: 45px;
background: url(common/img/top/c_banner02.gif) top left no-repeat;
}

#bunner ul li a.ski {
display: block;
width: 158px;
height: 45px;
background: url(common/img/top/c_banner01.gif) top left no-repeat;
}

#plugin h3 a{
display: block;
width: 158px;
height: 39px;
margin: 20px 0 0 0;
text-indent: -9999px;
background: url(common/img/utility/adobe_reader.jpg) top left no-repeat;
}

#plugin p{
display: block;
font-size: 85%;
line-height: 150%;
width: 158px;
text-align: justify;
padding: 10px 0 0 0;
}

/* =====================================================================
*
*     7. フッタ
*
* =================================================================== */
#footer {
display: block;
clear: both;
width: 100%;
height: 80px;
background: url(common/img/top/f_bg.jpg) top repeat-x;
text-align: center;
margin: 15px 0 0 0;
}

.copyright {
color: #FFFFFF;
height: 10px;
font-size: 80%;
font-style: normal;
padding: 0 0 0 0;
width: 100%;
line-height:130%;
}

.copyright a{
display: block;
color: #FFFFFF;
height: 10px;
font-size: 100%;
font-style: normal;
padding: 20px 0 0 0;
width: 100%;
line-height:130%;
}

/* =====================================================================
*
*  2.コンセプト
*
* =================================================================== */

/* ワイナリーについて
------------------------------ */
#concept-side {
float: left;
font-size: 80%;
font-weight: normal;
width: 300px;
height: auto;
margin: 15px 0 15px 0;
}

.about h3{
display: block;
font-size: 85%;
font-weight: normal;
width: 280px;
height: 47px;
margin: 0;
text-indent: -9999px;
background: url(concept/winery.gif) top left no-repeat;
}

.ca-bottom {
display: block;
font-size: 85%;
font-weight: normal;
width: 280px;
height: 20px;
margin: 0;
text-indent: -9999px;
background: url(concept/w_bottom.gif) top left no-repeat;
}

.about li {
list-style: none;
}

.about p{
display: block;
background-color: #D9F0B0;
width: 260px;
text-align: justfy;
line-height: 150%;
padding: 10px;
}

.about img{
margin: 0 0 0 0;
}

/* ワイナリーのあゆみ
------------------------------ */
.histry {
margin: 15px 0 0 0;
}

.histry li {
list-style: none;
}

.histry img{
margin: 0 0 0 0;
}

.histry  h3{
display: block;
font-size: 85%;
font-weight: normal;
width: 280px;
height: 47px;
margin: 0;
text-indent: -9999px;
background: url(concept/history.gif) top left no-repeat;
}

.histry p{
display: block;
background-color: #E3F0ED;
width: 260px;
text-align: justfy;
line-height: 150%;
padding: 10px;
}

.schedule {
border-top: 1px dotted #ccc;
color: #0000CC;
}

.histry .ch-bottom {
display: block;
font-size: 85%;
font-weight: normal;
width: 280px;
height: 20px;
margin: 0;
background: url(concept/h_bottom.gif) top left no-repeat;
}

/* 見取り図
------------------------------ */
#concept-main {
float: right;
font-size: 85%;
font-weight: normal;
width: 514px;
height: auto;
margin: 20px 0 0 0;
}

.concept-infotitle h3{
display: block;
width: 540px;
height: 316px;
margin: 0 0 10px 0;
text-indent: -9999px;
background: url(concept/map.jpg) top left no-repeat;
list-style: none;
}

.concept-infoentry {
display: block;
border: #339900 solid 1px;
background-color: #FFF;
text-align: justfy;
line-height: 180%;
padding: 10px;
}

.concept-info li {
list-style: none;
}

/* =====================================================================
*
*  ワインメニュー
*
* =================================================================== */
#winemenu-wrap {
float: left;
display: block;
width: 620px;
height: auto;
}

.winemenu-entry {
float: left;
display: block;
width: 298px;
height: 355px;
margin: 15px 0 0 10px;
list-style: none;
background-color: #FFF;
border: #660033 1px solid;
}

.winemenu-entry h2{
clear: both;
display: block;
width: 292px;
height: 25px;
font-style: normal;
font-weight: normal;
text-align: center;
color: #FFF;
background-color: #660033;
margin: 0 0 5px 0;
padding: 3px;
}

.photo-right{
float: right;
padding-right: 10px;
padding-top: 50px;
}

.winemenu-entry p{
font-size: 85%;
float: left;
display: block;
width: 185px;
text-align: justfy;
line-height: 180%;
padding: 10px;
}

.online {
clear: both;
display: block;
font-size: 85%;
width: 292px;
text-align: right;
line-height: 180%;
padding: 0 0 0 50px;
background: url(wine/cart.jpg) 23px 10px no-repeat;
margin: 0 0 10px 0;
}

.purple {
color: #660033;
}

/* =====================================================================
*
*  レストラン
*
* =================================================================== */

/* 五ヶ瀬産ブドウ100％のタイトル
------------------------------ */
#maison-side {
float: left;
font-size: 80%;
font-weight: normal;
width: 420px;
height: auto;
margin: 15px 20px 15px 0;
}

.stop{
display: block;
width: 295px;
height: 48px;
margin: 0;
text-indent: -9999px;
background: url(maison/title-stop.gif) top left no-repeat;
}

.m-about h3{
display: block;
font-size: 85%;
font-weight: normal;
width: 420px;
height: 48px;
margin: 0;
text-indent: -9999px;
background: url(maison/title.jpg) top left no-repeat;
}

.m-about li {
list-style: none;
}

.m-about p{
display: block;
width: 420px;
text-align: justfy;
line-height: 150%;
margin: 15px 0 0 0;
}

/* カレンダー
------------------------------ */

.calender h3{
display: block;
font-size: 85%;
font-weight: normal;
width: 182px;
height: 17px;
margin: 10px 0;
text-indent: -9999px;
background: url(maison/calender_title.jpg) 5px 0 no-repeat;
}

.calender {
display: block;
width: 420px;
height: 230px;
background-color: #FFFFF3;
margin: 15px 0 0 0;
}

/* ワインイメージ
------------------------------ */
#maison-main {
display: block;
float: right;
width: 400px;
margin: 15px 0 10px 0;
}

.maison-ph1 {
clear: both;
display: block;
width: 400px;
height: 212px;
margin: 0 0 10px 0;
}

.maison-ph2 {
display: block;
width: 400px;
height: 300px;
margin: 0 0 10px 0;
}

/* =====================================================================
*
*  五ヶ瀬のぶどう
*
* =================================================================== */

/* 五ヶ瀬のぶどうについて
------------------------------ */
#material-main {
font-size: 80%;
font-weight: normal;
width: 840px;
height: auto;
margin: 15px 0 15px 0;
}

.mt-about {
display: block;
float: left;
width: 280px;
height: auto;
margin: 0;
}

.mt-about h3{
display: block;
font-size: 85%;
font-weight: normal;
width: 280px;
height: 47px;
margin: 0;
text-indent: -9999px;
background: url(material/title.gif) top left no-repeat;
}

.mt-bottom {
display: block;
font-size: 85%;
font-weight: normal;
width: 280px;
height: 20px;
margin: 0;
text-indent: -9999px;
background: url(concept/w_bottom.gif) top left no-repeat;
}

.mt-about li {
list-style: none;
}

.mt-about p{
display: block;
background-color: #D9F0B0;
width: 260px;
text-align: justfy;
line-height: 150%;
padding: 10px;
}

.mt-about img{
margin: 0 0 0 0;
}

/* 栽培農家のコメント
------------------------------ */
.mt-img {
float: right;
display: block;
width: 540px;
height: auto;
margin: 0 0 0 20px;
}

.mt-img li {
list-style: none;
}

.ph-image {
float: right;
display: block;
width: 540px;
height: auto;
margin: 0 0 0 20px;
}

/* =====================================================================
*
*  アクセス
*
* =================================================================== */
#access-main {
float: left;
font-size: 80%;
font-weight: normal;
width: 520px;
height: auto;
margin: 15px 20px 15px 0;
}

.access-info {
display: block;
font-size: 100%;
font-weight: normal;
width: 520px;
height: auto;
margin: 10px 0;
border: 1px solid #FDD9E0;
background-color: #FFF;
}

.access-info h3{
display: block;
font-weight: normal;
width: 500px;
height: 20px;
margin: 0;
list-style: none;
text-align: center;
background-color: #FDD9E0;
padding: 10px;
}

.access-info p{
font-size: 100%;
font-weight: normal;
line-height: 150%;
padding: 10px;
}

/* お問い合せ
------------------------------ */
#access-side {
float: right;
font-size: 80%;
font-weight: normal;
width: 300px;
height: auto;
margin: 15px 0 15px 0;
}

#access-side h3{
display: block;
font-size: 85%;
font-weight: normal;
width: 280px;
height: 47px;
margin: 0;
text-indent: -9999px;
background: url(access/title.gif) top left no-repeat;
}

.ac-bottom {
display: block;
font-size: 85%;
font-weight: normal;
width: 280px;
height: 20px;
margin: 0;
text-indent: -9999px;
background: url(access/w_bottom.gif) top left no-repeat;
}

#access-side li {
list-style: none;
}

#access-side p{
display: block;
background-color: #FDD9E0;
width: 260px;
text-align: justfy;
line-height: 150%;
padding: 10px;
}

#access-side img{
margin: 0 0 0 0;
}

/* =====================================================================
*
*  お問い合せ
*
* =================================================================== */
/* お問い合せ
------------------------------ */
#contact-main {
float: left;
font-size: 80%;
font-weight: normal;
width: 620px;
height: auto;
margin: 15px 20px 15px 0;
}

.contact-info {
display: block;
width: 620px;
height: auto;
border: #639E21 solid 1px;
margin: 15px 20px 0 0;
background-color: #FFF;
}

.contact-info h3{
display: block;
text-align: center;
color: #FFF;
list-style: none;
width: 600px;
height: 20px;
padding: 10px;
margin: 0;
background-color: #639E21;
}

.contact-info p{
display: block;
text-align: center;
line-height: 150%;
width: 580px;
height: auto;
padding: 10px;
background-color: #FFF;
}

/* ご意見
------------------------------ */
.contact-form {
display: block;
width: 620px;
height: auto;
border: #639E21 solid 1px;
margin: 15px 20px 0 0;
background-color: #FFF;
}

.contact-form h3{
display: block;
text-align: center;
color: #FFF;
list-style: none;
width: 600px;
height: 20px;
padding: 10px;
margin: 0;
background-color: #639E21;
}

.contact-form p{
display: block;
line-height: 150%;
height: auto;
padding: 10px;
background-color: #FFF;
}

.line {
clear: both;
display: block;
width: 620px;
height: 3px;
border-bottom: #639E21 dashed 1px;
}

.koumoku {
float:left;
display: block;
width: 170px;
background-color: #E4FCE2;
padding: 10px 0 10px 30px;
}

.waku {
display: block;
float: right;
width: 380px;
background-color: #E4FCE2;
padding: 10px 0;
}

.sousin {
clear: both;
text-align: center;
}

/* =====================================================================
*
*  動画コンテンツ
*
* =================================================================== */
.mv-info {
float: left;
display: block;
width: 180px;
height: 500px;
text-indent: -9999px;
background: url(mv/title.jpg) 0 0 no-repeat;
}

.mv {
float: right;
display: block;
width: 650px;
height: auto;
margin: 10px 0 0 0;
}

.mv-left {
float: left;
width: 320px;
height: auto;
}

.mv-right {
float: right;
width: 320px;
height: auto;
}

.mv01 h3,
.mv02 h3,
.mv03 h3,
.mv04 h3,
.mv05 h3 {
display: block;
width: 320px;
height: 35px;
text-indent: -9999px;
}

.mv01 p,
.mv02 p,
.mv03 p,
.mv04 p,
.mv05 p {
display: block;
width: 320px;
font-size: 85%;
text-align: justfy;
line-height: 180%;
padding: 10px 0 15px 0;
}

.mv01 h3 {
background: url(mv/wine.gif) 0 0 no-repeat;
}

.mv02 h3 {
background: url(mv/maison.gif) 0 0 no-repeat;
}

.mv03 h3 {
background: url(mv/spot.gif) 0 0 no-repeat;
}

.mv04 h3 {
background: url(mv/keshiki.gif) 0 0 no-repeat;
}

.mv05 h3 {
background: url(mv/koutei.gif) 0 0 no-repeat;
}

.txt-red {
color: #FF0000;
}

/* =====================================================================
*
*  五ヶ瀬周辺ドライブマップ
*
* =================================================================== */
.drive-title a{
display: block;
width: 840px;
height: 148px;
margin: 0px;
text-indent: -9999px;
background: url(drive/title.gif) top left no-repeat;
}

#drive-main {
display: block;
width: 810px;
height: auto;
margin: 15px;
}

/* メニュー
------------------------------ */

.drive-menu {
display: block;
float: left;
width: 247px;
height: 296px;
}

.drive-menu h3{
clear: both;
display: block;
width: 247px;
height: 64px;
text-indent: -9999px;
background: url(drive/sidemenu_title.gif) top left no-repeat;
}

.drive-menu-bottom {
display: block;
width: 247px;
height: 17px;
text-indent: -9999px;
background: url(drive/sidemenu_bg.gif) top left no-repeat;
}
.drive-menu ul{
display: block;
width: 247px;
height: 215px;
list-style: none;
}

.drive-menu ul li a.takamori,
.drive-menu ul li a.kumamoto,
.drive-menu ul li a.nobeoka,
.drive-menu ul li a.siiba,
.drive-menu ul li a.takeda {
display: block;
width: 247px;
height: 43px;
text-indent: -9999px;
}

.drive-menu ul li a.takamori {
background: url(drive/takamori_off.gif) top left no-repeat;
}

.drive-menu ul li a.takeda {
background: url(drive/takeda_off.gif) top left no-repeat;
}

.drive-menu ul li a.siiba {
background: url(drive/siiba_off.gif) top left no-repeat;
}

.drive-menu ul li a.kumamoto {
background: url(drive/kumamoto_off.gif) top left no-repeat;
}

.drive-menu ul li a.nobeoka {
background: url(drive/nobeoka_off.gif) top left no-repeat;
}

/* メニューロールオーバー
------------------------------ */

.drive-menu ul li a.takamori:hover {
background: url(drive/takamori_on.gif) top left no-repeat;
}

.drive-menu ul li a.takeda:hover {
background: url(drive/takeda_on.gif) top left no-repeat;
}

.drive-menu ul li a.siiba:hover {
background: url(drive/siiba_on.gif) top left no-repeat;
}

.drive-menu ul li a.kumamoto:hover {
background: url(drive/kumamoto_on.gif) top left no-repeat;
}

.drive-menu ul li a.nobeoka:hover {
background: url(drive/nobeoka_on.gif) top left no-repeat;
}

/* ドライブマップ
------------------------------ */
.drive-map {
display: block;
float: right;
width: 528px;
height: auto;
margin: 0 0 10px 0;
}

.map-all {
display: block;
width: 528px;
height: 601px;
text-indent: -9999px;
background: url(drive/map_all.gif) top left no-repeat;
}

.map-takamori {
display: block;
width: 528px;
height: 412px;
text-indent: -9999px;
background: url(drive/map_takamori.gif) top left no-repeat;
}

.map-kumamoto {
display: block;
width: 528px;
height: 411px;
text-indent: -9999px;
background: url(drive/map_kumamoto.gif) top left no-repeat;
}

.map-takeda {
display: block;
width: 528px;
height: 412px;
text-indent: -9999px;
background: url(drive/map_takeda.gif) top left no-repeat;
}

.map-nobeoka {
display: block;
width: 528px;
height: 412px;
text-indent: -9999px;
background: url(drive/map_nobeoka.gif) top left no-repeat;
}

.map-siiba {
display: block;
width: 528px;
height: 413px;
text-indent: -9999px;
background: url(drive/map_siiba.gif) top left no-repeat;
}

/* =====================================================================
*
*  プライバシーポリシー
*
* =================================================================== */
#privacy-main {
display: block;
width: 840px;
height: auto;
font-size: 85%;
margin: 15px 0 0 0;
list-style: none;
}

#privacy-main h3{
font-style: normal;
color: #FFF;
background-color: #6DA62F;
width: 810px;
height: 20px;
padding: 10px 10px 10px 20px;
}

#privacy-main p{
width: 820px;
height: auto;
padding: 10px;
line-height: 150%;
}

/* =====================================================================
*
*  ワインメニューカタログ
*
* =================================================================== */

.bg {
background-color: #fffff3;
}

#flashcontent {
width: 740px;
height: 580px;
margin:15px auto 0px auto;
}