@charset "UTF-8";

/*============================================================
//  喫茶
//==========================================================*/

/*=============タイトル=============*/

#cafe {
	width:730px;
	margin-bottom:25px;
}

#cafe .title-box{
	width:730px;
	margin-bottom:15px;
	height: 130px;
}

#cafe .title-box h2{
	width:540px;
	height:123px;
	background : url(/kissa/image/title.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:15px;
	float:left;
}

#cafe .title-box h3{
	width:190px;
	height:123px;
	background : url(/imgcommon/icon_reserve.gif) no-repeat;
	text-indent:-9999px;
	float:right;
}

/*=============メイン=============*/

#cafe .main{
	width:495px;
	float:left;
}


/*=============各カテゴリタイトル=============*/
#cafe .main .sub-title-coffee h4{
	width:250px;
	height:30px;
	background : url(/kissa/image/sub_title01.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
}

#cafe .main .sub-title-cha h4{
	width:250px;
	height:30px;
	background : url(/kissa/image/sub_title02.gif) no-repeat;
	text-indent:-9999px;
	margin-top:20px;
	margin-bottom:10px;
}

#cafe .main .sub-title-tea h4{
	width:250px;
	height:30px;
	background : url(/kissa/image/sub_title03.gif) no-repeat;
	text-indent:-9999px;
	margin-top:20px;
	margin-bottom:10px;
}

#cafe .main .sub-title-cake h4{
	width:250px;
	height:30px;
	background : url(/kissa/image/sub_title04.gif) no-repeat;
	text-indent:-9999px;
	margin-top:20px;
	margin-bottom:10px;
}

#cafe .main .sub-title-riquar h4{
	width:250px;
	height:30px;
	background : url(/kissa/image/sub_title05.gif) no-repeat;
	text-indent:-9999px;
	margin-top:20px;
	margin-bottom:10px;
}

#cafe .main .sub-title-cigar h4{
	width:250px;
	height:30px;
	background : url(/kissa/image/sub_title06.gif) no-repeat;
	text-indent:-9999px;
	margin-top:20px;
	margin-bottom:10px;
}


/*=============左BOXレイアウト=============*/

#cafe .main .box-left{
	width:245px;
	float:left;
	margin-bottom:15px;
	height: 165px;
	text-align: left;
}

#cafe .main .box-left .entry-body {
	width:245px;
	background : url(/kissa/image/entry_body_bg.gif) no-repeat;
	}

#cafe .main .box-left .entry-body img{
	border:1px solid #CCCCCC;
}

#cafe .main .box-left .entry-body .photo{
	width:244px;
	height:160px;
	padding-top:5px;
	padding-left:5px;
}

/*=============右BOX(背景がそれぞれ設定されています)===*/
#cafe .main .box-right-coffee{
	width:245px;
	float:right;
	margin-bottom:15px;
	height: 166px;
	background : url(/kissa/image/001_kochira.gif) no-repeat;
	cursor: pointer;
	text-align: left;
}

#cafe .main .box-right-cha{
	width:245px;
	float:right;
	margin-bottom:15px;
	height: 166px;
	background : url(/kissa/image/002_kochira.gif) no-repeat;
	cursor: pointer;
	text-align: left;
}

#cafe .main .box-right-tea{
	width:245px;
	float:right;
	margin-bottom:15px;
	height: 166px;
	background : url(/kissa/image/003_kochira.gif) no-repeat;
	cursor: pointer;
	text-align: left;
}

#cafe .main .box-right-cake{
	width:245px;
	float:right;
	margin-bottom:15px;
	height: 166px;
	background : url(/kissa/image/004_kochira.gif) no-repeat;
	cursor: pointer;
	text-align: left;
}


#cafe .main .box-right-riquar{
	width:245px;
	float:right;
	margin-bottom:15px;
	height: 166px;
	background : url(/kissa/image/005_kochira.gif) no-repeat;
	cursor: pointer;
	text-align: left;
}

#cafe .main .box-right-cigar{
	width:245px;
	float:right;
	margin-bottom:15px;
	height: 166px;
	text-align: left;
}



/*=============メニュー詳細BOX===*/
#cafe .main .bottom-box{
	width:495px;
	padding-bottom: 20px;
}

#cafe .main .bottom-box table{
	width:495px;
	padding : 6px 0 0;
	border-collapse: collapse;
	background-color: #FFFFFF; 
}

#cafe .main .bottom-box table span{
	color:#333333;
	font-size:14px;
	font-weight:bold;
}


#cafe .main .bottom-box table td{
	padding : 6px 10px 6px 10px;
	text-align : left;
	vertical-align : top;
	font-size:10px;
	line-height:180%;
	font-weight:normal;
	color : #333333;
	border-bottom : 1px #cccccc dotted;
}

#cafe .main .bottom-box table .price{
	width:90px;
	text-align:right;
}

#cafe .main .bottom-box table .border{
	background-color: #F8FBFB; 
}


#cafe .main .bottom-box td a:link{color:#166DD7; text-decoration:none;}
#cafe .main .bottom-box td a:visited {color:#166DD7; text-decoration:none;}
#cafe .main .bottom-box td a:hover {color:#166DD7; text-decoration:underline;}
#cafe .main .bottom-box td a:active {color:#166DD7; text-decoration:none;}