@charset "utf-8";
/* CSS Document */
h4{
	padding:4px 0 3px 12px;
	margin-bottom:13px;
}

div#blogarea {
width:606px;
border-top:1px dotted #CE1029;
border-bottom:1px dotted #CE1029;
padding:20px 0 30px 0;
    zoom: 100%;
}



#blogarea:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div.leftside {
float:left;
width:455px;
padding:0 15px 0 0;
background:url(../blog/cafe/images/line.gif) repeat-y 469px top;
}


div.rightside {
float:left;
margin:20px 0 0 20px;
width:116px;

}


div.rightside h5 {
font-weight:bold;
margin:0 0 6px 0;
padding:0 0 0 4px;
border-left:3px solid #999999;
background:#eeeeee;
font-size:100%;
line-height:1.5;
}

div.rightside ul {
margin:0 0 20px 0;
}

div.rightside ul li {
margin:0 0 0 15px;
}

div.menu {
width:609px;
zoom: 100%;

}

div.menu:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div.menu dl {
float:left;
width:136px;
margin:0 0 0 12px;

}




div.product dl {
width:606px;
margin:20px 0 0 12px;
padding:14px 0 0 0;
position:relative;
border-top:dotted 1px #cccccc;
line-height:1.7;
min-height:165px;
_height:175px;
overflow:visible;
}





div.product dl dt {
	width:293px;
	position:absolute;
	top:14px;
	height: 189px;
}



div.product dl dd {
margin:0 0 10px 0;
width:370px;
left:200px;
position:relative;

}


div.product dl dd span.pro {
/*display:block;*/
font-weight:bold;
color:#006BB5;
}

div.product dl dd span.soldOut {
font-weight:bold;
color:#D01126;
padding-left:10px;
}



/*cafe_menu*/

div.cafe_menu dl {
width:606px;
margin:20px 0 0 12px;
padding:14px 0 0 0;
position:relative;
border-top:dotted 1px #cccccc;
line-height:1.7;
min-height:200px;
_height:210px;
overflow:visible;
}





div.cafe_menu dl dt {
	width:262px;
	position:absolute;
	top:16px;
	height: 205px;
}



div.cafe_menu dl dd {
margin:30px 0 10px 0;
width:300px;
left:320px;
position:relative;
padding:30px 0 0px 0;

}


div.cafe_menu dl dd span.pro {

display:block;
font-weight:bold;
color:#6D3337;
font-size:13px;
}







/*cafe_wine*/

div.cafe_wine {
width:606px;
margin:20px 0 0 12px;
padding:14px 0 0 0;
position:relative;
border-top:dotted 1px #cccccc;
border-bottom:dotted 1px #cccccc;
line-height:170%;

overflow:visible;
}


div.cafe_wine img{
	position:absolute;
	top:16px;
	height: 205px;
}

div.wine_l {
	margin:0px 0 10px 0;
	width:300px;
	left:320px;
	position:relative;
	padding:0px 0 0px 0;
}


.wine_l span.ttl {

display:block;
font-weight:bold;
color:#6D3337;
font-size:13px;
line-height:190%;
}

.wine_l .small {
	font-size:92%;
	line-height:140%;
	padding-top:2px;
}

.wine_l ul{
	margin-left:2em;
}

.wine_l ul li{
	list-style-type:disc;
}


.wine_l dl{
}


.wine_l dl dt{
	float:left;
	width:50px;
}
.wine_l dl dd{
	margin-left:50px;
}


/*menu_list*/

div.menu_list{
	padding-top:10px;
}


div.menu_list dl {   
 border:none;   
 width:100%;   
}   

div.menu_list dt {   
 float:left;   
 width:240px;   
 padding:5px 0 8px 20px;   
 clear:both;   
 font-weight:bold;  
 line-height:120%; 
}   

div.menu_list dd {   
 width:200px;   
 margin-left:240px;   
 padding:5px 5px 8px 10px;
 text-align:right; 
 line-height:120%; 
 
}

div.menu_list span {
font-weight:normal;
font-size:11px;
padding-top:0px;
line-height:120%;
color:#999999;
 
}

div.menu_list .gray {
font-weight:normal;
font-size:11px;
padding-bottom:0px;
line-height:100%;
color:#CCCCCC;
 
}



/*menu_list_d*/

div.menu_list_d dl {   
 border:none;   
 width:260px;   
}   

div.menu_list_d dt {   
 float:left;   
 width:180px;   
 padding:5px 0 10px 10px;   
 clear:both;   
 font-weight:bold;   
  line-height:120%;
}   

div.menu_list_d dd {   
 margin-left:180px;   
 padding:5px 5px 10px 0px;
 text-align:right;  
  line-height:120%;
 
}

div.menu_list_d span {
font-weight:normal;
font-size:11px;
padding-top:0px;
line-height:120%;
color:#999999;
}

div.menu_list .gray {
font-weight:normal;
font-size:11px;
padding-bottom:0px;
line-height:100%;
color:#CCCCCC;
 
}

dl.about {
margin:20px 0 0 0;



}


dl.about dt {
margin:20px 0 5px 5px;
font-weight:bold;
color: #333;
padding:10px 0 0 0;
line-height:150%;
font-size:120%;
}


dl.about dd {
margin:0 0 15px 20px;
padding:0;

}

dl.about dd p{
	padding-left:5px;
}

span.num{
	color:#D01126;
	font-size:120%;
	padding-right:10px;
	font-weight:bold;
	
}

span.red{
	color:#D01126;
}

h3{
	font-size:120%;
	font-weight:bold;
}

h6{
	
margin:0;
font-weight:bold;
color: #333;
font-weight:bold;
background-image:url(../guide/images/bg_list.gif) ;
background-repeat:no-repeat;
background-position:left 12px;
padding:5px 0 0 15px;
font-size:100%;
}

.happyBox{
	border:1px #64272A solid;
	position:relative;
	padding:30px 20px 20px 20px;
	margin:10px 0 20px 20px;
	/width:542px;
}

/*--IE8ハック--*/
html>/**/body .happyBox {   
    margin /***/: 50px 0 20px 20px9;   
}

.happyBox h5{
	font-size:16px; 
	padding:15px 0 0px 0; 
	font-weight:bold; 
	color:#64272A;
}

.happyBox p{
	line-height:140%;
	padding:5px 0 5px 0px;
}

.happyBox p.red{
	line-height:130%;
	padding:5px 0 5px 40px;
	color:#D01126
}

.happyBox .ttlCopy{
	border:1px #64272A solid;
	background-color:#7B4449;
	color:#FFF;
	font-weight:bold;
	position:absolute;
	left: -9px;
	top: -17px;
	padding:3px 15px;
	font-size:14px;
}