/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
p {
	margin-bottom: 1em;
}

/*--- default */
body {
	background: #FFF;
	color: #333;
	font-size: small;
	line-height: 1.5;
}

/* CSS layout */
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url("../../common/images/bg.gif") repeat scroll 0 0;
}

#contents {
	width: 767px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 15px;
	border-left-color: #C3B187;
	border-right-style: solid;
	border-right-width: 15px;
	border-right-color: #C3B187;
	border-bottom-style: solid;
	border-bottom-width: 15px;
	border-bottom-color: #C3B187;
}


#masthead {
	padding-bottom: 20px;
}

#top_nav {
}

#container {
}

#right_col {
	width: 170px;
	float: right;
	padding-right: 15px;
}
#page_content {
	margin-right: 185px;
	padding-right: 39px;
	padding-left: 39px;
	text-align: left;
	width: 500px;
}

#footer {
	clear: both;
	padding-bottom: 10px;
	padding-top: 30px;
	text-align: center;
	font-size: x-small;
}

/* title img */
#imgT001 {
	background-position: left top;
	text-indent: -9999px;
	overflow: hidden;
	background: url('vol2/head_title.gif');
	width: 767px;
	height: 53px;
	background-repeat: no-repeat;
}
#imgT002,
#imgT003,
#imgT004,
#imgT005 {
	background-position: left top;
	text-indent: -9999px;
	overflow: hidden;
	width: 767px;
	height: 122px;
	background-repeat: no-repeat;
}

#imgT002 {
	background: url('vol2/head_t01.gif');
}
#imgT003 {
	background: url('vol2/head_t02.gif');
}
#imgT004 {
	background: url('vol2/head_t03.gif');
}
#imgT005 {
	background: url('vol2/head_t04.gif');
}
#imgTsummer {
	background: url('vol2/autumn/t_summer.gif');
	background-position: left top;
	text-indent: -9999px;
	overflow: hidden;
	width: 221px;
	height: 54px;
	background-repeat: no-repeat;
}
#imgTautumn {
	background: url('vol2/autumn/t_autumn.gif');
	background-position: left top;
	text-indent: -9999px;
	overflow: hidden;
	width: 212px;
	height: 54px;
	background-repeat: no-repeat;
}


#imgT-pickup {
	background-position: left top;
	text-indent: -9999px;
	overflow: hidden;
	background: url('vol2/t_pickup.gif');
	width: 170px;
	height: 48px;
	background-repeat: no-repeat;
}


/* snap
-------------------------------------------------------------*/
#snap #page_content img,
#snapSummer #page_content img {
	margin-left: 23px;
	margin-top: 10px;
}
#konjaku #page_content2 img {
	margin-left: 23px;
	margin-top: 10px;
}

/* navigation
-------------------------------------------------------------*/
ul#topnav {
	margin: 0; padding: 0;
	list-style: none;
	width: 170px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}


/*--CSS Sprites - Default State--*/
ul#topnav a {
	float: left;
	display: block;
	height: 118px; /*--Specify height of navigation--*/
	text-indent: -99999px; /*--Shoot the text off the page--*/
	background-position: left top;
}
/*--CSS Sprites - Hover State--*/
ul#topnav a:hover {
	background-position: left -118px;
}
ul#topnav li.konjaku a:hover {
	background-position: left -150px;
}


/*--Assign an image and width to each link--*/
ul#topnav li.konjaku a {
	background-image: url('vol2/btn001.gif');
	width: 170px;
	height: 150px;
}
ul#topnav li.event a {
	background-image: url('vol2/btn002.gif');
	width: 170px;
}
ul#topnav li.shop a {
	background-image: url('vol2/btn003.gif');
	width: 170px;
}
ul#topnav li.snap a {
	background-image: url('vol2/btn004.gif');
	width: 170px;
}
ul#topnav li.snapSummer a {
	background-image: url('vol2/btn005.gif');
	width: 170px;
}

/*--Active--*/
#konjaku li.konjaku a,
#event li.event a,
#shop li.shop a,
#snap li.snap a,
#snapSummer li.snapSummer a
{
	background-position: left bottom;
}