@charset "UTF-8";

/* ================================================================================

:::information:::

概要：ナビゲーション CSS

================================================================================ */

/*----------------------------------------------------
会員の方はこちら
----------------------------------------------------*/
#member a {
display: block; width: 160px; height: 60px; text-decoration: none;
background: url(../image/btn_member.gif) top left no-repeat;
}
#member a:hover { background: url(../image/btn_member_hover.gif) top left no-repeat; }
#member a span { visibility: hidden; }

#touroku {
margin-bottom: 10px;
}
#touroku a {
display: block; width: 148px;
background: url(../image/icon_link.gif) left center no-repeat;
padding-left: 12px;
margin-bottom: 10px;
}
#touroku a:hover {
background: url(../image/icon_link_hover.gif) left center no-repeat;
}

/*----------------------------------------------------
ログイン
----------------------------------------------------*/
.loginBox {
width: auto;
background-color: #DAF3BA;
padding: 10px;
margin-bottom: 10px;
}
.loginBox input {
width: 136px;
height: 20px;
margin-bottom: 10px;
}

/*----------------------------------------------------
やまがた直売所紹介ナビ
----------------------------------------------------*/
#SlMurayama { width: auto; margin-bottom: 2px; padding: 5px; background-color: #c8def3; border: solid #46acff 2px; }
#SlMurayama li em { color: #CC0000; }

#SlMogami { width: auto; margin-bottom: 2px; padding: 5px; background-color: #c7eba8; border: solid #73bf31 2px; }
#SlMogami li em { color: #CC0000; }

#SlOkitama { width: auto; margin-bottom: 2px; padding: 5px; background-color: #ffd3aa; border: solid #fd993d 2px; }
#SlOkitama li em { color: #CC0000; }

#SlShonai { width: auto; margin-bottom: 2px; padding: 5px; background-color: #cecee9; border: solid #8e8ebf 2px; }
#SlShonai li em { color: #CC0000; }

#ShopListRight li {
line-height: 1.4;
margin-bottom: 10px;
}

/*----------------------------------------------------
メインカテゴリ
----------------------------------------------------*/
.mainCategory li { width: 160px; height: 65px; }

/*----------------------------------------------------
通常メニュー
----------------------------------------------------*/
div.Menu01 { width: auto; margin-bottom: 5px; padding-bottom: 5px; border: solid #009900 1px; }
div.Menu01 dl dt {
font-size: 118%; background: #009900; margin: 1px; font-weight: bold; line-height: 1.5; padding: 2px 8px; color: #FFFFFF;
}

div.Menu02 { width: auto; margin-bottom: 5px; padding-bottom: 5px; border: solid #CC3300 1px; }
div.Menu02 dl dt {
font-size: 118%; background: #CC3300; margin: 1px; font-weight: bold; line-height: 1.5; padding: 2px 8px; color: #FFFFFF;
}

div.Menu03 { width: auto; margin-bottom: 5px; padding-bottom: 5px; border: solid #0066CC 1px; }
div.Menu03 dl dt {
font-size: 118%; background: #0066CC; margin: 1px; font-weight: bold; line-height: 1.5; padding: 2px 8px; color: #FFFFFF;
}

div.Menu04 { width: auto; margin-bottom: 5px; padding-bottom: 5px; border: solid #CC66CC 1px; }
div.Menu04 dl dt {
font-size: 118%; background: #CC66CC; margin: 1px; font-weight: bold; line-height: 1.5; padding: 2px 8px; color: #FFFFFF;
}

.Menu01 dt a:link, .Menu01 dt a:active, .Menu01 dt a:visited,
.Menu02 dt a:link, .Menu02 dt a:active, .Menu02 dt a:visited,
.Menu03 dt a:link, .Menu03 dt a:active, .Menu03 dt a:visited,
.Menu04 dt a:link, .Menu04 dt a:active, .Menu04 dt a:visited {
display: block; color: #FFFFFF; text-decoration: none;
}
.Menu01 dt a:hover, .Menu02 dt a:hover, .Menu03 dt a:hover, .Menu04 dt a:hover {
display: block; color: #FFFF00; text-decoration: none;
}

.Menu01 dd, .Menu02 dd, .Menu03 dd, .Menu04 dd
{ padding: 2px 5px 0 5px; }

.MenuIcon01 a {
display: block;
background: url(../image/icon_link.gif) 0 0.4em no-repeat;
padding-left: 12px;
}
.MenuIcon01 a:hover {
background: url(../image/icon_link_hover.gif) 0 0.4em no-repeat;
}

.MenuIcon02 a {
display: block;
background: url(../image/icon_link_mb.gif) 0 0.4em no-repeat;
padding-left: 12px;
}
.MenuIcon02 a:hover {
background: url(../image/icon_link_mb_hover.gif) 0 0.4em no-repeat;
}

/*----------------------------------------------------
セコム
----------------------------------------------------*/
div#secom {
width: auto;
text-align: center;
border: solid #CCCCCC 1px;
padding: 10px;
margin-top: 5px;
}
div#secom p { text-align: left; font-size: 87% }

/*----------------------------------------------------
バナー広告エリア
----------------------------------------------------*/
/*山形の風景用*/
div#yamagataView { width: auto; background-color: #FFF8DE; border: solid #99CC00 1px; }
div#yamagataView dl { padding: 8px; }
div#yamagataView dd { line-height: 1.2; }


/*農業者プロフィール用*/
div#profileView { width: auto; background-color: #FFF8DE; border: solid #99CC00 1px; }
div#profileView dt { padding: 0px 0px 5px 0px; }
div#profileView dl { padding: 8px; }
div#profileView dd { line-height: 1.2; text-align: center;}

/*----------------------------------------------------
有料バナー広告
----------------------------------------------------*/
div#banner01 { width: auto; margin-bottom: 10px; }
div#banner01 dt { background-color: #FFDE79; margin-bottom: 3mm; padding: 2px; text-align: center; font-weight: bold; }
dd.bn-large { width: 148px; height: 240px; }
dd.bn-default { width: 148px; height: 50px; margin-top:2mm; }

/*----------------------------------------------------
ネットビジネス用
----------------------------------------------------*/
div#banner00 { width: auto; margin-bottom: 10px; }
div#banner00 dt { background-color: #FFDE79; margin-bottom: 3mm; padding: 2px; text-align: center; font-weight: bold; }
dd.bn-default2 { width: 148px; /*height: 50px;*/ margin-top:2mm; }

/*----------------------------------------------------
山形県農業関連サイト
----------------------------------------------------*/
div#banner02 { width: auto; margin-top: 5px; padding-bottom: 5px; border: solid #99CC00 1px; }
dl.banner02Link dt {
margin: 1px 1px 5px 1px; background-color: #99CC00; font-weight: bold; text-align: center; line-height: 1.2; padding: 3px 5px;
}
dl.banner02Link dd { width: auto; height: 47px; text-align: center; }

/*----------------------------------------------------
あぐりん携帯サイト
----------------------------------------------------*/
div#mobile {
width: auto;
margin-top: 10px;
padding: 5px;
border: solid #CCCCCC 1px;
text-align: center;
}

div#mobile p {
width: 130px;
margin: 0 auto;
font-size: 87%;
line-height: 1.2;
text-align: left;
}