*{padding:0; margin:0;list-style-type:none; font-style:normal;line-height:1.5em;}
h1,h2,h3,h4 { font-size:80%; font-weight:normal;}
img {border:0;}
a {text-decoration:underline;}
div {text-align:left;}
p,ul,dl,address{font-size:12px;}

body {background:#201504;}
#wrapper { text-align:center; background:url(../img/bg.gif) repeat-x #F7F5ED;}
#container {width:800px; margin:0 auto; color:#201504; position:relative;}
#header { height:72px;}
#contents {clear:both;}

#global_nav { height:35px;padding-top:22px;/* border:1px solid;*/}
#global_nav ul { float:right;}
#global_nav li {display:inline; margin-left:20px;}


#footer { width:100%;text-align:center;clear:both; background:url(../img/footer_bg.gif) repeat-x #201504;}
#footer #footer_container { width:800px; margin:0 auto; text-align:left; /*border:1px solid;*/}
#bot_nav { height:64px;}
#bot_nav ul { padding-top:19px;float:right;}
#bot_nav li {display:inline; margin-left:8px;}
#footer address {color:#FFF; padding:20px 0;clear:both;}





/*h1 {display:block;float:left;}*/
#photo_img {float:right;}
#contents h1 {margin:25px 0 30px 40px;}
#home h1 {width:120px;margin:25px 0 100px 18px;float:none;}

#home #content_col { float:left;width:200px;}

#contents #contents_nav { width:160px; float:left;}
#contents.cafe #contents_nav { width:350px;}
#contents #contents_nav li { margin:10px 0;}
#photo_col {float:right; width:580px;}
#comment {display:none;}

#contents.access #title_col {width:160px;float:left;}
#contents.access #title_col h2 img {margin:50px 0 0 40px;}
#contents.access #photo_img {float:left;}
#contents.access div.layout_box{padding-top:20px; float:right; width:330px;}
#contents.access div.layout_box h3,#contents.access div.layout_box h4 {clear:both;padding:4px 0 8px 10px; }
#contents.access div.layout_box h3 { border-top:1px solid #5A4D49;margin-top:15px;}
#contents.access div.layout_box h4 { padding:3px 0 3px 10px;}
#contents.access div.layout_box dl { padding:5px 0 5px 20px;}
#contents.access div.layout_box dt {float:left; width:13em;}
#contents.access div.layout_box dd { padding-left:14em;}
#contents.access div.layout_box li { padding-left:20px;}
#contents.access div.layout_box li a {color:#201504; text-decoration:undeline;}

#contents.link #title_col{width:160px;float:left;}
#contents.link #title_col h2 img { margin:50px 0 0 50px;}
#contents.link div.layout_box{width:500px; position:absolute; left:250px; top:100px;}
#contents.link div.layout_box li { padding:10px 0;}
#contents.link div.layout_box li a { color:#FFF; text-decoration:underline;}

#contents.inquiry #title_col{width:160px;float:left;}
#contents.inquiry #photo_img { float:left;}
#contents.inquiry #title_col h2 img {margin:50px 0 0 30px;}
#contents.inquiry div.layout_box {width:300px; float:right; padding-top:15px;}
#contents.inquiry dt { padding:10px 0 5px 0;}
#contents.inquiry dd { padding-left:15px;}

/*.tbline {  border: solid; border-width: 0px 0px 2px; border-color: #333333 #333333 #CC7439}
.tbline2 { height: 25px; border: #D7C096 solid; border-width: 1px 0px}
.tbline3 { height: 25px; border: #D7C096; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
.font10 {  font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 10px; line-height: 18px}
a:link {  color: #663300; text-decoration: none}
a:hover {  font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; color: #663300; background-color: #E6BFA3; text-decoration: underline}
a:visited {  font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; color: #663300; text-decoration: none}
.menutb {  background-image: url(cafe/img/menu_bottom.gif); background-repeat: no-repeat; background-position: center bottom}
.font12 { font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 12px; line-height: 18px ; color: #333333}
.hasen {  border-color: black black #C6B7A1; border-style: dashed; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.menupage {  border-color: black #C6B7A1; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 12px; line-height: 18px; color: #333333; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
.menupage2 { font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 12px; line-height: 18px; color: #333333; font-weight: bold; text-align: center; vertical-align: middle; border: #C6B7A1 solid; border-width: 1px 0px}
.coffee {  background-image: url(cafe/img/c_1.jpg); background-repeat: no-repeat; background-position: left top}
.tea {  background-image: url(cafe/img/t_1.jpg); background-repeat: no-repeat; background-position: left top}
.menupage4 { font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 12px; line-height: 18px; color: #333333; border: solid; border-width: 0px 0px 1px; border-color: #cc7439 #cc7439 #333333}
.sweets {  background-image: url(cafe/img/s_1.jpg); background-repeat: no-repeat; background-position: left top}
.ware { background-image: url(cafe/img/w_1.jpg); background-repeat: no-repeat; background-position: left top }
.tabletb { background-image: url(cafe/img/ware_bottom.gif); background-repeat: no-repeat; background-position: center bottom }
.menupage5 { border-color: black #C6B7A1 #C6B7A1; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; font-size: 12px; line-height: 18px; color: #333333; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.shop { background-image: url(cafe/img/sh_2.jpg); background-repeat: no-repeat; background-position: left top }
.shoptb { background-image: url(cafe/img/ware_bottom.gif); background-repeat: no-repeat; background-position: center bottom }
.access { background-image: url(link/img/l_1.jpg); background-repeat: no-repeat; background-position: left top }
.cafe { background-image: url(cafe/img/top_img2.jpg); background-repeat: no-repeat; background-position: center top}
.mail { background:url(imges/mail_img.gif) no-repeat; padding: 0 0 0 20px; }
*/

#condition { font-size:12px; margin:20px 0 0 0;}
#condition th,#condition td { border-bottom:dashed 1px #999999; }
#condition th { width:25%; font-weight:normal; }
#condition td { widows:75%; }
#condition caption { font-weight:bold; }
#condition a,#condition a:hover { color:#cc7439; }

#form #content { background:#f7f5ed; width:500px; margin:0 auto; padding:30px 50px; }
#form #content h3 {margin:0 0 20px 0; text-align:center; font-weight:bold; }