@charset "Shift_JIS";
* {
margin:0;
padding:0;
}

/* ページ全体スタイルここから */
body {
font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
font-size:small;
line-height:150%;
background-repeat:repeat;
color:#333;
}

.content {

}

.hed {
	width:864px;
	height:193px;
	text-align:center;
	padding:0;
	margin: 5px;
}

.topIMG {
	width:864px;
	height:290px;
	text-align:center;
	padding:5px;
	margin: 0px;
	background-image: url(../img/bgPhoto.gif);
	background-repeat: repeat;
}

#logo {
	width:880px;
	text-align:center;
	padding:0;
	margin-top: 10px;
}
.left1 {
float:left;
width:290px;
margin-left:15px;
margin-bottom:20px;
margin-top:30px;
}

.right {
background-image:url(../img/tomologo.jpg);
width:488px;
float:right;
margin-right:10px;
padding-bottom:10px;
background-repeat:no-repeat;
background-position:center center;
}

#kakei {
width:290px;
vertical-align:top;
}

#kakei p {
width:270px;
margin:0;
padding:10px;
}

.aboutcraim {
width:490px;
margin:10px;
}

#footerT {
	position:static;
	padding-bottom:10px;
	width:880px;
	background-image:url(../img/copy.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:22px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	display:none;
}
#footerSub {
	position:static;
	padding-bottom:10px;
	width:900px;
	background-image:url(../img/subfooter.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:50px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#maincol {
}

/*Font 指定*/
.smallText{
font-size:10px;
}
.red {
color:#9B0D0A;
}

.gray {
color:#696041;
}

.orange {
color:#F30;
}

.gold {
color:#c90;
}

.bold {
font-weight:700;
}


.clearfix {
display:block;
}

/*menu*/
#menu03{ margin:0px; padding:0px; display:none;}
.btn03{margin:0px;padding:0px 0px 0px 0px;list-style-type:none;
}
.btn03 li{margin:0px;padding:0px;float:left;}

#btnlogo a{margin:0px 0px 0px 0px;padding:0px;width:300px;height:48px;background:url(../img/logo.gif) no-repeat;display:block;
}
#btnlogo a:hover{margin:0px 0px 0px 0px;padding:0px;width:300px;height:48px;background:url(../img/logo.gif) no-repeat;display:block;
}
#btn01 a{margin:0px 0px 0px 0px;padding:0px;width:130px;height:48px;background:url(../img/menu01.gif) no-repeat;display:block;
}
#btn01 a:hover, #btn01On{margin:0px 0px 0px 0px;padding:0px;width:130px;height:48px;background:url(../img/menu01a.gif) no-repeat;display:block;
}
#btn02 a{margin:0px 0px 0px 0px;padding:0px;width:95px;height:48px;background:url(../img/menu02.gif) no-repeat;display:block;
}
#btn02 a:hover, #btn02On{margin:0px 0px 0px 0px;padding:0px;width:95px;height:48px;background:url(../img/menu02a.gif) no-repeat;display:block;
}
#btn03 a{margin:0px 0px 0px 0px;padding:0px;width:190px;height:48px;background:url(../img/menu03.gif) no-repeat;display:block;
}
#btn03 a:hover, #btn03On{margin:0px 0px 0px 0px;padding:0px;width:190px;height:48px;background:url(../img/menu03a.gif) no-repeat;display:block;
}
#btn04 a{margin:0px 0px 0px 0px;padding:0px;width:165px;height:48px;background:url(../img/menu04.gif) no-repeat;display:block;
}
#btn04 a:hover, #btn04On{margin:0px 0px 0px 0px;padding:0px;width:165px;height:48px;background:url(../img/menu04a.gif) no-repeat;display:block;
}
.hide{display:none;
}
.space{margin:0px;padding:0px;height:15px;font-size:15px;line-height:15px;display:block;
}
.reset{clear:both;display:block;height:0px;font-size:0px;line-height:0px;
}

/*SUBページ*/
#subMain {
	height: 308px;
	padding: 0px;
	width: 840px;
	margin-top: 10px;
	margin-right: 17px;
	margin-bottom: 5px;
	margin-left: 17px;
}

.tab {
	margin-bottom: 15px;
	display:none;
}

#subLeft {
	height: 308px;
	float: left;
	width: 410px;
	margin-right: 10px;
	margin-left: 0px;
}
#subRight {
	width: 410px;
	margin-right:0px;
	margin-left: 10px;
}

a:link, a:visited, a:active, a:hover{
color:#333333;
}

/*インラインHTML*/

html{
overflow-y: scroll;
}


/* IE-mac対策 \*/
* html .clearfix {
height:1%;
}

/* IE6対策 */
* html .box3 {
margin-left:2px;
}

/*aoi cafe 写真*/
.recomPhoto {
	background-image: url(../img/bgPhoto.gif);
	background-repeat: repeat;
	padding: 5px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
/*TOP　RECOMMEND MENU*/
#recomText {
	float: left;
	text-align: left;
}
#recomBox {
	height: 260px;
	overflow: auto;
	padding-left: 10px;
}
/*TOP　TOPICS*/
#topicsBox {
	height: 235px;
	overflow: auto;
	padding-left: 10px;
}

/*TOPICS BACKNUMBER*/
#backnumber a{
	background-image:url(../img/BackNumBt.gif);
	width:80px;
	height:21px;
	margin:0;
	padding:0;
	text-indent: -9999px;
	display: block;
	float: right;
}

#backnumber a:hover{
   background-image:url(../img/BackNumBta.gif);
   width:80px;
   height:21px;
   margin:0;
   padding:0;
   text-indent:-9999px;
   display: block;
   float: right;
}

/*2階層目設定*/
.subIMG {
	width:864px;
	height:110px;
	text-align:center;
	padding:5px;
	margin: 0px;
	background-image: url(../img/bgPhoto.gif);
	background-repeat: repeat;
	display:none;
}

/*Info*/
#shopinfoMain {
	padding: 0px;
	width: 840px;
	margin-top: 10px;
	margin-right: 17px;
	margin-bottom: 5px;
	margin-left: 17px;
}
#shopinfoMain .subLeft {
	float: left;
	margin-right: 5px;
	margin-left: 10px;
}
#shopinfoMain .subRight {
	float: left;
	width: 595px;
	margin-right:0px;
	margin-left: 10px;
}

/*Info以外のmail access設定*/
#infoMain {
	height: 488px;
	padding: 0px;
	width: 840px;
	margin-top: 10px;
	margin-right: 17px;
	margin-bottom: 5px;
	margin-left: 17px;
}
#infoMain .subLeft {
	float: left;
	margin-right: 5px;
	margin-left: 10px;
}
#infoMain .subRight {
	height: 443px;
	float: left;
	width: 595px;
	margin-right:0px;
	margin-left: 10px;
}

/*Menu*/
#menuMain {
	padding: 0px;
	width: 840px;
	margin-top: 10px;
	margin-right: 17px;
	margin-bottom: 5px;
	margin-left: 17px;
}
#menuMain .subLeft {
	float: left;
	margin-right: 5px;
	margin-left: 10px;
	display:none;
}
#menuMain .subRight {

}


/*manager 写真*/
.mangerPhoto {
	background-image: url(../img/bgPhoto.gif);
	background-repeat: repeat;
	padding: 5px;
	float: left;
	margin: 0px;
}
#managerBox {
	overflow: visible;
	padding-left: 10px;
	margin-top: 10px;
	height: 380px;
}
.mangerSign {
	float: right;
}

/*Access*/
#accessMain {
	height: 488px;
	padding: 0px;
	width: 840px;
	margin-top: 10px;
	margin-right: 17px;
	margin-bottom: 5px;
	margin-left: 17px;
}
#accessMain .subLeft {
	float: left;
	margin-right: 0px;
	margin-left: 10px;
}
#accessMain .subRight {
	height: 443px;
	float: left;
	width: 406px;
	margin-right:0px;
	margin-left: 10px;
}

/*mail magazine*/
.mailPhoto {
	background-image: url(../img/bgPhoto.gif);
	background-repeat: repeat;
	padding: 5px;
	float: left;
	margin: 0px;
}
#mailBox {
	overflow: auto;
	padding-left: 10px;
	margin-top: 10px;
}
#mailform{
	background-image:url(../img/bgForm.gif);
	background-repeat: repeat;
	width: 530px;
	font-size: x-small;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#mailform .formbox {
	text-align: center;
}
#mailform .textarea {
	margin-bottom: 6px;
	margin-right: 10px;
}

#qrcode {
	background-image: url(../img/bgPhoto.gif);
	background-repeat: repeat;
	padding: 5px;
	float: left;
	margin: 5px;
}
#qrtext {
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}

/*メニュー*/
.menuMenu {
	background-image: url(../img/BgmenuFood.gif);
	background-repeat: repeat-y;
	float: left;
	margin: 0px;
	width: 210px;
	height: 443px;
	padding:0px;
}

#menuBox {
	padding-left: 0px;
	margin-top: 10px;
}


/*MENUの左メニュー*/
.btnmenu{margin:0px;padding:0px 0px 0px 0px;list-style-type:none;}
.btnmenu li{margin:0px;padding:0px;float:left;}

#btnFood a{margin:0px 0px 1px 0px;padding:0px;width:210px;height:39px;background:url(../img/menuFood01.gif) no-repeat;display:block;
}
#btnFood a:hover, #btnFoodOn{margin:0px 0px 1px 0px;padding:0px;width:210px;height:39px;background:url(../img/menuFood01a.gif) no-repeat;display:block;
}
#btnDrink a{margin:0px 0px 1px 0px;padding:0px;width:210px;height:39px;background:url(../img/menuFood02.gif) no-repeat;display:block;
}
#btnDrink a:hover, #btnDrinkOn{margin:0px 0px 1px 0px;padding:0px;width:210px;height:39px;background:url(../img/menuFood02a.gif) no-repeat;display:block;
}
#btnDesert a{margin:0px 0px 1px 0px;padding:0px;width:210px;height:39px;background:url(../img/menuFood03.gif) no-repeat;display:block;
}
#btnDesert a:hover, #btnDesertOn{margin:0px 0px 1px 0px;padding:0px;width:210px;height:39px;background:url(../img/menuFood03a.gif) no-repeat;display:block;
}
#btnParty a{margin:0px 0px 0px 0px;padding:0px;width:210px;height:39px;background:url(../img/menuFood04.gif) no-repeat;display:block;
}
#btnParty a:hover, #btnPartyOn{margin:0px 0px 0px 0px;padding:0px;width:210px;height:39px;background:url(../img/menuFood04a.gif) no-repeat;display:block;
}

/*メニューギャラリー*/
.gallery {
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0px;
}
.gallery .thumb{
	border: 0;  /*サムネイル画像としたときリンク外枠が入らないようにします。*/
	width: 169px;
	height: 50px;
	background-image: url(../img/bgPhoto.gif);
	background-repeat: repeat;
	padding: 5px;
	margin: 0px;
}
.gallery dl {
	float: left;
	width: 180px;
	margin-right: 5px;
	margin-bottom: 15px;
	padding: 0;
	font-size: x-small;
}
.gallery dt {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: small;
}
.gallery dd {
  margin: 0;
  padding: 0;
}
dd.comment {
  height: 4em;       /*コメント欄の文字数によって調整してください。*/
  padding: 0 5px;
  line-height: 1.3;
}
dd.date {
	height: 1.2em;
	margin: 0;
	padding: 0;
	font-size: x-small;
}
dt.come2 {
	height: 4em;
	margin: 0;
	padding: 0;
	font-size: x-small;
}

/*メニュー　サイドメニュー*/
#sidemenu {
	width: 560px;
}
#sidemenu dl {
	float: left;
	width: 550px;
	padding: 0;
　　/*文字サイズは崩れないようにするため固定にします。*/
	margin: 5px;
	background-image: url(../img/lineDot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: small;
}
#sidemenu  dt {
	padding: 0;
	text-align: left;
	font-size: small;
	float: left;
	width: 350px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
#sidemenu  dd {
  margin: 0;
  padding: 0;
}

/*Pop UP 画面*/
#Submaincol {
	width:386px;
	margin-right:auto;
	margin-left:auto;
	background-repeat:repeat-y;
	text-align:center;
	padding:0px;
	margin-top: 0px;
}

.Subcontent {
	width:380px;
	background-color:#BFBCA5;
	margin: 0;
	padding: 0px;
	border: 3px solid #B4AF91;
	min-height:440px;
	height: auto !important;
	height: 460px;
}

#SubsubMain {
	padding: 0px;
	width: 360px;
	text-align: left;
	margin: 10px;
}


#subTitle {
	background-image: url(../img/topicBgTit.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
	color: #9B0D0A;
	width: 350px;
}
.topicsPhoto{
	background-image: url(../img/bgPhoto.gif);
	background-repeat: repeat;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#SubTopicsTxt {
	margin: 10px;
	width: 340px;
}

#BackNumberTxt {
	width: 340px;
	padding-right: 10px;
	padding-left: 10px;
}
.menuFoodBan {
	height: 30px;
	width: 310px;
	margin-bottom: 5px;
}