@charset "UTF-8";

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
   font-size:12px;
   color:#333;
   background:#CC6666;
}

br {
   letter-spacing:normal;
}

a {
   color:#98534B;
   text-decoration:none;
}

a:hover {
   text-decoration:underline;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0px;
}

h2 {
	font-size:13px;
	margin:20px 0px 10px 5px;
	color:#98534B;
}

h3 {
	font-size:12px;
}

.p_bold {
	font-weight: bold;	
}

.clear {
	clear:both;
}

/* ========TEMPLATE LAYOUT======== */
/* 共通 */
#top {
   width:800px;
   margin:0 auto;
   background:#FFFFFF;
}

#header {
   position:relative;
   width:800px;
   margin:0px;
   padding:0px;
}

#pr {
   width:800px;
   margin:0px;
   padding:0px;
}

#menu {
   position:absolute;
   width:800px;
   margin:0px;
   padding:0px;
}

#contents {
   width:770px;
   margin:50px 0px 0px 30px;/* 右余白は取らない */
   padding:20px 0px;
   background:#fff;
}

#footer {
	width:740px;
	clear:both;
	margin:0px 30px;
	padding:10px 0px 50px 0px;
	border-top: 1px solid #999999;
	font-size:10px;
	text-align:right;
}


/* ========ヘッダー（共通）======== */

/* PR CUSTOMIZE */
#header #pr p {
   margin:0px 30px;
   font-size:10px;
}



/* ========トップページ用======== */
#info {
	width:480px;
	height:190px;
	overflow: auto;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-size:11px;
}

#info dl dt {
   clear:left;
   float:left;
   width:7em;
   padding:4px 1em;
}

#info dl dd {
   margin-left:0;
   padding:4px 0.5em 4px 8em;
}

table {
	width:730px;
	margin:0px 20px 30px 20px;
}

.td_size {
	width:450px;
	padding-left:100px;
}

.td_size_img {
	width:150px;
}

.p_indent {
	text-indent: -12px;	
	}


/* ========サブページ用======== */
#main {
   float:right;
   width:540px;
   margin:0px 30px 0px 0px;
   padding:0px;
}

#sub {
   float:left;
   width:200px;
   margin:0px;
   padding:0px;
}

#photo {
	width:770px;
	margin:0px;
	padding:0px;
	clear:both;
}

#photo img {
	margin-right:25px;
	margin-top:30px;
	padding:0px;
}

#pageTop {
   clear:both;
   padding:10px 30px;
   text-align:right;
}


/* main CUSTOMIZE */

#main h2 {
   margin:0 0 20px 0;
   padding:0;
   font-size:14px;
   color:#823C34;
   line-height:1.2;
}

#main h3 {
   margin-bottom:3px;
   padding:1px 10px;
   font-size:12px;
   color:#fff;
   background:#CC6666;
}


h4 {
   margin-bottom:3px;
   padding:1px 10px;
   font-size:12px;
   color:#fff;
   background:#823C34;
}


#main p {
   margin:0 0 0.8em 0;
}

#main table {
	width:500px;
	margin:20px 0px;
}

#main td {
	padding:5px 0px;
	vertical-align:top;
}

#main a {
   color:#98534B;
   text-decoration:none;
}

.p_brown {
   color:#823C34;
   padding:10px 0px 15px 10px;
}

.p_space {
	padding-top:10px;
}

/* sub CUSTOMIZE */

#sub h2 {
   font-size:12px;
   line-height:1.3;
   margin:10px 0px;
   color:#333333;
}

#sub p {
	margin:0px 0px 20px 0px;
	font-size:11px;
}

#sub img {
	margin-bottom:5px;
}



#pageTop a {
   padding:0 0 0 12px;
}

/* カフェメニュー */

.menu_item{
	width:530px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}

.menu_item_s{
	width:530px;
	margin-top:10px;
	margin-bottom:30px;
	float:left;
	background:url(../images/menu_img.gif) right bottom no-repeat;
}

.name{
	width:300px;
	text-align:left;
	float:left;
	padding-left:10px;
	font-size:12px;
	font-weight: bold;
}

.price{
	width:150px;
	text-align:left;
	font-size:12px;
	float:right;
	margin-right:17px;
	font-weight: bold;
}

.detail{
	clear:both;
	font-size:12px;
	padding:0px 10px 0px 10px;
	text-align:left;
}


/* ======== MENU ======== */

#menu ul {
	list-style: none;
}
#menu li {
 	position: absolute;
 	display: block;
 	text-indent: -9999px;
   	height: 30px;
	margin:0px;
	padding:0px;
}
#menu li a {
  	text-decoration: none;
	display: block;
	height:30px;
}
#menu li#menu1 {
	left: 30px;
	width: 105px;
	background: url(../images/menu.gif) 0px 0px no-repeat;
}
#menu li#menu2 {
	left: 135px;
	width: 125px;
	background: url(../images/menu.gif) -105px 0px no-repeat;
}
#menu li#menu3 {
	left: 260px;
	width: 95px;
	background: url(../images/menu.gif) -230px 0px no-repeat;
}
#menu li#menu4 {
	left: 355px;
	width: 105px;
	background: url(../images/menu.gif) -335px 0px no-repeat;
}
#menu li#menu5 {
	left: 460px;
	width: 135px;
	background: url(../images/menu.gif) -440px 0px no-repeat;
}
#menu li#menu6 {
	left: 595px;
	width: 85px;
	background: url(../images/menu.gif) -575px 0px no-repeat;
}
#menu li#menu7 {
	left: 680px;
	width: 90px;
	background: url(../images/menu.gif) -650px 0px no-repeat;
}
#menu li#menu1 a:hover{
	left: 30px;
	width: 105px;
	background: url(../images/menu.gif) 0px -30px no-repeat;
}
#menu li#menu2 a:hover{
	left: 135px;
	width: 125px;
	background: url(../images/menu.gif) -105px -30px no-repeat;
}
#menu li#menu3 a:hover{
	left: 260px;
	width: 95px;
	background: url(../images/menu.gif) -230px -30px no-repeat;
}
#menu li#menu4 a:hover{
	left: 355px;
	width: 105px;
	background: url(../images/menu.gif) -335px -30px no-repeat;
}
#menu li#menu5 a:hover{
	left: 460px;
	width: 135px;
	background: url(../images/menu.gif) -440px -30px no-repeat;
}
#menu li#menu6 a:hover{
	left: 595px;
	width: 85px;
	background: url(../images/menu.gif) -575px -30px no-repeat;
}
#menu li#menu7 a:hover{
	left: 680px;
	width: 90px;
	background: url(../images/menu.gif) -650px -30px no-repeat;
}
.re-bnr img{
	padding-left:20px;
	text-align:center;
}
.re-bnr1 img{
	position:relative;
	left:20px;
	text-align:center;
}
.re-bnr img:hover{
	opacity:0.7;
}
.re-bnr1 img:hover{
	opacity:0.7;
}