@charset "UTF-8";

/* 全体構造
---------------------------------------------------- */
#sc_r_ac {
width:320px;
float:right;
}

#sc_l_ac {
float:left;
width:240px;
}






/* サイドナビ
---------------------------------------------------- */


#side_b {
width: 170px;
height: 168px;
text-align:left;
background: url(../cafe/images/cafe_navi.gif) no-repeat;
 position:static;
}

#side_b ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}
#side_b li {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	position:absolute;
}

#side_b li a , #side_b li strong {
  text-decoration: none;	
  display: block;
    height: 40px;
}


#side_b li#sb01      {
 left:0;
 top:48px;
width:170px;
}

#side_b li#sb02      {
 left:0;
 top:88px;
width:170px;
}

#side_b li#sb03      {
 left:0;
 top:128px;
width:170px;
}






#side_b li#sb01 a:hover {
background: url(../cafe/images/cafe_navi.gif) -170px -48px;
}
#side_b li#sb01 strong {
background: url(../cafe/images/cafe_navi.gif) -340px -48px;
}

#side_b li#sb02 a:hover {
background: url(../cafe/images/cafe_navi.gif) -170px -88px;
}

#side_b li#sb02 strong {
background: url(../cafe/images/cafe_navi.gif) -340px -88px;
}

#side_b li#sb03 a:hover {
background: url(../cafe/images/cafe_navi.gif) -170px -128px;
}

#side_b li#sb03 strong {
background: url(../cafe/images/cafe_navi.gif) -340px -128px;
}



/* サイド_英語表記
---------------------------------------------------- */

#copy {
 width: 170x;
 height: 292px;
   text-indent: -9999px;
   background: url(../cafe/images/e_text.gif) no-repeat ;
margin: 19px 0 0px 0;
}



/* コンテンツ内_タイトル
---------------------------------------------------- */

#i_tite01 {
 width: 610x;
 height: 29px;
   text-indent: -9999px;
   background: url(../cafe/images/cafe_title.gif) no-repeat ;
margin: 0px 0 30px 0;
}

#i_tite02 {
clear:both;
width: 610x;
height: 29px;
text-indent: -9999px;
background: url(../cafe/images/lunch_title.gif) no-repeat ;
margin: 0px 0 60px 0;
}


#i_tite03 {
 width: 610x;
 height: 29px;
   text-indent: -9999px;
   background: url(../cafe/images/item_title.gif) no-repeat ;
margin: 0px 0 30px 0;
}

#i_tite04 {
 width: 610x;
 height: 29px;
   text-indent: -9999px;
   background: url(../cafe/images/in_title.gif) no-repeat ;
margin: 0px 0 45px 0;
}

#i_tite04_4 {
 width: 610x;
 height: 29px;
   text-indent: -9999px;
   background: url(../cafe/images/ac_title.gif) no-repeat ;
margin: 0px 0 45px 0;
}

#i_tite05 {
 width: 375x;
 height: 50px;
   text-indent: -9999px;
   background: url(../cafe/images/item_ca.gif) no-repeat ;
margin: 0px 0 30px 0;
}


.ac_line {
 width: 320x;
 height: 2px;
   text-indent: -9999px;
   background: url(../cafe/images/ac_line.gif) no-repeat ;
margin: 20px 0 20px 0;
}




/* コンテンツ内_コンセプト_キャッチ
---------------------------------------------------- */



#i_c04 {
 width: 306x;
 height: 51px;
   text-indent: -9999px;
   background: url(../cafe/images/c03.gif) no-repeat ;
margin: 0px 0 20px 0;
}

#i_c05 {
 width: 306x;
 height: 51px;
   text-indent: -9999px;
   background: url(../cafe/images/c03.gif) no-repeat ;
margin: 0px 0 20px 0;
}


#ac_c01 {
 width: 94x;
 height: 17px;
   text-indent: -9999px;
   background: url(../cafe/images/ei.gif) no-repeat ;
margin: 0px 0 8px 0;
}


#ac_c02 {
 width: 194x;
 height: 14px;
   text-indent: -9999px;
   background: url(../cafe/images/access_ti.gif) no-repeat ;
margin: 0px 0 10px 0;
}




/* コンテンツ内
---------------------------------------------------- */
#sc_l img {
margin: 0px 0 10px 0;
}


#sc_l p {
font-size:1em;
letter-spacing:1px;
line-height:2em;
margin: 0px 0 30px 0;
}



#sc_l strong {
color:#4A6432;
}



#sc_l4 p {
font-size:1em;
letter-spacing:1px;
line-height:1.4em;
margin: 0px 0 15px 0;
}

#sc_l4 span {
font-size:0.8em;
color:#4A6432;
line-height:1.5em;
left: 10em;
text-indent:12px;
}



/* 設備
---------------------------------------------------- */



.d_l {
float:right;
width:235px;
padding:0px 0 0 0;
}

.d_r {
width:270px;
float:left;
}

.d_r p {
font-size:1em;
letter-spacing:1px;
line-height:1.4em;
}


.d_l2 {
width:300px;
float:left;
padding:0px 0 0 0;
}

.d_r2 {
float:right;
width:280px;
}

.d_r2 p {
font-size:1em;
letter-spacing:1px;
line-height:1.4em;
}

.d_r2 dl {
margin: 10px 0px 0px 0px;
padding: 5px 5px 0px 0px;
}

.d_r2 dt {
clear:both;
width:240px;
font-size: 0.8em;
line-height: 1.8em;
margin:0px 0 0px 0;
letter-spacing:1px;
}
  
.d_r2 dd {
clear:both;
text-indent:12px;
font-size: 0.8em;
margin:0px 0 0px 0;
position: relative;
letter-spacing:1px;
top: -1.4em;
left: 22em;
line-height: 1em;

}




.d_l2 img {
width:313px;
}





.d_l3 {
width:300px;
float:left;
margin:0 0 10px 0;
}

.d_l3 dl {
padding: 2px 5px 0px 5px;
}

.d_l3 dt {
clear:both;
width:200px;
font-size:1em;
font-weight:none;
top: -1em;
line-height: 1em;
letter-spacing:1px;
}
  
.d_l3 dd {
clear:both;
width:90px;
font-size:1em;
text-indent:12px;
position: relative;
letter-spacing:1px;
top: -1em;
left:15em;
line-height: 1.2em;

}


.d_r3 {
width:250px;
float:right;
}

.d_r3 dl {
padding: 2px 5px 0px 5px;
}

.d_r3 dt {
clear:both;
width:200px;
font-size:1em;
font-weight:none;
top: -1em;
line-height: 1em;
letter-spacing:1px;;
}
  
.d_r3 dd {
clear:both;
width:90px;
font-size:1em;
text-indent:12px;
position: relative;
letter-spacing:1px;
top: -1em;
left:15em;
line-height: 1.2em;
}


.d_r2 h3 {
font-size:1em;
color: #651405;
padding:0px 0 5px 0;
letter-spacing:1px;

}

.d_r2 h4 {
font-size:1em;
letter-spacing:1px;
line-height:1.5em;
padding:0px 0 2px 0;

 }





.d_b{
clear:both;
width:610px;
height: 300px;
margin:10px 0 30px 0;
}

.d_b2 {
clear:both;
width:610px;
height:240px;
margin:0 0 35px 0;
}

.d_b3 {
clear:both;
width:610px;
margin:0 0 10px 0;
}


#cs01 {
  width:270px;
  height:29px;
  text-indent: -9999px;
 margin:0px 0 10px 0px;
  background: url(../cafe/images/cs01.gif) no-repeat;
}


#cs02 {
  width:270px;
  height:24px;
  text-indent: -9999px;
 margin:0px 0 10px 0px;
  background: url(../cafe/images/cs02.gif) no-repeat;
}


#cs03 {
  width:270px;
  height:24px;
  text-indent: -9999px;
 margin:0px 0 10px 0px;
  background: url(../cafe/images/cs03.gif) no-repeat;
}


#cs04 {
  width:270px;
  height:29px;
  text-indent: -9999px;
 margin:0px 0 10px 0px;
  background: url(../cafe/images/cs04.gif) no-repeat;
}

#lm01 {
  width:280px;
  height:23px;
  text-indent: -9999px;
 margin:0px 0 10px 0px;
  background: url(../cafe/images/l01.gif) no-repeat;
}

#lm02 {
  width:280px;
  height:23px;
  text-indent: -9999px;
 margin:0px 0 10px 0px;
  background: url(../cafe/images/d01.gif) no-repeat;
}