@charset "UTF-8";
@import "default.css";

body {
	background: #fff url(/images/body_bg.jpg);
	line-height: 1.5;
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
	font-size: 14px;
	color: #333;
	text-align: center;
}

a:link {
	color: #c00;
	text-decoration: underline;
}

a:visited {
	color: #c00;
	text-decoration: underline;
}

a:hover {
	color: #036;
	text-decoration: none;
}

.hide {
	text-indent: -9999px;
	display: block;
	outline: none;
}

/* ------------------------------------------------------------------------------
                                                                     wrapper               
  ------------------------------------------------------------------------------ */
#topwrapper, #wrapper, #header, #container, #footer {
	margin: 0 auto;
	text-align: left;
}

#topwrapper {
	background: url(/images/index_header_bg.jpg) repeat-x;
}
#wrapper {
	background: url(/images/header_bg.jpg) repeat-x;
}


/* ------------------------------------------------------------------------------
                                                                     header               
  ------------------------------------------------------------------------------ */
/* top-header -------*/
#indexbg {
	background: url(/images/index_header.jpg) no-repeat center 0;
	min-width: 960px;	
}
#topwrapper #header {
	width: 960px;
	height: 380px;
	margin: 0 auto;
}
#topFlash {
	width: 960px;
	height: 320px;
	/*background-image: url(/images/flash_sample.jpg); */
}
#topFlash h1 {
	display: none;
}
ul.topnavi {
	width: 938px;
	list-style: none;
	margin: 0;
	padding: 0 11px;
}
ul.topnavi li {
	margin: 0;
	padding: 0;
	float: left;
}
ul.topnavi li a {
	height: 40px;
	background: url(/images/topnavi.gif) no-repeat 0 0;
}
ul.topnavi li.about a {
	width: 184px;
	background-position: 0 0;
}
ul.topnavi li.genjyuku a {
	width: 122px;
	background-position: -184px 0;
}
ul.topnavi li.item a {
	width: 160px;
	background-position: -306px 0;
}
ul.topnavi li.catalog a {
	width: 153px;
	background-position: -466px 0;
}
ul.topnavi li.blog a {
	width: 164px;
	background-position: -619px 0;
}
ul.topnavi li.shopping a {
	width: 155px;
	background-position: -783px 0;
}
ul.topnavi li.about a:hover { background-position: 0 -40px; }
ul.topnavi li.genjyuku a:hover { background-position: -184px -40px; }
ul.topnavi li.item a:hover { background-position: -306px -40px; }
ul.topnavi li.catalog a:hover { background-position: -466px -40px; }
ul.topnavi li.blog a:hover { background-position: -619px -40px; }
ul.topnavi li.shopping a:hover { background-position: -783px -40px; }

/* contents-header ---*/
#contsbg {
	background: url(/images/header_top.jpg) no-repeat center 0;
	min-width: 960px;
}
#wrapper #header {
	width: 960px;
	height: 172px;
	margin: 0 auto;
}
#wrapper .boxL {
	display: inline;
	float: left;
	width: 230px;
	margin: 0 20px 0 0;
}
#wrapper .boxL h1 {
	margin: 0;
	padding: 0;
}
#wrapper .boxL h1 a {
	width: 230px;
	height: 172px;
	background: url(/images/h1_logo.jpg) no-repeat 0 0;
}
#wrapper .boxR {
	display: inline;
	float: right;
	width: 710px;
	margin: 0;
}
ul.navi {
	list-style: none;
	margin: 0;
	padding: 0;
}
*html ul.navi {
	margin-top: -3px;
}
ul.navi li {
	margin: 0;
	padding: 0;
	float: left;
}
ul.navi li a {
	height: 40px;
	background: url(/images/menu.gif) no-repeat 0 0;
}
ul.navi li.about a {
	width: 169px;
	background-position: 0 0;
}
ul.navi li.genjyuku a {
	width: 111px;
	background-position: -169px 0;
}
ul.navi li.item a {
	width: 148px;
	background-position: -280px 0;
}
ul.navi li.catalog a {
	width: 141px;
	background-position: -428px 0;
}
ul.navi li.shopping a {
	width: 141px;
	background-position: -569px 0;
}
ul.navi li.about a:hover,
ul.navi li.about_on a { background-position: 0 -40px; }
ul.navi li.genjyuku a:hover,
ul.navi li.genjuku_on a { background-position: -169px -40px; }
ul.navi li.item a:hover,
ul.navi li.item_on a { background-position: -280px -40px; }
ul.navi li.catalog a:hover,
ul.navi li.catalog_on a { background-position: -428px -40px; }
ul.navi li.shopping a:hover,
ul.navi li.shopping_on a { background-position: -569px -40px; }




/* ------------------------------------------------------------------------------
                                                             top-container               
  ------------------------------------------------------------------------------ */
#topwrapper #container {
	clear: both;
	width: 960px;
	background-image: url(/images/index_container_bg.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	padding: 0 10px 40px;
	margin: 0 auto;
}
#topwrapper #container .boxL {
	display: inline;
	float: left;
	width: 640px;
	padding: 0 10px;
}

#topwrapper #container .boxL #banner {
	margin: 0px 0px 0px 11px;
}
#topwrapper #container .boxR {
	display: inline;
	float: right;
	width: 280px;
	padding: 0 10px;
}
/* boxL -------------- */
.boxL .genjyuku img {
	width: 160px;
	margin: 0px 9px 15px 11px;
	float: left;
}
.boxL .genjyuku h2 {
	width: 460px;
	height: 64px;
	margin: 0 0 15px 0;
	padding: 0;
	float: right;
}
.boxL .genjyuku h2 a {
	width: 460px;
	height: 64px;
  display: block;
	background: url(/images/index_genjyuku_title.gif) no-repeat 0 0;
} 

.boxL .genjyuku p.more a {
	float: right;
	background: url(/images/img_sprite.gif) no-repeat 0 4px;
	margin: 0;
	padding: 0 10px 0 20px;
}
.boxL .genjyuku p.more a:hover {
	background-position: 0 -26px;
}
#topwrapper .pickup,
#topwrapper .news {
	clear: both;
}
#topwrapper .pickup h3 {
	background: url(/images/pickup_title.gif) no-repeat 0 0;
	margin: 0;
	padding: 0 0 15px;
}
#topwrapper .pickup h3 a {
	width: 640px;
	height: 40px;
}
#topwrapper .pickup ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#topwrapper .pickup ul li {
	margin: 0;
	padding: 0 11px 15px;
	float: left;
}
#topwrapper .news h3 {
	width: 640px;
	height: 40px;
	background: url(/images/news_title.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
}
#topwrapper .news h3 a.hide {
	display: none;
}
#topwrapper .news h3 span.more a {
	font-size: 14px;
	font-weight: normal;
	height: 30px;
	background: url(/images/img_sprite.gif) no-repeat 0 -46px;
	margin: 0 0 0 120px;
	padding: 10px 0 0 15px;
	display: block;
}
#topwrapper .news dt {
	width: 60px;
	background: url(/images/img_sprite.gif) no-repeat 0 3px;
	padding: 0 20px;
	margin: 0;
	font-size: 12px;
	float: left;
}
#topwrapper .news dd {
	margin: 0 0 0 100px;
	padding: 0 0 8px;
	
}
/*--------------------------------------------------------------
							100204注釈
--------------------------------------------------------------*/
.announce {
	width: 100%;
	margin: 0px 0px 20px 0px;
}
.announce h3  {
	border-bottom: 1px solid #888888;
}
.announce p {
	margin: 0px 0px 0px 20px;
}

/* boxR -------------- */
#topwrapper .boxR h3 {
	margin: 0;
	padding: 0;
}
#topwrapper .boxR h3 a.hide {
	width: 280px;
	height: 300px;
	background: url(/images/bnr_about.jpg) no-repeat 0 1px;
}

.newcatalog {
	background: url(/images/catalog_bnr_under.gif) no-repeat left bottom;
	padding-bottom: 20px;
	margin: 0 0 10px;
}
.newcatalog h4 {
	width: 280px;
	height: 36px;
	margin: 0 0 10px;
}
.newcatalog h4 a{
  display: block;
  width: 280px;
  height: 36px;
	background: url(/images/catalog_bnr_top.gif) no-repeat 0 0;
}
.newcatalog a.catalog {
	display: block;
	padding: 0 10px 0 20px;
}
.newcatalog a.catalog img {
	margin: 0 10px 0 0;
	padding: 0;
	border: solid 1px #a18c60;
	float: left;
}
.newcatalog p.more {
	margin: 0 0 0 140px;
}
.newcatalog p.more a {
	background: url(/images/img_sprite.gif) no-repeat 0 1px;
	margin: 0;
	padding: 0 0 0 20px;
}
.newcatalog p.more a:hover {
	background-position: 0 -29px;
}
#topwrapper ul.sidebnr {
	font-size: 13px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#topwrapper ul li {
	margin: 0 0 2px;
	padding: 0;
}

/* ------------------------------------------------------------------------------
                                                             container               
  ------------------------------------------------------------------------------ */
#wrapper #container {
	clear: both;
	width: 980px;
}
#wrapper #container .sidemenu {
	width: 250px;
	float: left;
}
#wrapper #container .mainBox {
	width: 710px;
	padding: 0 10px;
	float: right;
	background: url(/images/contsnts_bg.png) repeat-y 0 0;
}
#container .topicPath {
	font-size: 13px;
	margin: 0 0 20px;
	padding: 0 10px 5px;
	background: #f2eee2;
}

/*sidemenu --------*/
.menu {
	width: 230px;
	padding: 0 10px 10px 5px;
	margin: 0 0 15px 5px;
	background: url(/images/sidemenu_bg.png) no-repeat 0 bottom;
}
.menu h4 {
	margin: 0;
	padding: 0;
	background: url(/images/sidemenu_top.jpg) no-repeat 0 0;
}
dl.itemlist {
	margin: 0;
	padding: 10px 0;
}
dl.itemlist dt {
	width: 230px;
	height: 38px;
	background: url(/images/sidemenu_menu.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
}
dl.itemlist dt.category {
	background-position: 0 0;
}
dl.itemlist dt.eat {
	background-position: 0 -76px;
}
dl.itemlist dt.fish {
	background-position: 0 -152px;
}
dl.itemlist dd {
	margin: 0 10px;
	padding: 0;
	border-bottom: solid 1px #d3cec2;
}
dl.itemlist dd ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}
dl.itemlist dd ul li {
	margin: 0;
	padding: 2px 0 2px 15px;
	background: url(/images/img_sprite.gif) no-repeat 0 -56px;
}
.sidemenu ul.sidebnr {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidemenu ul.sidebnr li{
	margin: 0 5px;
}
/*folder --------*/
.folder {
	padding: 0 0 20px 0;
}
.folder h3 {
	font-size: 20px;
	margin: 0 15px 0 0;
	padding: 0 20px 0 15px;
	border-left: solid 10px #a8a28f;
/*	border-right: solid 1px #a8a28f;  */
/*	display: inline;  */
/*	float: left;  */
}
.folder p.outline {
	margin: 0 0 20px 25px;
	padding: 5px 0 0 0;
}
.folder dl.pagelist {
	clear: both;
	margin: 0 10px 0;
}
.folder dl.pagelist dt {
	clear: both;
	width: 125px;
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
}
.folder dl.pagelist dd {
	margin: 0 0 20px 135px;
	padding: 0;
}
.folder dl.pagelist p.pagetitle {
	min-height: 20px;
	height: auto !important;
	height: 20px;
	margin: 0 0 10px;
	padding: 3px 10px;
	border: solid 1px #000000;
	border-left: solid 10px #000000;
}
.folder dl.pagelist dd p.outline {
	margin: 0 15px 15px;
	padding: 0;
}
.folder dl.pagelist dd p.more {
	background: url(/images/img_sprite.gif) no-repeat 0 4px;
	margin: 0 0 0 470px;
	padding: 0 0 0 20px;
}
.folder dl.pagelist dd p.more a:hover {
	background-position: 0 -26px;
}

/*contsnavi --------*/
.pagenavi {
	clear: both;
}
.pagenavi p.update {
	display: inline;
	float: left;
	margin: 0 15px 30px;
}
.pagenavi p.pagetop a {
	float: right;
	background: url(/images/img_sprite.gif) no-repeat 0px -86px;
	padding: 0 0 0 18px;
	margin: 0 10px 30px;
}
/* ------------------------------------------------------------------------------
                                                                  footer               
  ------------------------------------------------------------------------------ */
#footer {
	clear: both;
	background: #666;
	color: #fff;
}
#footer .infooter {
	width: 940px;
	padding: 12px 10px 10px;
	margin: 0 auto;
}
#footer .boxL {
	width: 560px;
	float: left;
	padding: 0 20px 0 0;
	margin: 0;
}
#footer .boxR {
	width: 360px;
	float: right;
}
ul.footlink {
	height: 20px;
	margin: 0 10px 10px;
	padding: 0;
	list-style: none;
}
ul.footlink li {
	float: left;
	margin: 0;
	padding: 0;
	border-left: solid 1px #fff;
}
ul.footlink li.end {
	border-right: solid 1px #fff;
}
ul.footlink li a {
	display: block;
	padding: 0 10px;
	color: #fff;
}
ul.footlink li a:visited {
	color: #fff;
}
#footer h6 {
	clear: both;
	font-size: 16px;
	margin: 0 10px;
}
#footer address {
	margin: 0 10px 10px;
}
#footer p {
	margin: 0 10px;
	padding: 0;
}
#footer p.freedial {
	width: 320px;
	height: 60px;
	background: url(/images/free_dial.gif) no-repeat 0 0;
	margin: 0 0 10px 30px;
	padding: 0;
}
#footer p.contact{
	width: 320px;
	background: url(/images/btn_contact.gif) no-repeat 0 0;
	margin: 0 0 10px 30px;	
}
#footer p.contact a {
	width: 320px;
	height: 40px;
}
#footer p.contact a:hover {
	background: url(/images/btn_contact.gif) no-repeat -320px 0;
}