@charset "utf-8";
/* CSS Document */

/* =====================================================================
*
*    concept-style.css INDEX
*
*    // 「コンセプト」ページのスタイル
*
*
*    1. Header
*
*    2. Content Header
*
*    3. Dishes
*       3.1. 素材について
*       3.2. 料理について
*
*    4. Space
*       4.1. 内装について
*
* =================================================================== */


/* =====================================================================
*
*    1. Header
*
* =================================================================== */

h1 {
	height: 54px;
	background: url(../images/concept/ttl.jpg) no-repeat;
	margin: 54px 0 35px 0;
}

.wrapper {
	width: 700px;
	background: url(../images/concept/bg.gif) right top repeat-y;
}


/* =====================================================================
*
*    2. Content Header
*
* =================================================================== */

#contentHeader {
	padding: 36px 0;
}

#contentHeader .cont {
	width: 700px;
}

h2 {
	float: right;
	width: 350px;
	height: 57px;
	background: url(../images/concept/desc.gif) no-repeat;
}


/* ---------------------------------
*    Local Menu
*/

ul.lm {
	float: left;
	width: 338px;
	padding: 0 0 0 12px;
}

ul.lm li { width: 338px; height: 13px; padding: 0 0 8px 0; }

ul.lm li a {
	height: 13px;
	overflow: hidden;
	background-position: 0 -13px;
}
ul.lm li a:hover { background-position: 0 0; }

.lm li a#lmDish  { width: 157px; background-image: url(../images/concept/lmenu_dish.gif); }
.lm li a#lmSpace { width: 157px; background-image: url(../images/concept/lmenu_space.gif); }


/* =====================================================================
*
*    3. Dishes
*
* =================================================================== */

#dishes .head {
	clear: both;
	width: 296px;
	padding: 0 0 24px 12px;
}

#dishes h3 {
	height: 19px;
	margin: 0 0 18px 0;
	background: url(../images/concept/dish_ttl.gif) no-repeat;
}

#dishes p {
	margin-bottom: 12px;
}

#dishes p.catchTxt {
	margin: 0 0 36px 0;
}

#dishes p em {
	color: #00A6BF;
	font-family:"Hiragino Mincho Pro W3", "ヒラギノ明朝 Pro W3", "MS PMincho", "ＭＳ Ｐ明朝", Georgia, "Times New Roman", serif;
}


/* ---------------------------------------------------------------------
*    3.1. 素材について
* ------------------------------------------------------------------- */

#dishMaterial .container {
	float: left;
	width: 350px;
}

#dishMaterial .container .cont {
	width: 296px;
	padding: 0 0 24px 12px;
}

#dishMaterial h4 {
	height: 20px;
	overflow: hidden;
	margin: 0 0 24px 0;
	background: url(../images/concept/dish_h01.jpg) no-repeat;
}

#dishMaterial img.floatL {
	float: right;
	padding-bottom: 36px;
}


/* ---------------------------------------------------------------------
*    3.2. 料理について
* ------------------------------------------------------------------- */

#dishAbout {
	clear: both;
}

#dishAbout h4 {
	height: 20px;
	overflow: hidden;
	margin: 0 0 24px 0;
	background: url(../images/concept/dish_h02.jpg) no-repeat;
}

#dishAbout ul {
	width: 676px;
	padding: 0 12px 60px 12px;
}

#dishAbout ul li {
	padding-bottom: 1px;
}

#dishAbout ul li .cont {
	float: right;
	width: 338px;
}

#dishAbout ul li .thm {
	float: left;
}

#dishAbout ul li h5 {
	height: 13px;
	overflow: hidden;
	margin-bottom: 24px;
}

	#luRottissrie h5 { background: url(../images/concept/dish_genre01.gif) no-repeat; }
	#luPasta      h5 { background: url(../images/concept/dish_genre02.gif) no-repeat; }
	#luPizza      h5 { background: url(../images/concept/dish_genre03.gif) no-repeat; }
	#luDessert    h5 { background: url(../images/concept/dish_genre04.gif) no-repeat; }


/* =====================================================================
*
*    4. Space
*
* =================================================================== */

#space .head {
	width: 296px;
	padding: 0 0 24px 12px;
}

#space h3 {
	height: 19px;
	overflow: hidden;
	margin: 0 0 18px 0;
	background: url(../images/concept/space_ttl.gif) no-repeat;
}

#space p {
	margin-bottom: 12px;
}

#space p.catchTxt {
	margin: 0 0 36px 0;
}

#space p em {
	color: #00A6BF;
	font-family:"Hiragino Mincho Pro W3", "ヒラギノ明朝 Pro W3", "MS PMincho", "ＭＳ Ｐ明朝", Georgia, "Times New Roman", serif;
}


/* ---------------------------------------------------------------------
*    4.1. 内装について
* ------------------------------------------------------------------- */

#spaceInterior {
	position: relative;
}

#spaceInterior h4 {
	height: 20px;
	margin: 0 0 24px 0;
	background: url(../images/concept/space_h01.jpg) no-repeat;
}

#spaceInterior .container .cont {
	width: 296px;
	padding: 0 0 0 12px;
}

#spaceInterior img.catch {
	position: absolute;
	left: 350px;
	top: -162px;
	vertical-align: bottom;
}