/*******************/
/*ここから id 属性*/
/*******************/

/*1番上のSEO対策*/
#seo{
	padding:5px;
	width:750px;
	height:15px;
	font-size:x-small;
	color:#cc3366;
	text-align:center;
	}

/*ショッピングカート*/
#shoppingcart{
	padding:0px;
	width:750px;
	height:65px;
	}

/*ナビゲーション画像(img/navi/以下）　onMouseOver機能あり*/
#header{
	padding:0px;
	width:750px;
	height:30px;
	}

/*メニュー画像（img/menu/以下）　onMouseOver機能あり*/
#navi{
	padding:0px;
	width:750px;
	height:30px;
	}
	
/*その下：一番外側の枠*/
#main{
	width:750px;
	height:auto;
	background-color:#ffffff;
	}

/*div #main の中：左側*/
#main #col1{
	padding:0px;
	width:185px;
	height:auto;
	background-color:#ffffff;
	float:left;
	}

/*div #main の中：左側*/
/*左側のバーは全てこの仕様を使います*/

#main #col1 p{
	padding:10px;
	font-size:x-small;
	text-align:left;
	}
	
/*div #main の中：右側*/
#main #col2{
	padding:0px;
	width:560px;
	height:auto;
	background-color:#ffffff;
	float:right;
	}

/*div #main の中：右側*/
#main #col2 p{
	padding:0px;
	text-align:left;
	font-size:x-small;
	}


/*ナビゲーション画像(img/tab/以下）　onMouseOver機能あり*/
#bar{
	padding:0px;
	width:750px;
	height:30px;
	}

/*メニュー画像（img/tab/以下）　onMouseOver機能あり*/
#tab{
	padding:0px;
	width:750px;
	height:30px;
	}

#clear{
	clear:both;
	}

/*copyrightなど*/
#footer{
	padding:20px;
	width:750px;
	height:auto;
	font-size:x-small;
	color:#732d3f;
	text-align:center;
	}

#footer p{
	font-size:x-small;
	color:#732d3f;
	text-align:center;
	}

/*******************/
/*txt用のタグ*/
/******************/

body{
	background-color:#ffffff;
	}


/*#main #col2　ロケーションバーのテキスト*/
#main #col2 p.location{
	padding: 10px;
	font-size:x-small;
	text-align:left;
	background-color:#ffffff;
	}

/*#main #col2　通常のミニテキスト(後にcol2のなかはいらなくなる)*/
#main #col2 p.right{
	padding:5px;
	text-align:right;
	font-size:x-small;
	}
	
/*#main #col2　通常のミニテキストセンター寄せ*/
#main #col2 p.center{
	text-align:center;
	font-size:x-small;
	padding: 0px;
	}

/*#main #col2　教科書体*/
#main #col2 p.hg{
	text-align:left;
	font-size:large;
	font-weight: bolder;
	}
	
/*#main #col2　赤字テキストご注意点*/
#main #col2 p.red{
	text-align:left;
	font-size:small;
	font-weight: bold;
	color: #FF0000;
	}

/*#main #col2　赤字テキストご注意点*/
#main #col2 p.redbig{
	text-align:center;
	font-size:large;
	font-weight: bold;
	color: #FF0000;
	}

p.detail{
	text-align:left;
	font-size:x-small;
	color: #000000;
	font-style: normal;
	padding-top: 2px;
	padding-right: 25px;
	padding-bottom: 3px;
	padding-left: 20px;
	}

p.pink{
	text-align:left;
	font-size:x-large;
	font-weight: bolder;
	font-family: "HGP教科書体";
	font-style: normal;
	border-right-width: 20px;
	border-left-width: 20px;
	color: #993333;
	}
	
span.blue{
	text-align:left;
	font-size:large;
	font-weight: bolder;
	font-family: "HGP教科書体";
	font-style: normal;
	border-right-width: 20px;
	border-left-width: 20px;
	color: #3E3094;
	}

/*画像は全て border=0 です*/
img{
	border:0 0 0 0;
	}

/*基本のリンクは以下の3つ*/
a:link,
a:active,
a:visited{
	color:#732d3f;
	}

/*#div seoの中のテキスト*/
a.seo:link,
a.seo:active,
a.seo:visited{
	color:#cc3366;
	font-size:x-small;
	font-weight:bold;
	}

h1{
	padding:5px;
	font-size:xx-large;
	font-weight:bold;
	color:#933a51;
	text-align:center;
	}
h2{
	padding:5px;
	font-size:larger;
	font-weight:bold;
	color:#b94d68;
	text-align:center;
	}
h3{
	padding:5px;
	font-size:medium;
	font-weight:bold;
	color:#ff0000;
	text-align:center;
	}

/*ここから天才サチヲ氏のソース*/
span.hidden {
	display: none;
}

/************************************/
/*　onMourseOver用　その１： 　　　　*/
/*　div #shoppingcart ＞ table#cart */
/*　効果：買い物かごの画像をスイッチ　*/
/***********************************/
/*#navi 部分のonMouseOver*/
table#cart {
	width:750px;
	height:65px;
	padding:0px;
	margin:0px;
}

table#cart tr{
	width:750px;
	height:65px;
	padding:0px;
	margin:0px;
}

table#cart tr td{
	width:750px;
	height:65px;
	padding:0px;
	margin:0px;
}

td#cart01 a:hover
 {
	background-position: 0px -65px;
}

td#cart01 a 
{
	display:block;
	background: transparent url('http://www.delivery-wine.net/noda/img/button/cart.gif') no-repeat 0 0;
	padding:0px;
	margin:0px;
	width:150px;
	height:65px;
	float:right;
}


/************************************/
/*　onMourseOver用　その２： 　　　　*/
/*　div #header ＞ table#navi　　　 */
/*　効果：カテゴリのページをスイッチ　*/
/***********************************/

/*#navi 部分のonMouseOver*/
table#navi {
	width:750px;
	height:30px;
	padding:0px;
	margin:0px;
}

table#navi tr{
	height:30px;
	padding:0px;
	margin:0px;
}

table#navi tr td{
	width:185px;
	height:30px;
	padding:0px;
	margin:0px;
}

td#navi01 a:hover, 
td#navi02 a:hover, 
td#navi03 a:hover,
td#navi04 a:hover
 {
	background-position: 0px -30px;
}

td#navi01 a 
{
	display:block;
	background: transparent url('http://www.delivery-wine.net/vintagew/img/vhome.gif') no-repeat 0 0;
	padding:0px;
	margin:0px;
	width:185px;
	height:30px;
}
td#navi02 a 
{
	display:block;
	background: transparent url('http://www.delivery-wine.net/vintagew/img/vdaily.gif') no-repeat 0 0;
	padding:0px;
	margin:0px;
	width:185px;
	height:30px;
}
td#navi03 a 
{
	display:block;
	background: transparent url('http://www.delivery-wine.net/vintagew/img/vvin.gif') no-repeat 0 0;
	padding:0px;
	margin:0px;
	width:185px;
	height:30px;
}

td#navi04 a 
{
	display:block;
	background: transparent url('http://www.delivery-wine.net/vintagew/img/vqn.gif') no-repeat 0 0;
	padding:0px;
	margin:0px;
	width:185px;
	height:30px;
}


/***************************************/
/*　onMourseOver用　その３： 　　　　　　*/
/*　div #bar ＞ table#tab 　　　　　 */
/*　効果：花とワイン内のページをスイッチ　*/
/***************************************/
table#tab {
	width:750px;
	height:30px;
	padding:0px;
	margin:0px;
}

table#tab tr{
	height:30px;
	padding:0px;
	margin:0px;
}

table#tab tr td{
	width:185px;
	height:30px;
	padding:0px;
	margin:0px;
}

td#tab01 a:hover, 
td#tab02 a:hover, 
td#tab03 a:hover,
td#tab04 a:hover, 
td#tab05 a:hover, 
td#tab06 a:hover
 {
	background-position: 0px -30px;
}

td#tab01 a 
{
	display:block;
	background: transparent url(../vintagew/img/tab/top.gif) no-repeat 0 0;
	padding:0px;
	margin:0px;
	width:185px;
	height:30px;
}
td#tab02 a 
{
	display:block;
	background: transparent url(../vintagew/img/tab/noda.gif) no-repeat 0 0;
	padding:0px;
	margin:0px;
	width:185px;
	height:30px;
}
td#tab03 a 
{
	display:block;
	background: transparent url(../vintagew/img/tab/arrange.gif) no-repeat 0 0;
	padding:0px;
	margin:0px;
	width:185px;
	height:30px;
}

td#tab04 a 
{
	display:block;
	background: transparent url(../vintagew/img/tab/bouquet.gif) no-repeat 0 0;
	padding:0px;
	margin:0px;
	width:185px;
	height:30px;
}