/*---------全てのimgタグのborderを消去--*/
img {border:none;}

/*------------------ヘッダー--*/
#header{ height:130px; margin: 30px auto auto; }
#logo { width: 800px; height: 125px ; margin: auto; }
#logo img { vertical-align: middle; float: left;}

/*------------------ナビゲーション--*/ 
#navi { width: 570px; margin-left: 220px; }
  
#navi ul li { font-family:"ＭＳ Ｐゴシック", Osaka, ヒラギノ角ゴPro ; color: #0b2a32 ; text-align: center; float:left; padding: 20px 14px 3px 26px; }	
#navi ul ul li { font-size: x-small; line-height: 1.2em; text-align: center; float:none; padding:2px 0    }
#navi ul strong { line-height:1.5em; }

#navi .mTop {width:40px}
#navi .mTop a { color:#0b2a32}

#navi .mAbout { background-image: url(../images/info.gif); background-repeat: no-repeat; background-position: 55% 85%; width:80px  }
#navi .mAbout a { color:#0b2a32; }

#navi .mServices { background-image: url(../images/bag.gif); background-repeat: no-repeat; background-position: 55% 85%; width:80px; }
#navi .mServices a { color:#0b2a32; }

#navi .mContact { background-image: url(../images/qa.gif); background-repeat: no-repeat; background-position: 55% 85%; width:80px; }
#navi .mContact a { color:#0b2a32}

#navi .mCart { width:80px; }
#navi .mCart a { color:#0b2a32}		
			
#navi ul li a { text-decoration:none; color:#9698a2;}
#navi ul li a:hover { color:#666;}
#navi ul li.active a { color:#babbc2}

/*----------カテゴリ全体--*/
#categoryall { float: left; width: 198px; height: auto; }

/*----------カテゴリタブ--*/
#category { float: left; width: 197px; height: auto; margin: 0; border: solid 1px #CACACA; }
#category ul { margin: 0; padding: 10px 0; list-style: none; }
#category li { margin: 0; padding: 0; display: inline; list-style: none; }
#category a { text-decoration: none; color: #333; background-image: url(../images/cate-list-item-ahover.gif); background-repeat: no-repeat; background-position: left center; display: block; margin-left: 5px; padding: 0.5em 1em 0.5em 2em; }
#category a:hover { color: #666; background-image: url(../images/cate-list-item.gif); background-repeat: no-repeat; background-position: left center; }

/*----------左側カテゴリ下部--*/
#category2 { float: left; width: 199px; height: auto; margin-top: 20px; }
#category2 .categorytab3 { color: white; font-weight: bolder; line-height: 2.5em; background-image: url(../images/category3.gif); background-repeat: no-repeat; background-position: center; text-align: center; vertical-align: middle; height: 35px; margin: 0; padding: 0; }
*html #category2 .categorytab3 { color: white; font-weight: bolder; line-height: 4em; background-image: url(../images/category3.gif); background-repeat: no-repeat; background-position: center; text-align: center; vertical-align: middle; height: auto; margin: -4px 0; padding: 0; }/*hack*/
#category2 ul { margin: 0; padding: 10px 5px 5px; border-right: 1px solid silver; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; list-style: none; }
*html #category2 ul { margin: -3px 0 0; padding: 10px 5px 5px; border: solid 1px #c0c0c0; list-style: none; } /*hack*/
#category2 li { margin: 0; padding: 0; display: inline; list-style: none; }
#category2 a { text-decoration: none; display: block; width: auto; height: auto; margin: 0; }
#category2 a:hover { position: relative; top:1px; left: 1px;}

/*----------商品カテゴリタブ--*/
.round-cate{ background:#cacaca url(../images/round-right.gif) no-repeat right top; color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 2.5em; text-align:center; vertical-align: middle; width: 199px; height: 40px; clear: both; }
.round-cate div{ background: url(../images/round-left.gif) no-repeat left top; padding: 5px; }

/*------------------メイン--*/
#main{ width: 800px; text-align:left; font-size:80%; margin: 3px auto auto; }
#main .body{ width:570px; float:right; clear:both; margin: 0 10px 0 0; }
*html #main .body { width:580px; float:right; clear:both; margin-right: 5px; }/*hack*/
#main .body p{ color: #666; line-height: 160%; margin:12px 5px; text-align: justify;}

/*----------片側角丸--*/
.round{ background:#0b2a32 url(../images/round_gray-left.gif) no-repeat left bottom; color:#fffdf0; font-size: 120%; font-family: Arial, Helvetica, sans-serif;  font-weight: bold; line-height: 2.5em; text-align:left; text-indent: 20px; height: 42px; clear: both; margin-bottom: 20px; }
.round div{background:url(../images/round_gray-right.gif) no-repeat right top;padding:4px;}

/*----------------------商品名--*/
h1{ color: #666; font-size: 100%;}

/*----------------------階層表示--*/
h2{ margin: 16px 0 30px; padding:3px 3px 7px 5px; color: #666; font-size: 100%; font-weight: normal; text-align: left; clear: both; border-bottom: 1px dotted silver; }

/*----------------------商品名--*/
h3{ color: #0b2a32; font-size: 108%; padding:8px 5px; margin: 30px 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; background-image: url(../images/h3back.gif); background-repeat: repeat; background-position: left 0; }

/*----------------------酒--*/
h4{ padding:5px; margin: 20px 0; border-bottom: 4px double #83684f; font-family: Arial, Helvetica, sans-serif; background-position: left 0; text-decoration: none; clear: both; }

/*-----------------------商品詳細カート部分--*/
h5{ color: #666; font-size: 100%; padding:5px 5px 10px 25px; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/h5tab.gif); background-repeat: no-repeat; background-position: left 6px; letter-spacing: 1px; float: left; margin-right: 0; margin-bottom: 30px; margin-left: 40px; }

h6{ font-size: 100%; padding:5px 5px 5px 20px; margin: 20px 0; border-bottom: 4px double #83684f; font-family: Arial, Helvetica, sans-serif; text-decoration: none; clear: both; }

/*----------------------------フッター--*/
#footer{ color: #666; clear:both; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/copyright.gif); background-repeat: no-repeat; background-position: center bottom; width: 800px; height: 60px; margin: auto; padding-top: 40px; }
#footer p{ font-size: x-small; text-decoration: none; margin-right: 30px; margin-bottom: 10px; margin-left: 30px; }

.clear{ clear:both; line-height:1px; }

hr { clear: both; border-top: 1px dotted silver; }