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

/*base*/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,r
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	/*font-family: inherit;*/
	vertical-align: baseline;
	list-style:none;
	font-weight:normal;
	font-variant: normal;
	color:#222;
	}

body{
    font: 14px/1.8 "AGaramondPro-Regular",Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","Osaka",sans-serif; color: #222;-webkit-text-stroke-width:0.1px;
	} 

a{/*font-size:14px;*/ font-weight:normal; color:#222; text-decoration:none;}
	a:hover{color:#ff0058; text-decoration:none;}

br.clear{ clear: both; line-height: 0; font-size:0; margin:0; padding:0;}


/*basic contents*/

#wrapper { width:100%; height:100%; margin:0; padding:0; color:#333;}

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

#container #logo{ position:absolute; top:27px; left:329px;}
#container #topimg{ position:absolute; top:32px; z-index:-1;}



/*Index contents*/

#contents{ margin-top:432px;}

#contents .leftcol{ float:left; width:615px; padding-left:25px;}
#contents .rightcol{ float:right; width:250px;}

#contents .leftcol .theme{ padding:35px 0;}
#contents .leftcol p.txt{ width:355px; float:left; padding:10px 0 0 5px;}


#contents .rightcol img{ margin-top:7px;}



/*Common contents*/

#content{ margin-top:190px;}


/*About contents*/

#content .inline_box{ padding:20px 65px; display:inline-block;}
#content .inline_box dl{ width:350px; height:390px; margin-bottom:40px; border-bottom:dashed 1px #5A3918; display:block; font-size:12px;}
#content .inline_box dl dd{ padding-top:8px;}
#content .inline_box dl.left{ float:left;}
#content .inline_box dl.right{ float:right;}
#content .inline_box dl dd p{ padding:8px 7px;}



/*Menu contents*/
#content #menu_navi{ padding:10px 50px;}
#content #menu_navi ul{ padding-left:75px;}
#content #menu_navi ul li{ float: left; display:block; margin-right:30px;}


/*Food Menu contents*/
#menu_food{ padding-left:85px;}
#menu_food ul.menu li{ padding-top:10px;}
#menu_food ul.menu li .food_title{ padding:10px 0;}
#menu_food ul.menu li dl{ display:block; float:left; margin-right:38px; margin-bottom:25px;}
#menu_food ul.menu li dl dt{ padding-bottom:7px;}
#menu_food ul.menu li .oden {padding-top:20px; border-top:solid 1px #5A3918; width:730px;}


/*Drink Menu contents*/
#content #menu_drink{ width:730px; margin:0 auto;}
#content #menu_drink .caffee_menu{ float:left;}
#content #menu_drink .caffee_img{ float:right; width:214px;}
#content #menu_drink .caffee_img img{ margin-bottom:5px;}
#content #menu_drink .softdrink{ margin-top:-70px;}
#content #menu_drink .softdrink_menu{ float:left; margin-top:5px;}
#content #menu_drink .softdrink_img{ float: right; margin-right:30px; margin-top:25px;}
#content #menu_drink .tapioca{ margin-top:20px; position:absolute;}
#content #menu_drink .tapioca_menu{ padding-top:20px; float:left; width:470;}
#content #menu_drink .tapioca_img{ float:right; width:280px; margin-top:-200px; margin-right:40px;}
#content #menu_drink .dessert{ display:block; top:550px; position:relative;}
#content #menu_drink .dessert_menu{ width:360px; float:left;}
#content #menu_drink .dessert_menu img{ margin-top:10px;}
#content #menu_drink .dessert_img{ float:right; width:370px;}
#content #menu_drink .dessert_img img{ margin-left:10px; text-align:right;}


/*Alcohol Menu contents*/
#content .alcohol{ padding:10px 0 50px 0;}


/*Gallery contents*/
#content #gallery{ width:730px; margin:0 auto;}
#content #gallery .gallery_contents{ padding:5px 115px;}
#content #gallery dl dt{ font-size:12px;}
#content #gallery dl dd{ padding-top:40px; padding-bottom:40px;}
#content #gallery dl dd p{ font-size:10px; margin-top:5px;}


/*Access contents*/
#content #access{ width:730px; margin:15px auto;}
#content #access .map{ float:left; width:450px;}
#content #access .datail{ float:right;}
#content #access ul li{ padding-top:10px;}
#content #access ul li.time{ font-size:16px;}


/*Footer contents*/
#container #footer{ margin:25px 0; border-top:#5A3918 1px solid; padding-top:15px;}
#container #footer #fot_menu{ float:left; display:inline-block; margin-left:10px;}
#container #footer #fot_menu li{ float:left; display:block; margin-right:20px;}
#container #footer .copyright{ float:right; display:inline-block;}