@charset "utf-8";
/* CSS Document ============
File name: base.css

==========================*/

@import "reset.css"; /* リセットスタイル */

body {
	font-size: 1.4em;
	line-height: 1.6em;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	color: #333333;
}


/*-------------------------
__header
-------------------------*/


#headerContainer {
	border-top: solid 7px #666633;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;	
}

#headerContents {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}

#topview {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	overflow: hidden;
}

#topview h1{
	float: left;
	margin-top: 12px;
	margin-bottom: 11px;	
}

#opentime {
	float: right;
	width: 320px;
	margin-top: 12px;
	margin-bottom: 11px;
}

#opentime #holiday {
	float: left;
	margin-top: 33px;
	line-height: 17px;
	color: #666633;
}

#opentime p img {
	float: right;
}


/*-------------------------
__nav
-------------------------*/


#navContainer {
	border-top: solid 5px #666633;
	background-color: #E6DBA6;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

#nav {
	width: 960px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
#nav ul,
#nav ul li {
	float: left;
	list-style: none;
}

#nav ul{
	width: 960px;
	height: 50px;
	background: url(common/navi.gif) no-repeat;
}

#nav ul li a {
	display: block;
	width: 160px;
	height: 50px;
	text-indent: -9999px;
	font-size: 0px;
	line-height: 0px;
}

#nav ul li.nav_topics a.active,
#nav ul li.nav_topics a:focus,
#nav ul li.nav_topics a:hover {
	background: url(common/navi.gif) no-repeat left bottom;
}

#nav ul li.nav_concept a.active,
#nav ul li.nav_concept a:hover {
	background: url(common/navi.gif) no-repeat -160px -50px;
}

#nav ul li.nav_menu a.active,
#nav ul li.nav_menu a:hover {
	background: url(common/navi.gif) no-repeat -320px -50px;
}

#nav ul li.nav_access a.active,
#nav ul li.nav_access a:hover {
	background: url(common/navi.gif) no-repeat -480px -50px;
}

#nav ul li.nav_shop a.active,
#nav ul li.nav_shop a:hover {
	background: url(common/navi.gif) no-repeat -640px -50px;
}

#nav ul li.nav_survey a.active,
#nav ul li.nav_survey a:hover {
	background: url(common/navi.gif) no-repeat -800px -50px;
}

/*-------------------------
__main
-------------------------*/


#main {
	width: 960px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background: url(common/illust.jpg) no-repeat bottom;
	padding-bottom: 100px;
}

#main #pankuzu {
	height: 20px;
	margin-top: 20px;
	margin-bottom: 25px;
	background: #666633;
}

#main #pankuzu p {
	margin-bottom: 5px;
	margin-left: 20px;
	color: #FFFFFF;
	line-height: 1.5em;
}

#main #pankuzu p a:link,
#main #pankuzu p a:visited {
	color: #FFFFFF;
}

#main #pankuzu p a:hover {
	color: #CC9900;
}

/*-------------------------
__footer
-------------------------*/

#footerContainer {
	background: url(common/footer_bg.gif);
	margin-top: 7px;
}

#footerContents {
	width: 960px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

#footerContents ul {
	float: right;
	margin-top: 7px;
}

#footerContents ul li {
	float: left;
	margin-left: 12px;
	padding-left: 18px;
	list-style: none;
	background: url(common/footer_icon.gif) no-repeat left 3px;
	font-size: 80%;
}

#footerContents ul li a {
	text-decoration: none;
}

#footerContents ul li a:link,
#footerContents ul li a:visited	{
	color: #FFFFFF;
}

#footerContents ul li a:hover {
	color: #CC9900;
}

#Copyright {
	width: 960px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

#Copyright address {
	float: right;
	padding-bottom: 5px;
	color: #666633;
	font-size: 90%;
}