@charset "Shift_JIS";
body{ margin:0; padding:0;color:#333; font-size:small;}
img{border:0;}
#main-content{width:850px; margin:0 auto;}
.table_banner {border-collapse:collapse; table-layout:fixed; }
.table_banner td{padding:5px; border:1px solid #CCC; text-align:right; }
.table_banner th{padding:5px; border:1px solid #CCC;}

.community_map { width:90%; border-collapse:collapse; border:1px solid #FFCC66; margin: auto; }
.community_map th {border:1px solid #FFCC66;}
.community_map tr { background-color: #FFFFCC; }
.community_map td{ padding:7px; border:1px solid #FFCC66; }
.community_map2 { width:90%; border-collapse:collapse; margin: 15px auto; }
.community_map2 th { background-color:#CCC;}
.community_map2 td{ padding:7px; border:1px solid #CCC; }
#sub-header { margin-bottom: 15px; }
.community_map2 table.newsBacknumber{width:580px;}
.community_map2 table.newsBacknumber td{border:none; font-size:small;}
.title-yellowback { color: #FFFFFF; background: #FF9900; padding: 5px; font-weight:bold; margin-top: 20px; }
#header { height: 105px; margin-bottom: 7px; }
#main-content #main-body { width: 620px; float: left; padding-right: 10px; }
#sub-content { float: right; width: 220px; }
#footer_banner {clear: both; }
ol { text-align: left; margin-top: 10px; margin-bottom: 20px; }
#main-body { text-align: left; }
.remark { background: #FFEAEA; padding: 7px; margin: 10px; }
.image_right { float: right; margin-left: 10px; margin-bottom: 10px; }
.clear_both { clear: both; }
#main-body a { border:0; }
#main-body h2 { border-bottom: 2px solid #FF3300; color: #FF3300; padding-top: 5px; padding-bottom: 5px; margin-top: 25px; margin-bottom: 25px; }
#main-body h4 { color: #555; margin-top: 25px; margin-bottom: 10px; background: url(images/bg_h4_guide.gif) no-repeat; padding-left: 15px; }
#main-body h3 { color: #555; margin-top: 28px; margin-bottom: 10px; background: url(images/bg_h3_guide.gif) no-repeat; padding-top: 7px; padding-left: 27px; font-size: 100%; height: 29px; }
#footer { margin-top: 20px; font-size:small; }
#main-body p { margin: 7px 0px; }
#main-body li { margin-top: 7px; margin-bottom: 7px; }
#main-body-inner { margin-left: 9px; }
p.kakko-list{text-indent:-2em; margin-left:3em;}
#table-genre{width:100%;}
#table-genre td { font-size:100%; }

/* Header */
#header #nav_upper #top_logo a { text-indent: -9999px; display: block; height: 75px; width: 237px; background: url(images/navigation/logo_spr.jpg); }
#header #nav_upper #nav_gen ul { margin: 8px 0px 0px; padding: 0px; }
#header #nav_upper #nav_gen li { float: left; margin-right: 8px; list-style: none; }
#header #nav_upper #top_logo { float: left; width: 237px; }
#header #nav_upper #nav_gen { width: 380px; float: left; text-align: left; font-size: smaller; padding-left: 8px; padding-top: 25px; }
#header #nav_upper #nav_gen a { height: 16px; text-indent: -9999px; display: block; }
#header #nav_upper #nav_gen a#beginner { background: url(images/navigation/nav_gen_off01.jpg); width: 79px; }
#header #nav_upper #nav_gen a#regist { background: url(images/navigation/nav_gen_off02.jpg); width: 84px; }
#header #nav_upper #nav_gen a#shopping { background: url(images/navigation/nav_gen_off03.jpg); width: 84px; }
#header #nav_upper #nav_gen a#open { background: url(images/navigation/nav_gen_off04.jpg); width: 84px; }
#header #nav_upper #nav_gen a#beginner:hover { background: url(images/navigation/nav_gen_on01.jpg);}
#header #nav_upper #nav_gen a#regist:hover { background: url(images/navigation/nav_gen_on02.jpg);}
#header #nav_upper #nav_gen a#shopping:hover { background: url(images/navigation/nav_gen_on03.jpg);}
#header #nav_upper #nav_gen a#open:hover { background: url(images/navigation/nav_gen_on04.jpg);}
#header #nav_upper #valuecommerce { width: 220px; float: left; margin-top: 30px; }
#header #nav_lower { clear: both; height: 30px; }
#header #nav_lower #nav_cont ul { margin: 0px; padding: 0px; }
#header #nav_lower #nav_cont li { float: left; list-style: none; }
#header #nav_lower #nav_cont a { text-indent: -9999px; display: block; height: 30px; }
#header #nav_lower #nav_cont a#nav_coupon { background: url(images/navigation/nav_con_off01.jpg); width: 146px; }
#header #nav_lower #nav_cont a#nav_news { background: url(images/navigation/nav_con_off02.jpg); width: 124px; }
#header #nav_lower #nav_cont a#nav_restaurant { background: url(images/navigation/nav_con_off03.jpg); width: 136px; }
#header #nav_lower #nav_cont a#nav_community { background: url(images/navigation/nav_con_off04.jpg); width: 125px; }
#header #nav_lower #nav_cont a#nav_contact { background: url(images/navigation/nav_con_off05.jpg); width: 110px; }
#header #nav_lower #nav_cont a#nav_faq { background: url(images/navigation/nav_con_off06.jpg); width: 77px; }
#header #nav_lower #nav_cont a#nav_privacy { background: url(images/navigation/nav_con_off07.jpg); width: 132px; }
#header #nav_lower #nav_cont a#nav_coupon:hover { background: url(images/navigation/nav_con_on01.jpg);}
#header #nav_lower #nav_cont a#nav_news:hover { background: url(images/navigation/nav_con_on02.jpg); }
#header #nav_lower #nav_cont a#nav_restaurant:hover { background: url(images/navigation/nav_con_on03.jpg);}
#header #nav_lower #nav_cont a#nav_community:hover { background: url(images/navigation/nav_con_on04.jpg);}
#header #nav_lower #nav_cont a#nav_contact:hover { background: url(images/navigation/nav_con_on05.jpg);}
#header #nav_lower #nav_cont a#nav_faq:hover { background: url(images/navigation/nav_con_on06.jpg);}
#header #nav_lower #nav_cont a#nav_privacy:hover { background: url(images/navigation/nav_con_on07.jpg);}
.orange-bar { background: #FF8000; padding: 5px; color: #FFFFFF; font-weight: bold; }