/*
---------------------------------
//General
---------------------------------
*/

body 
{
	text-align: center;
	font: 13px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;
	line-height: 15px;
	background:url(../images/bg_wood.png) repeat-x #f1efea;
}

body.nobg {
	text-align: center;
	font: 13px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;
	line-height: 15px;
	background: #f1efea;
}

a 
{
	color:#3f559b;
	text-decoration:underline;
}

a:hover 
{
	text-decoration:none;
}

p
{
	line-height:20px;
	margin-bottom: 25px;
	color:#838282;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
}

h2
{
	font: 18px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;
	color:#3f559b;
	margin-bottom: 20px;
	/* font-weight:lighter;
	text-transform:capitalize; */
}

h3
{
	margin-bottom: 15px;
}

h4
{
	letter-spacing: 1px;
	line-height: 1.6em;
}

blockquote
{

}

pre
{

}

.more
{
	text-align: right;
	font-weight:bolder;
}

.fl
{
	float:left;
}

.fr
{
	float:right;
}

.ar
{
	text-align:right;
}

.al
{
	text-align:left;
}

.center
{
	text-align:center;
}

.clear 
{
	clear: both;
}

.image_border
{
	border: 2px solid #ffffff;
}

.image_left
{
	margin-right:30px;
	margin-bottom: 20px;
}

.image_right
{
	margin-left:30px;
	margin-bottom:20px;
}

/*---------------------------------------------------------------------------------- */
/* FONT | TEXT */
/*---------------------------------------------------------------------------------- */
.body_text {
	font-family: "Lucida Grande",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
}

.home_yahiro_roppongi,
.body_text {
	color: #61402b; /* Brown */
}

.body_text_001 {
	color: #777;
}

.body_text_002 {
	color: #333; /* Dark Gray */
}

.red_text {
	color: #ef1e3a; /* Red */
}

.dark_red_text {
	color: #d0151c; /* Dark Red */
}

.blue_text {
	color: #0085cf; /* Light Blue */
}

.light_blue_text {
	color: #2e6e87; /* More Light Blue */	
}

.footerLeft,
.small_text {
	font-size: 11px;
}

.body_text,
.body_text_002 {
	font-size: 13px;
}

.bold_text {
	font-weight: bold; /* Bold */
}

.small_text {
	color: #333;
}
/*---------------------------------------------------------------------------------- */
/* CONTAINERS */
/*---------------------------------------------------------------------------------- */

#container 
{
	text-align: left;
	margin: auto;
	width:900px;
}

/*---------------------------------------------------------------------------------- */
/* TOP */
/*---------------------------------------------------------------------------------- */

#logo
{
	height:80px;
}

.logo
{
	margin-left:10px;
	float:left;
}

#catchcopy {
	float: right;
	text-align: right;
	width: 580px;
	height: 25px;
	margin-top: 52px;
}

/*---------------------------------------------------------------------------------- */
/* BANNER */
/*---------------------------------------------------------------------------------- */

#banner
{
	width: 900px;
	height: 300px;
	background:url(../images/banner.png) no-repeat 0% 0%;
	float:left;
}

#banner p
{
	color:#fff;
	font-size:12px;
	padding-left:26px;
	line-height: 20px;
	margin-bottom:10px;
}

.todays_offer
{
	margin-left:10px;
	margin-top:12px;
	float:left;
	width:350px;
	height:235px;
}

.banner_button_left
{
	float:left;
	margin-top:150px;
	margin-left:50px;
	cursor:pointer;
}

.banner_button_right
{
	float:left;
	margin-top:150px;
	margin-left:25px;
	cursor:pointer;
}

.sliderTextHolder
{
	float:left;
	margin-top:120px;
	width:376px;
}

.sliderTextHolder li
{
	height:175px;
}

.sliderImages
{
	margin-left:15px;
	margin-top: 20px;
	float:left;
}

.banner_heading
{
	margin-top:10px;
	font: 13px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;
	font-weight:bold;
}

.banner_price_tag
{
	color:#f1f1f1;
	margin-left:40px;
	text-transform:capitalize;
	font-size:12px;
	font-weight:bold;
	margin-top:2px;
}

.banner_price
{
	color:#f1f1f1;
	font: 13px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;
	margin-left:10px;
}

.banner_button_read_more
{
	display:block;
	width: 134px;
	height: 44px;
	margin-left:240px;
	cursor: pointer;
	background: url(../images/read_more_2.png) no-repeat;
}

/*---------------------------------------------------------------------------------- */
/* BANNER */
/*---------------------------------------------------------------------------------- */

#content
{
	width:900px;
	background: #fff url('../images/wra_bg.gif') no-repeat 100% 100%;
	/* background:url(../images/content_bg.png) repeat-x #fefefe; */
	/* margin-bottom:10px; */
	float:left;
	margin-bottom: 50px;
}

#primaryContent,
#leftContent
{
	padding:30px;
	width:550px;
	float:left;
}

* html #primaryContent { /* IE6 Hack */
	width: 610px;
}

#leftContent {
	width: 600px;
	float: left;
	padding: 15px 0 25px 20px;
}

#secondaryContent_container
{
	margin:57px 30px 30px 40px;
}

.secondaryContentBorder
{
	border:1px solid #e5e4dc;
	width:208px;
	float:right;
	margin-bottom:25px;
	display:inline; /* IE6 Hack */
}

/* SECONDARY CONTENT */

.secondaryContent
{
	border:1px solid #ffffff;
	margin:3px;
	background:#f0ebde;
	width:200px;
	font-size:11px;
	padding-bottom:10px;
	
}

.secondaryContent img
{
	margin:20px 0px 0px 20px;
}

.yahiro_banner { /* width: 200pxの場合 */
	margin: 0;
	clear: both;
	float: right;
	width: 210px;
}

.yahiro_banner_002 { /* width: 210pxの場合 */
	margin: 0 0 0 50px;
}

.secondaryContent img#home_info_image,
.secondaryContent img#home_map_image,
.secondaryContent img#home_rec_image {
	margin: 10px 0 0 20px;
}

.secondaryContent p
{
	padding:0px 20px 0px 20px;
	margin:0;
}

.secondaryContent p.secondaryContent_heading
{
	padding:10px 20px 0px 20px;
	font-size: 12px;
	color:#3f559b;
	margin-bottom: 5px;
	font-weight:lighter;
	text-transform:capitalize;
}

/* SUBMENU */

.submenu_header
{
	background:url(../images/secondaryContent_header.png) repeat-x;
	height:14px;
	width:170px;
	padding:15px;
	color:#fff;
	font-size:15px;
	margin-bottom:15px;
}

#submenu {
	border:1px solid #ffffff;
	margin:3px;
	background:#d8dff5;
	width:200px;
}

#submenu ul
{
	margin-bottom:20px;
}

#submenu li
{
	list-style:none;
	border-bottom:1px solid #d3d2ce;
	border-top:1px solid #f3f3ee;
}

#submenu li:hover
{
	background:#f1f1f1;
}

#submenu li.active
{
	background:#f1f1f1;
}	

#submenu li a
{
	display: block;
	height:26px;
	width:175px;
	padding:8px 0px 0px 25px;
	background:url(../images/submenu_hover.png) 1px 11px  no-repeat;
	margin-left:10px;
	text-decoration:none;
}

#submenu li.submenu_first
{
	border-top:1px solid #e6e5dd;
}

#submenu li.submenu_last
{
	border-bottom:1px solid #e6e5dd;
}

#submenu a:hover
{
	background:url(../images/submenu_hover.png) 1px -10px  no-repeat #f1f1f1;
}


/*---------------------------------------------------------------------------------- */
/* FOOTER */
/*---------------------------------------------------------------------------------- */

#footer
{
	width: 880px;
	margin: 10px 0;
	background: none !important;
	vertical-align: top;
	clear: both;
}

#footer p
{
	color:#616161;
	margin-left:10px;
}

#footer a
{
	color:#616161;
	text-decoration:underline;
}

#footer a:hover
{
	text-decoration:none;
}

.footerLeft
{
	width: 350px;
	float:left;
	text-align:left;
	margin-left: 20px;
}

*:first-child+html .footerLeft { /* IE 7 */
	margin-top: 0;
}

* html .footerLeft { /* IE 6 */
	margin-left: 10px;
	margin-top: 0;
}

.footerLeft img {
	margin-left: 9px;
}

.footerLeft p {
	line-height: 1.8em;
}

.footerRight
{
	width:490px;
	float:left;
	text-align:right;
	margin-right: 20px;
}

.footerRight p {
	line-height: 1.8em;
	font-size: 11px;
}


/*---------------------------------------------------------------------------------- */
/* GO TO */
/*---------------------------------------------------------------------------------- */

#go2yahiro,
#go2top { /* Home */
	margin: 0 10px 0 0;
	clear: both;
}

#go2yahiro img,
#go2top {
	float: right;
	margin-top: -40px;
}

#go2top img {
	float:left;
	margin-top: 50px;
}

.sub_go2top {
	margin-top:30px;
	clear: both;
}

* html .sub_go2top { /* IE 6 Hack */
	clear: none !important;
}

*:first-child+html .sub_go2top { /* IE 7 Hack */
	clear: none !important;
	float: right !important;
}

/*---------------------------------------------------------------------------------- */
/* FORMS*/
/*---------------------------------------------------------------------------------- */

#form_container
{
	width:548px;
	border:1px solid #dedede;
}

input
{
	font-size: 12px;
	background:url(../images/input_bg.png) repeat-x;
	height:19px;
	border:1px solid #dedede;
	padding-top:3px;
	padding-left:3px;
	color:#333;
}

textarea
{
	font-size: 12px;
	background:url(../images/textarea_bg.png) #fff repeat-x;
	border:1px solid #dedede;
	color:#333333;
}

form li
{
	list-style-type: none;
}

/* ADDITIONAL PAGES */

/*---------------------------------------------------------------------------------- */
/* FRONTPAGE*/
/*---------------------------------------------------------------------------------- */

.welcome_icon,
#welcome
{
	float:left;
	margin-right:30px;
}

.front_columns
{
	width:550px;
	margin-top:50px;
	clear: both;
}

.front_columns p a
{
	color:#61402b;
	text-decoration:none;
	display:block;
}

.special_offer
{
	background:url(../images/lunch_menu_bg.png) no-repeat;
	width:192px;
	height:247px;
	float:left;
	margin-left:22px;
	margin-right:22px;
	padding:55px 25px 0px 25px;
	display:inline; /* IE6 Hack */
}

.our_chefs
{
	background:url(../images/our_chefs_bg.png) no-repeat;
	width:192px;
	height:247px;	
	float:left;
	padding:55px 25px 0px 25px;
	display:inline; /* IE6 Hack */
}	

.content_box,
.content_box_left,
.content_topbox,
.content_topbox_left {
	width:234px;
	float:left;
	border: 1px solid #e3e2da;
	background: #fafafa;
	padding: 3px;
	float: left;
	margin: 11px 0 0 30px;
	display:inline; /* IE6 Hack */
}

.content_box_inline,
.content_topbox_inline {
	width: 200px;
	padding: 11px 16px;
	border: 1px solid #fff;
	background: #f0ebde;
}

.content_box_inline p,
.content_topbox_inline p {
	margin-top: 15px;
}

* html .content_topbox_inline { /* IE6 Hack */
	width: 234px;
}

* html .content_box_inline { /* IE6 Hack */
	width: 234px;
}

.content_topbox,
.content_topbox_left {
	margin: 0 0 0 30px;
}

.content_box_left,
.content_topbox_left {
	margin-left: 0;
}

* html .home_yahiro_roppongi { /* IE 6 Hack */
	float: left;
	display: inline;
	width: 400px;
	line-height: 1.6em;
}

/*---------------------------------------------------------------------------------- */
/* MENU */
/*---------------------------------------------------------------------------------- */

.starters
{
	height:160px;
	width:550px;
	background:url(../images/menu_image_starters.jpg) no-repeat;
}

.sandwiches
{
	height:160px;
	width:550px;
	background:url(../images/menu_image_sandwiches.jpg) no-repeat;
}

.entrees
{
	height:160px;
	width:550px;
	background:url(../images/menu_image_entrees.jpg) no-repeat;
}

.desserts
{
	height:160px;
	width:550px;
	background:url(../images/menu_image_desserts.jpg) no-repeat;
}

.drinks
{
	height:160px;
	width:550px;
	background:url(../images/menu_image_drinks.jpg) no-repeat;
}


.menu_image
{
	background-position: 0px -160px;
	cursor:pointer;
	margin-bottom:10px;
	margin-top: 25px;
}

.menu_photo,
.menu_photo_top {
	cursor:pointer;
	margin:0 0 15px 0;
}

.menu_photo_top {
	margin-top: 25px;
	margin-bottom: 15px;
}

.menu_photo_top strong {
	font-weight: bold;
	color: #61402b;
}

.menu_image:hover
{
	background-position: 0px 0px;
}	

.menu_link
{
	display:block;
	width:550px;
	height:160px;
}

/* MENU CARD */

.menu_left_side
{
	width: 265px;
	float:left;
	border-right: 1px solid #3f559b;
	margin-top: 20px;
	padding-right:5px;
}

.menu_right_side
{
	width: 265px;
	float:right;
	margin-top: 20px;
}

.price
{
	float:right;
	margin-right:10px;
}


/*---------------------------------------------------------------------------------- */
/* CONTACT*/
/*---------------------------------------------------------------------------------- */

#contact_form
{
	float:left;
	width: 360px;
	border-right:1px solid #ececec;
}

#contact_form li
{
	margin:0;
}

#contact_form ul, #contact_form ol
{
	margin-bottom:0px;
}

#contact_information
{
	margin-left:20px;
	float:left;
}

p.contact_information_heading
{
	font-weight:bold;
	color:#808080;
}

#contactsend {
	margin: 35px 0 15px 0 !important;
	text-align: center !important;
	clear: both !important;
	width: 598px;
}
.contactbutton {
	width: 186px !important;
	height: 48px !important;
	background: url('../images/contact_entry.gif') no-repeat !important;
	cursor: pointer !important;
	border: 0 !important;
}
.contactbutton:hover {
	background: url('../images/contact_entry_on.gif') no-repeat !important;
}

/*---------------------------------------------------------------------------------- */
/* Navigation */
/*---------------------------------------------------------------------------------- */
#gnavi {
	width: 900px;
	margin: 11px 0;
	padding: 18px 0 0 0;
	/* background: url('../images/gnavi_top.gif') no-repeat 0% 0%; */
	height: 35px;
}

* html #gnavi { /* IE 6 */
	margin: 11px 0 9px 0;
}

#gnavi ul,
#gnavi ul li {
	margin: 0;
	padding: 0;
}

#gnavi ul li {
	float: left;
}

/*---------------------------------------------------------------------------------- */
/* Tabs */
/*---------------------------------------------------------------------------------- */

ul.tabs,
ul.map_tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 35px; /*--Set height of tabs--*/
	width: 100%;
	margin-bottom: -1px;
}
ul.tabs li,
ul.map_tabs li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	height: 34px; /*--Subtract 1px from the height of the unordered list--*/
	margin-bottom: 0; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	width: 140px;
}
ul.tabs li a,
ul.map_tabs li a {
	display: block;
	outline: none;
}

.tab_container,
.tab_container_map {
	border: 1px solid #ddd;
	overflow: hidden;
	clear: both;
	float: left;
	width: 598px;
	margin-bottom: 25px;
}
.tab_content,
.tab_content_map {
	padding: 0 10px 20px 10px;
}

/* Access & Map */
ul.map_tabs {
	height: 40px;
}

ul.map_tabs li {
	height: 40px;
	width: 240px;
	margin: 0 5px 0 0;
}

.tab_container_map {
	border: 0;
	width: 600px;
}

.tab_content_map {
	padding: 0;
}

/*---------------------------------------------------------------------------------- */
/* Sub Right */
/*---------------------------------------------------------------------------------- */
#right_container {
	margin: 15px 20px 30px 30px;
	width: 220px;
	float: right;
	padding: 0 0 6px 0;
	background: #f0ebdd url('../images/right_content_bottom_bg.gif') no-repeat 100% 100%;
	display: inline; /* IE6 Hack */
}

#right_content {
	padding: 20px 10px 10px 10px;
	background: #f0ebdd url('../images/right_content_top_bg.gif') no-repeat 0% 0%;
}

#right_content p {
	color: #333;
	margin: 5px 0 0 14px;
	line-height: 1.4;
}
/*---------------------------------------------------------------------------------- */
/* Bread Crumb */
/*---------------------------------------------------------------------------------- */

#breadcrumb {
	width: 880px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0 4px 20px;
	clear: both;
	background: #fff;
}

* html #breadcrumb {
	width: 900px; /* IE 6 Hack */
}

#breadcrumb ul {
	margin: 0 0 0 10px;
	padding: 0;
}

#breadcrumb ul li {
	padding: 0 0 0 16px;
	display: inline;
	background: url('../images/breadcrumbs_icon.gif') no-repeat 5px 0.3em;
	font-size: 80%;
	letter-spacing: 0.09em;
	color: #666;
}
#breadcrumb ul li.breadcrumb_home {
	background: none;
	padding-left: 0;
}

#breadcrumb ul li a {
	color: #61402b;
	text-decoration: underline;
}
#breadcrumb ul li a:visited {
	color: #61402b;
}
#breadcrumb ul li a:hover {
	color: #3f559b;
	text-decoration: none;
}
#breadcrumb ul li a:active {
	color: #3f559b;
}

/*---------------------------------------------------------------------------------- */
/* Info */
/*---------------------------------------------------------------------------------- */

#leftContent table.info_table {
	margin: 10px 0 10px 0;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
#leftContent table.info_table tr th,
#leftContent table.info_table tr td {
	margin: 0;
	padding: 10px;
	vertical-align: top;
	text-align: left;
}
#leftContent table.info_table tr th {
	width: 160px;
	font-weight: bold;
	background: url(../images/info_table_bg.gif) no-repeat 100% 100%;
}
#leftContent table.info_table tr td {
	width: 400px;
	background: url(../images/info_table_line.gif) no-repeat 100% 100%;
}
#leftContent table.info_table tr th.last {
	background: url(../images/info_table_topline.gif) no-repeat 100% 0;
}
#leftContent table.info_table tr td.last {
	background: none;
}

#leftContent table.info_table strong {
	color: #61402b;
}

#leftContent table.info_table span {
	display: block;
	margin: 6px 0 0;
	color: #999;
}
#info_access_photo,
#cross_photo,
#top_slider {
	margin:0;
	padding: 0;
	width: 600px;
	height: 300px;
}

#top_slider {
	width: 528px;
	margin-right: 100px;
	margin-top: -30px;
}

* html #top_slider {
	margin-right: 103px;
	margin-top: 20px;
	margin-bottom: 25px;
}


*:first-child+html #top_slider {
	margin-right: 102px;
	margin-top: 10px;
}

div.reserve_blk {
	background: #f7f5ef;
	width: 570px;
	height: 115px;
	margin: 0;
	padding: 10px 15px 15px 15px;
}

* html div.reserve_blk { /* IE 6 Hack */
	width: 600px;
	height: 140px;
}
div.reserve_blk p {
	margin: 0 0 10px 0;
	padding: 0;
}
div.reserve_blk p,
div.reserve_blk strong {
	color: #333;
}
div.reserve_blk p.reserve_sentence {
	margin: 10px 0 0 0;
}

div.reserve_blk strong {
	line-height: 1.8em;
}

#reserve_margin20 {
	margin: 20px 0;
}
/*---------------------------------------------------------------------------------- */
/* Staff & Event */
/*---------------------------------------------------------------------------------- */

.staff_photo,
.event_photo {
	float: left;
	margin-right:20px;
	margin-bottom: 20px;
}

.event_date {
	font-size: 12px;
	font-weight: bold;
	color: #777;
	margin-bottom: 0;
}

.event_title {
	font-size: 18px;
	font-weight: bold;
	color: #61402b;
	margin: 5px 0;
}

.event_text {
	font-size: 13px;
	color: #444;
	margin: 5px 0 15px 0;
	line-height: 1.6em;
}

.event_detail {
	float: right;
	margin-top: 15px;
}

.event_detail a {
	color: #61402b;
	text-decoration: underline;
}

.float_r {
	float: right;
	margin-left: 20px;
}

/*---------------------------------------------------------------------------------- */
/* サイマティクス */
/*---------------------------------------------------------------------------------- */

table.cymatics,
table.cymatics_dotted_table {
	border: 1px solid #666;
	margin: 0;
	padding: 0;
	width: 600px;
	border-collapse: collapse;
	text-align: center;
	vertical-align:middle;
	font-size: 12px;
}

table.cymatics td,
table.cymatics_dotted_table td {
	border: 1px solid #666;
	padding: 20px 10px;
	text-align: center;
	vertical-align:middle;
	line-height: 1.4;
	font-size: 13px;
}

table.cymatics_dotted_table {
	border: 1px dotted #666;
}
table.cymatics_dotted_table td {
	border: 1px dotted #666;
}

table.cymatics td strong,
table.cymatics_dotted_table td {
	color: #454545;
}

/*---------------------------------------------------------------------------------- */
/* インフォメーション */
/*---------------------------------------------------------------------------------- */

div#info {
	width: 518px;
	margin: 0 0 20px 0;
	padding: 12px 0 10px 0;
	border: 5px solid #f0ebde;
	background: #fff;
	font-family: "Lucida Grande",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
}

div#info dl {
	margin: 0 12px;
	line-height: 1.4;
	padding: 0;
}

div#info dl dt {
	color: #000;
	font-weight: bold;
}

div#info dl dd {
	margin: 2px 0 8px 0;
	padding: 0 2px 8px 2px;
	background: url(../images/i_line01.gif) 0 bottom repeat-x;
}

div#info dl dd a,
div.contentsInnr dl dd a {
	padding: 2px 0 2px 22px;
}

div#info dl dd a.a_icon_text {
		background: url(../images/news_icon_014text.gif) 0 1px no-repeat;
}

div#info dl dd.new span {
	display: block;
	padding-right: 35px;
	background: url(../images/i_ico_new.gif) right 0 no-repeat; 
}

div#info span {
	font-size: 12px;
}