@charset "euc-jp";

/*------------------ レイアウト関連 --------------------------*/


/* ページ全体の基本的な設定と背景色 */

body {
margin: 0px 0px 20px 0px;
background-color: #FFFFFF;
text-align: center;
font-family: "Times New Roman","ＭＳ Ｐゴシック","Osaka","sans-serif","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
font-size: 80%;
line-height: 155%;
}


/* 全体を囲む枠の背景色や線、余白などの設定 */
#container {
margin: 20px auto;
width: 960px;
}


/*------------------ ヘッダー --------------------------*/

/* タイトル部分の設定 */
#banner {
width: 270px;
height: 70px;
float: left;
}

#banner a {
background: #ffffff url(../images/logo.jpg) no-repeat;
float: left;
text-indent: -9999px;
width: 270px;
height: 70px;
}

#banner h1 {
display: none;
width: 270px;
}


/* 言語選択 */

#language {
float: right;
margin-top: 40px;
}

#language a {
float: left;
text-indent: -9999px;
height: 22px;
}

#language li.japanese {
float: left;
list-style-type: none;
}

#language li.english {
float: left;
list-style-type: none;
}


#language li.japanese a {
width: 100px;
background: url(../images/japanese.gif) no-repeat;
margin-right: 15px;
}

#language li.english a {
width: 71px;
background: url(../images/english.gif) no-repeat;
}

.separator {
height: 1px;
border: none;
border-top: 1px #6f3d24 solid;
margin-bottom: 12px;
}

#breadcrumbs  {
margin:0 0 5px 30px;
float:left;
}

.lunch_menu {
text-align: right;
margin-right: 75px; 
font-size: 14px; 
font-weight: bold;
}

.lunch_menu02 {
text-align: right;
margin-right: 75px; 
font-size: 14px; 
font-weight: bold;
margin-top: 50px;
}

/*------------------ センター関連 --------------------------*/



/* banner以下で全体を入れるボックス */

#main {
width: 960px;
margin-top: 30px;
}

#main2 {
width: 960px;
}

#main p {
letter-spacing: 0.05em;
}



/* センター（右側メイン）のBOXの基本設定 */

#center {
float: left;
width: 600px;
margin-right: 58px;
}


ul.info {
text-align: left;
margin-left: 4px;
}

ul.info li {
list-style-type: none;
margin-bottom: 20px;
text-indent: 130px;
}

.la {
background: url(../images/infoicon_green.gif) left no-repeat;
}

.lb {
background: url(../images/infoicon_gray.gif) left no-repeat;
}

.lc {
background: url(../images/infoicon_blue.gif) left no-repeat;
}



#center h2 {
width: 600px;
height: 34px;
text-indent: -9999px;
border-bottom: 1px solid #6f3d24;
margin-bottom: 30px;
}


.topics {
background: url(../images/t_topics.gif) left no-repeat;
}

.monthly {
background: url(../images/t_recommend.gif) left no-repeat;
}

.sister {
background: url(../images/t_sister.gif) left no-repeat;
}


.concept {
width: 960px;
height: 43px;
text-indent: -9999px;
border-bottom: 1px solid #6f3d24;
margin-bottom: 30px;
background: url(../images/t_concept.gif) left no-repeat;
}

.concept_menu {
width: 960px;
height: 72px;
text-indent: -9999px;
background: url(../images/menu/bread_menu.jpg) left no-repeat;
}

.policies {
width: 960px;
height: 43px;
text-indent: -9999px;
border-bottom: 1px solid #6f3d24;
margin-bottom: 30px;
background: url(../images/t_policie.gif) left no-repeat;
}

#ingredients {
margin-left:645px;
}

#bread_01     {
background:url(../images/menu/bread_01.jpg) left no-repeat;
width:960px;
height:130px;
}

#bread_02     {
background:url(../images/menu/bread_02.jpg) left no-repeat;
width:960px;
height:130px;
}

#bread_03     {
background:url(../images/menu/bread_03.jpg) left no-repeat;
width:960px;
height:130px;
}

#bread_04     {
background:url(../images/menu/bread_04.jpg) left no-repeat;
width:960px;
height:130px;
}

#bread_05     {
background:url(../images/menu/bread_05.jpg) left no-repeat;
width:960px;
height:130px;
}

#bread_06     {
background:url(../images/menu/bread_06.jpg) left no-repeat;
width:960px;
height:130px;
}

#bread_07     {
background:url(../images/menu/bread_07.jpg) left no-repeat;
width:960px;
height:130px;
}

#bread_08     {
background:url(../images/menu/bread_08.jpg) left no-repeat;
width:960px;
height:130px;
}

#bread_09     {
background:url(../images/menu/bread_09.jpg) left no-repeat;
width:960px;
height:130px;
}

#bread_10     {
background:url(../images/menu/bread_10.jpg) left no-repeat;
width:960px;
height:130px;
}

.description  {
width:375px;
height:50px;
font-size:12px;
text-align:left;
padding:80px 0 0 166px;
float:left;
}


/*------------------ サイドバー関連 --------------------------*/

#column_right {
float: left;
width: 300px;
}

/* IE6以下のブラウザ用の左カラムの設定 */
* html #column_right {

}

/* 右側のメニューを入れるＢＯＸの基本設定 */

#right {
width: 100%;
overflow: hidden;
margin-bottom: 6px;
}



.sidebar h2 {
width: 300px;
height: 34px;
text-indent: -9999px;
border-bottom: 1px solid #6f3d24;
margin-bottom: 30px;
}


.contents {
background: url(../images/t_contents.gif) left no-repeat;
}


/* サイドバーのカテゴリーリスト */

.sidebar ul {
list-style-type: none;
margin: 20px 0;
}

.sidebar li {
display: block;
height: 62px;
width: 300px;
margin: 8px 0px;
float: left;
border-bottom: 1px solid #6f3d24;
}

.sidebar h3 {
font-size: 8pt;
}

.sidebar a {
display: block;
text-indent: -9999px;
height: 62px;
width: 300px;
float: left;
}

/* サイドバーのカテゴリーラベル表示 */

/*けやき坂ベーカリーについて*/
.nav_about {
background-image: url(../images/m_aboutus.jpg);
background-repeat: no-repeat;
}

/*フードメニュー*/
.nav_food {
background-image: url(../images/m_food.jpg);
background-repeat: no-repeat;
}

/*カフェメニュー*/
.nav_cafe {
background-image: url(../images/m_cafe.jpg);
background-repeat: no-repeat;
}

/*パーティー＆ケータリング*/
.nav_party {
background-image: url(../images/m_party.jpg);
background-repeat: no-repeat;
}

/*アクセス*/
.nav_access {
background-image: url(../images/m_access.jpg);
background-repeat: no-repeat;
}





/*------------------ メインナビゲーション --------------------------*/

#main_navigation {
width: 960px;
border-top: 1px solid #6f3d24;
border-bottom: 1px solid #6f3d24;
margin-bottom: 20px;
}

#main_navigation li {
list-style-type: none;
float: left;
width: 110px;
height: 31px;
margin-right: 22px;
}

*html #main_navigation li {
margin-right: 0px;
}


/* menuの部分だけ横幅が違うため*/
#main_navigation li.n_menu {
width: 100px;
}

/* cafeの部分だけ横幅が違うため*/
#main_navigation li.n_cafe {
width: 120px;
}


/* partyの部分だけ横幅が違うため*/
#main_navigation li.n_party {
width: 145px;
}


#main_navigation li a {
float: left;
width: 110px;
height: 31px;
background: url(../images/navi_unite.jpg) no-repeat;
text-indent: -9999px;
margin-right: 22px;
}


/* menuの部分だけ横幅が違うため */
#main_navigation li.n_menu a {
width: 100px;
}

/* menuの部分だけ横幅が違うため */
#main_navigation li.n_cafe a {
width: 120px;
}

/* partyの部分だけ横幅が違うため */
#main_navigation li.n_party a {
width: 145px;
}


#main_navigation .n_home a { background-position: 0 0; }
#main_navigation .n_about a { background-position: -132px 0; }
#main_navigation .n_menu a { background-position: -264px 0; }
#main_navigation .n_cafe a { background-position: -376px 0; }
#main_navigation .n_party a { background-position: -518px 0; }
#main_navigation .n_access a { background-position: -685px 0; }


#main_navigation .n_home a:hover { background-position: 0 -30px; }
#main_navigation .n_about a:hover { background-position: -132px -30px; }
#main_navigation .n_menu a:hover { background-position: -264px -30px; }
#main_navigation .n_cafe a:hover { background-position: -376px -30px; }
#main_navigation .n_party a:hover { background-position: -518px -30px; }
#main_navigation .n_access a:hover { background-position: -685px -30px; }


#home #main_navigation .n_home a { background-position: 0 -30px; }
#publication #main_navigation .n_about a { background-position: -132px -30px; }
#web #main_navigation .n_menu a { background-position: -264px -30px; }
#shop #main_navigation .n_cafe a { background-position: -376px -30px; }
#promotion #main_navigation .n_party a { background-position: -518px -30px; }
#company #main_navigation .n_access a { background-position: -685px -30px; }


/*------------------ メインナビゲーション終了 --------------------------*/


/*------------------ 本文関係 --------------------------*/

#content {
width: 600px;
margin-bottom: 30px;
}



#content_max {
width: 920px;
margin: 0 auto 30px auto;
text-align: left;
}


#content p {
text-align: left;	
}

#content_max p {
text-align: left;	
}


#policie_back {
width: 920px;
margin: 0 auto 30px auto;
text-align: left;
background: url(../images/policie_back.gif) 70px 80px no-repeat;
}


#shop_info {
width: 290px;
float: left;
margin-right: 10px;
margin-bottom: 20px;
text-align: left;
}

#shop_info p {
font-size: 1em;
}


#access  {
background-image:url(../images/access/01.jpg);
width:467px;
height:309px;
float:right;
}

#text1   {
margin:50px 0 0 15px;
line-height:180%;
}

#text2  {
margin:80px 0 0 15px;
width:190px;
line-height:180%;
}

/*------------------ フッター関連 --------------------------*/

.go_top   {
float:right;
}


/* フッター部分の設定 */
#footer {
width:100%;
height: 23px;
border-top: 1px solid #6f3d24;
margin-top: 15px;
}

#footer a {
background: #ffffff url(../images/copyright.gif) no-repeat;
float: right;
text-indent: -9999px;
width: 315px;
height: 23px;
}



.line_x02 { 
background: url(images/line_x02.gif) repeat-x;
}


/* float clear class */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}