@charset "utf-8";

*{ padding:0; margin:0;}

html{ background: url(images/bg_html.gif) 0 0;  }

img {border: none;}
p.cb{ clear:both; text-align:center;}
ul, li{ list-style:none;}

body{ text-align:center; padding: 30px 0 40px 0;}
div#wrap{ width:820px; margin: 0 auto; background: url(images/bg_wrap.gif) 0 0 repeat-y; padding-bottom:10px;}
div#contmain{ width:800px; margin:10px; text-align:left; position:relative;}

div.l_area{ float: left; display:inline; width:366px; background:#222222; margin-left:20px; padding-bottom:1em}
div.l_area table#floor{ border-bottom: 3px solid #ffffff; font-size:75%; color:#FFFFFF;}
table#floor td{ border-top:3px solid #ffffff; width:182px; background:#222222}
table#floor td.txt{}
table#floor td p{ padding: 0 0 0 20px;}
td.lcell{ border-right:3px solid #ffffff;}
div.l_area h3{ color:#ffffff; font-size:80%; margin-top:1em; margin-left:14px; margin-bottom:10px;}

div.r_area{ float: right; display:inline; margin-right:21px; width:383px;}
div.r_area h2{ background:url(images/stt_info.gif) 0 0 no-repeat; width:383px; height:61px; text-indent:-999em; margin-bottom:0.5em;}
div.r_area p{ font-size:75%; line-height: 140%; padding: 5px 12px;}
div.r_area p.name{ vertical-align:middle; text-align:right; margin-top:10px;}
div.r_area table{ margin-top:12px;}
div.r_area td{ padding: 8px 0; background:#222222;} 


ul.lineup { padding: 0 14px;}
ul.lineup li{ font-size:12px; float:left; margin: 1px 2px; padding: 3px 5px; color:#ffffff; border: 1px solid #666;}

p#copyright{ color:#ffffff; clear:both; padding-top:1em;}

#pannavi { position: absolute; top:-630px; left:7px; z-index:10; font-size:12px; color:#ffffff;}
#pannavi a{ color:#FFFF33; text-decoration: none;}
#pannavi a:hover{ color:#ffffee; text-decoration:underline;}
#logo_volks a{
	background:url(images/logo_volks.gif) 0 0 no-repeat;
	width:221px;
	height:35px;
	position: absolute;
	top:-430px;
	left:25px;
	text-indent:-999em;
	display:block;
	overflow: hidden;
	z-index:10;
}

p#opfair{ text-align:center; clear: both; padding: 10px 0 ;}
p#opfair2{ text-align:center; clear: both; padding: 0;}

div#adress{ width: 760px; background:#0B0B0B; margin-left:20px; margin-top:20px;}
td.bk { height:120px;}
td.bk h4{ margin: 10px 0; text-align:center;}
td.bk ul{ font-size:75%; color:#FFFFFF; line-height:140%; text-align:center;}
td.bk ul li{ margin-bottom:5px;}
td.wh { background: #fff; height:139px;}
td.wh h4{ border-bottom: 3px double #666666; margin:0 20px 10px 20px; color:#000000;}
td.wh ul{ font-size:75%; color:#000000; text-align:left; margin:0 20px;}
div#adress p.cb{ clear:both; width: auto; float:none; padding:0; display:inherit;}
div#adress p#wait{ width:760px; height:69px; background:url(images/wait.gif) 0 0 no-repeat; float:none; padding:0; display:inherit; text-indent:-999em;}
td.wh p{ font-size:75%; margin:10px 20px 0 20px;}

div#footer{ background:url(images/bg_footer.gif) 0 0 no-repeat; padding-top:10px; width:820px; margin: 0 auto; color:#FFFFFF; position:relative;}
div#footer h3{ font-size:85%; margin-bottom:6px;}
div#footer p{ font-size:75%;}
div#footer ul{ margin-left:70px;}
div#footer li{ float:left; display: inline; font-size:75%; padding: 0 1em; border-right:1px solid #666666; font-weight: bold;}
div#footer li a{ color:#FFFF33; text-decoration: none;}
div#footer li a:hover{ color:#ffffee; text-decoration:underline;}
div#footer p#btn_top a{ background: url(images/bt_top.gif); width:81px; height:11px; display:block; text-indent:-999em; margin-bottom:10px; margin-left:710px; overflow: hidden;}

div#fair_text_area{ width:752px; margin-left:20px; border: 4px double #CE0909; margin-bottom:20px; padding:15px 0;}
div#fair_text_area p, div#fair_text_area h3{ margin: 5px 0;}
div#fair_text_area p{ font-size:75%; line-height:120%;}
div#fair_text_area div.l_area{ background: none; width:395px; margin-right:14px; border-right:2px dotted #cccccc; padding-right:14px;}
div#fair_text_area div.l_area h3{ font-size: 90%; border-bottom: 3px double #ffcccc; margin-bottom:5px; color:#CC0000;}

/* 追記 */
.bn_blog {width: 785px; margin: 20px auto;}