@charset "Shift-JIS";

/* ------------s---------------------------------------------------
CSS Information

 File name:      style.css
 Style Info:     コンテンツエリア関係 他
---------------------------------------------------------------- */

/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
body {
	background: #FFF;
	color: #000;
	text-align: center;
}

/*a{
	outline:			0;Firefoxで出る点線を消去
}
*/

a:link {
	text-decoration: none;
	color: #000;
}

a#mali:link {
	text-decoration: underline;
	color: #000;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}  

/*---------------------------------------------------------------
	汎用class
----------------------------------------------------------------*/

/* clear
--------------------------------------------------------- */
.cl {
	clear:				both;
}

/* float left 
--------------------------------------------------------- */
.lft {
	float: 				left;
}

/* float right
--------------------------------------------------------- */
.rig {
	float: right;
}

/*clearFix*/
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/*----------------------------------------------------
	#page
----------------------------------------------------*/

#page {
	margin: 0 auto;
	width: 1105px;
	text-align: left;
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/

#header {
	width: 1105px;
}

#header h2 #cphoto001{
	width: 1105px;
	height: 250px;
}

/*gnavi
-----------------------------------------------------*/
.gnavi{
	width: 1105px;
	margin: 0;
	padding: 0;
}

.gnavi a {
	display: block;
	height: 65px;
}
.gnavi a:hover {
	background-color: #fff;
	visibility: visible;
}
.gnavi a:hover img {
	visibility: hidden;
}

.gnavi ul li {
	float: left;
	line-height: 65px;
	background: url(img/menu_bg2.gif) repeat-x;	
}

.gnavi li.bg {
	display: block;
	height: 65px;
	width: 150px;	
}

.gnavi ul li.index{
	padding: 0 0 0 150px;
}

.gnavi ul li.drink{
	padding: 0 150px 0 0;
}

.gnavi ul li.index a {
	width: 201px;
	background: url(img/menu_01on.gif) no-repeat left top;
}

.gnavi ul li.concept a {
	width: 201px;
	background: url(img/menu_02on.gif) no-repeat left top;
}
.gnavi ul li.food a {
	width: 201px;
	background: url(img/menu_03on.gif) no-repeat left top;
}
.gnavi ul li.drink a {
	width: 202px;
	background: url(img/menu_04on.gif) no-repeat left top;
}


/*clearFix*/
/*.gnavi:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}*/
/*----------------------------------------------------
	#contents
----------------------------------------------------*/

/* inndex用背景
----------------------------------------------------*/
#contents_index {
	width: 1105px;
	background: url(img/top_bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align: left;	
}

.pageTop {
	clear: both;
	text-align: right;
}

.pageTop img{
	margin: 0 0 12px;
}




/* 下層用背景
----------------------------------------------------*/
#contents_box {
	width: 1105px;
	background: url(img/contents_bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align: left;	
}

.pageTop {
	clear: both;
	text-align: right;
}


/*----------------------------------------------------
	#main
----------------------------------------------------*/

#main {
	width:	804px;
	margin: 0 auto;
	text-align: left;
}

/* 下層用コンテンツ領域
----------------------------------------------------*/
#main_con {
	width:	846px;
	margin: 0 auto;
	text-align: left;
}

/* Shop Information
-----------------------------------------------------*/
#main dl#sinfo dt,dd {
	font-size:100%;
	line-height: 1.5;
}

#main dl#sinfo dt {
	font-weight: bold;
}

#main dl#sinfo dd{
	margin: 7px 0 18px;
}

#main dl#sinfo dt .ic01{
	margin: 0 5px 0 0;
}

/* Contact
-----------------------------------------------------*/
#main dl#contact{
	margin: 15px 0 14px;
}

#main dl#contact dt {
	font-weight: bold;
	font-size:100%;	
}

#main dl#contact dt,dd {
	line-height: 1.5;
}

#main dl#contact dd{
	margin: 7px 0 18px;
}

#main dl#contact dt .ic01{
	margin: 0 5px 0 0;
}

#main dl#contact dd span.number{
		font-weight: bold;
}

#mail_box01{
	width: 340px;
	border: 1px solid #A51215;
	padding: 14px 5px 14px 5px;
	margin: 24px 0 7px;
	overflow: hidden;
	font-size:100%;
	line-height: 1.6;
}


#mail_box01 form{
	margin: 10px 0 0;
}

#mail_box01 form #ma_text01{
	margin: 6px 7px 0 0;
}

#mail_box01 form #ma_btn01{
	margin: 0 0 0 7px;
}

#mail_box01 form #ma_inp01{
	font-size:100%;
	padding: 4px 0 4px 4px;
}

.time{
	text-align: right;
	padding: 0 5px 0 0;
}

.time02_box{
	width: 114px;
}

.time03_box{
	text-align: left;
}


#main_content01 {
	padding:		40px 0 0 0;
}

#main_content02 {
	width:			384px;
}

#main_content03 {
	width:			430px;
}

#main_content04 {
	width:			804px;
}


/* inde.html
-----------------------------------------------------*/
/*地図*/

#map{
	margin:0;
}

#tit01{
	margin:0 0 14px;
	text-align: left;
}

#tit02{
	margin: 10px 0 15px;
}

/*臨時定休日*/

#yasumi_box{
	border: 1px solid #a51215;
	margin: 40px 0 12px 10px;	
}

#yasumi_title{
	margin: 18px 0 12px 10px;
}

#main_content03 #yasumi_box p{
	margin: 0 10px 10px 10px;
	line-height: 1.8;
	font-size:		108%;
	font-weight: bold;
}
/* concept.html
-----------------------------------------------------*/

#main_content_con01 {
	padding:		18px 0 0 0;
}

#main_content_con02 {
	width:			846px;
}

.main_content_con03 {
	width:			806px;
	margin:			0 auto;
}

.main_content_con03 p{
	font-size:100%;
	width:			420px;	
	padding: 0 0 40px;
	line-height: 1.6;	
}

.main_content_con04 p #text01{
	font-size:100%;	
	padding: 0 0 40px;
	line-height: 1.6;
}

.main_content_con03 p.text02{
	font-size:100%;
	width:			420px;	
	padding: 0 0 0 0;
	line-height: 1.6;	
}

.main_content_con03 p.text03{
	font-size:100%;
	width:			420px;	
	padding: 0 0 20px;
	line-height: 1.6;	
}

.main_content_con04 p.text02{
	font-size:100%;
	width:			420px;	
	padding: 0 0 0 0;
	line-height: 1.6;	
}

.main_content_con04 p#text04{
	font-size:100%;
	width:			420px;
	padding: 0 0 20px 0px;	
	line-height: 1.6;	
}

.main_content_con04 p.text05{
	font-size:100%;
	padding: 10px 0 10px;
	line-height: 1.6;	
}

.main_content_con04 p.text06{
	font-size:100%;
	padding: 30px 0 28px;
	line-height: 1.6;	
}

.main_content_con04 p.text07{
	font-size:100%;
	padding: 0 0 28px;
	line-height: 1.6;
	width:			420px;		
}

.main_content_con04 #box_text01{
	font-size:100%;
	width:			420px;	
	line-height: 1.6;	
}

.main_content_con04 #box_text01 p#text02{
	margin: 0;
	padding:0;
}

#box_photo01


.main_content_con04 {
	width:			420px;
}


.main_content_con05 {
	width:			387px;
}

.main_content05{
	margin: 0;
	padding:0;
}

h3 #cp_title01{
	margin: 26px 0 28px;
}

h4 .cp_title02{
	margin: 0 0 13px;
}

.cp_title03{
	margin: 40px 0 18px;
}


#cp_ph01{
	margin: 0 8px 0 0;
}

#cp_ph02{
	margin: 0 0 23px 36px;
}

.cp_ph03{
	margin: 0 0 0 36px;
}

#cp_ph04{
	margin: 0 19px 0;
}

.main_content_con10 {
	width:			806px;
	margin:			50px auto 0 auto;
}



/* 料理と食材
-----------------------------------------------------*/
.cp_title04{
	margin: 25px 0 14px;
}

.cp_title05{
	margin: 56px 0 18px;
}


#cp_ph07{
	margin: 0 10px 0 0;
}

#cp_ph08{
	margin: 4px 0 0 36px;
}

#cp_ph09{
	margin: 0 5px 0;
}

#cp_ph10{
	margin: 13px 0 0 36px;
}

#cp_ph11{
	margin: 106px 0 60px 36px;
}

/* インテリアとしつらい
-----------------------------------------------------*/

.main_content_con06 {
	width:			846px;
	background: url(img/contents_bg.gif) repeat-x;
}

#cp_ph05{
	margin: 0 12px 10px 0;
}

#cp_ph06{
	margin: 0 5px 0 36px;
}

#cp_ph12{
	margin: 0 12px 0 0;
}

#cp_ph13{
	margin: 0 0 5px 36px;
}

#cp_ph14{
	margin: 0 0 0 36px;
}

#cp_ph15{
	margin: 0 6px 0;
}

#cp_ph16{
	margin: 30px 0 60px 36px;
}


/*lo_c_navi conceptのページ内リンク
-----------------------------------------------------*/
.lonavi {
	margin: 0;
	padding: 0;
}

.lognavi a {
	display: block;
	height: 68px;
}
.lognavi a:hover {
	background-color: #fff;
	visibility: visible;
}
.lognavi a:hover img {
	visibility: hidden;
}

.lognavi ul li {
	float: left;
	line-height: 68px;
}

.lognavi ul li.bt01{
	margin: 0 18px 0 0;
}

.lognavi ul li.bt02{
	margin: 0 18px 0 0;
}

.lognavi ul li.bt01 a {
	width: 325px;
	background: url(img/con_btn01on.gif) no-repeat left top;
}

.lognavi ul li.bt02 a {
	width: 194px;
	background: url(img/con_btn02on.gif) no-repeat left top;
}
.lognavi ul li.bt03 a {
	width: 264px;
	background: url(img/con_btn03on.gif) no-repeat left top;
}

/* food.html
-----------------------------------------------------*/

#foo_title01{
	margin: 70px 0 20px;
}

.foo_title02{
	margin: 13px 0 20px;
}

#foo_photo01{
	margin: 0 5px 0 0;
}

.foo_photo02{
	margin: 0 0 4px;
}


.foo_photo03{
	margin: 0 3px 0 0;
}

#foo_photo04{
	margin: 3px 3px 0 0;
}

#foo_photo05{
	margin: 3px 0 0 0;
}

.main_content_con07 {
	width:			350px;
}

.main_content_con07 p{
	width:			350px;
	font-size:116%; 
	line-height: 1.6;
	padding: 0 0 28px;
}

.main_content_con08 {
	width:			385px;
	padding: 70px 0 0 70px;
}

.main_content_con09 {
	width:			385px;
	padding: 13px 0 0 70px;
}

.foo_box01{
	font-weight: bold;
	margin: 0 0 6px;
	font-size:116%;
}

.pos01{
	position:	relative;
}

.pos02{
	position:	absolute;
	bottom:		0;
	right:		0;
}

.text00{
	font-size:		116%; 
	line-height:	1.6;
}

/* mm004 : Drink(内容)                */
/*------------------------------------*/
#mm004 {
	padding:				18px 0 0 0;
}

#mm004 td {
	vertical-align:			top;
}

#mm004 .block001 {
	width:					806px;
	margin:					50px auto 0 auto;
}

#mm004 .block002 {
	width:					460px;
}

#mm004 .block003 {
	width:					346px;
}

#mm004 .block004 {
	width:					806px;
	margin:					70px 0 0 0;
}

#mm004 .block005 {
	margin:					10px 0 25px 0;
	width:					710px;
}

#mm004 #pos01 {
	position:				relative;
}

#mm004 #pos02 {
	position:				absolute;
	margin:					35px 0 0 80px;
}

#mm004 #table01 {
	width:					498px;
}

#mm004 .td01 {
	height:					50px;
}

#mm004 .td02 {
	text-align:				right;
	height:					0px;
}

#mm004 .td03 {
	height:					50px;
	padding:				0 10px 0 0;
}

#mm004 .td04 {
	text-align:				right;
	height:					50px;
	padding:				0 0 0 20px;
}

#mm004 .td05 {
	padding:				20px 0 0 0;
}

#mm004 .color01{
	color:					#a51215;
}


/* mm005 : メール店舗情報送信         */
/*------------------------------------*/
#mm005{
	height:				100%;
}

#mm005 #block001{
	text-align:			center;
}

#mm005 #block002{
	margin:				50px 0 0 0;
}

#mm005 #block003{
	margin:				30px 0 0 0;
}

#mm005 #block004{
	margin:				11px 0 0 0;
}


#mm005 #footer01{
	margin:				50px 0 0 0;
	padding:			10px 0;
	background:			#a51215;
	color:				#ffffff;
	font-size:			100%;
	text-align:			center;
}


/*----------------------------------------------------
	#Footer
----------------------------------------------------*/

#footer {
	margin: 30px 0 0;
	background: #a51215;
	color: #fff;
	font-size:100%;
	text-align: center;	
	padding: 10px 0;
}

.bg{
	background:					#E6123B;
}

/*----------------------------------------------------
	#Added
----------------------------------------------------*/

.note {
      font-size: x-small;
      text-align: right;
      margin: 0 0 4px;
}

.list {
      margin: 0 0 3em 1em;
      line-height: 1.5em;
}

.list li {
    margin: .5em;
}

.recent {
      margin: 2em 0;
}

.recent > blockquote {
      padding: 1em;
      border: 1px solid #A51215;
}

.description {
padding: 1em 1em 3em;
font-size: small;
}

.wine {
text-align: right;
}

.wine-type {
padding-bottom: 0.5em;
font-size: small;
color: #a51215;
}

.main {
font-size: medium;
}

.lead {
margin: 0 0 3em 0;
}

tr th {
font-weight: normal;
padding: 1em 0;
}


.title {
background: url(img/header.gif);
height: 120px;
width: 1105px;
color: white;
font-family: serif;
overflow: hidden;
}

.language {
width: 500px;
color: white;
padding: 70px 0 0 360px;
virtical-align: text-bottom;
}

.language a {
color: white;
}

.header-text {
color: white;
padding: .2em 2.5em;
font-size: medium;
font-family: serif;
background-color: #a51215;
}

.box {
overflow: hidden;
position: relative;
}
.right {
float: right;
margin: 0 0 0 2em;
}

.translation dt, dd {
line-height: 1.5;
padding: .5em 2em;
}

.translation dt {
font-weight: bold;
}

.pangrilled {
margin: 0 0 1em 0;
border-color: #a51215;
border-width: 1px;
border-style: solid;
}
.course-photo {
margin: 0 0 1em 0;
}

.service {
padding-top: 1em;
}

.strong {
font-family: serif;
font-weight: bold;
}