@charset "Shift_JIS";
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	color: #000000;
	background-color: #cccccc;
}
h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;color:#660000;}
p,form{margin:0;padding:0;}

a         {color : #cc0000;text-decoration : none;}
a:link    {color : #cc0000;text-decoration : none;}
a:visited {color : #990000;text-decoration : none;}
a:hover   {color : green;text-decoration : underline;}
a:active  {color : blue;text-decoration : underline;}

div#all {
	width: 750px;
	margin: auto;padding:5px 2px;
	background-color: #999999;
}

/* head */
h1.top_h1 {float:left;width:300px;text-align:left;font-size:12px;margin:0;padding:0;}
div.top_l {float:left;text-align:left;width:300px;}
div.top_r {float:right;text-align:right;width:440px;}
ul.top_ul {list-style-type: none;margin:0;padding:0;}
li.top_li {display: inline;margin:0 2px;padding:0;}

div#head {clear:both;background-color: #333333;margin:5px;}
div#head2{clear:both;margin:5px;}
div#root {clear:both;text-align: left;margin-left:15px;}
img#top_image {width:500px;height:320px;border:2px solid #000000;margin:2px;}

/* main */
div#main {margin:10px 0;}
div#main_l {float:left;width:500px;}
div.side_qr {background-color:#ffffff;}

div#main_r {float:right;width:240px;text-align:left;}
table.story_tb {
	width: 480px;
	margin: auto;
	font-size:100%;
	border-collapse: collapse;
}
td.story_td1 {
	width: 170px;
	text-align: left;
	vertical-align: top;
	border-style: dotted none dotted dotted;
	border-color: #666666;
	border-width: 1px;
	padding: 2px;
}
td.story_td2 {
	text-align: left;
	vertical-align: top;
	border-style: dotted dotted dotted none;
	border-color: #666666;
	border-width: 1px;
	padding: 2px;
}
img.story_info {width:160px;height:90px;border:1px solid #ffffff;}
h2.story_h2    {border-bottom:2px solid #cccccc;}

div.main_box   {background-color:#333333;text-align:center;padding:5px;}
h1.main_h1 {
	background-color: #cccccc;color:#cc0000;font-size:16px;
	text-align: left;border:1px solid #000000;
	margin: 2px 2px 15px 2px;
	padding: 3px 2px 3px 10px;
	background-image : url(title_bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
div.story_info {
	line-height: 1.5;
	color: #666666;
	background-color: white;
	text-align: left;
	padding: 15px;margin:10px auto;
	border: 2px solid gray;
	width: 580px;
}

/* side */
div.side_mes {
	padding: 5px 0;
	margin: 0 10px;
	line-height: 1.5;
	color: navy;
}
ul.side_ul {margin: 0;padding: 0;list-style-type: none;}
li.side_li {margin:5px 0;padding:0;text-align:center;}
img.year_banner {width:200px;height:60px;border:1px solid #333333;}

/* food */
div.food_link {clear:both;}
div#food {clear:both;text-align:right;margin:2px;border-top:2px solid #333333;margin-top:20px;}
img#copy {width:180px;height:20px;border:1px solid #666666;margin:2px;}


/*page*/
div.pagelist{text-align:center;margin:20px;}