@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);


/*--------------------------------------------------------------


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




--------------------------------------------------------------*/


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{
	color:#493833;
	text-decoration:underline;
}
a:visited{
	color:#493833;
	text-decoration:underline;
}
a:hover{
	color:#493833;
	text-decoration:none;
}
a:active{
	color:#493833;
	text-decoration:none;
}




/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{
	margin: 0;
	padding: 0;
	width:100%;
	margin:0 auto;
	position:relative;
	height:auto;
	height:100%;
	min-height:100%;
	background:url(../img/common/bg.jpg) repeat-x top center #FBF3DB;
	color:#493833;
	overflow-x: hidden;
}

#container{
	width:900px;
	margin:0 auto;
	position:relative;
	color:#493833;
}


/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
#header-area{
	padding:10px 0 0 0;
}

#identity{
	width:225px;
	height:250px;
	float:left;
}

#vi{
	width:675px;
	height:250px;
	float:left;
}


/* ------------------------------------------------------------ */
/* グローバルメニュー */
/* ------------------------------------------------------------ */
.globalmenu{
	width:900px;
	height:50px;
	clear:both;
}

.globalmenu li{
	float:left;
	width:225px;
}



/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */

#contents-area{
	width:900px;
	padding:20px 0 0 0;
}




/* ------------------------------------------------------------ */
/* サイドメニュー */
/* ------------------------------------------------------------ */

#submenu-area{
	width:225px;
	float:left;
}

.submenu li{
	padding:0 0 15px 0;
	font-size:0;
}
/*--------- お店情報 -------------------------------------------*/
.profile-top{
	width:225px;
	height:15px;
	padding:0;
	margin:0;
}

.profile{
	width:212px;
	_height:146px;
	min-height:146px;
	padding:0 0px 10px 13px;
	margin:0;
	background:url(../img/common/sp_bg_main.jpg) no-repeat bottom left;
}

.profile li{
	line-height:1.3;
}

.profile li.amap{
	padding:7px 0 0 0;
}

.tt_pro{
	padding:0 0 5px 0;
}

/*--------- お菓子 ---------------------------------------------*/
.side-menu{
	width:225px;
	background:url(../img/sweets/smenu_bg.jpg) no-repeat top left #5C251A;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
}

.side-menu-content{
	width:195px;
	margin:0 auto;
	padding:20px 0 0 0;
}

.side-menu-content li{
	width:195px;
	margin:0 auto;
	padding:0 0 10px 0;
}

	
/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */
#main-area{
	width:655px;
	float:right;
}

#main-area .pagetitle{
	margin:0 0 30px 0;
}

.section{
	width:625px;
	margin:0 auto 20px auto;
	padding:15px 15px 0 15px;
	background-color:#FDFFF7;
}

.section-menu{/*カフェメニュー*/
	width:625px;
	margin:0 auto 20px auto;
	padding:15px 15px 0 15px;
	background-color:#FDFFF7;
	position:relative;
}

.section-clear{
	width:655px;
	clear:both;
}	

.section-w320{
	width:290px;
	margin:0 0 20px 0;
	padding:15px;
	background-color:#FDFFF7;
}

.box{
	width:600px;
	margin:0 auto;
	padding:0 0 15px 0;
	clear:both;
}

.box-line{
	width:600px;
	margin:0 auto 20px auto;
	padding:0 0 5px 0;
	clear:both;
	background:url(../img/common/line_footer.gif) no-repeat bottom left;
}

.box-mbn{
	width:600px;
	margin:0 auto;
	padding:0;
	clear:both;
}

.box-w488{
	width:488px;
	padding:0 0 15px 0;
}

.box-w400{
	width:400px;
	padding:0 0 15px 0;
}

.box-w380{
	width:380px;
	padding:0 0 15px 0;
}

.box-w295{
	width:295px;
	padding:0 0 15px 0;
}

.box-w234{
	width:234px;
	padding:0 0 15px 0;
}

.box-w220{
	width:205px;
	padding:0 0 15px 15px;
}

.box-w190{
	width:190px;
	padding:0 0 15px 0;
}


.box-w188{/*----- 商品紹介box ----*/
	width:172px;
	padding:0 20px 0 0;
	margin:0 0 20px 0;
	height:265px;
	_height:270px;
	background:url(../img/common/line_footer.gif) no-repeat bottom left;
	overflow:hidden;
	position:relative;
}

box-gpa{/*----- 商品紹介box ----*/
	width:172px;
	height:129px;
	overflow:hidden;
}

.box-ex{/*----- 商品紹介box 例文----*/
	width:130px;
	border:1px solid #B3A38B;
	padding:3px;
}

.box-edde{/*----- 商品紹介box 例文----*/
	width:170px;
	position:absolute;
	top:105px;
	left:68px;
	_top:108px;
	_left:90px;
}

.box-w112{
	width:102px;
	padding:0 10px 15px 0;
}

.box-w112-npb{
	width:102px;
	padding:0 10px 0 0;
}

.box-per{/*----- こだわり ----*/
	width:359px;
	_height:155px;
	min-height:155px;
	padding:0 250px 15px 0;
	margin:0 0 0 10px;
	background:url(../img/shop/bg_persistence.jpg) no-repeat top right;
	position:relative;
}

.box-lunch{
	width:600px;
	margin:0 auto;
	padding:0 0 15px 0;
	background:url(../img/cafe/bg_lunchi.jpg) no-repeat top left;
	clear:both;
}

.w80{/*----- お問い合わせ用 ----*/
	width:80px;
	float:left;
}

.w315{/*----- お問い合わせ用 ----*/
	width:315px;
	float:left;
}

.btn_check{/*----- お問い合わせ用 ----*/
	width:150px;
	height:20px;
	margin:0 auto;
	padding:0;
}

.newsbox{
	width:600px;
	margin:0;
	background-color:#FDFFF7;
}

/*--------- リストスタイル -------------------------------------*/
ul.anchor li{
	width:75px;
	float:left;
	background:url(../img/common/mark_anchor.gif) no-repeat 0 7px;
	padding:0 0 0 10px;
}

ul.menu-list li{
	list-style:disc;
	padding:0;
	margin:0 0 0 15px;
	line-height:1.3;
}

ul.ls-line li{
	list-style:none;
	background:url(../img/common/mark_line.gif) no-repeat 0 5px;
	padding:0 0 0 8px;
	margin:0;
	line-height:1.3;
}

ul.ls-disc-i li{
	background:url(../img/common/mark_disc.gif) no-repeat 0 4px;
	padding:0 0 0 15px;
	margin:0;
}

.box-w188 ul li.gpa {/*----- 商品紹介boxの写真エリア ----*/
	width:172px;
	height:129px;
	overflow:hidden;
	margin:0 0 5px 0;
	border:1px solid #B3A38B;
	background:url(../img/sweets/img_no.jpg) no-repeat top left;
}

.box-w188 ul li.gpa p{/*----- 商品紹介boxの写真エリア ----*/
	width:172px;
	height:129px;
	text-align:center;
	vertical-align:middle;
}

/*---- カフェメニュー　ラストオーダー --------------------------*/
.last-order{
	position:absolute;
	top:20px;
	right:20px;
	font-size:100%;
	clear:both;
}


/*--------- テーブル ------------------------------------------*/

table.tno-b,
table.tinq{
	border-collapse: collapse;
}

table.tno-b td{
	border:none;
}

table.tinq td{
	border:1px solid #493833;
	padding:10px 0 10px 10px;
	text-align:left;
	vertical-align:middle;
}

table.tinq th{
	border:1px solid #493833;
	padding:10px 0 10px 10px;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
}

/*--------- h文字 ---------------------------------------------*/
h1{
	width:auto;
	height:32px;
	padding:0 0 10px 0;
	margin:0;
}

h2{
	width:auto;
	height:15px;
	padding:0 0 10px 0;
	margin:0;
}



/* ------------------------------------------------------------ */
/* ページトップ */
/* ------------------------------------------------------------ */
.pagetop{
	width:890px;
	text-align:right;
	margin:40px 10px 5px 0;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

#footer-area{
	width:900px;
	padding:20px 0 30px 0;
	background:url(../img/common/line_footer.gif) no-repeat top left;
	text-align:center;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
	margin:0;
}

/* ------------------------------------------------------------ */
/* デザインパーツ */
/* ------------------------------------------------------------ */
.left{
	float:left;
}

.right{
	float:right;
}

img{
	display:block;
}

img.left {
	float: left;
	margin: 0 12px 5px 0;
}

img.left2 {
	float: left;
	margin: 4px 7px 0 0;
}

img.right {
	float: right;
	margin: 0 0 5px 12px;
}

img.boder{
	border:1px solid #B3A38B;
	padding:1px;
}

.slit{
	margin:3px 0;
}

span.f-red{
	color:#CC0000;
}

span.f-small{
	font-size:77%;
}