@charset "utf-8";
@import url("reset.css");
@import url("fonts.css");

html{
	height:100%;
	margin-bottom:1px;
	color:#231815;
}

body{
}

img{
	border: 0;
	vertical-align: top;
}

strong{
	font-weight: normal;
}

a:link    { color: #ffdd00; text-decoration: underline; }
a:visited { color: #ffdd00; text-decoration: underline; }
a:active  { color: #e3aa01; text-decoration: underline; }
a:hover   { color: #e3aa01; text-decoration: underline; }

.clearfix{
	overflow: hidden;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .clearfix {
	height: 1em;
	overflow: visible;
}
/**/

#wrapper{
	width: 800px;
	margin: 0 auto;
}

/************ header start ************/
#header{
	width: 800px;
	padding: 0 0 0 0;
	overflow: hidden;
}

#header:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #header {
	height: 1em;
	overflow: visible;
}
/**/

#header ul.clumble{
	width: 760px;
	background-color: #a3a3a6;
	padding: 5px 20px 5px 20px;
	height: 23px;
}

#header ul.clumble li.bread{
	width: 490px;
	float: left;
	vertical-align: top;
	margin: 0;
	padding: 0 10px 0 0;
	font-size:77%;
}

/*for IE7 */
*:first-child+html #header ul.clumble li.bread {
	font-size: 77%;
}

/* for IE6 */
/*\*/
* html #header ul.clumble li.bread {
	font-size: 77%;
}
/**/


#header ul.clumble li.search{
	width: 255px;
	float: right;
	margin: 0;
}

#header ul.clumble .keyword{
	width: 190px;
	padding: 2px;
	vertical-align: middle;
	color: #999999;
	border: #CCCCCC 1px solid;
	marign: 0 10px 0 0;
}

#header ul.clumble .search{
	vertical-align: middle;
	marign: 0;
}

#header ul.global{
	width:765px;
	background-color: #cacbcd;
	padding: 15px 15px 10px 20px;
	height: 64px;
	border-bottom: #b2b2b2 1px solid;
}

/* for IE6 */
/*\*/
* html #header ul.global {
	width:760px;
	padding: 15px 10px 10px 20px;
}
/**/

#header ul.global li {
	width:250px;
	float: left;
	margin:0 5px 5px 0;
}

#header table.navi {
	width:800px;
}

#header table.navi th {
	width:110px;
	background-color: #000004;
}

#header table.navi td {
	width:690px;
	vertical-align: middle;
	background-color: #7e071c;
	padding: 0 5px 0 0;
}

#header table.navi ul.sel_wine {
}

#header table.navi ul.sel_wine li {
	float: left;
	margin:0 0 0 15px;
}

/* for IE6 */
/*\*/
* html #header table.navi ul.sel_wine li {
	float: left;
	margin:0 0 0 10px;
}
/**/

#header table.navi select {
}

#header table.navi select.slt_cat,
#header table.navi select.slt_bra {
	margin: 0 0 0 5px;
	font-size: 93%;
	color: #251e1b;
	background-color: #FFFFFF;
}

#header table.navi select.slt_catOn,
#header table.navi select.slt_braOn {
	margin: 0 0 0 5px;
	font-size: 93%;
	color: #7e071c;
	background-color: #FFFFFF;
}

#header table.navi select.slt_cat {
	width: 185px;
}

#header table.navi select.slt_bra {
	width: 300px;
}


/************ header end ************/

/************ content start ************/
#contents{
	width: 800px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

#contents .categorytop {
	text-align: right;
	margin: 50px 0 0 0;
}

#contents .categorytop .back{
	margin: 0 10px 0 0;
}

.viewer {
	width: 580px;
	margin: 10px auto;
	text-align: center;
}

.view_close {
	padding: 20px 0 10px 0;
	text-align: center;
}

.view_close a {
	color: #231815;
}

/************ content end ************/


/************ footer start ************/
#footer{
	width: 800px;
	margin: 0;
	padding: 0;
	font-size: 85%;
}

#footer .pagetop {
	margin: 20px 0 20px 0;
	text-align: right;
	line-height: 1.4em;
}

#footer .pagetop a:link    { color: #231815; text-decoration: none; }
#footer .pagetop a:visited { color: #231815; text-decoration: none; }
#footer .pagetop a:active  { color: #e3aa01; text-decoration: none; }
#footer .pagetop a:hover   { color: #e3aa01; text-decoration: none; }


/*for IE7 */
*:first-child+html #footer {
	font-size: 77%;
}

/* for IE6 */
/*\*/
* html #footer {
	font-size: 77%;
}
/**/

#footer .global{
	width: 785px;
	padding: 15px 0 15px 15px;
	color: #FFFFFF;
	background-color: #000000;
}

#footer .global ul{
}

#footer .global ul li{
	float: left;
	display: inline;
	padding:2px 20px 5px 0;
}

#footer .global .add_caution{
	padding:15px 0 5px 0;
}

#footer .global .copyright{
	font-family: Helvetica, arial, 'Osaka';
}

#footer .global a:link    { color: #FFFFFF; text-decoration: none; }
#footer .global a:visited { color: #FFFFFF; text-decoration: none; }
#footer .global a:active  { color: #e3aa01; text-decoration: none; }
#footer .global a:hover   { color: #e3aa01; text-decoration: none; }


/************ footer end ************/