@charset "UTF-8";

@import "reset.css";

body {font-family: "Meiryo","メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", "Osaka","MS ゴシック";
background:#FFF;}
p,li,dt,dd{ color:#333; font-size:13px; color:#333; line-height:1.5em;}

a:link{ color:#97BE56;}
a:visited{ color:#97BE56;}
a:hover{ color:#FFF; background:#97BE56; text-decoration:none;}

#Container{ width:814px; margin:23px auto 0 auto; background:url(images/bg.jpg) repeat-y 0 23px;}

#head{ width:814px; height:101px; background:url(images/head.jpg) no-repeat; position:relative;}
#head h1{ width:87px; height:54px; position:absolute; top:20px; left:20px; }

#foot{ width:814px; margin:0 auto;}
#foot address{ text-align:right;}

/*ヘッダ*/

/*ナビゲーション*/
#g_navigation{ height:67px; padding:0 0 20px 28px;}
#g_navigation li{ float:left;}

/*index用 FLASHとか*/
#recommend_box{ padding:0 0 0 20px; width:782px; clear:left;}
#flash{ width:526px; height:273px; float:left;}
#recommend{ width:256px; float:right;}

#topics_box{ padding:15px 0 0 23px; width:769px; clear:both;}
#topics{}

#index_topics_clr{ margin:0; padding:0; clear:right; visibility:hidden;}

#index_banner{ padding:0px; width:212px; float:right;}

/*diarypro*/
#topics_main{ width:522px; height:250px; background:#FDF7D5;}
#topics_main { padding:0 10px;}
#topics_main li{ line-height:2em; padding:0 0 0 26px; background:url(images/index_topics_dot.jpg) no-repeat 0 5px; border-bottom:1px dotted #97BE56;}
#topics_main li a:link{ color:#666; text-decoration:none;}
#topics_main li a:visited{ color:#666; text-decoration:none;}
#topics_main li a:hover{ color:#FFF; background:#97BE56; text-decoration:none;}

.topics_date{ color:#C00; font-weight:bold;}

#diaryPro textarea{ width:500px;}

/*以下、下層ページ用*/
#content{ margin:0 0 0 23px; width:768px; clear:left; background:url(images/content_bg.jpg) repeat-y; position:relative;}
#content p{padding:0 15px 12px 15px;}
#content h3{padding:0 0 12px 0;}
#content h4{padding:0 10px 12px 10px;}
#content ul{ padding:0 0 12px 10px;}

#contact_form{ margin:10px 40px; border-top:2px solid #97BE56; border-bottom:2px solid #97BE56; border-collapse:collapse;}
#contact_form th,#contact_form td{ padding:10px; font-size:12px;}
#contact_form th{ color:#97BE56; font-weight:bold; background:#EDF7E1; border-bottom:1px dotted #FFF;}
#contact_form td{ border-bottom:1px dotted #E3F3DC;}

#recruit{ width:708px; margin:0 0 20px 25px;}
#recruit dt{ margin:15px 0 5px 0; font-size:14px; font-weight:bold; color:#97BE56; border-bottom:1px dotted #97BE56;}
#recruit dd{ margin:0 0 0 23px}

.map{ float:right; padding:10px 20px 0 0;}

#shop_list h4{ padding:25px 10px 5px 10px;}

#menu_cold_drinks{ float:right;}
#menu_cold_drinks p{ padding:0;}


#shop_menu{ margin:0 20px; height:15px;}
#shop_menu li{ width:140px; float:left; padding:5px 0 0 30px; font-weight:bold; background:url(images/shop_list.gif) no-repeat;}
#shop_menu a:link{ color:#666;}
#shop_menu a:visited{ color:#666;}
#shop_menu a:hover{ color:#97BE56; background:none; text-decoration:underline;}

#shop_list { font-size:13px;}
#shop_list li{ float:left; padding:0 0 0 20px;}

#ank{ width:200px; height:20px; position:relative; top:-1890px; left:180px;}
#ank2{ width:200px; height:20px; position:relative; top:-45px; left:150px;}

.menu_arr{ color:#F60; font-weight:bold;}