@charset "utf-8";

/* balloon
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.balloon{
	width: 360px;
}
div.balloon table.shopname{
	width:100%;
	height:49px;
	margin:0 0 5px 0;
	border:none;
	border-collapse:collapse;
}
div.balloon table.shopname th{
	width:49px;
}
div.balloon table.shopname td{
	padding:5px;
}
div.balloon table.shopname td a{
	font-size:14px;
	font-weight:bold;
}
div.balloon table.shopname td img{
	display:inline;
	margin:0 0 0 5px;
	vertical-align:text-bottom;
}

div.balloon .comment-title{
	font-weight:bold;
	background-color:#f2f2f2;
	padding:5px;
	border:1px solid #cccccc;
}
div.balloon .commentarea{
	overflow:auto;
	height:165px;
	margin:0 0 5px 0;
	border:1px solid #cccccc;
	border-top:none;
}
div.balloon .commentarea .comment{
	margin:5px;
	padding:0 0 5px 0;
	border-bottom:1px dashed #cccccc;
	overflow:hidden;
}
div.balloon .commentarea .comment dl{
	display:inline;
}
div.balloon .commentarea .comment dl dt{
	display:inline;
}
div.balloon .commentarea .comment dl dt img{
	display:inline;
	vertical-align:-0.2em;
}
div.balloon .commentarea .comment dl dd{
	display:inline;
	font-size:10px;
	margin:0 10px 0 5px;
}
div.balloon .commentarea .comment ul{
	display:inline;
	font-size:10px;
}
div.balloon .commentarea .comment ul li{
	display:inline;
	font-size:10px;
}
div.balloon .commentarea .comment ul li.username{
	font-weight:bold;
	padding:0 5px 0 0;
}

div.balloon .feedback{
	text-align:center;
	margin:0 auto ;
	padding:5px 0 0 0;
}

div.balloon .couponarea{
	height:109px;
	background:url(/images/bg_couponarea.jpg) 0 0 no-repeat;
}
div.balloon .couponarea .inner{
	padding:55px 0 10px 10px;
}
div.balloon .couponarea table.couponlink{
	display:block;
	width:340px;
	height:44px;
	background-color:#ff6600;
	border-collapse:collapse;
}
div.balloon .couponarea table.couponlink th{
	width:4px;
	height:44px;
	padding:0 0 0 5px
}
div.balloon .couponarea table.couponlink td{
	padding:3px 5px;
}
div.balloon .couponarea table.couponlink td a{
	color:#ffffff;
	font-weight:bold;
}

/* logintop */
div.balloon table.commentlogintable{
	width:100%;
	height:49px;
	margin:0 0 5px 0;
	border:none;
	border-collapse:collapse;
}
div.balloon table.commentlogintable th{
	text-align:center;
	background-color:#f2f2f2;
	padding:10px 5px;
	border:1px solid #cccccc;
}
div.balloon table.commentlogintable th img{
	margin:0 auto;
}
div.balloon table.commentlogintable th.merit{
	border:1px solid #cccccc;
	border-bottom:none;
}

div.balloon table.commentlogintable td{
	text-align:center;
	background-color:#f2f2f2;
	padding:5px 5px 5px 5px;
	border:1px solid #cccccc;
	border-top:none;
	border-bottom:none;
}
div.balloon table.commentlogintable td img{
	margin:0 auto;
}
div.balloon table.commentlogintable td.login{
	text-align:center;
	background-color:#f2f2f2;
	padding:0 5px 10px 5px;
	border:1px solid #cccccc;
	border-top:none;
}
div.balloon table.commentlogintable td.login a{
	font-weight:bold;
	padding:0 0 0 5px;
}
div.balloon table.commentlogintable tr.space td{
	height:4px;
	background-color:#ffffff;
	border:none;
	padding:0;
}
div.balloon table.commentlogintable tr.space td hr{
	display:none;
	margin:0;
	border:0;
}

/* login */
div.balloon .loginsummary{
	background:url(/images/ico_lock.gif) 0 0 no-repeat;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}
div.balloon table.commenttable td.password input{
	width:99%;
}
div.balloon table.commenttable td.omission{
	text-align:center;
	background-color:#ffffff;
	border:none;
	padding:5px 0 0 0;
}

/* input */
div.balloon table.commenttable{
	width:100%;
	height:49px;
	margin:0 0 5px 0;
	border:none;
	border-collapse:collapse;
}
div.balloon table.commenttable th{
	width:100px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	background-color:#f2f2f2;
	padding:5px;
	border:1px solid #cccccc;
	border-right:none;
}
div.balloon table.commenttable th span{
	display:block;
	font-size:10px;
}
div.balloon table.commenttable td{
	background-color:#f2f2f2;
	padding:5px;
	border:1px solid #cccccc;
	border-left:none;
}
div.balloon table.commenttable td.neccesary{
	width:25px;
	vertical-align:top;
	border:1px solid #cccccc;
	border-right:none;
	border-left:none;
}
div.balloon table.commenttable td.name input{
	width:99%;
}
div.balloon table.commenttable td.shopname input{
	width:99%;
}
div.balloon table.commenttable td.shopname a{
	font-size:10px;
}
div.balloon table.commenttable td.comment textarea{
	width:99%;
	height:60px;
	overflow:auto;
}
div.balloon table.commenttable td.sidedish input{
	width:99%;
}
div.balloon table.commenttable td.budget input{
	width:88%;
}
div.balloon table.commenttable td.url input{
	width:99%;
}
div.balloon .feedback{
	text-align:center;
	margin:0 auto ;
	padding:5px 0 0 0;
}

div.balloon table.commenttable tr.space td{
	height:4px;
	background-color:#ffffff;
	border:none;
	padding:0;
}
div.balloon table.commenttable tr.space td hr{
	display:none;
	margin:0;
	border:0;
}

/* list */
#shoplist{
	position: absolute;
        margin: -3px 0 0 -33px;
	width:240px;
	height:300px;
	background-color:#efbd55;
}
#shoplist .outer{
	padding:3px;
}
#shoplist .inner{
	background-color:#fffdf0;
	padding:5px 5px 7px 5px;
}
#shoplist p.ttlshoplist{
	display:inline;
	float:left;
	width:auto;
	margin:0 0 0 0;
}
#shoplist p.close{
	display:inline;
	float:right;
	width:12px;
	margin:0 0 5px 0;
}
#shoplist p.txtshoplist{
	clear:both;
	font-size:10px;
}
#shoplist .listarea{
	background-color:#ffffff;
	margin:0 0 1px 0;
	border:1px solid #cccccc;
}
#shoplist .list{
	overflow:auto;
	height:240px;
}
#shoplist .list ul{
	margin:3px;
}
#shoplist .list ul li{
	background:url(/images/ico_arrow02.gif) 0 5px no-repeat;
	margin:0 0 8px 3px;
	padding:0 0 0 8px;
}
/* 0hit */
#shoplist p.txtshoplist0hit{
	clear:both;
	font-size:12px;
}
#shoplist .listarea0hit{
	margin:0 0 1px 0;
}
#shoplist .list0hit{
	overflow:auto;
	height:239px;
}
#shoplist .feedback img{
	margin:0 auto;
        cursor: pointer;
}

/* error */
div.balloon table.commenttable td p.warning{
	background:url(/images/ico_error.gif) 0 0 no-repeat;
	color:#FF0000;
	font-size:10px;
	padding:0 0 3px 18px;
}

/* complete */
div.balloon table.commentcomptable{
	width:100%;
	height:50px;
	margin:0 0 10px 0;
	border-collapse:collapse;
}
div.balloon table.commentcomptable th{
	font-weight:bold;
	text-align:center;
	background-color:#f2f2f2;
	padding:5px;
	border:1px solid #cccccc;
}
div.balloon .bannerarea{
	text-align:center;
	margin:0 auto;
}
div.balloon .bannerarea img{
	display:block;
	text-align:center;
	margin:0 auto;
}