*{ 
	margin: 0;
	padding: 0;
	zoom: 1;}
/*  */
body{  font-size: 12px;color: #333; background-image: url(img_top/line.gif); }
tr,td { font-size: 0.98em; line-height: 1.5; margin-right: auto; margin-left: auto; }
img { margin: 8px; }
#container{ color: #333; font-size: 12px; background-color: #fff; text-align: center; width: 800px; margin: 25px auto; padding: 0; border: solid 3px #c99; }
#wrapper{ color: #333; font-size: 12px; text-align: center; width: 700px; margin: 60px auto; padding: 0; }
#wrapper .clearboth { clear: both;  }

/* menu */
#navlist{ list-style: none; padding: 0.5em; margin: 0; }
#navlist li{ display: inline; padding: 0; margin: 0; }
#navlist li:before { padding-right: 0.1em; padding-left: 0.1em; content: "| "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{border-left: 1px solid black;padding: 0 0.4em 0 0.4em;margin: 0 0.4em 0 -0.4em; }

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }
* html #navlist li{display: block;float: left; }

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }
a:link { color: #900; text-decoration: none; }
a:visited { color: #966; text-decoration: none; }
a:hover { color: #966; text-decoration: underline; }



/* box*/
.topbox
      { background-image: url(img_top/top.jpg); width: 460px; height: 150px; overflow: auto; background-repeat: no-repeat; text-align: center; }
.topbox .contents
      {
         width: 330px;
         margin: 15px 10px 0 20px;
         overflow: auto;
      }
.s-box
{ width:90%; text-align:left; font-size: 10px; line-height:1.6; color: #333333; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-top: 10px; padding-bottom: 10px; border-style: none; }	

#f-box
{ width:85%; text-align:left; border : none ; font-size: 12px; line-height:1.4; color: #333333; margin-right: auto; margin-left: auto; padding: 10px; }

#n-box
{ width:240px; text-align:left; border : none ; padding :  10px; font-size: 12px; line-height:1.4; color: #333333; margin-right: auto; margin-left: auto; }	
#m-box
{ width:530px; text-align:left; padding :  10px 15px; line-height:1.8; color: #333333; margin-right: auto; margin-left: auto; border-style: none; }	
#m-box .end
{ width:540px; text-align:right; border : none ; line-height:1.6; color: #333333; margin-top: 2em; margin-right: auto; margin-left: auto; }	

/* event*/
.event
{ text-align:center; width: 600px; margin-left: 50px; }
#event h2
{ text-align:left; color: #300; font-size: 14px; font-weight: normal; margin: 0 0 1em -2em; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 0.5em; }
.ev{ font-size: 12px; text-align: center; width: 600px; margin-left: 50px; border-collapse: collapse; }
.ev th{ color: #300; font-size: 11px; font-weight: 700; background-color: #e6e1dd; text-align: font-weight: normal; text-align: left; vertical-align: top; width: 180px; padding-top: 1.5em; padding-left: 0.5em; border-top: 2px solid #c4bbad; border-bottom: 2px solid #c4bbad; }
.ev td{ color: #300; font-size: 95%; text-align: left; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1em; border-top: 2px solid #cdc5bf; border-bottom: 2px solid #cdc5bf; }
.em { font-size: 140%; font-weight: normal; padding-top: 10px; padding-bottom: 5px; }
.ev h3
{ color: #905f5f; font-size: 130%; text-align:left; margin: 0.5em 0; }
 
p{ font-weight: 700; }
dl,dt{ font-size: 11px; line-height: 1.8; }
dd{ font-size: 11px; padding-left: 1em; }
 
 
/* page-up*/
.p-up{ width:540px; text-align:right; margin: 1em auto; }	
.p-up2{ width:100%; text-align:right; margin: 3em auto; padding-bottom: 5px; border-bottom: 1px dotted #966; }	
/* normal*/
.listbox
{
	width:300px;
	text-align:left;
	color: #333333;
	background-color: #e6e1dd;
	margin-bottom: 0.3em;
	padding: 15px;
}
.listbox h2 
{ color: #cc6699; margin: 0; }
.list { margin-top: 1em; padding: 0; }
.list ul
{ font-weight: bold; font-style: normal; font-variant: normal; }
.listbox li 
{ border-bottom: 1px dotted #666666; line-height: 1.4; text-align: left; text-indent: 0.5em; margin-top: 1em; padding-bottom: 0.2em; list-style-image: url(img_event/li.gif); list-style-position: inside; }
/* */
.list dl
{ display: block;width: 320px;text-align: left;}
.listbox dt 
{ float: left; width: 100px; margin: 0; border-bottom: 1px dotted #666666; line-height: 1.4; background-attachment: fixed; background-position: left center; }

.listbox dd
{ border-bottom: 1px dotted #666666; line-height: 1.4; padding: 2px; }
.listbox dt 
{ clear: left;}
/* shoplist*/
#shop{ font-weight: 700; background-color: #e6e1dd; text-align: left; width: 550px; clear: left; margin: 40px auto 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; }
.linkbt
{ clear: left; text-align: center; width:200px; float: left; margin: 10px 0 10px 35px; }	
#link
{ font-size: 10px; line-height: 1.6; text-align: left; width:270px; float: left; margin: 10px 25px; padding-top: 10px; padding-bottom: 10px; }	
#add{ font-size: 90%; line-height: 1.6; text-align: left; width: 420px;  margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #666; }
#add2{ text-align: left; width: 450px; margin-right: auto; margin-bottom: 8px; padding-left: 20px; margin-left: auto; padding-bottom: 3px; }
#ft{ clear: left;font-size: 0.85em; background-color: #ff9999; text-align: center; width: 780px; clear: left; padding: 10px; }
#id { }
