@charset "utf-8";

/*---------------------------------------------------------------
BAKESHOP for iphone
---------------------------------------------------------------*/

/* element
-------------------------------------------------------------- */
/*common*/
body,h1,h2,h3,h4,h5,h6,div,li,ul,dl,dt,dd,form,img{margin:0 0 0 0;padding:0 0 0 0}
h1,h2,h3,h4,h5,h6,p{font-size:89%}
li{list-style:none}
img{border:0;}

ul,
ol,
li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
hr {
	display: none;
}

/* anchor
-------------------------------------------------------------- */
a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: underline;
}

/* element
-------------------------------------------------------------- */
body {
	color: #000;
	background:url(../common/images/footer_bg.gif);
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
	text-align:right;
	line-height:1.3;
	font-size:11px;
	*font-size: 89%;	
}

p {
	line-height:1.5
}

#contetns {
	margin:0 auto;
	padding:0;
	text-align:right;
}

#header {
	width: 980px;
	height: 160px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:10px;/*ipn*/
	background:url(../common/images/header_bg.jpg) no-repeat 0 0;
	text-align: center;
}

#header #logo{
	margin-left: 400px;
	width: 200px;
	height: 105px;
}

*:first-child+html #header #logo {
	margin-left: 0;
}

#header #logo a{
	display:block;
}

#header #gnav {
	width: 700px;
	margin: 20px 0 10px 160px;/*ipn*/
	height: 25px;
}
#header #gnav ul {
	height: 25px;
}
#header #gnav ul li {
	height: 25px;
	
}
#gnav li{display:inline;}
#gnav li a{
	display:block;
	float:left;
	height: 20px;
	margin-right: 15px;
	text-indent:-9999px;
	text-decoration:none;
	/*\*/
	overflow:hidden;
	/**/
}

/* gnav
-------------------------------------------------------------- */
/*	オフ	*/
#gn-daily a {
	width:60px;
	background:url("../common/images/gnav_01.gif") 0 0 no-repeat
}
#gn-menu a {
	width:115px;
	background:url("../common/images/gnav_02.gif") 0 0 no-repeat
}
#gn-bakery a {
	width:185px;
	background:url("../common/images/gnav_03.gif") 0 0 no-repeat
}
#gn-organic a {
	width:205px;
	background:url("../common/images/gnav_04.gif") 0 0 no-repeat
}
#gn-access a {
	width:75px;
	background:url("../common/images/gnav_05.gif") 0 0 no-repeat;
	margin-right: 0 !important;
}

/*	オーバー	*/
#gn-daily a:hover {
	width:60px;
	background:url("../common/images/gnav_01.gif") 0 -25px no-repeat
}
#gn-menu a:hover {
	width:115px;
	background:url("../common/images/gnav_02.gif") 0 -25px no-repeat
}
#gn-bakery a:hover {
	width:185px;
	background:url("../common/images/gnav_03.gif") 0 -25px no-repeat
}
#gn-organic a:hover {
	width:205px;
	background:url("../common/images/gnav_04.gif") 0 -25px no-repeat
}
#gn-access a:hover {
	width:75px;
	background:url("../common/images/gnav_05.gif") 0 -25px no-repeat
}

/*	オン	*/
#gn-daily a.on, #gn-daily a.on:hover {
	background:url("../common/images/gnav_01.gif") 0 -50px no-repeat
}
#gn-menu a.on, #gn-menu a.on:hover {
	background:url("../common/images/gnav_02.gif") 0 -50px no-repeat
}
#gn-bakery a.on, #gn-bakery a.on:hover {
	background:url("../common/images/gnav_03.gif") 0 -50px no-repeat
}
#gn-organic a.on, #gn-organic a.on:hover {
	background:url("../common/images/gnav_04.gif") 0 -50px no-repeat
}
#gn-access a.on, #gn-access a.on:hover {
	background:url("../common/images/gnav_05.gif") 0 -50px no-repeat
}
#footer {
	display: block;
	padding-top: 20px;
	text-align: center;
}
#footer #fnav {
	width: 900px;
	height: 180px;
	margin:0 auto;
	padding-top:20px;
	background: url(../common/images/fnav_bg.gif) 0 0 no-repeat;
	text-align:left;
}
#footer #fnav ul {
	width: 860px;
	margin:0 20px 30px 20px;
}
#footer #fnav ul li {
	height: 20px;
}
#fnav li {
	display:inline;
}
#fnav li a {
	display:block;
	float:left;
	height:20px;
	text-indent:-9999px;
	text-decoration:none;
	/*\*/
	overflow:hidden;/**/
}
/* fnav
-------------------------------------------------------------- */
/*	オフ	*/
#fn-home a {
	width:60px;
	background:url("../common/images/fnav_01.gif") 0 0 no-repeat;
	margin-right:120px
}
#fn-daily a {
	width:40px;
	background:url("../common/images/fnav_02.gif") 0 0 no-repeat;
	margin-right:18px;
	margin-top:3px;
}
#fn-menu a {
	width:74px;
	background:url("../common/images/fnav_03.gif") 0 0 no-repeat;
	margin-right:18px;
	margin-top:3px;
}
#fn-bakery a {
	width:120px;
	background:url("../common/images/fnav_04.gif") 0 0 no-repeat;
	margin-right:18px;
	margin-top:3px;
}
#fn-organic a {
	width:134px;
	background:url("../common/images/fnav_05.gif") 0 0 no-repeat;
	margin-right:18px;
	margin-top:3px;
}
#fn-access a {
	width:50px;
	background:url("../common/images/fnav_06.gif") 0 0 no-repeat;
	margin-right:100px;
	margin-top:3px;
}

#fn-pagetop a {
	width:87px;
	background:url("../common/images/fnav_07.gif") 0 0 no-repeat
}
/*	オーバー */
#fn-home a:hover {
	background:url("../common/images/fnav_01.gif") 0 -20px no-repeat
}
#fn-daily a:hover {
	background:url("../common/images/fnav_02.gif") 0 -20px no-repeat
}
#fn-menu a:hover {
	background:url("../common/images/fnav_03.gif") 0 -20px no-repeat
}
#fn-bakery a:hover {
	background:url("../common/images/fnav_04.gif") 0 -20px no-repeat
}
#fn-organic a:hover {
	background:url("../common/images/fnav_05.gif") 0 -20px no-repeat
}
#fn-access a:hover {
	background:url("../common/images/fnav_06.gif") 0 -20px no-repeat
}

#fn-pagetop a:hover {
	background:url("../common/images/fnav_07.gif") 0 -20px no-repeat
}
/*	オン */
#fn-home a.on, #fn-home a.on:hover {
	background:url("../common/images/fnav_01.gif") 0 -20px no-repeat;
}
#fn-daily a.on, #fn-daily a.on:hover {
	background:url("../common/images/fnav_02.gif") 0  -40px no-repeat
}
#fn-menu a.on, #fn-menu a.on:hover {
	background:url("../common/images/fnav_03.gif") 0  -40px no-repeat
}
#fn-bakery a.on, #fn-bakery a.on:hover {
	background:url("../common/images/fnav_04.gif") 0  -40px no-repeat
}
#fn-organic a.on, #fn-organic a.on:hover {
	background:url("../common/images/fnav_05.gif") 0  -40px no-repeat
}
#fn-access a.on, #fn-access a.on:hover {
	background:url("../common/images/fnav_06.gif") 0  -40px no-repeat
}

#fn-pagetop a.on, #fn-pagetop a.on:hover {
	background:url("../common/images/fnav_07.gif") 0 -20px no-repeat
}

#ftInfo {
display:block;
width:565px;
height:50px;
margin: 0 0 0 140px;
}

#ftInfo #open{ width:200px }
#ftInfo #address{ width:230px }
#ftInfo #phone{ width:135px }

#ftInfo #open,#ftInfo #address,#ftInfo #phone {
float: left;
height: 50px;
text-indent: -9999px;
font-size: 1px;
color: #FFCC00;
overflow: hidden;
}

#home #ftInfo {
display: none;
}

/* BGImages
-------------------------------------------------------------- */
#home #main-wrap { background:#4e2d16 url(../images/main_bg_home.gif) center top repeat}
#access #main-wrap,#bakery #main-wrap,#organic #main-wrap,#cafe #main-wrap,#daily #main-wrap { background:#f8f7f3 url(../common/images/bg_roll.jpg) center top repeat }

/* home
-------------------------------------------------------------- */
#main-wrap {
	margin:0 auto;
	text-align:center;
	background:#FF0000;
}

#main {
	margin: 0 auto;
}

.layout { /*コンテンツ部分*/
	width: 900px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
}

.pickup .photo{
	float:left;
	width: 450px;
	margin-right:15px
	/*height:350px;*/
}
.pickup .caption{
	float:left;
	width: 435px;
}

.news {
	background:url("../images/bg_whatsnew.gif") 0 0 no-repeat;
	/*width: 900px;*/
	min-height:50px;
	_height:50px;
	margin-top:10px;
	padding-top: 0;
	padding-left:180px;
	color: #FFFFFF;
}

.news dl{
	clear:both;
	margin:5px 0px;
	padding-bottom:8px;
	verical-align: top;
}

.news dt{
	float:left;
	width:110px;
	padding-top: 10px;
	list-style:none;
	font-size: 130% !important;
}
.news dd{
	float:left;
	padding-top: 10px;
	font-size: 110% !important;
}

h1,#home h2 {
	display: none;
}

.news {margin-bottom: 5px; line-height:2em;}
.news a:link {color: #FFFFFF;}
.news a:visited {color: #FFFFFF;text-decoration: underline;}
.news a:hover {color: #FFFFFF;text-decoration: underline;}
.news a:active {color: #FFFFFF;text-decoration: underline;}

/* bakery
-------------------------------------------------------------- */
.excuse{
	padding-top:5em;
	padding-bottom:1em;
	text-align:right;
	color: #b89a24;
}

/* cafe
-------------------------------------------------------------- */
#cafe h2{ margin: 30px 0 20px 0 }

#cafe #snav {
	width: 550px;
	height:15px;
	margin: 10px 0 20px 0
}

#cafe #snav li {
	display:inline;
}
#cafe #snav li a {
	display:block;
	float:left;
	height:12px;
	margin-right: 15px;
	text-indent:-9999px;
	text-decoration:none;
	/*\*/
	overflow:hidden;/**/
}
/* snav
-------------------------------------------------------------- */
/*	オフ	*/
#sn-breakfast a {
	width:142px;
	background:url("../cafe/images/snav_01.gif") 0 0 no-repeat
}
#sn-savories a {
	width:167px;
	background:url("../cafe/images/snav_02.gif") 0 0 no-repeat
}
#sn-dinner a {
	width:57px;
	background:url("../cafe/images/snav_03.gif") 0 0 no-repeat
}
#sn-beverages a {
	width:79px;
	background:url("../cafe/images/snav_04.gif") 0 0 no-repeat
}
/*	オーバー */
#sn-breakfast a:hover {
	background:url("../cafe/images/snav_01.gif") 0 -20px no-repeat
}
#sn-savories a:hover {
	background:url("../cafe/images/snav_02.gif") 0 -20px no-repeat
}
#sn-dinner a:hover {
	background:url("../cafe/images/snav_03.gif") 0 -20px no-repeat
}
#sn-beverages a:hover {
	background:url("../cafe/images/snav_04.gif") 0 -20px no-repeat
}
/***************************************************************/

#cafe p{ line-height:2 }
#cafe .tx{ margin: 0 100px }
#cafe .bevaragesTx{
	background: url(../cafe/images/bg_beverage.gif) bottom right no-repeat;
	padding: 20px 270px 30px 100px;
}
.bevaragesTx p{
	line-height: 2.5
}
#cafe .txCaution{
	color: #aa3100;
}

.menuList {
	width:735px;
	margin: 0 100px 0 45px;
}

#cafe .bevaragesList {
	display: block;
	width:735px;
	margin-left:100px;
	clear: both;
	}
.bevaragesList .inner {
	width:330px;
}
.bevaragesList .inner h3{
	display: block;
	float:left;
	width: 70px;
}
.bevaragesList .inner h4,.bevaragesList .inner p{
	float:right;
	width: 240px;
	line-height: 3 !important;
}
.bevaragesList .inner p {
	line-height: 1.5 !important;
}

.sbox{
	display: block;
	width:330px;
	min-height: 60px;
	_height: 60px;
}

#cafe dl{
	clear:both;
	margin: 0px 0px 15px 0px;
	line-height: 2
}
#cafe dt{
	float:left;
	width:520px;
	padding: 4px 0 4px 55px;
	list-style:none;
}
#cafe dt.vegie {
	background: url(../cafe/images/ico_vegie.gif) 10px left no-repeat;
}
#cafe dd{
	float:right;
	width:160px;
	text-align: right;
}

#cafe .infoBox {
text-align: left;
}

hr.line {
width:900px;
height: 20px;
background:url(../cafe/images/hr.gif) no-repeat;
}

/*#cafe .infoBox {
background: #FFFFFF;
}*/

#cafe  .infoBox .inner {
text-align: left;
}

/* organic
-------------------------------------------------------------- */
.organicBox { background: url(../organic/images/bg_pistatio.jpg); padding:23px }
.organicBox .logo{
float:left;
width: 80px;
height:90px;
margin-right:14px;
}
.organicBox .caption{
float:right;
width: 760px;
}
.organicBox .caption p{
line-height:2
}


/* access
-------------------------------------------------------------- */
#access #main {
	width: 900px;
	margin:0 auto;
	/*background: url("../images/main_bg_home.gif");*/
	padding: 30px 50px;
}

#access h2 { font-size:1.3em; line-height:3;}
.accessmap { background: url(../access/images/bg_ourmenu.gif) right bottom no-repeat; }
.accessmap .map{
	float:left;
	width: 350px;
	height:320px;
	margin-right:5px;
}
.accessmap .caption{
	float:right;
	width: 545px;
	min-height:320px;
}
.accessmap .caption p{
	line-height:1.8
}

.infoBox {
	border:2px solid #000;
	margin:20px 0;
	padding:3px;
}
.infoBox .inner{
	border:1px solid #000;
	padding:10px;
	text-align:center;
}

#phArea { width:900px }
#phArea div {
width:300px;
float:left;
}

/* footer
-------------------------------------------------------------- */

#home #footer {
	padding-top:85px;
	background:url(../images/footer_top.gif) center top no-repeat;
}

#home #footer #footerLink {
	margin:0 auto;
	width: 340px;
	height:60px;
}
#home #footer #footerLink p{ float: left }

#main #footer p { margin: 0}

#footerLink a:link {color: #FFFFFF;}
#footerLink a:visited {color: #CCCCCC;}
#footerLink a:hover {color: #B3F0FF;}
#footerLink a:active {color: #FFFFFF;}
#footerLink .cur {color: #00CCFF; font-weight:bold}
	
p#copyright { margin: 20px 0; }


/* blogsetting
-------------------------------------------------------------- */
/* layout */

#daily #content {
	margin-top: 30px;
}

#daily #content{
	width:700px;
	float: left;
}
#daily #menu{
	float: right;
	width: 120px;
	margin-top:30px;
}

/* contents
-------------------------------------------------------------- */
#daily .entry {
padding-bottom: 5px;
border-bottom:1px solid #f7ce30;
margin-bottom:20px;
}

#daily #content p {
	line-height:2;
	font-size: 12px;
	*font-size: 90%;
}

#daily #content img {
	margin-bottom: 20px;
}

#daily #content .postdate{
	font-family: Georgia;
	font-size:15px !important;
	*font-size: 150% !important;
	border-bottom: none !important;
}
#daily #content h2{
	border-bottom: none !important;
}
#daily #content p.entry-title{
	font-size:15px !important;
	*font-size: 150% !important;
	line-height:3;
	/*font-weight: bold;*/
}

/* pagetop */

#daily .pagetop{
	height: 20px;
	margin-top: 30px;
	padding-left:627px;
}
#daily .pagetop a {
	display:block;
	width: 73px;
	height: 20px;
	text-indent: -9999px;
	font-size: 1px;
	color: #f1f0eb;
	overflow: hidden;
}
#daily .pagetop a {background:url("/common/images/pagetop.gif") 0 0 no-repeat}
#daily .pagetop a:hover {background-position: 0 -30px}


/* calender */

#daily #calender {
	margin-bottom:30px;
	font-size:12px;
	*font-size:100%;
	font-family: Georgia;
}

#daily #calender h2,#daily #archive h2{
	margin:10px 0;
}

#daily #calender caption {
	text-align:center;
	font-weight: bold;
	font-family: Georgia;
	margin-bottom:10px;
}

/* Calender */

#calendartable #wp-calendar {
	width: 120px;
	padding: 0;
	margin: 0;
	font-family: Georgia;
	text-align: center;
	margin-bottom:15px;
}
#calendartable #wp-calendar caption {
	padding: 0 0 10px 3px;
	font-family: Georgia;
	text-align:left;
}
#wp-calendar td {
	width: 20px;
	height: 20px;
	font-size:11px;
	*font-size:90%;
}
#wp-calendar th {
	padding-bottom:5px;
	font-size:11px;
	*font-size:90%;
	text-align: center;
}

#wp-calendar tfoot {
	margin-top:10px;
}

#wp-calendar td a:link, td a:visited {
	text-decoration: underline;
}

#wp-calendar td a:hover, td a:active {
	text-decoration: underline;
}
#daily #archive {
	font-family: Georgia;
	margin-top: 10px;
}

#daily #archive .year,.page-title {
	text-align: left;
	font-weight: bold;
	color: #CCA329;
	margin-bottom: 5px;
	font-size:14px;
}
#daily #archive .list {
	text-align: left;
	font-weight: bold;
}

#daily #archive li {
	padding:5px 0;
}

/* general
-------------------------------------------------------------- */
/* margin */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 20px !important; }

.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }

.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }

/* padding */
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pt30 { padding-top: 30px !important; }

/* align,valign */
.alignR { text-align: right !important; }
.alignL { text-align: left !important; }
.alignC { text-align: center !important; }
.valignT { vertical-align: top !important; }
.valignM { vertical-align: middle !important; }
.valignB { vertical-align: bottom !important; }

/* float */
.flL { float: left; }
.flR { float: right; }

/*fontcolor*/
.moca { color:#c9b987 }

/* clearfix
-------------------------------------------------------------- */
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
}
.clearfix {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}