/*-------------------------------------*/
/* BODY��ʬ                            */
/*-------------------------------------*/
HTML,BODY {
    scrollbar-3dlight-color:    #999999;
    scrollbar-arrow-color:      white;
    scrollbar-darkshadow-color: #999999;
    scrollbar-face-color:       #555555;
    scrollbar-highlight-color:  white;
    scrollbar-shadow-color:     white;
}

/*-------------------------------------*/
/* ��E���ʬ                          */
/*-------------------------------------*/
A:link    { color:#0000ff; }
A:visited { color:#0000ff; }
A:active  { color:#f40082; text-decoration:underline; }
A:hover   { color:#f40082; text-decoration:underline; }
A{ text-decoration:none; }

/*-------------------------------------*/
/* �ܥ�����ʬ                          */
/*-------------------------------------*/
INPUT.submit{
	background:#ffe0ed;
	font-size:10pt;
	color:#000000;
}
INPUT.reset{
	background:#e2ffe2;
	font-size:10pt;
	color:#000000;
}
INPUT.normal{
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background-color : #eeeeee;
	color : #333333;
	font-size: 10pt;
	height:20px;
}
INPUT.top{
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background-color : #eaffff;
	color : #333333;
	font-size: 10pt;
	height:20px;
}
INPUT.kago{
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background-color : #ffedff;
	color : #333333;
	font-size: 10pt;
	width:130px;
	height:20px;
}
INPUT.syousai{
	border-left:1px solid #003d84;
	border-right:1px solid #003d84;
	border-top:1px solid #003d84;
	border-bottom:1px solid #003d84;
	background-color : #d3eaff;
	color : #003d84;
	font-size: 10pt;
	width:92px;
	height:20px;
}
INPUT.incart{
	border-left:1px solid #00582a;
	border-right:1px solid #00582a;
	border-top:1px solid #00582a;
	border-bottom:1px solid #00582a;
	background-color : #e0ffe0;
	color : #00582a;
	font-size: 10pt;
	width:90px;
	height:20px;
}
INPUT.back{
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background-color : #f7efe0;
	color : #333333;
	font-size: 10pt;
	width:130px;
	height:20px;
}
INPUT.reserv{
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background-color : #ffedff;
	color : #333333;
	font-size: 10pt;
	width:90px;
	height:20px;
}
INPUT.limit{
	border-left:1px solid #c40026;
	border-right:1px solid #c40026;
	border-top:1px solid #c40026;
	border-bottom:1px solid #c40026;
	background-color : #ffeafc;
	color : #c40026;
	font-size: 10pt;
	width:90px;
	height:20px;
}
INPUT.yoyaku{
	border-left:1px solid #720082;
	border-right:1px solid #720082;
	border-top:1px solid #720082;
	border-bottom:1px solid #720082;
	background-color : #ffe5fc;
	color : #720082;
	font-size: 10pt;
	width:90px;
	height:20px;
}
INPUT.toshopping{
	border-left:1px solid #c40026;
	border-right:1px solid #c40026;
	border-top:1px solid #c40026;
	border-bottom:1px solid #c40026;
	background-color : #fffce8;
	color : #c40026;
	font-size: 10pt; font-family: "�ͣ� �����å�";
	width:150px;
	height:20px;
}
INPUT.direct{
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background-color : #fffff1;
	color : #666666;
	font-size: 7pt; font-family: "�ͣ� �����å�";
	width:20px;
	height:13px;
}
INPUT.nowdirect{
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background-color : #ffddff;
	color : #666666;
	font-size: 7pt; font-family: "�ͣ� �����å�";
	width:20px;
	height:13px;
}


/*-------------------------------------*/
/* �ƥ����ȥܥå�����ʬ                */
/*-------------------------------------*/
INPUT.txtbox{ background-color:#fffff3; font-color:#333333; }
TEXTAREA.txtarea{ background-color:#fffff3; font-color:#333333; }
SELECT.sel{ background-color:#fffff3; font-color:#333333; }

/*-------------------------------------*/
/* ʸ����ʬ                            */
/*-------------------------------------*/
TD {font-size: 10pt;}

.pm9pt  { font-size: 9pt; font-family: "�ͣ� ����ī"; }
.pm10pt { font-size: 10pt; font-family: "�ͣ� ����ī"; }
.pm11pt { font-size: 11pt; font-family: "�ͣ� ����ī"; }
.pm12pt { font-size: 12pt; font-family: "�ͣ� ����ī"; }
.pm20pt { font-size: 20pt; font-family: "�ͣ� ����ī"; }

.g6pt   { font-size: 6pt; font-family: "�ͣ� �����å�"; }
.g7pt   { font-size: 7pt; font-family: "�ͣ� �����å�"; }
.g8pt   { font-size: 8pt; font-family: "�ͣ� �����å�"; }
.g9pt   { font-size: 9pt; font-family: "�ͣ� �����å�"; }
.g10pt  { font-size: 10pt; font-family: "�ͣ� �����å�"; }
.g11pt  { font-size: 11pt; font-family: "�ͣ� �����å�"; }
.g12pt  { font-size: 12pt; font-family: "�ͣ� �����å�"; }
.g13pt  { font-size: 13pt; font-family: "�ͣ� �����å�"; }
.g14pt  { font-size: 14pt; font-family: "�ͣ� �����å�"; }
.g15pt  { font-size: 15pt; font-family: "�ͣ� �����å�"; }
.g16pt  { font-size: 16pt; font-family: "�ͣ� �����å�"; }
.g20pt  { font-size: 20pt; font-family: "�ͣ� �����å�"; }

.pg6pt  { font-size: 6pt; }
.pg7pt  { font-size: 7pt; }
.pg8pt  { font-size: 8pt; }
.pg9pt  { font-size: 9pt; }
.pg10pt { font-size: 10pt; }
.pg11pt { font-size: 11pt; }
.pg12pt { font-size: 12pt; }
.pg13pt { font-size: 13pt; }
.pg14pt { font-size: 14pt; }
.pg15pt { font-size: 15pt; }
.pg16pt { font-size: 16pt; }
.pg20pt { font-size: 20pt; }

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

BODY {
  	background-image : url(../css/images/000404.gif);
}


H1 {
	width:800px;
	position: absolute;
	left : 50%;
	margin-top: 0px;
	margin-left: -400px;
	color : white;
    	background:black;
	text-align:center;
	font-size: 10px;
	font-weight: bold;
}

#container {
	width: 800px;
	position: absolute;
	left: 50%;
	margin-top: 15px;
	margin-left: -400px;
}

#header {
	width:800px;

	background-image : url(../css/images/headershop.jpg);
	height : 120px;
}

#menu {
	width: 796px;
	height: 25px;
	background-color: #ecec00;
	
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: black;
	
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: black;
}


#contents {
	width: 796px;

	background-color: white;
	
	border-top-width: 2px;
	border-top-color: black;
	border-top-style: solid;
	
	border-right-width: 2px;
	border-right-color: black;
	border-right-style: solid; 
	
	border-left-width: 2px;
	border-left-color: black;	
    	border-left-style: solid; 
	
	border-bottom-width: 2px;
	border-bottom-color: black;	
   	 border-bottom-style: solid;
}

#menu2 {
	width: 796px;
	height: 25px;
	color: black;
	background-color: white;
	
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: black;
	
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: black;

	border-bottom-width: 2px;
	border-bottom-color: black;	
    	border-bottom-style: solid;
}

#footer {
	width: 800px;
	
	height: 35px;
	background-image : url(../css/images/footer.gif);

	color : white;
	text-align : center;
	font-size: 12px;
	font-weight : bold;
}

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

ul.menu {
  list-style: none;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding-top: 0.15em;
  padding-right: 2em;
  padding-left: 2em;
  padding-bottom: 0em:
  background: #ecec00;
}
li.menu {
  display: inline;
  white-space: nowrap;
}
li.menu a {
  text-decoration: none;
  padding: 0.2em 0.8em;
  color: green;
  background: transparent;
}
li.menu a:visited {
  text-decoration: none;
  color: green;
  background: #ecec00;
} 
li.menu a:hover {
  text-decoration: none;
  color: yellow;
  background: green;
}

/*-------------------- menu2 --------------------*/

ul.menu2 {
    list-style: none;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding-top: 0.15em;
    padding-right: 2em;
    padding-left: 2em;
    padding-bottom: 0em;
    background: white;
}
li.menu2 {
    display: inline;
    white-space: nowrap;
}
li.menu2 a {
    text-decoration: none;
    padding: 0.2em 0.8em;
    color: black;
    background: transparent;
}
li.menu2 a:visited {
    text-decoration: none;
    color: black;
    background: white;
} 
li.menu2 a:hover {
    text-decoration: none;
    color: yellow;
    background: green;
}