@charset "UTF-8";

/*------------------------------------------
  [1]:browser default
------------------------------------------*/
body, td, th, h1, h2, h3, h4, h5, h6, div, ul, dl, dt, dd, ol, li, table, td, th {
margin:0px; 
padding:0px;
font-size:small;
color:#5b3e1c;
line-height:140%;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

p {
margin:0px;
padding:0.5em 0px;
_padding:0.3em 0px; /* for WinIE*/
font-size:small;
color:#000;
line-height:140%;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
}


body, td, th, h1, h2, h3, h4, h5, h6, div, ul, dl, dt, dd, ol, li, table, td, th, p {
_font-size:small; /* for WinIE*/
_font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif; /* for WinIE*/
}

.small{ 
font-size:x-small;
_font-size:xx-small; /* for WinIE*/ 
line-height:140%;
}




/*------------------------------------------
  [2]:common
------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

table, img, a img{ border: none; }



/* align */
.center{ text-align:center; }

.middle{ vertical-align:middle; }

.left{ text-align:left; }

.right{ text-align:right; }

.fleft{ float:left; }

.fright{ float:right; }


/* clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */



.clear{
clear:both;
height:1px !important;
font-size:1px !important;
margin:0 !important;
}

.block{ display:block; }

.nowrap{ white-space:nowrap; }

.hide { display: none; }

hr { display: none; }

.hr{
border-bottom:1px dashed #ccc;
margin-bottom:10px;
}

.head_txt{
display:block;
margin-left:10px;
text-indent:-10px;
}


/* font */
.bold{ font-weight:bold; }

.normal{ font-weight:normal; }

.fblue{ color:#1B89AE; }

.fred{ color:#DC0067; }
.fpink{ color:#EC6FA3; }

.fgreen{ color:#98B904; }

.bg_pink{
background:#FBDEEA;
}


/* list_arrow */
.arrow01{
background:url(../img_cmn/img_arrow_01.gif) no-repeat 0 50% ;
padding:0 0 0 8px;
}


/*margin*/
.m05{ margin:5px; }
.m10{ margin:10px; }

.mh10{ margin-bottom:10px; margin-top:10px; }
.mh15{ margin-bottom:15px; margin-top:15px; }
.mh20{ margin-bottom:20px; margin-top:20px; }
.mh25{ margin-bottom:25px; margin-top:25px; }

.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }

.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }
.ml40{ margin-left:40px; }
.ml50{ margin-left:50px; }

.mr03{ margin-right:3px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }

.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }


/* List Styles
------------------------  */
ul.disc{
	padding-left:2.5em;
	margin:1em 0px;
	list-style:disc;
}
ul.circle{
	padding-left:2.5em;
	list-style:circle;
	margin:1em 0px;
}
ol.decimal{
	padding-left:2.5em;
	list-style:decimal;
	margin:1em 0px;
	}


/* Bleadlist Styles
------------------------  */
ol.bl{
	}
ol.bl li{
	display:inline;
	}
ol.bl li a{
	padding-right:10px;
	background: url(/img/common/bl.gif) no-repeat 100% 50%;
	}

/* top layout
------------------------  */
#bdSub {
margin:0px;
padding:0px;
}


/*----header-MENU----*/
#header{
	width:700px;
	height:104px;
	margin:0 auto ;
}

#header a{
	outline:none;
	}

#header h1{
	float:left;
	height:50px;
	}

#mainmenu{
	width:420px;
	height:86px;
	margin:10px auto;
	background:#fff url("../../img/common/menubg.jpg") 0px 0px repeat-x;
	float:right;
}

#mainmenu ol#mn{
	width:355px;
	height: 33px;
	padding: 25px 0px 0px 30px;
	margin:0px 0px 0px 0px 0px;
	list-style:none;
	}


/*\IE6.0*/
* html #mainmenu ol#mn {
	padding:25px 0px 0px 30px;
	margin:0px 0px 0px 10px ;
}
/**/

#mainmenu li{
	float:left;
	}
	
#mainmenu li a{
	background: url(../../img/common/menu.jpg) no-repeat 0px 0px;
	height: 33px;
	display: block;
	text-indent: -5000px;
	text-decoration:none;
	}

li#mn01 a:link, li#mn01 a:visited{
	width:  59px;
	height: 33px;
	background-position: 0px 0px;
	}
li#mn01 a:hover, li#mn01 a:active {
	width:  59px;
	height: 33px;
	background-position: 0px -33px;
	}

li#mn02 a:link, li#mn02 a:visited{
	width:  56px;
	height: 33px;
	background-position: -59px 0px;
	}
li#mn02 a:hover, li#mn02 a:active {
	width:  56px;
	height: 33px;
	background-position: -59px -33px;
	}
	
li#mn03 a:link, li#mn03 a:visited{
	width:  50px;
	height: 33px;
	background-position: -115px 0px;
	}
li#mn03 a:hover, li#mn03 a:active {
	width:  50px;
	height: 33px;
	background-position: -115px -33px;
	}

li#mn04 a:link, li#mn04 a:visited{
	width:  71px;
	height: 33px;
	background-position: -165px 0px;
	}
li#mn04 a:hover, li#mn04 a:active {
	width:  71px;
	height: 33px;
	background-position: -165px -33px;
	}

li#mn05 a:link, li#mn05 a:visited{
	width:  52px;
	height: 33px;
	background-position: -236px 0px;
	}
li#mn05 a:hover, li#mn05 a:active {
	width:  52px;
	height: 33px;
	background-position: -236px -33px;
	}

li#mn06 a:link, li#mn06 a:visited{
	width:  67px;
	height: 33px;
	background-position: -288px 0px;
	}
li#mn06 a:hover, li#mn06 a:active {
	width:  67px;
	height: 33px;
	background-position: -288px -33px;
	}

/* sub layout
------------------------  */
#headptn {
	width: 100%;
	height:39px;
	background: url('../../img/common/headerbg.jpg')  0px 0px repeat-x;
}

#container{
	clear:both;
	width:840px;
	margin:0 auto ;
	padding-top: 5px;
	text-align:center;
	overflow: hidden;
}

#content{
	width:840px;
	margin:0 auto ;
	text-align:center;
}

#mainarea {
	width:840px;
	background: url('../../img/common/mainbg.jpg')  0px 0px repeat-y;
}


/* news
------------------------  */
#bookframe {
	width:660px;
	height:510px;
	margin:0 auto ;
	clear:both;
	background: url('../../img/news/note.png')  0px 0px no-repeat;
}

#pn {
	width:400px;
	height:25px;
	margin:0 auto ;
	float:right;
}

#frame_a {
	width:280px;
	height:450px;
	margin:20px 0px 0px 35px;
	float:left;
	text-align:left;
}

#frame_b {
	width:280px;
	height:450px;
	margin:20px 15px 0px 25px;
	float:left;
	text-align:left;
}

/* address
------------------------  */
.data_tbl {
width:500px;
margin: 0 auto;
border-bottom:1px solid #999999;
border-top:2px solid #5A1D01;
}

.data_tbl td {
border-bottom:1px dotted #999999;
}


/* shop
------------------------  */
#main_inner{
	margin-left:70px;
	width:700px;
	float:left;
}

* html #main_inner{
	margin-left:30px;
	width:700px;
	float:left;
}

#parentArea{
	margin:0px 10px 0px 20px;
	width:200px;
	float:left;
}

#sweetsPic{
	width:200px;
	float:left;
}

#sweetsCap{
	clear:both;
	padding:7px 0px 0px 0px;
	width:200px;
	height:60px;
	background: url('../../img/shop/caption.png') 0px 0px repeat-x;
	font-weight:bold;
	color:#666666;
}

/* POINT
------------------------  */
#pointdiv{
	background: url('../../img/point/bg.jpg') 0px 0px repeat-x;
	width:750px;
	height:430px;
}

#point_inner{
		padding:100px 0px 0px 260px;
}

#plist{
	clear:both;
	padding:10px 0px 0px 25px;
	font-size:10px;
}

#plist li{
	font-size:110%;
}


/* CAFE
------------------------  */
#main_inner2{
	margin-left:70px;
	width:700px;
	float:left;
}

* html #main_inner2{
	margin-left:30px;
	width:700px;
	float:left;
}

#parentArea2{
	margin:0px 10px 0px 20px;
	width:700px;
}
#leftArea{
	float:left;
	width:400px;
}
#rightArea{
	float:right;
	text-align:right;
	width:295px;
}

#cafetext{
	margin-left:60px;
	text-align:left;
}

#cafePhoto{
	width:400px;
	background: #FFF;
	margin-bottom: 1.5em;
}


/* MENU
------------------------  */
#menudiv01{
	background: url('../../img/cafe/bg01.jpg') 0px 0px repeat-x;
	width:750px;
	height:430px;
}

#menudiv02{
	background: url('../../img/cafe/bg02.jpg') 0px 0px repeat-x;
	width:750px;
	height:430px;
}

#menu_inner{
		padding:120px 0px 0px 170px;
}

#menu_inner2{
		padding:120px 0px 0px 130px;
}

#menulist{
	clear:both;
	padding:10px 0px 0px 5px;
	font-size:10px;
}

#menulist li{
	font-size:110%;
	padding-bottom:7px;
	list-style-type: none;
}