/* CSS Document */

body,div, dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
   margin:0;
   padding:0;
}






#flashcontent2 {
margin:20px 0 0px 0;
}

#concept {
width: 610px;
padding:20px 0 0px 0px;
}



/*imgナビ
---------------------------------------------------- */


#img_navi {
width: 855px;
height: 216px;
margin: 0;
text-align:left;
background: url(../cafe/images/img_c.jpg) no-repeat;
position:static;

}

#img_navi ul {
margin: 0;
padding: 0;
list-style: none;

position:relative;
}

#img_navi li {
margin: 0;
padding: 0;
text-indent: -9999px;
position:absolute;
}

#img_navi li#d01 a ,#img_navi li#d01 strong {
text-decoration: none;	
display: block;
height: 91px;
}

#img_navi li#d02 a ,#img_navi li#d02 strong {
text-decoration: none;	
display: block;
height: 61px;
}


#img_navi li#d03 a ,#img_navi li#d03 strong ,
#img_navi li#d04 a ,#img_navi li#d04 strong ,
#img_navi li#d05 a ,#img_navi li#d05 strong {
text-decoration: none;	
display: block;
height: 29px;
}

#img_navi li#d06 a ,#img_navi li#d06 strong {
text-decoration: none;	
display: block;
height: 29px;
}



#img_navi li#d01 {
width:253px;
height: 91px;
}

#img_navi li#d02 {
top: 91px;
width: 253px;
height: 61px;
}

#img_navi li#d03 {
top: 152px;
height: 29px;
width: 113px;
}

#img_navi li#d04 {
top: 152px;
left: 113px;
height: 29px;
width: 93px;
}

#img_navi li#d05 {
top: 152px;
left: 206px;
height: 29px;
width: 113px;
}

#img_navi li#d06 {
 top: 181px;
 height: 29px;
 left: 0px;
 width: 120px;
}

#img_navi li#d01 a:hover ,#img_navi li#d01 strong {
background: url(../cafe/images/img_c.jpg) no-repeat 0px -216px;
}
#img_navi li#d02 a:hover ,#img_navi li#d02 strong {
background: url(../cafe/images/img_c.jpg) no-repeat 0px -307px;
}
#img_navi li#d03 a:hover ,#img_navi li#d03 strong {
background: url(../cafe/images/img_c.jpg) no-repeat 0px -368px;
}
#img_navi li#d04 a:hover ,#img_navi li#d04 strong {
background: url(../cafe/images/img_c.jpg) no-repeat -113px -368px;
}
#img_navi li#d05 a:hover ,#img_navi li#d05 strong {
background: url(../cafe/images/img_c.jpg) no-repeat -206px -368px;
}
#img_navi li#d06 a:hover ,#img_navi li#d06 strong {
background: url(../cafe/images/img_c.jpg) no-repeat 0px -397px;
}


/*link_banner
---------------------------------------------------- */

#link_banner02 {
clear:both;
width: 178px;
height: 95px;
margin:10px 0 0px 0;
text-indent: -9999px;
background: url(../cafe/images/banner2.gif) no-repeat;
}

#link_banner02 a {
text-decoration: none;	
display: block;
height: 95px;
}

#link_banner02 a:hover , #link_banner02 strong {
background: url(../cafe/images/banner2.gif) -178px -0px;
}

/*スケジュール
---------------------------------------------------- */
#sc_l{
float:right;
width:613px;
margin:0px 0 50px 0;
}

#sc_ll{
float:right;
width:613px;
margin:0px 0 50px 0;
}



#sc_ll p {
clear:both;
margin:0px 0 15px 0;
}

#sc_ll span {
clear:both;
font-size:0.8em;
letter-spacing:1px;
padding:0px 0 0 0;
}





#sc_r{
width:178px;
float:left;

}


#sc_l h2{
margin:35px 0 0 0;
}

#sc_ll h2{
margin:35px 0 0 0;
}

#sc_ll h4{
font-size:1em;
letter-spacing:1px;
line-height:1.8em;
margin:0px 0 10px 0px;
}


#sc_a1 {
  height:45px;
	text-indent: -9999px;
  background: url(../cafe/images/at01.gif) no-repeat;
}


#sc_dd1 {
  height:40px;
	text-indent: -9999px;
  background: url(../cafe/images/s_title.gif) no-repeat;
}

#sc_runch1 {
  height:60px;
	text-indent: -9999px;
  background: url(../cafe/images/r_title.gif) no-repeat;
}

#sc_drink1 {
clear:both;
height:50px;
text-indent: -9999px;
background: url(../cafe/images/d_title.gif) no-repeat;
}

.sc_line {
clear:both;
height:10px;
	text-indent: -9999px;
  background: url(../cafe/images/under_line.gif) no-repeat;
}


#sc_a2 {
clear:both;
height:35px;
  text-indent: -9999px;
  margin:0px 0 10px 0px;
   background: url(../cafe/images/at01_2.gif) no-repeat;
}






#concept_l {
float:left;
width:220px;
height:250px;
}

#concept_l p {
font-size:0.8em;
font-weight:bold;
letter-spacing:1px;
}





#concept_r {
float:right;
width:360px;
}

#concept_r p {
font-size:1em;
line-height:1.8em;
letter-spacing:0.8px;
}

#concept_r  h3 {
font-size:1em;
letter-spacing:1px;
line-height:1.8em;
}r

#concept_r2 {
float:right;
width:340px;
line-height:1.6em;
}


#concept_r2 h3 {
font-size:1em;
letter-spacing:1px;
line-height:1.8em;
}



#con_text {
  width:254px;
   height:25px;
  text-indent: -9999px;
  background: url(../cafe/images/con00.gif) no-repeat;
}


#con_text1 {
  width:249px;
  height:34px;
  text-indent: -9999px;
 margin:0px 0 15px 0px;
  background: url(../am_we/images/con01.gif) no-repeat;
}

#con_text2 {
  width:231px;
  height:34px;
  text-indent: -9999px;
 margin:0px 0 18px 0px;
  background: url(../am_we/images/con02.gif) no-repeat;
}

#con_text3 {
  width:340px;
  height:38px;
  text-indent: -9999px;
 margin:0px 0 18px 0px;
  background: url(../am_we/images/a_text.gif) no-repeat;
}

#con_text4 {
  width:340px;
  height:38px;
  text-indent: -9999px;
 margin:0px 0 18px 0px;
  background: url(../am_we/images/con03.gif) no-repeat;
}


#a_s01 {
  width:340px;
  height:25px;
  text-indent: -9999px;
 margin:20px 0 0px 0px;
  background: url(../cafe/images/at02.gif) no-repeat;
}


#a_s02 {
  width:340px;
  height:25px;
  text-indent: -9999px;
 margin:20px 0 0px 0px;
  background: url(../cafe/images/at03.gif) no-repeat;
}


#a_s03 {
  width:340px;
  height:25px;
  text-indent: -9999px;
 margin:20px 0 0px 0px;
  background: url(../cafe/images/at04.gif) no-repeat;
}


#a_s04 {
  width:340px;
  height:25px;
  text-indent: -9999px;
 margin:20px 0 0px 0px;
  background: url(../cafe/images/at05.gif) no-repeat;
}


#photo {
width:220px;
height:170px;
text-indent: -9999px;
margin:0px 0 0px 0px;
background: url(../cafe/images/info_s.jpg) no-repeat;
}




.d_l {
width:220px;
float:left;
padding:15px 0 0 0;
}

.d_r {
width:340px;
float:right;
}




.d_l2 {
width:320px;
float:left;
}


.d_l2 img {
width:320px;
margin:0 0 35px 0;
}





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


.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_r2 p {
clear:both;
font-size:0.8em;
letter-spacing:1px;
line-height:1.5em;
padding:10px 0 0 0;
background: url(../cafe/images/under_line.gif) no-repeat;
background-position:top;
}

.item {
clear:both;
font-size:0.8em;
letter-spacing:1px;
}

.item p{
clear:both;
display:block;
padding:5px 0 0 0;
}


.item a{
 background: url(../produce/images/link.gif) no-repeat;
 background-position: right center;
 padding:0 15px 0 0;
 color:#f71e5b;
}

.d_b{
clear:both;
width:610px;
height: 190px;
margin:0 0 25px 0;
}

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

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


.d_l2 img {
width:320px;
margin:0 0 35px 0;
}


/*サブメニュー
---------------------------------------------------- */

#sc_b {
width:178px;
height:220px;
margin:32px 0 0 0;
text-align:left;
background: url(../cafe/images/c_bottan01.gif) no-repeat;
 position:static;
}

#sc_b ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}
#sc_b li {
	margin: 0;
	padding: 0;
 height: 40px;
	text-indent: -9999px;
	position:absolute;
}
#sc_b li a,#sc_b strong {
text-decoration: none;	
display: block;
height: 40px;
}
#sc_b li#sc01      {
 left:0;
 top:28px;
width:178px;
}

#sc_b li#sc02      {
 left:0;
 top:68px;
width:178px;
}

#sc_b li#sc03      {
 left:0;
 top:108px;
width:178px;
}

#sc_b li#sc01 a:hover  ,#sc_b li#sc01 strong {
background: url(../cafe/images/c_bottan01.gif) -188px -28px;
}
#sc_b li#sc02 a:hover  ,#sc_b li#sc02 strong {
background: url(../cafe/images/c_bottan01.gif) -188px -68px;
}
#sc_b li#sc03 a:hover  ,#sc_b li#sc03 strong {
background: url(../cafe/images/c_bottan01.gif) -188px -108px;
}




#sc_b3 {
width:178px;
height:270px;
margin:32px 0 0 0;
text-align:left;
background: url(../cafe/images/c_bottan02.gif) no-repeat;
 position:static;
}

#sc_b3 ul {
  margin: 0;
  padding: 0;
  list-style: none;
position:relative;
}
#sc_b3 li {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	position:absolute;
}
#sc_b3 li#bb01 a,#sc_b3 li#bb01 strong ,
#sc_b3 li#bb02 a,#sc_b3 li#bb02 strong {
  text-decoration: none;	
  display: block;
 height: 40px;
}





#sc_b3 li#bb03 a,#sc_b3 li#bb03 strong ,
#sc_b3 li#bb04 a,#sc_b3 li#bb04 strong {
  text-decoration: none;	
  display: block;
 height: 25px;
}


#sc_b3 li#bb01 {
 left:0;
 top:28px;
 width:178px;
height: 40px;
}
#sc_b3 li#bb02    {
 left:0;
 top:68px;
 width:178px;
height: 40px;
}
#sc_b3 li#bb03    {
 left:0;
 top:108px;
 width:178px;
height: 25px
}
#sc_b3 li#bb04    {
 left:0;
 top:133px;
 width:178px;
height: 25px;
}



#sc_b3 li#bb01 a:hover  ,#sc_b3 li#bb01 strong {
background: url(../cafe/images/c_bottan02.gif) no-repeat -188px -28px;
}

#sc_b3 li#bb02 a:hover ,#sc_b3 li#bb02 strong {
background: url(../cafe/images/c_bottan02.gif) no-repeat -188px -68px;
}
#sc_b3 li#bb03 a:hover ,#sc_b3 li#bb03 strong {
background: url(../cafe/images/c_bottan02.gif) no-repeat -188px -108px;
}
#sc_b3 li#bb04 a:hover ,#sc_b3 li#bb04 strong {
background: url(../cafe/images/c_bottan02.gif) no-repeat -188px -133px;
}





