@charset "utf-8";
body  {
	font-size: 10px ;
	font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
	color:#000000;
	
	
	background: #0C4C20;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	
}

a:link {
	color: #000000;
	text-decoration: none;
	font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
		}

a:visited {
	color: #000000;
	text-decoration: none;
	font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
		
	}

a:active {
	color: #ffffff;
	background-color: #0C4C20;
	text-decoration: none;
			font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;}

a:hover {
	color: #ffffff;
	background-color: #0C4C20;
	text-decoration: none;
	font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
	
	}
	
	
a.link2 {
color: #000000;
	font-size: 12px;
	font-weight: bold;
	font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
}

a.link2:link {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-family:ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
		font-size: 12px;
	}

a.link2:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
		font-size: 12px;
	}

a.link2:active {
	color: #ffffff;
	font-weight: bold;
	background-color: #0C4C20;
	text-decoration: none;
		font-size: 12px;
	font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;}

a.link2:hover {
	color: #ffffff;
	font-weight: bold;
	background-color: #0C4C20;
	text-decoration: none;
	font-size: 12px;
	font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
	}
	
	
	
	
	
a.link3 {
color: #009900;
	font-size: 10px;
	font-weight: bold;
	font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
}

a.link3:link {
	color: #009900;
	font-weight: bold;
	text-decoration: none;
	font-family:ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
		font-size: 10px;
	}

a.link3:visited {
	color: #009900;
	text-decoration: none;
	font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
		
	}

a.link3:active {
	color: #ffffff;
	background-color: #0C4C20;
	text-decoration: none;
			font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;}

a.link3:hover {
	color: #ffffff;
	background-color: #0C4C20;
	text-decoration: none;
	font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
	
	}	
	
	
	
	
	
		
img{border: 1px solid #000000; }

#i1{border: none; }
	
.c1 { 
      line-height: 20px;
	  letter-spacing:1px;
	}

.c2 { 
      line-height: 15px;
	  letter-spacing:1px;
	}
		
.c3 { 
      line-height: 15px;
	  letter-spacing:0.5px;
	}		


	
	
.style3 {font-size: 14px; font-weight: bold; font-family: ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3 }

.twoColFixLtHdr #container { 
	width: 850px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0 px;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	
	 /* この設定は body エレメントの text-align: center より優先されます。 */
} 


/*  -------------------------- header menu --------------------------------- */




.twoColFixLtHdr #header { 
    background: url(./header/flavor-logo.gif) no-repeat;
	padding-top: 10px;
	margin-bottom: 30px;
	height: 60px;
	position: relative;
	border-bottom:1px solid #000000;
}

#head_logo {
	background: url(./header/flavor-logo.gif) no-repeat;
	height:60px;
	width: 850px;
	padding: 0px;
	float: left;
	position: absolute;
	
}
#head_logo a:link {
	background: url(./header/flavor-logo.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;
	height: 60px;
	display: block;
	text-decoration: none ! important;
}
#head_logo a:visited {
	background: url(./header/flavor-logo.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;
	height: 60px;
	display: block;
	text-decoration: none ! important;
}
#head_logo a:hover {
	background: url(./header/flavor-logo.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;
	height: 60px;
	display: block;
	text-decoration: none ! important;
}

.twoColFixLtHdr #header h1 {

	width: 300px;
	height:60px;
	margin: 0px;
	text-indent: -2000px;
	display: block;
	font-size: 1px;
	text-decoration: none ! important;

}









#headerNavi_Box {
	clear: both;
	margin-left: 340px;
	margin-bottom: 30px;
	padding: 0px;

	width:510px;
	height: 60px;
	position: absolute; 
	list-style: none;
	float: left;
	
}

#headerNavi_Box ul#headerNavi {
	margin: 0px;
	padding: 0px;
	top: 10px;
	width: 510px;
	height: 60px;
	position: static;
	list-style: none;
	float: left;
}

ul#headerNavi li {
  
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  height: 40px;
}

/* end */

ul#headerNavi li a {

  display: block;
  height: 40px;
  float: left;
  margin: 0px;
  padding: 0px;
  text-indent: -2000px;
  font-size: 1px;
  color: white;
  text-decoration: none ! important;
}


ul#headerNavi li.about {
	margin-top: 15px;
	float: left;
	width: 75px; height: 30px;
	background: url(./img/about-1n.gif) no-repeat left top;
}
ul#headerNavi li.about a:link {
	
	float: left;
	width:75px; height: 30px;
	background: url(./img/about-1n.gif) no-repeat left top;
}
ul#headerNavi li.about a:visited {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/about-1n.gif) no-repeat left top;
}
ul#headerNavi li.about a:hover {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/about-2n.gif) no-repeat left top;
}



ul#headerNavi li.list {
	margin-top: 15px;
	margin-left: 10px;
	float: left;
	width: 75px; height:30px;
	background: url(./img/list-1n.gif) no-repeat left top;
}
ul#headerNavi li.list a:link {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/list-1n.gif) no-repeat left top;
}
ul#headerNavi li.list a:visited {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/list-1n.gif) no-repeat left top;
}
ul#headerNavi li.list a:hover {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/list-2n.gif) no-repeat left top;
}




ul#headerNavi li.blog {
	margin-top: 15px;
	margin-left: 10px;
	float: left;
	width:75px; height: 30px;
	background: url(./img/blog-1n.gif) no-repeat left top;
}
ul#headerNavi li.blog a:link {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/blog-1n.gif) no-repeat left top;
}
ul#headerNavi li.blog a:visited {
	
	float: left;
	width:75px; height: 30px;
	background: url(./img/blog-1n.gif) no-repeat left top;
}
ul#headerNavi li.blog a:hover {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/blog-2n.gif) no-repeat left top;
}




ul#headerNavi li.info {
	margin-top: 15px;
	margin-left: 10px;
	float: left;
	width: 75px; height: 30px;
	background: url(./img/info-1n.gif) no-repeat left top;
}
ul#headerNavi li.info a:link {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/info-1n.gif) no-repeat left top;
}
ul#headerNavi li.info a:visited {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/info-1n.gif) no-repeat left top;
}
ul#headerNavi li.info a:hover {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/info-2n.gif) no-repeat left top;
}




ul#headerNavi li.l_ink {
	margin-top: 15px;
	margin-left: 10px;
	float: left;
	width: 75px; height: 30px;
	background: url(./img/link-1n.gif) no-repeat left top;
}
ul#headerNavi li.l_ink a:link {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/link-1n.gif) no-repeat left top;
}
ul#headerNavi li.l_ink a:visited {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/link-1n.gif) no-repeat left top;
}
ul#headerNavi li.l_ink a:hover {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/link-2n.gif) no-repeat left top;
}


ul#headerNavi li.contact {
	margin-top: 15px;
	margin-left: 10px;
	float: left;
	width: 75px; height: 30px;
	background: url(./img/contact-1n.gif) no-repeat left top;
}
ul#headerNavi li.contact a:link {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/contact-1n.gif) no-repeat left top;
}
ul#headerNavi li.contact a:visited {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/contact-1n.gif) no-repeat left top;
}
ul#headerNavi li.contact a:hover {
	
	float: left;
	width: 75px; height: 30px;
	background: url(./img/contact-2n.gif) no-repeat left top;
}

/*  -------------------------- header menu --------------------------------- */





/*  -------------------------- side menu --------------------------------- */

		
	 /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
 

.twoColFixLtHdr #sidebar {
	
	
	 /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
    height: 850px;
	width: 200px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	background: #FFFFFF; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	margin-left: 10px;
   	float: left;
}




#sideNavi_Box {
	margin: 0px;
	clear: both;
	padding: 0px;
	background: url(./img/sideback4.gif) no-repeat;
	width:200px;
	height: 850px;
	position: absolute; 
	list-style: none;
	float: left;
}

#menu_Box {
	width:200px;
	margin-top: 30px;
	float: left;
}



#sideNavi_Box ul#sideNavi {
	margin: 0px;
	padding: 0px;
	width:200px;
	position: static;
	list-style: none;
	float: left;
}

ul#sideNavi li {
  
  display: block;
  margin: 0px;
  padding: 0px;
  height: 30px;
}

/* end */

ul#sideNavi li a {

  display: block;
  height: 30px;
  float: left;
  margin: 0px;
  padding: 0px;
  text-indent: -2000px;
  font-size: 1px;
  color: white;
  text-decoration: none ! important;
}


ul#sideNavi li.foodbowl {
	margin-top: 30px;
	float: left;
	width: 200px; height: 30px;
	background: url(./img/foodbowl-1.gif) no-repeat left top;
}
ul#sideNavi li.foodbowl a:link {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/foodbowl-1.gif) no-repeat left top;
}
ul#sideNavi li.foodbowl a:visited {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/foodbowl-1.gif) no-repeat left top;
}
ul#sideNavi li.foodbowl a:hover {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/foodbowl-2.gif) no-repeat left top;
}



ul#sideNavi li.bag {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/bag-1.gif) no-repeat left top;
}
ul#sideNavi li.bag a:link {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/bag-1.gif) no-repeat left top;
}
ul#sideNavi li.bag a:visited {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/bag-1.gif) no-repeat left top;
}
ul#sideNavi li.bag a:hover {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/bag-2.gif) no-repeat left top;
}



ul#sideNavi li.cushion {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/cushion-1.gif) no-repeat left top;
}
ul#sideNavi li.cushion a:link {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/cushion-1.gif) no-repeat left top;
}
ul#sideNavi li.cushion a:visited {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/cushion-1.gif) no-repeat left top;
}
ul#sideNavi li.cushion a:hover {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/cushion-2.gif) no-repeat left top;
}




ul#sideNavi li.collar {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/collar-1.gif) no-repeat left top;
}
ul#sideNavi li.collar a:link {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/collar-1.gif) no-repeat left top;
}
ul#sideNavi li.collar a:visited {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/collar-1.gif) no-repeat left top;
}
ul#sideNavi li.collar a:hover {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/collar-2.gif) no-repeat left top;
}




ul#sideNavi li.lead {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/lead-1.gif) no-repeat left top;
}
ul#sideNavi li.lead a:link {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/lead-1.gif) no-repeat left top;
}
ul#sideNavi li.lead a:visited {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/lead-1.gif) no-repeat left top;
}
ul#sideNavi li.lead a:hover {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/lead-2.gif) no-repeat left top;
}


ul#sideNavi li.other {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/other-1.gif) no-repeat left top;
}
ul#sideNavi li.other a:link {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/other-1.gif) no-repeat left top;
}
ul#sideNavi li.other a:visited {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/other-1.gif) no-repeat left top;
}
ul#sideNavi li.other a:hover {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/other-2.gif) no-repeat left top;
}





ul#sideNavi li.porter {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/porter-1.gif) no-repeat left top;
}
ul#sideNavi li.porter a:link {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/porter-1.gif) no-repeat left top;
}
ul#sideNavi li.porter a:visited {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/porter-1.gif) no-repeat left top;
}
ul#sideNavi li.porter a:hover {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/porter-2.gif) no-repeat left top;
}




ul#sideNavi li.g1950 {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/g1950-1.gif) no-repeat left top;
}
ul#sideNavi li.g1950 a:link {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/g1950-1.gif) no-repeat left top;
}
ul#sideNavi li.g1950 a:visited {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/g1950-1.gif) no-repeat left top;
}
ul#sideNavi li.g1950 a:hover {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/g1950-2.gif) no-repeat left top;
}




ul#sideNavi li.land {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/land-1.gif) no-repeat left top;
}
ul#sideNavi li.land a:link {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/land-1.gif) no-repeat left top;
}
ul#sideNavi li.land a:visited {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/land-1.gif) no-repeat left top;
}
ul#sideNavi li.land a:hover {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/land-2.gif) no-repeat left top;
}







ul#sideNavi li.tokutei {
	margin-top: 80px;
	float: left;
	width: 200px; height: 30px;
	background: url(./img/tokutei-1.gif) no-repeat left top;
}
ul#sideNavi li.tokutei a:link {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/tokutei-1.gif) no-repeat left top;
}
ul#sideNavi li.tokutei a:visited {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/tokutei-1.gif) no-repeat left top;
}
ul#sideNavi li.tokutei a:hover {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/tokutei-2.gif) no-repeat left top;
}





ul#sideNavi li.cart_v {
	margin-top: 10px;
	float: left;
	width: 200px; height: 30px;
	background: url(./img/cart-1.gif) no-repeat left top;
}
ul#sideNavi li.cart_v a:link {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/cart-1.gif) no-repeat left top;
}
ul#sideNavi li.cart_v a:visited {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/cart-1.gif) no-repeat left top;
}
ul#sideNavi li.cart_v a:hover {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/cart-2.gif) no-repeat left top;
}



ul#sideNavi li.guide {
	margin-top: 10px;
	float: left;
	width: 200px; height: 30px;
	background: url(./img/annai-1.gif) no-repeat left top;
}
ul#sideNavi li.guide a:link {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/annai-1.gif) no-repeat left top;
}
ul#sideNavi li.guide a:visited {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/annai-1.gif) no-repeat left top;
}
ul#sideNavi li.guide a:hover {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/annai-2.gif) no-repeat left top;
}



ul#sideNavi li.mailmag {
	margin-top: 60px;
	float: left;
	width: 200px; height: 30px;
	background: url(./img/mailmag-1.gif) no-repeat left top;
}
ul#sideNavi li.mailmag a:link {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/mailmag-1.gif) no-repeat left top;
}
ul#sideNavi li.mailmag a:visited {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/mailmag-1.gif) no-repeat left top;
}
ul#sideNavi li.mailmag a:hover {
	
	float: left;
	width: 200px; height: 30px;
	background: url(./img/mailmag-2.gif) no-repeat left top;
}




/*  -------------------------- side menu --------------------------------- */



/*  -------------------------- main --------------------------------- */


.twoColFixLtHdr #Content { 
   
   width: 550px;
   float: right;
   margin-right:10px;
    margin-left:60px;
     margin-bottom: 50px;
	 /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	background: #FFFFFF; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
}
   

#Content_top {
	margin: 0px;
    padding-top: 5px;
	width:550px;
	height:15px;
	
}

#Content_top2 {
	margin: 0px;
    padding-top: 5px;
	width:550px;
	height:25px;
	
}


#Content_top3 {
	margin: 0px;
    padding-top: 5px;
	width:550px;
	height:35px;
	
}



#Content_Box {
	margin: 0px;
    padding: 0px;
	width:550px;
	height:550px;
	 
}/* top */

#Content_Box1 {
	margin: 0px;
    padding: 0px;
	width:549px;
height:1300px;
	border-left:1px solid #000000;
	 

}/* guide */



#Content_Box2 {
	margin: 0px;
    padding: 0px;
	width:549px;
	height:800px;
	border-left:1px solid #000000;
	

}/* tokutei Link */



#Content_Box3 {
	margin: 0px;
    padding-left: 10px;
	width:539px;
    height:990px;
	border-left:1px solid #000000;

}/* privacy */


#Content_Box4 {
	background: url(./bag/img/hello-back.jpg) no-repeat;
	margin: 0px;
    padding-left: 20px;
	width:530px;
    height:1750px;
	border-left:1px solid #000000;
	}/* hellotote */
	
	
	
#Content_Box5 {
	border-left:1px solid #000000;
	padding-left: 20px;
	margin: 0px;
    width:530px;
    height:1570px;
	
	}/* hellotote sample */	
	

#Content_Box6 {
	background: url(./bag/img/HELLO-MESSENGER-back.jpg) no-repeat;
	margin: 0px;
    padding-left: 20px;
	width:530px;
    height:1600px;
	border-left:1px solid #000000;
	}/* hello m*/

#Content_Box7 {
	background: url(./cushion/img/HELLO-CUSSION-back.jpg) no-repeat;
	margin: 0px;
    padding-left: 20px;
	width:530px;
    height:1350px;
	border-left:1px solid #000000;
	}/* hello c */

#Content_Box8 {
	background: url(./other/img/DOG-TAGS-back.jpg) no-repeat;
	margin: 0px;
    padding-left: 20px;
	width:530px;
    height:1200px;
	border-left:1px solid #000000;
	}/* hellodogtags */






	
/* end */

#info_Box {
	
	clear: both;
	padding: 0px;
	background: url(./img/info2.gif) no-repeat;
	width:550px;
	height: 250px;
	 
	list-style: none;
	float: left;
}/* top */



#samplebox{
margin-top: 80px;
overflow:auto;
height:170px; 
padding: 10px 10px 10px 10px ;
}



/* end */


#new_Box {
	
	
	padding-top: 70px;

	left: 0px;
	background: url(./img/new2.gif) no-repeat;
	
	width:550px;
	
	
	list-style: none;
	float: left;
}/* top */


/* end */










/* end */


/*  -------------------------- main --------------------------------- */










/*  -------------------------- footer --------------------------------- */

.twoColFixLtHdr #footer { 
    background: url(./img/footerback.gif) no-repeat;
	height: 70px;
	text-align: left;
	width:850px;
	clear: both;
	
	
	 /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	border-top:1px solid #000000;
		
} 









#footerNavi {
	color:#000000;
	margin: 0px;
	padding-left: 5px;
	padding-top: 30px;
	width: 845px;
	height: 40px;
	
	
	
}

ul#footerNavi li {
  color:#000000;
  display: inline;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  
}

ul#footerNavi li a {
	color:#000000;
	float: left;
	margin: 0px;
	padding: 0px;
	text-decoration: none ! important;
	display: block;
	background-color: #ffffff;
}




/*  -------------------------- footer --------------------------------- */



.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}