@charset "UTF-8"; 
@namespace url(http://www.w3.org/1999/xhtml);
/* Stylesheet for "Masa's Pastime" */
/* Formatted by "sted format" */

 
/* Tag */ 
	 
* 
{
	margin	: 0;
	padding	: 0;
}
 
html 
{
	background-color	: #ffffff;
	background-image	: url(./img/stripe.gif);
	background-repeat	: repeat;
	height				: 100%;
}
	 
body 
{
	width			: 100%;
	background-color: #d7e8d9;
	color			: #333330;
	font-size		: 94%;
	line-height		: 137%;
}

head+body
{
	/* enable on not IE6 */
	position			: relative;
	max-width			: 950px; /* sync footer */
	min-width			: 950px;
	min-height			: 100%;
	background-image	: url(./img/bg_body.png);
	background-position	: right;
	background-repeat	: repeat-y;
}
	 
h1 
{
	margin-left	: 286px; /* sync menu */
	padding		: 215px 0 0 0;
	border		: 0;
	line-height	: 1.4;
	font-weight	: bold;
	color		: #792733;
}
 
h2, h3, h4, h5, h6, p, dl, ul, ol, pre, blockquote, table 
{
/*
	margin: 0;
	padding: 0;
*/
	margin-right: 32px;
	margin-left	: 286px; /* sync menu */
}

ul, ol
{
	margin-left: 320px;
}

dl ul, dl ol, ul ul, ol ol, ul ol, ol ul
{
	margin: 0 0 1em 1em;
}
 
h2, h3, h4, h5, h6 
{
    color: #241a08;
}
 
p 
{
	margin-bottom: 0.5em;
}
 
table 
{
	border			: 1px solid;
	border-color	: #acbfac #738073 #738073 #acbfac;
}

td, th
{
	border			: 1px solid;
	border-collapse	: collapse;
	padding			: 5px;
}

td
{
	border-color	: #ffffff #ddd8cf #ddd8cf #ffffff;
	background-color: #fffaf1;
}

th
{
	white-space		: nowrap;
	border-color	: #acbfac #738073 #738073 #acbfac;
	background-color: #9cad9c;
}

.even td
{
	background-color: #eaedf7;
}
 
ul li 
{
	margin-left		: -20px;
    padding-left	: 20px;
    background		: url(./img/listmark.png) no-repeat;
    list-style		: none;
	margin-bottom	: 0.5em;
}

/* IE6 */
* html ul li
{
    padding			: 0;
	margin-left		: 16px;
    background		: none;
    list-style-type	: disc;
}
 
ol li 
{
	margin-bottom	: 0.5em;
}
 
dt 
{
    color		: #007b43;
    font-weight	: bold;
}

dd
{
    margin-left		: 1em;
    margin-bottom	: 1em;
}
 
blockquote 
{
	background-color	: #dcd3b2;
	border				: #a59564 1px dotted;
	padding				: 1em 1em 0 1em;
	margin-bottom		: 1em;
}

blockquote p
{
	margin-left	: 0;
}
 
/* Inline elements */ 
	 
em 
{
	font-style	: normal;
	font-weight	: normal;
	color		: #00a3af;
}
 
strong 
{
	font-weight	: bold;
	font-size	: 110%;
	color		: #a22041;
}
 
a 
{
	text-decoration	: none;
}

a:hover
{
	color			: #a22041;
	font-weight		: bold;
}
   	  
/* Class */ 
	 
div.content 
{
	/* wrap direct tag writing */
	margin		: 0;
	padding		: 0;
	margin-right: 32px;
	margin-left	: 286px; /* sync menu */
}

div.content *
{
	margin-right: 0;
	margin-left	: 0;
}
 
p.blank 
{
	margin: 0;
	padding: 0;
}
 
a.footnote 
{
	text-decoration	: none;
}
 
.clear 
{
	clear	: both;
	margin	: 0;
	padding	: 0;
}
 
.image 
{
	width			: 160px;
	background-color: #fffaf1;
	background		: url('./img/ds.gif') no-repeat bottom right;
	margin-bottom	: 15px;
}

.imageBody
{
	text-align		: center;
	background-color: #fffaf1;
	border			: 1px solid #a9a9a9;
	left			: -5px;
	top				: -5px;
	position		: relative;
}

.image a img
{
	margin: 5px 0 3px 0;
	border: none;
}

.image .imageComment
{
	font-size	: 75%;
	text-align	: left;
	padding		: 0 5px 5px 5px;
}
 
/* image group */ 
	 
.imageContainer 
{
	/* wrapping .imageHeadline .imageGroupC */
	margin: 1em 1.5em 1em 286px; /* sync menu */
}

 
.imageHeadline 
{
	clear			: both;
	width			: 440px;
	margin-left		: auto;
	margin-right	: auto;
	margin-top		: 1em;
	margin-botttom	: 1em;
	text-align		: center;
}

.imageHeadline .image
{
	margin-left	: auto;
	margin-right: auto;
	width		: 420px;
}
 
.imageGroupR 
{
	float		: right;
	margin-top	: 1em;
	width		: 170px;
	text-align	: center;
	margin-right: 1em;
}
 
.imageGroupL 
{
	margin		: 1em 1.5em 1em 286px; /* sync menu */
	float		: left;
	margin-top	: 1em;
	width		: 170px;
	text-align	: center;
	display		: inline; /* IE */
}
 
.imageGroupC 
{
	clear			: both;
	width			: 520px;
	margin-left		: auto;
	margin-right	: auto;
	margin-top		: 1em;
	margin-botttom	: 1em;
	text-align		: center;
}

.imageGroupC .image
{
	float	: left;
	margin	: 5px;
}
  
.articleInfo 
{
	text-align	: right;
	font-size	: 75%;
	color		: #00a3af;
}
 
.pager 
{
	text-align: center;
}

.pager a
{
    text-decoration: none;
}

td.pager
{
	background-color: #fbfaf5;
}
 
.articleList 
{
	margin-top		: 1.5em;
	margin-bottom	: 2em;
}
 
.itemList 
{
}

head+body .itemList
{
	/* enable on not IE6 */
	width		:100%;
}

.itemList a img
{
	border: none;
}
	 
.itemList .no 
{
	width		: 6em;
	white-space	: nowrap;
	text-align	: center;
}
 
.itemList .listThumbs 
{
	padding		: 0;
	width		: 300px;
	white-space	: nowrap;
}
 
.itemList .circa 
{
	text-align	: center;
}
 
.itemList .price 
{
	text-align	: right;
}
  
.itemInfo 
{
	text-align: center;
}

head+body .itemInfo
{
	/* enable on not IE6 */
	text-align: justify;
}
	 
.itemInfo .description 
{
	text-align: justify;
}

head+body .itemInfo .description
{
	/* enable on not IE6 */
	width: 100%;
}

.itemInfo .description th
{
	white-space		: nowrap;
	text-align		: left;
	padding-right	: 1em;
	padding-left	: 1em;
}

head+body .itemInfo .description th
{
	/* enable on not IE6 */
	width: 30%;
}
  
.appeal 
{
	margin	:1em 1.5em 1em 286px; /* sync menu */
	padding	:0.75em 0.75em 0 0.75em;
	border	:3px ridge #a22041;
}

.appeal p
{
	margin	:0 0 1em 0;
}

.appeal a, .appeal a:link, .appeal a:visited
{
	font-weight	:bold;
	color		:#33cc33;
}
.appeal a:hover
{
	color		:#a22041;
}

  
.NoCSS 
{
	display: none;
}
  
/* ID */ 
	 
/* site title */ 

/* IE6 hack to background png(alpha) fix */
* html #sitetitle, * html #sitetitle a { behavior : expression(IEPNGFIX.fix(this)); }
	 
#sitetitle 
{
	display				: block; /* IE5 */
	position			: absolute;
	z-index				: 7;
	top					: 0;
	left				: 0;
	width				: 100%;
	height				: 150px;
	background-color	: #004D00;
	background-image	: url(./img/bg_header.png);
	background-position	: center;
	background-repeat	: no-repeat;
}


head+body #sitetitle
{
	/* enable on not IE6 */
	max-width	: 950px;
	min-width	: 640px;
	margin-left	: -5px;
}

#sitetitle span
{
	display	: none;
}

#sitetitle a
{
	background	: transparent url(./img/logo.png) no-repeat center top;
	display		: block;
	height		: 120px;
	width		: 376px;
	margin-left	: auto;
	margin-right: auto;
	margin-top	: 10px;
}
  
#intro 
{
	margin-left		: 286px;
	margin-bottom	: 2.5em;
	height			: 605px;
	background		: url('./img/intro.jpg') no-repeat top center;

}
 
#homeInfoHeader 
{
	text-align : center;

}
 
#homeInfoList li
{
	margin-left		: 30px;


}
 
/* navi */ 
	 
#navititle 
{
	display				: block; /* IE5 */
	position			: absolute;
	z-index				: 6;
	top					: 0;
	left				: 0;
	margin				: 0;
	width				: 100%;
	height				: 195px;
	background-image	: url(./img/bg_navi.gif);
	background-position	: bottom;
	background-repeat	: repeat-x;
	text-align			: right;
}

head+body #navititle
{
	/* enable on not IE6 */
	max-width			: 950px; /* sync footer */
	min-width			: 640px;
	margin-left			: -5px;
}
 
#navi 
{
	display			: block; /* IE5 */
	position		: absolute;
	z-index			: 8;
	left			: 0;
	top				: 154px;
	margin			: 0;
	padding			: 0;
	width			: 925px;
	height			: 38px;
	list-style-type	: none;
}

#navi li
{
	position		: absolute;
	width			: 150px;
	height			: 38px;
	margin			: 0;
	padding			: 0;
	list-style-type	: none;
	background-image: none;
	overflow		: hidden;
}

#navi li a {
	display			: block;
	height			: 38px;
	padding			: 22px 6px 0 0;
	background-image: url(./img/bg_navi_list.gif);
	line-height		: 1;
	font-size		: 80%;
	text-align		: right;
}

#navi li a:link, #navi li a:visited
{
	color			: #6e6a7d;
	text-decoration	: none;
}

#navi li a:hover
{
	color			: #a22041;
}
 
/* navi items */ 
	 
#itemhome 
{
	top	: 0px;
	left: 24px;	/* start position */
}

#itemhome a
{
	background-position: -24px 0;
}

#itemhome a:hover
{
	background-position: -24px -38px;
}
 
#itemrepair 
{
	top	: 0px;
	left: 174px;	/* start position + item width(150px) */
}

#itemrepair a
{
	background-position: -174px 0;
}

#itemrepair a:hover
{
	background-position: -174px -38px;
}

 
#itemoriginal 
{
	top	: 0px;
	left: 324px;	/* start position + item width(150px) x 2 */
}

#itemoriginal a
{
	background-position: -324px 0;
}

#itemoriginal a:hover
{
	background-position: -324px -38px;
}
 
#itemengrave 
{
	top	: 0px;
	left: 474px;	/* start position + item width(150px) x 3 */
}

#itemengrave a
{
	background-position: -474px 0;
}

#itemengrave a:hover
{
	background-position: -474px -38px;
}
 
#itemorder 
{
	top	: 0px;
	left: 624px;	/* start position + item width(150px) x 4 */
}

#itemorder a
{
	background-position: -624px 0;
}

#itemorder a:hover
{
	background-position: -624px -38px;
}
 
#itemaccess 
{
	top	: 0px;
	left: 774px;	/* start position + item width(150px) x 5 */
}

#itemaccess a
{
	background-position: -774px 0;
}

#itemaccess a:hover
{
	background-position: -774px -38px;
}
   
/* menu */ 
	 
#menu 
{
	display				: block; /* IE5 */
	position			: absolute;
	z-index				: 9;
	top					: 215px;
	left				: 15px;
	width				: 246px;
	margin				: 0;
	background-image	: url(./img/bg_menu.png);
	background-repeat	: repeat-y;
	font-size			: 90%;
}

head+body #menu
{
	/* enable on not IE6 */
	left: 20px;
}

#menu dt
{
	margin				: 0;
	padding				: 12px 18px 0 18px;
	background-image	: url(./img/bg_menu_top.png);
	background-repeat	: no-repeat;
	font-family			: Helvetica, Arial, sans-serif;
	font-weight			: bold;
	color				: #281a14;
}

#menu dd
{
	margin				: 0;
	padding				: 0 18px 24px 34px;
	background-image	: url(./img/bg_menu_bottom.png);
	background-position	: 0 100%;
	background-repeat	: no-repeat;
}

#menu dd ul
{
	margin: 0 0 0 -16px;
}

#menu li
{
	margin: 0;
}

/* IE6 */
* html #menu li
{
	margin-left		: 16px;
}

#menu a
{
	text-decoration: none;
}

#menu a:link, #menu a:visited
{
	color			: #281A14;
	text-decoration	: none;
}

#menu a:hover
{
	color			: #a22041;
	font-weight		: bold;
}

  
#footnote 
{
	border-top	: 2px ridge #888888;
	padding		: 0.5em;
	font-size	: 83%;
}

#footnote p
{
	margin-bottom	: 0.3em;
}

 
#footer 
{
/*
background		: #004D00 url(./img/bg_footer.gif) repeat-y;
*/
	margin-top		: 1.5em;
	background		: #004D00;
	text-align		: right;
	padding-top		: 0.5em;
	padding-bottom	: 0.5em;
}

body>#footer {
	max-width	: 950px;/* sync body */
	min-width	: 635px;
	margin-left	: -5px;
}

#footer address
{
	width		: 450px;
	margin-right: 0;
	margin-left	: auto;
	color		: #f8f4e6;
	font-style	: normal;
	font-size	: 80%;
	line-height	: 1.3;
	text-align	: justify;
}

address a, address a:link, address a:visited
{
	color : #08ff80;
}
 
#copyright 
{
	text-align	: right;
	color		: #eeeeee;
	font-size	: 75%;
}