@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	zoom: 1;
}
body {
	width: 100%;
	background-color: #222;
	font: 13px/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #444;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 124%;
	letter-spacing: 0.1em;
}
a,
a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: #222;
	outline: none;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
img { vertical-align: bottom; }
#wrap,
#header,
#footer { width: 100%; }
#wrap { background: #fff url(../images/body_bg.gif) repeat 0 0; }
.inner,
#content {
	width: 960px;
	margin: 0 auto;
}
#topic .inner,
#content .news,
#content .menu,
#content .quality,
#content .topicpath,
#media,
#access {
	width: 940px;
	margin: 0 auto;
}
.red { color: #f00; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
/* ---------------------------------------------------------------------------------------------
   header
--------------------------------------------------------------------------------------------- */
#header {
	height: 120px;
	overflow: hidden;
	background: transparent url(../images/header_bg.gif) repeat-x 0 0;
}
#header .inner { background: transparent url(../images/header_nav.gif) no-repeat 0 0; }
#header h1,
#header nav,
#header nav ul li {
	float: left;
	width: 220px;
}
#header nav {
	width: 740px;
	height: 120px;
	overflow: hidden;
}
#header h1 a,
#header nav ul li a {
	display: block;
	width: 220px;
	height: 120px;
	background: transparent url(../images/header_nav.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#header nav ul li,
#header nav ul li a { width: 120px; }
#header nav ul li.nav_top,
#header nav ul li.nav_top a,
#header nav ul li.nav_media,
#header nav ul li.nav_media a { width: 190px; }
#header nav ul li.nav_top a { background-position: -220px 0; }
#header nav ul li.nav_top a.act { background-position: -220px -240px; }
#header nav ul li.nav_top a:hover { background-position: -220px -120px; }
#header nav ul li.nav_menu a { background-position: -410px 0; }
#header nav ul li.nav_menu a.act { background-position: -410px -240px; }
#header nav ul li.nav_menu a:hover { background-position: -410px -120px; }
#header nav ul li.nav_quality a { background-position: -530px 0; }
#header nav ul li.nav_quality a.act { background-position: -530px -240px; }
#header nav ul li.nav_quality a:hover { background-position: -530px -120px; }
#header nav ul li.nav_access a { background-position: -650px 0; }
#header nav ul li.nav_access a.act { background-position: -650px -240px; }
#header nav ul li.nav_access a:hover { background-position: -650px -120px; }
#header nav ul li.nav_media a { background-position: -770px 0; }
#header nav ul li.nav_media a.act { background-position: -770px -240px; }
#header nav ul li.nav_media a:hover { background-position: -770px -120px; }
/* ---------------------------------------------------------------------------------------------
   footer
--------------------------------------------------------------------------------------------- */
#footer,
#footer .inner {
	background: transparent url(../images/footer_bg.gif) repeat-x 0 0;
	color: #fff;
}
#footer .inner { padding: 30px 0 40px; }
#footer a { color: #fff; }
#footer ul.footer_nav {
	float: left;
	font-size: 93%;
}
#footer ul.footer_nav li {
	display: inline;
	margin-right: 11px;
	padding-right: 12px;
	border-right: 1px solid #fff;
}
#footer ul.footer_nav li.last {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
#footer .copyright {
	float: right;
	text-align: right;
	font-size: 85%;
}
#footer .copyright h2 { text-align: right; }
#footer .copyright h2 img { margin-bottom: 10px; }
/* ---------------------------------------------------------------------------------------------
   top page
--------------------------------------------------------------------------------------------- */

/* slider
----------------------------------------------------- */
#slider { background-color: #000; }
#slider .wideslider {
	position: relative;
	width: 100%;
	height: 533px;
	overflow: hidden;
}
#slider .wideslider ul,
#slider .wideslider ul li {
	display: inline;
	float: left;
	overflow: hidden;
}
#slider .wideslider_base {
	position: absolute;
	top: 0;
}
#slider .wideslider_wrap {
	position: absolute;
	top: 0;
	overflow: hidden;
}
#slider .slider_prev,
#slider .slider_next {
	position: absolute;
	z-index: 100;
	top: 0;
	overflow: hidden;
	cursor: pointer;
}
#slider .slider_prev { background: #000 url(../images/prev.jpg) no-repeat right center; }
#slider .slider_next { background: #000 url(../images/next.jpg) no-repeat left center; }

#slider .pagination {
	display: none;
}

/* 
#slider .pagination {
	position: absolute;
	z-index: 200;
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
}
#slider .pagination a {
	display: inline-block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	margin: 0 5px;
	background: transparent url(../images/pagination.png) no-repeat 0 0;
}
#slider .pagination a.active {
	background: transparent url(../images/pagination_active.png) no-repeat 0 0;
}
*/


#slider .wideslider ul:before,
#slider .wideslider ul:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
#slider .wideslider ul:after { clear: both; }
#slider .wideslider ul { zoom: 1; }
/* topic
----------------------------------------------------- */
#topic,
#topic .inner { background: transparent url(../images/topic_inner.gif) repeat 0 0; }
#topic .topic_field,
#topic .topic_menu { background: transparent url(../images/topic_bg.gif) repeat-x 0 0; }
#topic .topic_menu {
	padding: 1px 0;
	background-position: 0 bottom;
}
#topic .inner {
	width: 940px;
	overflow: hidden;
	padding: 30px 10px;
}
#topic dl,
#topic dl dt,
#topic dl dd.summary { float: left; }
#topic dl {
	width: 300px;
	margin-right: 20px;
}
#topic dl.last { margin-right: 0; }
#topic dl dt {
	width: 50px;
	height: 240px;
}
#topic dl dd.summary {
	width: 250px;
	min-height: 260px;
	margin-bottom: 20px;
}
#topic dl dd.summary img {
	display: block;
	margin-bottom: 10px;
}
#topic dl dd.more {
	clear: both;
	margin-left: 50px;
}
#topic dl dd.more a {
	display: block;
	width: 150px;
	height: 34px;
	margin: 0 auto;
	cursor: pointer;
}
/* ---------------------------------------------------------------------------------------------
   content
--------------------------------------------------------------------------------------------- */
#content { background: #fff url(../images/body_bg.gif) repeat 0 0; }
#content h2.title,
#content h3.title {
	width: 960px;
	height: 140px;
	overflow: hidden;
	margin-bottom: 60px;
}
#content h3.title_menu02 {
	width: 580px;
	height: 90px;
	margin: 0 auto 40px;
}
#content h3.title_menu03 {
	width: 940px;
	height: 60px;
	margin: 0 auto 20px;
}
/* topicpath */
#content ol.topicpath {
	margin-bottom: 20px;
	padding-top: 20px;
	font-size: 85%;
}
#content ol.topicpath li { display: inline; }
#content ol.topicpath li a {
	margin-right: 9px;
	padding-right: 15px;
	background: url(../images/topicpath.gif) no-repeat right center;
	text-decoration: underline;
}
/* news */
#content .news {
	margin-bottom: 80px;
	padding-top: 50px;
}
#content .news h2,
#content .news ul { float: left; }
#content .news h2 {
	width: 50px;
	height: 240px;
	margin-right: 20px;
}
#content .news ul {
	width: 340px;
	padding: 15px;
	background: transparent url(../images/news_bg.gif) repeat 0 0;
}
#content .news ul li {
	margin-bottom: 15px;
	padding: 0 10px 15px;
	border-bottom: 1px dotted #222;
}
#content .news ul li.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
#content .news ul li span {
	display: block;
	font-weight: bold;
	font-size: 93%;
	color: #7d591d;
}
#content .info_list,
#content .media_list {
	float: left;
	width: 440px;
	margin-right: 60px;
}
#content .info_list { overflow: hidden; }
#content .media_list { margin-right: 0; }
#content .media_list ul { margin-bottom: 15px; }
#content .media_list .more { clear: both; }
#content .media_list .more a {
	display: block;
	float: right;
	width: 90px;
	height: 24px;
	cursor: pointer;
}
/* pagetop */
#pagetop a {
	display: block;
	float: right;
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
	cursor: pointer;
}
/* menu
----------------------------------------------------- */
#content .menu { overflow: hidden; }
/* table */
#content .menu table {
	float: left;
	overflow: hidden;
	margin: 0 80px 40px 0;
	font-size: 93%;
}
#content .menu table.cuff { margin-right: 0; }
#content .menu table caption { margin-bottom: 10px; }
#content .menu table th,
#content .menu table td {
	background: transparent url(../images/border_dotted.gif) repeat-x 0 bottom;
}
#content .menu table th {
	padding-right: 0;
	text-align: left;
	font-weight: normal;
	padding: 8px 0 5px 6px;
}
#content .menu table th span {
	font-size: 90%;
}
#content .menu table td {
	padding-left: 0;
	text-align: right;
	font-weight: bold;
	padding: 8px 6px 5px 0px;
}

/* menu01 */
#content .menu01 { margin-bottom: 40px; }
#content .menu01 table { width: 260px; }
#content .menu01 table th { width: 180px;}
#content .menu01 table td { width: 74px;}
/* menu02 */
#content .menu02 { margin-bottom: 60px; }
#content .menu02 table {
	width: 600px;
	margin-bottom: 0;
}
#content .menu02 table th { width: 490px; }
#content .menu02 table td { width: 90px; }
#content .menu02 table.extra { width: 260px; }
#content .menu02 table.extra th { width: 170px; }
#content .menu02 table.extra td { width: 70px; }
/* menu03 */
#content .menu03 {
	min-height: 590px;
	margin-bottom: 60px;
	padding-top: 30px;
	background: transparent url(../images/menu03_bg.png) no-repeat right 0;
}
#content .menu03 table {
	float: none;
	width: 310px;
	margin-right: 0;
}
#content .menu03 table th { width: 220px; }
#content .menu03 table td { width: 70px; }
/* topping */
#content .topping {
	clear: both;
	margin-bottom: 50px;
	padding: 0 3px;
	background: transparent url(../images/topping_bottom.png) no-repeat center bottom;
}
#content .topping_inner {
	overflow: hidden;
	margin-bottom: 4px;
	background: transparent url(../images/topping_inner.png) repeat-y 0 0;
}
#content .topping_menu {
	width: 880px;
	margin: 0 auto 20px;
}
#content .topping dl {
	float: left;
	width: 174px;
	margin-top: 15px;
	margin-right: 30px;
	padding-right: 30px;
	border-right: 1px dotted #222;
}
#content .topping dl.cuff {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
	width: 175px;
}
#content .topping dl dt {
	clear : both;
	float: left;
	width: 100px;
	padding-left: 25px;
	background: transparent url(../images/topping_list.png) no-repeat 0 0;
	text-align: left;
	font-weight: normal;
}
#content .topping dl dd {
	margin-left: 89px;
	text-align: right;
	font-weight: bold;
}
#content .topping dl.cuff dd { margin-left: 90px; }
/* quality
----------------------------------------------------- */
#content .quality { margin-bottom: 40px; }
#content .quality ul { }
#content .quality ul li {
	min-height: 380px;
	margin-bottom: 60px;
	border-bottom: 1px dotted #222;
}
#content .quality ul li dl { width: 400px; }
#content .quality ul li dl,
#content .quality ul li dl dt,
#content .quality ul li dl dd { float: left; }
#content .quality ul li dl dt {
	width: 90px;
	overflow: hidden;
	margin-right: 20px;
}
#content .quality ul li dl dd {
	width: 290px;
	padding-top: 70px;
	line-height: 1.8;
}
#content .quality ul li.quality_list01 {
	padding: 10px 20px 60px 0;
	background: transparent url(../images/quality_bg01.png) no-repeat 0 0;
}
#content .quality ul li.quality_list02 {
	padding: 10px 0 60px 20px;
	background: transparent url(../images/quality_bg02.png) no-repeat 0 0;
}
#content .quality ul li.quality_list03 {
	padding: 10px 20px 60px 0;
	background: transparent url(../images/quality_bg03.png) no-repeat 0 0;
}
#content .quality ul li.quality_list04 {
	min-height: 420px;
	margin-bottom: 0;
	padding: 10px 0 60px 20px;
	border-bottom: none;
	background: transparent url(../images/quality_bg04.png) no-repeat 0 0;
}
#content .quality ul li.quality_list01 dl,
#content .quality ul li.quality_list01 dl dt,
#content .quality ul li.quality_list01 dl dd,
#content .quality ul li.quality_list03 dl,
#content .quality ul li.quality_list03 dl dt,
#content .quality ul li.quality_list03 dl dd { float: right; }
#content .quality ul li.quality_list01 dl dt,
#content .quality ul li.quality_list03 dl dt {
	margin-left: 20px;
	margin-right: 0;
}
#content .quality ul li.quality_list03 dl dt { width: 130px; }
#content .quality ul li.quality_list03 dl dd { width: 250px; }
#content .quality ul li.quality_list04 dl dt { width: 120px; }
#content .quality ul li.quality_list04 dl dd { width: 260px; }
/* ---------------------------------------------------------------------------------------------
   side & main
--------------------------------------------------------------------------------------------- */
#side,
#main {
	float: left;
	width: 200px;
	margin-right: 40px;
}
#main {
	width: 700px;
	margin-right: 0;
}
#side ul.side_nav { border-top: 1px dotted #222; }
#side ul.side_nav li { border-bottom: 1px dotted #222; }
#side ul.side_nav li a {
	display: block;
	position: relative;
	margin-left: 10px;
	padding: 18px 0 15px 14px;
	background: transparent url(../images/icon_list.gif) no-repeat 0 center;
	color: #222;
}
/* media
----------------------------------------------------- */
#main .media { overflow: hidden; }
#main .media h3 {
	padding-bottom: 10px;
	background: transparent url(../images/media_liststyle.gif) repeat-x 0 bottom;
}
#main .media h3 span {
	margin-left: 10px;
	padding: 3px 0 0 14px;
	background: transparent url(../images/icon_list.gif) no-repeat 0 center;
}
#main .media ul {
	margin-bottom: 60px;
	padding: 0 3px;
}
#main .media ul li {
	overflow: hidden;
	padding: 20px 10px;
	border-bottom: 1px dotted #222;
}
#main .media ul li.last { border-bottom: none; }
#main .media ul li .date {
	float: left;
	width: 40px;
	font-weight: bold;
	color: #7f5b10;
	text-align: right;
}
#main .media ul li .hidden { overflow: hidden; }
#main .media ul li .text { margin-left: 50px; }
#main .media ul li .text .img {
	float: right;
	margin-left: 20px;
}
#main .media ul li .text .img img { border: 1px solid #bbb; }
/* address
----------------------------------------------------- */
#main .address { overflow: hidden; }
#main .address h3 {
	width: 320px;
	height: 40px;
	margin-bottom: 30px;
}
#main .shop {
	margin-bottom: 80px;
	padding: 0 3px;
}
#main .shop table,
#main .shop .shop_img {
	float: left;
	width: 287px;
	margin-bottom: 20px;
}
#main .shop .shop_img img {
	width: 285px;
	margin-bottom: 10px;
	border: 1px solid #bbb;
}
#main .shop table {
	width: 377px;
	overflow: auto;
	margin-right: 30px;
	border-top: 1px dotted #000;
	border-collapse: collapse;
}
#main .shop table th,
#main .shop table td {
	border-bottom: 1px dotted #000;
	padding: 15px 10px;
	line-height: 1.7;
}
#main .shop table th {
	width: 100px;
	background: transparent url(../images/news_bg.gif) repeat 0 0;
	text-align: left;
	vertical-align: top;
}
#main .shop table td { width: 275px; }
#main .shop .shop_map {
	clear: both;
	padding-top: 30px;
}
#main .shop .shop_map #map,
#main .shop .shop_map #map2 {
	width: 692px;
	height: 350px;
	border: 1px solid #bbb;
}
/* ---------------------------------------------------------------------------------------------
   clearFix
--------------------------------------------------------------------------------------------- */
.clearFix:before,
.clearFix:after,
.inner:before,
.inner:after,
#contebt:before,
#contebt:after,
#content .news:before,
#content .news:after,
#media:before,
#media:after,
#access:before,
#access:after,
#pagetop:before,
#pagetop:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.clearFix:after,
.inner:after,
#contebt:after,
#content .news:after,
#media:after,
#access:after,
#pagetop:after { clear: both; }
.clearFix,
.inner,
#contebt,
#content .news,
#media,
#access,
#pagetop { zoom: 1; }
.clear { clear: both; }