@charset "UTF-8";

/* =============================================================
 contents.css
 =============================================================== */

/* Main
---------------------------------------------------------------- */
#main {
	float: left;
	width: 603px;
}
.single #main {
	float: left;
	width: 848px;
	background: #FFFFFF;
}

/* Side
---------------------------------------------------------------- */
#side {
	float: right;
	width: 240px;
}
#side .update {
	color: #FFFFFF;
	text-align: right;
	margin-bottom: 5px;
}
#side .banner li {
	margin-bottom: 5px;
}
#side .banner li img {
	vertical-align:bottom
}

#side li span {
	font-weight: normal;
	font-size: 13px; /*fixed size*/
	letter-spacing: -0.04em;
}
#side a:link {
	color: #333333;
	text-decoration: none;
}
#side a:visited {
	color: #333333;
	text-decoration: none;
}
#side a:hover {
	color: #0000FF;
	text-decoration: underline;
}
#side a:active {
	color: #0000FF;
	text-decoration: underline;
}


/*Home
-----------------------------*/
#home #main-inside {
	background: #FFFFFF;
	padding: 15px 10px 5px 30px;
}
#home .news {
	width: 500px;
	margin-bottom: 20px;
}
#home .news .tit {
	color: #666666;
}
#home .news li {
	border-bottom: 1px dotted #999999;
	background: url(../image/common/arrow_dot_red.gif) no-repeat 13px center;
	padding: 5px 0px 2px 25px;
}
#home .news p.movie {
	border-bottom: 1px dotted #999999;
	background: url(../image/common/arrow_dot_red.gif) no-repeat 13px center;
	padding: 5px 0px 2px 25px;
	color: #0000FF;
}
#home .news p.shop {
	border-bottom: 1px dotted #999999;
	background: url(../image/common/arrow_dot_red.gif) no-repeat 13px center;
	padding: 5px 0px 2px 25px;
	margin-bottom: 2px;
}
#home .news p.intro,
#home .news div.intro {
	padding-left: 10px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #999999;
}
#home .kawara {
	width: 500px;
	position: relative;
}
/*#home input {
	width: 498px;
	border: 1px solid #CCCCCC;
	color: #CC0000;
	background: #F5F5F5;
	padding: 5px 0px;
}*/
#home #message {
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 5;
	height: 20px;
	width: 500px;
}
#home #message #message-text {
	position: absolute;
	left: 200px;
	z-index: 6;
	width: 720px;
}

#home #loopedSlider {
	width:848px;
	height:300px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
#home #loopedSlider .slides {
	position:absolute;
	top:0;
	left:0;
}
#home #loopedSlider .slides div {
	position:absolute;
	top:0;
	width:780px;
	display:block;
	padding:0;
	margin:0;
}


/* Side List
-----------------------------*/
#side .box-sidelist {
	width: 239px;
	background: url(../image/common/box_sidelist_b.gif) no-repeat bottom;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
#side .box-sidelist .inside {
	background: url(../image/common/box_sidelist_m.gif) repeat-y;
	width: 227px;
	padding-left: 12px;
	padding-top: 5px;
}
#side .box-sidelist li a {
	display: block;
	width: 196px;
	height: 25px;
	background: url(../image/common/sidelist_back.gif) no-repeat;
	padding-left: 20px;
	padding-top: 7px;
}


#side .list-box-sidelist {
	width: 221px;
	background: url(../list/image/sn_back.gif) repeat-y;
	padding: 9px 9px 6px;
	margin-bottom: 5px;
}
#side .list-box-sidelist h4.tit {
	color: #832C2C;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 3px;
}
#side .list-box-sidelist li img {
	vertical-align: top;
	margin-bottom: 3px;
}
#side .list-box-sidelist .area {
	width: 221px;
}
#side .list-box-sidelist .area li {
	float: left;
	display: inline;
}
#side .list-box-sidelist .area li img.sp {
	padding-right: 3px;
}




/* Shop Info
-----------------------------*/
.box-shopinfo-tit {
	margin-bottom: 5px;
}
.box-shopinfo {
	width: 603px;
	background: #FFFFFF url(../image/common/box_shopinfo_b.gif) no-repeat bottom;
	padding-bottom: 14px;
	margin-bottom: 5px;
}
.box-shopinfo .top {
	background: url(../image/common/box_shopinfo_t.gif) no-repeat top;
	width: 603px;
	padding-top: 14px;
}
.box-shopinfo .inside {
	background: url(../image/common/box_shopinfo_m.gif) repeat-y;
	width: 563px;
	padding-right: 20px;
	padding-left: 20px;
}
.box-shopinfo .tit {
	height: 20px;
	background: #F2E6D2;
	padding: 5px 5px 5px 10px;
	margin-bottom: 5px;
}
.box-shopinfo .shopname {
	float: left;
	/*width: 400px;*/
	width: 215px;
}
.box-shopinfo .printshop {
	float: right;
	width: 160px;
	background: url(../image/common/icon_print.gif) no-repeat left;
	padding-left: 14px;
}
.box-shopinfo .close {
	float: right;
	width: 55px;
	background: url(../image/common/icon_closebox.gif) no-repeat left;
	padding-left: 15px;
}
.box-shopinfo .address {
	padding-bottom: 10px;
	padding-left: 8px;
}
.box-shopinfo .comment {
	font-weight: bold;
	color: #A95550;
	padding-bottom: 10px;
	padding-left: 8px;
}

/* List
-----------------------------*/
.list #main {
	background: #FFFFFF url(../list/image/back.jpg) no-repeat left top;
	padding-top: 80px;
	padding-bottom: 10px;
	padding-right: 6px;
	padding-left: 6px;
	width: 591px;
}
.list .slideblock {
	position: relative;
	top: -10000px;
}
.list .list-tit {
	text-align: center;
}
.list .list-shopinfo-warp {
	width: 569px;
	border: 1px solid #AE5753;
	padding: 10px;
}
#area.list .list-shopinfo-warp {
	border: 1px solid #996633;
}
#food.list .list-shopinfo-warp {
	border: 1px solid #CE8142;
}
.list .list-box-shopinfo {
	width: 280px;
}
.list .linebox {
	width: 100%;
	position: relative;
	padding-bottom: 21px;
	margin-bottom: 15px;
}
.list .box-l {
	float: left;
}
.list .box-r {
	float: right;
}
.list .list-shopname {
	background: url(../list/image/shopname_back.gif) no-repeat left bottom;
	/*height: 27px;*/
	min-height: 27px;
	width: 272px;
	padding-left: 8px;
	line-height: 27px;
	margin-bottom: 5px;
}
.list .list-address {
	width: 264px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.list .list-comment {
	border-top: 1px solid #C6B18E;
	color: #993333;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.list .list-btn {
	position: absolute;
	bottom: 0px;
}
.list .box-l .list-btn {
	right: 289px;
}
.list .box-r .list-btn {
	right: 0px;
}



.list img.mini{
  margin:20px;
  border: solid 2px #666666;
  cursor: pointer;
}

.list div.haikei{
  width:100%;
  height:100%;
  position:absolute;
  top:0px; left:0px;
  z-index: 1;
  background-color:#000000;
  display: none;
}

.list .big{
	position:absolute;
	top:0px;
	left:0px;
	z-index: 2;
	border: solid 10px #FFFFFF;
	display: none;
	background: #FFFFFF;
	width: 595px;
}
.list p.cl{
	height: 20px;
	text-align: right;
	background-color:#FFFFFF;
	padding: 10px;
	margin: 0px;
	color: #0000FF;
}

.list .big .biginside {
	background: #FFFFFF;
	padding: 10px 15px 15px;
	border: solid 1px #A9544F;
	width: 563px;
}

.list .big .shopname {
	background: #F2E6D2;
	padding: 5px 5px 5px 10px;
	margin-bottom: 5px;
	text-align: left;
}
.list .big .address {
	padding-bottom: 10px;
	text-align: left;
}
.list .big .comment {
	text-align: left;
	font-weight: bold;
	color: #A95550;
	padding-bottom: 10px;
}








/* Oshiete
-----------------------------*/
.story .story-block {
	background: url(../image/story/back.jpg) no-repeat;
	width: 603px;
	padding-top: 70px;
	padding-bottom: 70px;
}
.story .story-box {
	background: url(../image/story/frame.jpg) repeat-y;
	width: 355px;
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
}

.box-oshiete {
	width: 603px;
	background: #F2E6D2;
}
.box-oshiete .menu {
	margin-top: 20px;
	padding-bottom: 20px;
}
.box-oshiete .menu a {
	color: #333333;
}
.box-oshiete .menu a strong {
	color: #8C0D0D;
}
.box-oshiete .menu li {
	margin-bottom: 5px;
}
.box-oshiete .lead {
	background: url(../image/story/box_oshiete_tit_back.gif) no-repeat;
	min-height: 120px;
	padding-top: 10px;
	color: #444444;
	font-weight: bold;
	text-align: center;
}
* html .box-oshiete .lead {
	height: 120px;
}

.box-oshiete .lead-note {
	color: #333333;
	font-weight: bold;
	text-align: center;
}
.box-oshiete .lead-note a:link {
	color: #0066FF;
	text-decoration: none;
}
.box-oshiete .lead-note a:visited {
	color: #0066FF;
	text-decoration: none;
}
.box-oshiete .lead-note a:hover {
	color: #0066FF;
	text-decoration: underline;
}
.box-oshiete .lead-note a:active {
	color: #0066FF;
	text-decoration: underline;
}
.box-oshiete .inside {
	/*background: url(../image/story/box_oshiete_m.gif) repeat-y;*/
	width: 463px;
	padding-left: 70px;
	padding-right: 70px;
	padding-top: 10px;
}
.box-oshiete h4 {
	font-size: 123.1%;
	margin-bottom: 10px;
}
.box-oshiete .text {
	margin-bottom: 10px;
}
.box-oshiete .interview {
	font-size: 85%;
}
.box-oshiete .link {
	text-align: right;
}

.box-oshiete .to-top-block {
	width: 565px;
	margin-right: 19px;
	margin-left: 19px;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 30px;
	border-top: 1px solid #993333;
}


/* BSE
-----------------------------*/
#bse .inside {
	width: 640px;
	padding: 30px;
	border: 1px solid #999999;
}
#bse h2 {
	font-size: 108%;
	text-align: center;
}
#bse .text {
	margin-bottom: 10px;
}
#bse .cow {
	text-align: center;
	border-bottom: dotted 1px #CCCCCC;
	padding-bottom: 20px;
}
#bse .box-qa {
	margin-top: 30px;
}
#bse .que {
	background: url(../beef/image/story/q.gif) no-repeat;
	height: 40px;
	padding-left: 40px;
	margin-bottom: 10px;
	font-size: 108%;
	font-weight: bold;
}
#bse .ans {
	background: url(../beef/image/story/a.gif) no-repeat;
	padding-left: 40px;
}



.zoom {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	background: #000000;
	display: none;
}
.z-inside {
	width: 702px;
	background: #FFFFFF;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	text-align: left;
	font-size: 100%;
	display: none;
}
.z-close {
	text-align: right;
}

/* Site Map
-----------------------------*/
#sitemap #main {
	background: #F2E6D2;
	/*background: #F2E6D2 url(../sitemap/image/back.gif) no-repeat bottom;*/
}
#sitemap #main-inside {
	padding: 50px 90px 50px 90px;
}

#sitemap #main .tit {
	font-weight: bold;
	color: #666666;
	margin-bottom: 10px;
}
#sitemap #main .block01,
#sitemap #main .block02 {
	/*border-bottom: 1px dotted #999999;*/
	margin-bottom: 20px;
}
#sitemap #main .block01 li {
	float: left;
	width: 140px;
	background: url(../image/common/arrow_dot_red.gif) no-repeat 13px center;
	padding: 5px 0px 2px 25px;
}
#sitemap #main .block02 li {
	float: left;
	width: 305px;
	background: url(../image/common/arrow_dot_red.gif) no-repeat 13px center;
	padding: 5px 0px 2px 25px;
}
#sitemap #main .block03 li {
	width: 200px;
	background: url(../image/common/arrow_dot_red.gif) no-repeat 13px center;
	padding: 5px 0px 2px 25px;
}
#sitemap #main a:link {
	color: #333333;
	text-decoration: none;
}
#sitemap #main a:visited {
	color: #333333;
	text-decoration: none;
}
#sitemap #main a:hover {
	color: #0000FF;
	text-decoration: underline;
}
#sitemap #main a:active {
	color: #0000FF;
	text-decoration: underline;
}

/* Link
-----------------------------*/
#link #main {
	background: #F2E6D2;
	/*background: #FFFFFF;*/
}
#link #main-inside {
	padding: 50px 90px 100px 90px;
}
#link #main .block {
	width: 100%;
	border-bottom: 1px dotted #666666;
	padding-bottom: 5px;
}
#link #main .box {
	width: 100%;
	border-top: 1px dotted #666666;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-bottom: 5px;
	clear: both;
}
#link #main .sitename {
	font-weight: bold;
}
#link #main .siteurl {
	margin-bottom: 5px;
}

#link #main li {
	margin-bottom: 20px;
}

/* About Us
-----------------------------*/
#about_us #main {
	background: url(../about_us/image/back.gif) repeat-y;
	text-align: center;
}
#about_us #main-inside {
	width: 490px;
	text-align: left;
	margin: 5px auto;
}
#about_us #main .leaf {
	width: 100%;
	background: url(../about_us/image/back_leaf.gif) repeat-x top;
	height: 20px;
}
#about_us #main .text {
	margin-bottom: 10px;
}

/* About Site
-----------------------------*/
#about_site #main {
	background: url(../about_site/image/back.jpg) repeat-y;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 13px;
}

#about_site #main .block {
	background: url(../about_site/image/white.png) repeat-y;
	width: 819px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 80px;
	padding-bottom: 80px;
}

#about_site #main .box-t {
	background: url(../about_site/image/box-t.png) no-repeat top;
	padding-top: 33px;
	width: 503px;
	margin-left:auto;
	margin-right:auto;

}
/*for IE6*/
* html #about_site #main .box-t {
	background: #F5EBDE;
	width: 503px;
}
#about_site #main .box-b {
	background: url(../about_site/image/box-b.png) no-repeat bottom;
	padding-bottom: 33px;
	width: 503px;
	text-align: center;
}
#about_site #main .box-m {
	background: url(../about_site/image/box-m.png) repeat-y;
	width: 503px;
	padding-bottom: 20px;
}
#about_site #main .textbox {
	width: 430px;
	margin-left:auto;
	margin-right:auto;
}
#about_site #main .text {
	text-align: left;
	border-top: 1px solid #9B551C;
	border-right: none;
	border-bottom: 1px solid #9B551C;
	border-left: none;
	margin-top: 10px;
	padding: 10px 0px;
}

/* Member
-----------------------------*/
#member #main {
	background: url(../member/image/member_back.jpg) no-repeat;
	text-align: center;
}
#member #main-inside {
	width: 490px;
	margin: 30px auto 25px;
}
#member #main .textbox {
	border-top: 1px solid #FFB9B9;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: left;
}
#member #main .text {
	margin-bottom: 10px;
}

/* Error
-----------------------------*/
#error #main {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
#error #main #main-inside {
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 30px 10px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

/* Info
-----------------------------*/
#info #main {
	background: #F2E6D2;
}
#info #main-inside {
	padding: 50px 90px 100px 90px;
}
#info #main .block {
	width: 100%;
	background: #FFFFFF;
}
#info #main .box {
	width: 628px;
	padding: 0 20px 30px;
}

#info #main .box-brown01 {
	width: 648px;
	margin-bottom: 30px;
	padding: 10px;
	background: #B1A084;
	overflow: hidden;
}
#info #main .box-brown01-l {
	float: left;
	width: 310px;
}
#info #main .box-brown01-r {
	float: right;
	width: 310px;
}
#info #main .box-brown01 .border-b {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #666;
}

#info #main .box-event {
	width: 548px;
	padding: 19px 29px;
	border-top: 5px solid #0F347E;
	border-bottom: 1px dotted #0F347E;
	overflow: hidden;
}
#info #main .box-event-l {
	float: left;
	width: 260px;
}
#info #main .box-event-r {
	float: right;
	width: 275px;
}
#info #main .textblue {
	color: #0F347E;
}

#info #main .box-special {
	width: 580px;
	overflow: hidden;
}
#info #main .box-special-l {
	float: left;
	width: 280px;
	overflow: hidden;
}
#info #main .box-special-r {
	float: right;
	width: 280px;
}

#info #main .box-eatin {
	width: 100%;
	overflow: hidden;
}
#info #main .box-eatin-l {
	float: left;
	width: 300px;
	overflow: hidden;
}
#info #main .box-eatin-r {
	float: right;
	width: 300px;
	overflow: hidden;
}
#info #main .box-eatin .box-l {
	float: left;
	width: 150px;
	overflow: hidden;
}
#info #main .box-eatin .box-r {
	float: right;
	width: 140px;
}

#info #main .box-brown02 {
	width: 608px;
	padding: 30px;
	background: #B1A084;
	overflow: hidden;
}
#info #main .box-brown02-l {
	float: left;
	width: 170px;
}
#info #main .box-brown02-r {
	float: right;
	width: 410px;
}

#info #main .block .block-inside {
	width: 608px;
	padding: 30px;
}
#info #main .block .block-inside h2.tit {
	margin-bottom: 30px;
	font-size: 25px;
	font-weight: normal;
	line-height: 1.5em;
	color: #900;
}
#info #main .block .box-pink {
	width: 548px;
	padding: 30px;
	background: #fdedf1;
}
#info #main .block .box-pink .box-inside {
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
}
#info #main .block .box-pink .box-l {
	float: left;
	width: 267px;
}
#info #main .block .box-pink .box-r {
	float: right;
	width: 267px;
}
#info #main .block .box-pink .font12px span {
	font-size: 13px;
	font-weight: bold;
}

#info #main .block .box-photo.last {
	margin-bottom: 30px;
}
#info #main .block .box-photo {
	width: 100%;
	margin-bottom: 12px;
	overflow: hidden;
}
#info #main .block .box-photo .box-l {
	float: left;
	width: 298px;
}
#info #main .block .box-photo .box-r {
	float: right;
	width: 298px;
}

/* Privacy
-----------------------------*/
#privacy #main {
	background: #F2E6D2;
	/*background: #FFFFFF;*/
}
#privacy #main-inside {
	padding: 50px 90px 100px 90px;
}
#privacy #main .block {
	width: 100%;
	border-bottom: 1px dotted #666666;
	padding-bottom: 5px;
}
#privacy #main .box {
	width: 100%;
	border-top: 1px dotted #666666;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-bottom: 5px;
	clear: both;
}
#privacy #main li {
	margin-bottom: 15px;
}