@charset "shift_JIS";

/*��{�ݒ�*/

body {
    /*margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;*/
    color:#333333
}

/*------------- modify --------------*/
img {
    border:none;
}

legend {
    font-size:16px;
    font-family:Arial;
    color:#666;
}/*
input{
	border:1px solid #ccc;
	padding:3px 5px;
	font-size:12px;
	font-family:Arial;
	color:#666;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;	
}*/
select {
    border:1px solid #ccc;
    padding:3px 5px;
    font-size:12px;
    font-family:Arial;
    color:#666;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

textarea {
    border:1px solid #ccc;
    padding:3px 5px;
    font-size:12px;
    font-family:Arial;
    color:#666;
    width: 300px;
}

.img_banner {
    height:90px;
    width:150px;
    margin-bottom:5px;
    border:none;
}

#content_scroll {
    float: left;
    width: 246px;
    /*height: 325px;*/
    overflow: hidden;
    background-color: #FFFFFF;
    padding: 0/*10px 10px 10px 10px*/;
    border: none/*1px #CCCCCC solid*/;
    margin-bottom: 10px;
}

#left_scroll {
    float: left;
    width: 160px;
    height: 180px;
    overflow: auto;
    background-color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    border:1px #CCCCCC solid;
    margin-bottom: 5px;
}
/*------------- end modify --------------*/

/*�e�L�X�g����*/

.M {
    font-size: 80%;
    line-height: 140%;
}

.S {
    font-size: 70%;
    line-height: 140%;
}
.L {
    font-size: 100%;
    line-height: 140%;
}
.LL {
    font-size: 120%;
    line-height: 140%;
}

h1 {
    margin:0px;
    padding:0px 0px 0px 3px;
    font-size: 80%;
    color:#CC6600;
}

/*���C�A�E�g����*/

.main {
    padding:0px 13px;
}

#bona p {
    margin:3px 8px;
}

#bana img {
    margin-bottom:5px;
}

#search_left {
    margin:0px;
    padding:0px;
    border:1px #CCCCCC solid;
    margin-bottom: 15px;
}

#left a {
    color:#333333
}

#left{
    border:1px #CCCCCC solid;
}

#left div {
    margin-bottom:15px;
    width:100%;
    /*width:180px;*/
    /*border:1px #CCCCCC solid;*/
}

#left ul {
    list-style:none;
    margin:0px;
    padding:0px;
    /*border:1px #CCCCCC solid;*/
    margin-bottom: 15px;
}

#left li {
    padding:0px 5px 5px 5px;
    /*background-image:url(../images/bar01.gif);*/
    background-repeat:no-repeat;
    background-position:bottom;
    text-align: left;
    border-bottom:1px solid #FF0000;
}	


.header-t {
    width:434px;
    height:111px;
    background-image:url(../images/head02.jpg);
    background-repeat:no-repeat;
}

.title {
    float:left;
    background-image:url(../images/title_new.gif);
    background-repeat:repeat-x;
    /*width:432px;*/
    width:100%;
    height:22px;
    /*margin:0px;*/
    /*padding:3px 3px 3px 3px;*/
    /*margin:0px 0px 5px 0px;*/
    font-size:14px;
    line-height:140%;
}

.title_side {
    float:left;
    background-image:url(../images/nav_side.gif);
    background-repeat:no-repeat;
    width:257px;
    height:26px;
    margin:0px;
    padding:3px 0px 3px 8px;
    margin:0px 0px 5px 0px;
    font-size:14px;
    line-height:140%;
}



/*�g�b�v�y�[�W*/

#head p {
    background-image:url(../images/li02.gif);
    background-repeat:no-repeat;
    background-position:left center;
    margin:3px 8px;
    padding:0px 0px 0px 20px;
}

#head a {
    /*color:#333333;*/
}

#head2 p {
    background-image:url(../images/li01.gif);
    background-repeat:no-repeat;
    background-position:left center;
    margin:3px 8px;
    padding:0px 0px 0px 20px;
}

#head2 a {
    color:#333333;
}

#com {
    width:160px;
    text-align:left;
}

#com p {
    margin:3px;
}

#com a {
    color:#CC6600;
}

#new2{
    width:430px;
    height:150px;
    text-align:left;
}

#new div {
    background-image:url(../images/li03.gif);
    background-repeat:no-repeat;
    background-position:left center;
    margin:3px 8px;
    padding:0px 0px 0px 20px
}

#new p {
    margin:3px 8px;
    padding:0px 0px 0px 5px
}

#waribiki{
    width:420px;
    height:150px;
    text-align:left;
}

#waribiki p {
    margin:3px 8px;
    padding:0px 0px 0px 5px
}

/* LIST MENU SUATU RESTO */

#menulist_std {
    display:block;
    float:left;
    width: 967px;
    _width: 966px;
    background: #CF1005;
    border: none;
    padding: 0 5px 0 15px;
    margin: 0;
    font-size:11px;
    font-family:arial;
    margin:5px auto;
}

#menulist_prem {
    display:block;
    float:left;
    width: 989px;
    _width: 979px;
    background: #A3621E;
    border: none;
    padding: 0 5px 0 15px;
    margin: 0;
    font-size:11px;
    font-family:arial;
    margin:5px auto;
}

#col_Std {
    display:inline;
    float:left;
    background:#ebebeb;
    margin:0;
}

#col_Prem {
    display:inline;
    float:left;
    background:#FBE4B5;
    margin:0;
}
#menu_imgcont {
    display:block;
    float:left;
    width:151px;
    min-height:58px;
    height:auto /*113px*/;
    margin:0;
}

#nmmenu {
    display:block;
    float:left;
    width:151px;
    min-height:53px;
    height: 86px; /*83px*/;
    padding:15px 10px 0 10px;
    text-align:left;
    border-right:1px solid #FFF;
    color:#333;
}
#desk_menu{
    display:block;
    float:left;
    width:350px;
    min-height: 53px;
    height: 86px; /*83px*/;
    padding:15px 10px 0 10px;
    text-align:left;
    border-right:1px solid #FFF;
    color:#333;
}
#price_menu{
    display:block;
    float:left;
    width:200px;
    min-height:53px;
    height:86px; /*83px*/;
    padding:15px 10px 0 10px;
    text-align:left;
    border-right:1px solid #FFF;
    color:#333;
}
/*User Menu*/

.mn_user li{
    display: block;
    list-style: none;
    margin:0px 10px;
}
.mn_user a{
    border:1px solid transparent;
    color:#525252;
    display: block;
    font:normal 12px arial;
    margin: 3px;
    padding: 3px 5px;
    text-align: left;
    text-decoration: none;
    text-indent: 5px;/*
    width:200px;*/
    height: 18px;
}
.mn_user a:hover{
    border-color: #FFF #ACA899 #ACA899 #FFF
}
.mn_user div{/*
    float: left;
    height: 16px;
    width:16px;*/
}


/*---------- search ----------*/
#search_result {
    display:block;
    float:left;
    width: 989px;
    _width: 979px;
    background: #CA0000;
    border: none;
    padding: 0 5px  0 15px;
    margin: 0;
    font-size:11px;
    font-family:arial;
    margin:5px auto;
}

#search_result_a {
    display:block;
    float:left;
    width: 989px;
    _width: 979px;
    background: #a3621e;
    border: none;
    padding: 0 5px  0 15px;
    margin: 0;
    font-size:11px;
    font-family:arial;
    margin:5px auto;
}

#colStd {
    display:inline;
    float:left;
    background:#ebebeb;
    margin:0;
}

#colPrem {
    display:inline;
    float:left;
    background:#FBE4B5;
    margin:0;
}
#rest_imgcont {
    display:block;
    float:left;
    width:151px;
    height:113px;
}
#nmrest {
    display:block;
    float:left;
    width:151px;
    height:83px;
    padding:15px 5px;
    text-align:left;
    border-right:1px solid #FFF;
    color:#333;
}

#rest_imgcont img {
    display:block;
    margin: 0 /*5px auto*/;
    width:151px /*128px*/;
    height:113px /*86px*/;
}
#addrresto{
    display:block;
    float:left;
    width:200px;
    height:83px;
    padding:15px 15px;
    text-align:left;
    border-right:1px solid #FFF;
    color:#333;
}
#deskresto{
    display:block;
    float:left;
    width:350px;
    height:83px;
    padding:15px 15px;
    text-align:left;
    border-right:1px solid #FFF;
    color:#333;
}

StdResto_cont {
    display :block;
    width:989px;
    _width: 979px;
    float:left;
    padding:0 12px 0 25px;
    background:#DA1D07;
}
#resultText {
    display:block;
    float:left;
    width:989px;
    margin:0;
    padding-left:10px;
    text-align:left;
    font-family:Times New Roman;
    font-size:24pt;
    color:#CE0000;
    line-height:70px;
    height:50px;
    border-bottom:1px solid #CE0000;
}

#d5hist {
    display:block;
    float:left;
    width:989px;
    margin:0;
    padding-left:10px;
    text-align:left;
    font-family:Arial;
    font-size:12px;
    color:#808080;
    line-height:40px;
    height:40px;


}

#searchForm {
    display:block;
    float:left;
    width:989px;
    clear:both;
    border-bottom: 2px solid #CA0000;
    /*margin-bottom:1px;*/
}

#searchTitle {
    display:block;
    float:left;
    height:25px;
    margin:0 0 0 15px;
    padding:3px 10px;
    background:#CA0000;
    color:#FFF;
    line-height:25px;
    font-family:Arial;
    font-size:14px;
    -moz-border-radius: 8px 8px 0px 0px;
}

#urutresult{
    display:block;
    float:right;
    height:25px;
    margin:0 15px 0 0;
    padding:3px 10px;
    color:#888;
    line-height:25px;
    font-family:Arial;
    font-size:12px
}

#urutresult a {
    color:#888;
    text-decoration:none;
}

#urutresult a:hover {
    color:#CA0000;
    text-decoration:none;
}

/*#search_result_a {
	width: 979px;
	_width: 969px;
	background-color: #FDA12B;
	border: 1px solid #000;
	padding: 5px 5px 5px 5px;
	margin: 0 10px 10px 10px;
	color: #FFFFFF;
}*/

.sr_disp {
    display:block;
    float:left;
    width: 979px;
    _width: 969px;
    padding: 5px 5px 5px 5px;
    margin: 0 /*10px 10px 10px*/;
    font-family:Arial;
    font-size:11px;
}

.sr_img {
    border-bottom: 1px dotted #666666;
    text-align: center;
}

.sr_descrp {
    border-bottom: 1px dotted #666666;
    border-left: 1px dotted #666666;
    padding: 0 8px 4px 4px;
    text-align: left;
}

.sr_address {
    border-right: 1px dotted #666666;
    border-left: 1px dotted #666666;
    padding: 4px 4px 0 4px;
    text-align: left;
}

.sr_more {
    border-bottom: 1px dotted #666666;
    text-align: left;
}

.sr_lastupdate {
    font-size: 11px;
    font-style: italic;
}

.rs_img {
    float: left;
    border: solid #666666 1px;
    padding: 2px 2px 2px 2px;
    margin: 0 7px 2px 0;
    position: inherit;
    width: 360px;
    height: 270px;
}

.rs_img_menu {
    float: left;
    border: solid #666666 1px;
    padding: 5px 10px 5px 10px;
    margin: 0 7px 2px 0;
    position: inherit;
    width: 250px;
    height: 188px;
}

/*---------- end search ----------*/


#thumbnail_pic {
    width: 690px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 5px 5px 5px 5px;
    margin: 0 10px 10px 10px;
    text-align: center;
    color: #000000;
}

#tabular_info {
    width: 780px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    /*padding: 5px 5px 5px 5px;
	margin: 0 10px 10px 10px;*/
    /*text-align: center;*/
}

#tabular_mainrating {
    width: 450px;
    _width: 445px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 5px 5px 5px 5px;
    margin: 0 10px 10px 10px;
    text-align: center;
}

.tr_gray {
    background-color: #EDEDED;
    height:30px;
}

.tr_white {
    background-color: #FFFFFF;
    height:30px;
}


.td_tabular1 {
    width: 100px;
    background-color: #e6e6e6;
    text-align: right;
    color: #000000;
    border-right: 1px dotted #999999;
    border-bottom: 1px dotted #999999;
    padding: 3px;
    vertical-align: top;
}

.td_tabular2 {
    background-color: #FFFFFF;
    border-bottom: 1px dotted #999999;
    text-align: left;
    color: #000000;
    padding: 3px;
    vertical-align: top;
}

/* LIST MENU */

.list_menu {
    font-family: Verdana, Arial;
    font-size: 11px;
    FLOAT: none;
    PADDING: 0 0 0 0;
    margin-bottom: 20px;
    margin-top: 7px;
}

.list_menu ul {
    font-family: Verdana, Arial;
    font-size: 11px;
    LINE-HEIGHT: 15px;
    MARGIN: 0px;
    padding: 0 0 0 8px;
}

.list_menu li {
    width: 200px;
    font-family: Verdana, Arial;
    font-size: 11px;
    BACKGROUND: #F0F0F0;
    LIST-STYLE: none;
    MARGIN: 0 0 0 0;
    text-align:left;
}

.list_menu a {
    font-family: Verdana, Arial;
    BACKGROUND: #F0F0F0;
    DISPLAY: block;
    WIDTH: 240px;
    COLOR: #727889;
    TEXT-DECORATION: none;
    BORDER-BOTTOM: 1px dotted #727889;
    padding: 4px 4px 4px 4px;
}

.list_menu a:hover {
    font-family: Verdana, Arial;
    BACKGROUND: #FFFFFF;
    COLOR: #333333;
    padding: 4px 4px 4px 4px;
}
/* end LIST MENU */

/*========== layout untuk button MAP ==========*/
.td_mapbutton1 {
    width: 93px;
    height: 101px;
    background-image: url(../images/button-map_01.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.td_mapbutton2 {
    height: 81px;
    background-image: url(../images/button-map_02.gif);
    background-repeat: repeat-x;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0 0 0;
    margin: 0 0 0 0;
}

.td_mapbutton3 {
    width: 33px;
    height: 101px;
    background-image: url(../images/button-map_03.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

/*========== layout untuk COUPON ==========*/
.td_coupon1 {
    width: 500px;
    height: 127px;
    background-image: url(../images/coupon-1i_01.gif);
    background-repeat: no-repeat;
    text-align: right;
    padding: 0 40px 0 0;
    margin: 0 0 0 0;
}

.td_coupon2 {
    width: 400px;
    background-image: url(../images/coupon-1i_02.gif);
    background-repeat: repeat-x;
    text-align: left;
    vertical-align: middle;
    color: #7d1409;
    padding: 0 70px 0 70px;
    margin: 0 0 0 0;
}

.td_coupon3 {
    width: 540px;
    height: 119px;
    background-image: url(../images/coupon-1i_03.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.coupon_resto {
    font-family: Tahoma;
    letter-spacing: 0.45;
    font-weight: bold;
    font-size: 14px;
    font-style: normal;
    color: #7d1409;
}

.coupon_title {
    font-family: Tahoma;
    letter-spacing: 0.45;
    font-size: 14px;
    font-style: normal;
    color: #7d1409;
}

.coupon_img {
    border: solid #666666 1px;
    padding: 2px 2px 2px 2px;
    margin: 0 0 0 0;
    position: inherit;
}

/* digunakan untuk membungkus isi kontent per bagian khusus halaman satu kolom  */
#content_full_i {
    /*
	float: left;
	width: 759px;
	_width: 760px;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;*/
}

#nav {
    display:block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    width: 40px;
    height: 40px;
    /*background: #ccc;*/
    /*border: 1px solid #bbb;*/
    /*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
}
#nav li {
    float: left;
    position: relative;
}

/*#nav .vis_menu {
	display:block;
	float: left;
	position: relative;
	width:40px;
	height:40px;
	background: transparent url(../images/ico/menu_visitor_ico.png) left top no-repeat;
	}
#nav .vis_menu:hover {
  background: transparent url(../images/ico/menu_visitor_ico.png) left -40px no-repeat;
  }
*/	
#nav li.open, #nav li:hover {
    background: transparent;
}
#nav li a.vis_menu {
    display: block;
    padding: 0 /*5px 25px*/;
    line-height: 20px;
    height:40px;
    width:40px;
    color: #444;
    text-decoration: none;
    background:transparent url(../images/ico/menu_visitor_ico.png) left top no-repeat;
}
#nav li a.vis_menu:hover {
    background:transparent url(../images/ico/menu_visitor_ico.png) left -40px no-repeat;
}

#nav li ul {
    /*
    background: #bbb;*/
    background: #FFCCCC;
    border:1px solid #CC0000;
    display: none;
    position: absolute;
    list-style-type:none;
    top: 40px;
    left: 0;
    width: 130px;/*
    padding: 0 0 5px;*/
    opacity: 0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    z-index:20;

    /*border: solid #bbb;
    border-width: 0 1px 1px;*/

    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
    box-shadow: 0 3px 3px rgba(0,0,0,0.15);
}
#nav li:hover ul {
    display: block;
}
#nav li ul li {
    float: none;
}
#nav li ul li a {
    color:#CC0000;
    margin:3px;
    padding: 6px 8px;
    display: inline-block;
    font-size:11px;
    font-family:arial;
}
#nav li ul li a {display: block;}
#nav li ul li a:hover {
    /*
    background: #444;*/
    background-color: #CC0000;
    margin: 3px;/*
    color: #bbb;*/
    color:#FFF;
}

#ico_chef a {
    display:block;
    float:left;
    width:40px;
    height:40px;
    margin:0;
    padding:0;
    background:transparent url(../images/ico/menu_chef_ico.png) left top no-repeat;

}
#ico_chef a:hover, #ico_chef a.pick  {
    background:transparent url(../images/ico/menu_chef_ico.png) left -40px no-repeat;
}

#ico_recipe a {
    display:block;
    float:left;
    width:40px;
    height:40px;
    margin:0;
    padding:0;
    background:transparent url(../images/ico/menu_recipe_ico.png) left top no-repeat;

}
#ico_recipe a:hover, #ico_recipe a.pick  {
    background:transparent url(../images/ico/menu_recipe_ico.png) left -40px no-repeat;
}

/* LINK ON SEARCH MAP*/
.lnk_map {
    color:#333;
}

.lnk_map:hover {
    color:#0698C8;
}

/* root element for tabs  */
ul.css-tabs {  
    margin:0 !important;
    padding:0;
    height:30px;
    border-bottom:1px solid #666;
}

/* single tab */
ul.css-tabs li {  
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
    float:left;
    font-size:13px;
    font-family:Arial;
    display:block;
    padding:5px 10px;
    text-decoration:none;
    border:1px solid #666;
    border-bottom:0px;
    height:18px;
    background-color:#efefef;
    color:#777;
    margin-right:2px;
    position:relative;
    top:1px;
    outline:0;
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
}

ul.css-tabs a:hover {
    background-color:#F7F7F7;
    color:#333;
}

/* selected tab */
ul.css-tabs a.current {
    background-color:#ddd;
    border-bottom:1px solid #ddd;
    color:#000;
    cursor:default;
}


/* tab pane */
div.css-panes {
    /*display:none;*/
    border:1px solid #666;
    border-width:0 1px 1px 1px;
    min-height:150px;
    padding:15px 0; /*20px*/
    background-color:#ddd;
    -moz-border-radius: 0 2px 4px 4px;
    -webkit-border-radius: 0 2px 4px 4px;
}


/* root element for scrollable */
.vertical {  

    /* required settings */
    position:relative;
    overflow:hidden;

    /* vertical scrollers have typically larger height than width */
    float: left;
    height: 300px; /*665px*/
    width: 480px;
    border-top:1px solid #FFF;
}

/* root element for scrollable items */
.items {	
    /*position:absolute;*/
    position:relative;

    /* this time we have very large space for height */
    height:20000em;
    margin: 0px;
}

/* single scrollable item */
.item {
    border-bottom:1px solid #FFF;/*
    background:#FFF;*/
    background-color: transparent;
    margin:10px 0;
    padding:15px;
    font-size:12px;
    height: auto /*180px*/;
    text-align:left;
    min-height:300px;

}

/* elements inside single item */
.item img {
    float:left;
    margin-right:20px;
    /*height: 180px;
	width:240px;*/
}

.item h3 {
    font-family:Arial;
    margin:0 0 5px 0;
    font-size:16px;
    /*color:#456;*/
    font-weight:bold;
}

.item h1 {
    font-family:Arial;
    margin:0 0 5px 0;
    font-size:12px;
    /*color:#456;*/
    font-weight:normal;
}

.item p {
    font-family:Arial;
}

/* the action buttons above the scrollable */
#actions {
    display:block;
    /*width:450px;*/
    margin:0px 0 10px 0;
    text-align:left;
}

#actions a {
    font-size:11px;
    padding: 0 15px;
    cursor:pointer;
    color:#666;
}

#actions a:hover {
    text-decoration:underline;
    color:#000;
}



.disabled {
    visibility:hidden;
}

.next {
    display:block;
    font-family:Arial;
    float:right;

}	

.prev {
    display:block;
    font-family:Arial;
    float:left;

}	


#fieldset {
    background:#F0F0F0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#bcend {
    margin:-15px 0 0 8px;
    font-weight:bold;
    padding:2px 5px;
    background:#F0F0F0;
    border-color:#333 #333 none #333;
    border-style:solid solid none solid;
    border-width: 1px 1px 0px 1px;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;/*
    -moz-linear-gradient(-moz-linear-gradient(top , #FFF, #F0F0F0);
    -webkit-gradient(linear,left top, left bottom, from(#FFF), to(#F0F0F0));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFF', EndColorStr='#F0F0F0', GradientType=0);*/
}