@charset "UTF-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */


/*全体の設定　犬・猫１ペイン　パウダータイプの栄養食用
---------------------------------------------------------------------------*/
body {
	background-color: #FFFFFF;
	line-height: 150%;
	scrollbar-3dlight-color : #ecf1d7;
	scrollbar-arrow-color : #8ab13d;
	scrollbar-base-color : #8ab13d;
	scrollbar-darkshadow-color : #ecf1d7;
	scrollbar-face-color : #ecf1d7;
	scrollbar-track-color : #FFFFFF;
	scrollbar-highlight-color : #8ab13d;
	scrollbar-shadow-color : #8ab13d;
	color: #707070;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";/*文字サイズ・行間・フォント設定*/
	background: #FFF url(../images/bg3.png) no-repeat center top;	/*背景色、背景画像の読み込み＆リピートしない＆左右中央の上部に配置*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}

span.size1 {font-size: 70%; }
.size2 {font-size: 80%; }
.size3 {font-size: 90%; }
.size4 {font-size: 100%; }
.size5 {font-size: 110%; }
.size6 {font-size: 120%; }
.size7 {font-size: 140%; }


/*リンク（全般）設定
---------------------------------------------------------------------------*/
a{
    color: #a7a7a7;
    -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -o-transition: 0.5s;
     -ms-transition: 0.5s;
     transition: 0.5s;
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
 
a:hover {
    color: #fff;
    text-shadow: -1px 1px 5px #d9d9d9, 1px -1px 5px #d9d9d9;
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: 990px;	/*コンテナー幅*/
	margin-right: auto;
	margin-left: auto;
}

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	width: 100%;	/*ブロックの幅*/
	height: 120px;	/*ブロックの高さ*/
	position: relative;
}
/*h1ロゴの設定*/
header h1 {
	position: absolute;
	left: 28px;	/*ヘッダーブロックに対して左から28pxの位置に配置*/
	top: 28px;	/*ヘッダーブロックに対して上から28pxの位置に配置*/
}
/*電話番号ボックスの設定*/
header address {
	position: absolute;
	top: 40px;		/*ヘッダーブロックに対して上から24pxの位置に配置*/
	right: 40px;	/*ヘッダーブロックに対して右から40pxの位置に配置*/
	font-size: 11px;	/*文字サイズ*/
	text-align: center;	/*文字をセンタリング*/
	line-height: 1.6;	/*行間*/
}
/*電話番号の文字設定*/
header address .tel {
	font-size: 18px;	/*文字サイズ*/
	color: #800019;		/*文字色*/
	background: url(../images/tel.png) no-repeat left center;
	padding-left: 25px;
	display: block;
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/

nav#menu ul {
/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(111,133,84,0.9)), to(rgba(84,99,61,0.9)));	/*グラデーション。RGBA設定。0.7が透明度で他の数字が色のRGB値。*/
	background-image: -webkit-linear-gradient(rgba(111,133,84,0.9), rgba(84,99,61,0.9));	/*同上*/
	background-image: linear-gradient(rgba(111,133,84,0.9), rgba(84,99,61,0.9));			/*同上*/
	border-radius: 10px;		/*角丸のサイズ*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	padding-left: 36px;
	margin-bottom: 25px;
	height: 36px;
}
/*メニュー１個ごとの設定*/
nav#menu ul li {
	float: left;
	width: 150px;	/*メニュー幅*/
	border-right: 1px solid #54633d;	/*メニューの右側の線の幅、線種、色*/
	text-align: center;
}
nav#menu ul li a {
	color: #FFF;		/*文字色*/
	text-decoration: none;
	display: block;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	line-height: 20px;
	padding-top: 10px;
}
/*最初のメニューの設定*/
nav#menu ul li:first-child {
	border-left: 1px solid #54633d;	/*左側に線を入れる*/
}
/*マウスオン時の設定*/
nav#menu ul li a:hover {
	background-color: #54633d;		/*背景色*/
}
#toggle{ 
    margin: 0px 0px 20px 0px;
 display: none;
}
@media only screen and (max-width: 480px) {
  nav#menu{
    display: none;
  }
  nav#menu li{
    width: 100%;
  }
  #toggle{
    display: block;
    position: relative;
    width: 100%;
	background-image: url(../images/arrow2.png), -webkit-gradient(linear, left top, left bottom, from(rgba(111,133,84,0.9)), to(rgba(84,99,61,0.9)));	/*矢印アイコンとグラデーション*/
	background-image: url(../images/arrow2.png), -webkit-linear-gradient(rgba(111,133,84,0.9), rgba(84,99,61,0.9));									/*同上*/
	background-image: url(../images/arrow2.png), linear-gradient(rgba(111,133,84,0.9), rgba(84,99,61,0.9));											/*同上*/
	background-repeat: no-repeat;
	background-position: right center;
	text-align: left;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
}


/*service.html内の製品紹介の各ブロック
---------------------------------------------------------------------------*/
#center p {
	text-align: right;
}

/*パンくずリスト*/

#breadlist {
	text-align: left;
}

#breadlist ul {
	list-style: none;
	display: inline-table;
	}
		
#breadlist ul li {
	display: inline;
	}
	
#breadlist ul li a {
	display: block;
	float: left;
	height: 18px;
	background: #72a57f;
	text-align: center;
	padding: 3px 10px 3px 20px;
	position: relative;
	margin: 0 8px 10px 0; 
	font-size: 10px;
	text-decoration: none;
	color: #fff;
	}

#breadlist ul li a:before {
	content: "";  	/*白い三角形*/
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #fff;
	position: absolute; left: 0; top: 6px;
}

#breadlist ul li a:after {
	content: "";  	/*オレンジの三角形*/
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #ff9e1c;
	position: absolute; right: -12px; top: 6px;
	z-index: 1;
}

#breadlist ul li:first-child a {
	border-top-left-radius: 15px; border-bottom-left-radius: 15px;
}
#breadlist ul li:first-child a:before {
	display: none; 
}

#breadlist ul li:last-child a {
	padding-right: 15px;
	border-top-right-radius: 15px; border-bottom-right-radius: 15px;
}
#breadlist ul li:last-child a:after {
	display: none; 
				}

#breadlist ul li a:hover {
	background: #33bcff;
}

#breadlist ul li a:hover:after {
		border-left-color: #33bcff;
}



/*各ボックスの設定*/
#center section.list article {
	border: 1px solid #c9c9c9;	/*枠線の幅、線種、色*/
	border-radius: 6px;			/*角丸のサイズ*/
	margin-bottom: 1em;			/*ブロック間のスペース*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f6f6f6));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #f6f6f6);	/*同上*/
	background-image: linear-gradient(#FFF, #f6f6f6);			/*同上*/
	-webkit-box-shadow: 0px 2px 5px #c9c9c9, 0px 0px 2px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・色を設定*/
	box-shadow: 0px 2px 5px #c9c9c9, 0px 0px 2px #FFF inset;	/*同上*/
}
/*ボックス内の段落タグ設定*/
#center section.list article p {
	padding: 0px;
	margin-left: 80px;	/*左の写真とのバランスをとって設定*/
}
/*ボックス内の写真設定*/
#center section.list article figure img {
	float: left;			/*画像を左へ回り込み*/
	background-color: #FFF;	/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 5px;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	vertical-align: bottom;
}
/*ボックス内のh1タグ設定*/
#center section.list article h1 {
	background: none;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #c9c9c9;	/*下線の幅、線種、色*/
	color: #818181;						/*文字色*/
	padding: 0px 0px 0px 5px;			/*左から、上、右、下、左への余白*/
	font-size: 100%;
	margin-bottom: 0.5em;
}
/*リンク設定*/
#center section.list article a {
	padding: 10px;	/*ボックス内の余白*/
	text-decoration: none;
	display: block;
	overflow: hidden;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}
#center section.list article a:hover {
	background-color: #f7f4cc;	/*マウスオン時のボックス色*/
}

/*各ボックスの設定*/
#center section.list1 article {
	border: 1px solid #c9c9c9;	/*枠線の幅、線種、色*/
	border-radius: 6px;			/*角丸のサイズ*/
	margin-bottom: 1em;			/*ブロック間のスペース*/
	color: #818181;						/*文字色*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f6f6f6));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #f6f6f6);	/*同上*/
	background-image: linear-gradient(#FFF, #f6f6f6);			/*同上*/
	-webkit-box-shadow: 0px 2px 5px #c9c9c9, 0px 0px 2px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・色を設定*/
	box-shadow: 0px 2px 5px #c9c9c9, 0px 0px 2px #FFF inset;	/*同上*/
}
/*ボックス内の段落タグ設定*/
#center section.list1 article p {
	padding: 0px;
	margin-left: 10px;	/*左の写真とのバランスをとって設定*/
	color: #818181;						/*文字色*/
}
/*ボックス内の写真設定*/
#center section.list1 article figure img {
	float: left;			/*画像を左へ回り込み*/
	background-color: #FFF;	/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 5px;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	vertical-align: bottom;
}
/*ボックス内のh1タグ設定*/
#center section.list1 article h1 {
	background: #edf9e2;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #c9c9c9;	/*下線の幅、線種、色*/
	color: #818181;						/*文字色*/
	padding: 0px 0px 0px 5px;			/*左から、上、右、下、左への余白*/
	font-size: 100%;
	margin-bottom: 0.5em;
}
/*リンク設定*/
#center section.list1 article a {
	padding: 10px;	/*ボックス内の余白*/
	text-decoration: none;
	display: block;
	overflow: hidden;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}
#center section.list article a:hover {
	background-color: #f7f4cc;	/*マウスオン時のボックス色*/
}


/*各ボックスの設定*/
#center section.list2 article {
	border: 1px solid #c9c9c9;	/*枠線の幅、線種、色*/
	border-radius: 6px;			/*角丸のサイズ*/
	margin-bottom: 1em;			/*ブロック間のスペース*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f6f6f6));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #f6f6f6);	/*同上*/
	background-image: linear-gradient(#FFF, #f6f6f6);			/*同上*/
	-webkit-box-shadow: 0px 2px 5px #c9c9c9, 0px 0px 2px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・色を設定*/
	box-shadow: 0px 2px 5px #c9c9c9, 0px 0px 2px #FFF inset;	/*同上*/
}
/*ボックス内の段落タグ設定*/
#center section.list2 article p {
	padding: 0px;
	margin-left: 100px;	/*左の写真とのバランスをとって設定*/
}
/*ボックス内の写真設定*/
#center section.list2 article figure img {
	float: left;			/*画像を左へ回り込み*/
	background-color: #FFF;	/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 5px;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	vertical-align: bottom;
}
/*ボックス内のh1タグ設定*/
#center section.list2 article h1 {
	background: none;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #c9c9c9;	/*下線の幅、線種、色*/
	color: #818181;						/*文字色*/
	padding: 0px 0px 0px 5px;			/*左から、上、右、下、左への余白*/
	font-size: 100%;
	margin-bottom: 0.5em;
}


.pink{
	background-color: #d80072;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f472a8), to(#d80072));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#f472a8, #d80072);	/*同上*/
	background-image: linear-gradient(#f472a8, #d80072);			/*同上*/
	padding: 3px 10px;	/*上下、左右への余白*/
	color: #FFF;	/*文字色*/
	border-radius: 6px 6px 6px 6px;	/*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
}


.green{
	background-color: #2dbc56;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8cddaa), to(#2dbc56));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#8cddaa, #2dbc56);	/*同上*/
	background-image: linear-gradient(#8cddaa, #2dbc56);			/*同上*/
	padding: 3px 10px;	/*上下、左右への余白*/
	color: #FFF;	/*文字色*/
	border-radius: 6px 6px 6px 6px;	/*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
}

.brown{
	background-color: #7a513a;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d88e68), to(#7a513a));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#d88e68, #7a513a);	/*同上*/
	background-image: linear-gradient(#d88e68, #7a513a);			/*同上*/
	padding: 3px 10px;	/*上下、左右への余白*/
	color: #FFF;	/*文字色*/
	border-radius: 6px 6px 6px 6px;	/*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
}

.blue{
	background-color: #4c6d7f;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8ecdf0), to(#4c6d7f));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#8ecdf0, #4c6d7f);	/*同上*/
	background-image: linear-gradient(#8ecdf0, #4c6d7f);			/*同上*/
	padding: 3px 10px;	/*上下、左右への余白*/
	color: #FFF;	/*文字色*/
	border-radius: 6px 6px 6px 6px;	/*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
}

.gold{
	background-color: #797000;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d3c600), to(#797000));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#d3c600, #797000);	/*同上*/
	background-image: linear-gradient(#d3c600, #797000);			/*同上*/
	padding: 3px 10px;	/*上下、左右への余白*/
	color: #FFF;	/*文字色*/
	border-radius: 6px 6px 6px 6px;	/*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
}

.ta1 {
	width: 100%;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta1 td{
	padding: 5px;
}
/*テーブル内の左側*/
.ta1 th{
	padding: 5px;
	width: auto;
	text-align: center;
	background-color: #dff8e3;	/*背景色*/
}

/*リンク設定*/
#center section.list2 article a {
	padding: 10px;	/*ボックス内の余白*/
	text-decoration: none;
	display: block;
	overflow: hidden;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}
#center section.list2 article a:hover {
	background-color: #f7f4cc;	/*マウスオン時のボックス色*/
}

/*イメージ設定*/

image.resizeimage {
	width: 40%;
	height: auto;
}
image.resizeimage img {
	width: 70%;
	height: auto;
}



/**************************
/* グリッド
**************************/
.container { width: 990px; margin: 0 auto;}
.grid1, .grid2, .grid3, .grid4 {
  float: left;
  display: inline;
  margin-left: 20px;
}
.grid1 {width: 220px;}
.grid2 {width: 460px;}
.grid3 {width: 700px;}
.grid4 {width: 940px;}
.first {margin-left: 0;clear: left;}

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


/* フッター */
#footer .grid{
color:#fff;
background:transparent;
}

#footer .col3 ul{
margin:0 0 10px 5px;
text-align:center;
}

#footer .col3 li{
padding:0 6px 0 5px;
margin-bottom:3px;
list-style:none;
border-bottom:0;
display:inline-block;
border-right:1px solid #fff;
}


/* unitip css
---------------------------------------------------------------------------*/

#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #ff0000;
	background-color : rgba(255,255,255,0.5);
	font: normal normal 10px/10px;
	font-size:12px;
	text-align: center;
	margin:0 auto 1em;
	display:block;
	border:solid 4px #5b3f19;
/* ↓角丸部分↓ */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius: 5px;
	border-radius:5px;
}

	#unitippoint, #unitipmid, #unitipcap {
		position: relative;
		top: 0px; 
		left: 0px;
		width: 145px;
		display: block;
	}


/*************
/* フッター
*************/
#footer{
clear:both;
padding:20px 0;
overflow:hidden;
color: #FFF;	/*文字色*/
background: #6f8654;	/*背景色*/
border-top:1px solid #739938;
}

* html #footer{height:1%;}

#footer a{color:#fff;}
#footer a:hover{color:#f7f4cc;}

#footer .copyright{font-size:11px;}


/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	clear: both;
	text-align: right;
}
#pagetop a {
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 90px;			/*ボックスの幅*/
	height: 40px;
	line-height: 40px;	/*行間（heightの数値と合わせる）*/
	font-size: 10px;		/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔。少し広げる設定。*/
	border-radius: 30px;	/*角丸のサイズ*/
	border: 1px solid #c9c9c9;	/*枠線の幅、線種、色*/
	background-color: rgba(000, 000, 000, 0.5);	/*背景色*/
	color: #fff;
}
#pagetop a:hover {
	border: 1px solid #818181;	/*マウスオン時の枠線の幅、線種、色*/
	background-color: rgba(111, 134, 84, 0.1);	/*背景色*/
}

/*その他
---------------------------------------------------------------------------*/
/*  栄養食バナーのようなもの  */

.sec01{
	text-align: left;
	color: #000;
	border-left:9px solid #72a57f;
	border-bottom:2px solid #72a57f;
	margin: 0em 0em 0em 0em ;　/*  上・左・下・右の余白指定  */
}

.sec011{
	text-align: left;
	color: #000;
	border-left:9px solid #ff9e1c;
	border-bottom:2px solid #ff9e1c;
	margin: 0em 0em 0em 0em ;　/*  上・左・下・右の余白指定  */
}

.sec012{
	text-align: left;
	color: #000;
	border-left:9px solid #33bcff;
	border-bottom:2px solid #33bcff;
	margin: 0em 0em 0em 0em ;　/*  上・左・下・右の余白指定  */
}

.sec013{
	text-align: left;
	color: #000;
	border-left:9px solid #c40026;
	border-bottom:2px solid #c40026;
	margin: 0em 0em 0em 0em ;　/*  上・左・下・右の余白指定  */
}

.sec014{
	text-align: left;
	color: #000;
	border-left:9px solid #ffeb00;
	border-bottom:2px solid #ffeb00;
	margin: 0em 0em 0em 0em ;　/*  上・左・下・右の余白指定  */
}


.nav1-grid {width:100%; border-bottom:solid 1px rgb(114,165,127);}
.nav1-grid dt a, .nav1-grid dt a:visited {display:block; min-height:2em /*Non-IE6*/; height:auto !important; height:2em /*IE6*/; line-height:2em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(84,99,61); text-decoration:none; background-color:rgb(114,165,127); color:rgb(255,255,255); font-size:90%;}
.nav1-grid dt a:hover, .nav1-grid dd a:hover {background-color:rgb(255,240,158); color:rgb(255,255,255); text-decoration:none;}

.nav2-grid {width:100%; border-bottom:solid 1px rgb(255,158,28);}
.nav2-grid dt a, .nav2-grid dt a:visited {display:block; min-height:2em /*Non-IE6*/; height:auto !important; height:2em /*IE6*/; line-height:2em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(84,99,61); text-decoration:none; background-color:rgb(255,158,28); color:rgb(255,255,255); font-size:90%;}
.nav2-grid dt a:hover, .nav2-grid dd a:hover {background-color:rgb(255,240,158); color:rgb(255,255,255); text-decoration:none;}

.nav3-grid {width:100%; border-bottom:solid 1px rgb(51,188,255);}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:2em /*Non-IE6*/; height:auto !important; height:2em /*IE6*/; line-height:2em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(84,99,61); text-decoration:none; background-color:rgb(51,188,255); color:rgb(255,255,255); font-size:90%;}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {background-color:rgb(255,240,158); color:rgb(255,255,255); text-decoration:none;}