/* reset
------------------------------------------------------------------*/
/**
 * 84.5% for !IE, keywords for IE to preserve user font-size adjustment
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 *
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */

html, h1, h2, h3, h4,pre,form,fieldset,input,textarea,p,blockquote, p, ul, ol, li, hr, dl, dt, dd, th, td {
  margin: 0;
  padding: 0;
 }

address, caption, cite, code, dfn, em, strong, th, var{
  font-style:normal;
  font-weight:normal;
 }

ol,ul {
  list-style:none;
  }

table {
  border-collapse:collapse;
  border-spacing:0;
 }

h1, h2, h3, h4 {
  font-size:100%;
  font-weight: normal;
 }

q:before,q:after {
  content:'';
 }

fieldset, img, abbr,acronym {
  border:0;
 }

.clearfix:after {
  content: "." ;
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }

.clearfix {
  display: inline-block;
 }

/* Hides from IE-mac �_*/
* html.clearfix {
  height: 1%;
 }

.clearfix {
  display: block;
 }
/* End hides from IE-mac */


/* common
------------------------------------------------------------------*/
h1, h2, h3, h4 {
  color: #333333;
 }

a {
  color: #532E13;
  text-decoration: none;
  outline: none;
 }

body {
  color: #666;
  margin: 0;
  padding: 0;
  text-align: center;
  font: 100% 'Lucida Grande', 'Hiragino Kaku Gothic Pro', '�q���M�m�p�S Pro W3','�l�r �o�S�V�b�N', 'Arial', sans-serif;
  line-height: 1.22em;
  background: #FFF url(../com_img/bg.jpg) center top;
 }

#container {
  width: 866px;
  margin: 0 auto 0;
  padding: 0;
  text-align: left;
  background: #FFF url(../com_img/con_bg.jpg) repeat-y;
 }

/* header
------------------------------------------------------------------*/
#header {
  width: 836px;
  height: 136px;
  margin: 0;
  padding: 80px 15px 0;
  background: url(../com_img/header_bg.jpg) no-repeat;
 }

#header h1, #header h2, #header p {
  text-indent: -9999px;
 }

#header h1 {
  float: left;
  width: 147px;
  height: 84px;
 }

#header h1 a {
  display: block;
  width: 147px;
  height: 84px;
  margin: 2px 0 0 46px;
  padding: 0;
  line-height: normal;
  overflow: hidden;
 }

#header h2, #header p {
  float: right;
  margin: 0;
  padding: 0;
 }

#header p#home {
  clear: both;
  float: left;
  width: 76px;
  height: 22px;
  margin: 24px 0 0 22px;
  padding: 0;
 }

#header p#home a {
  display: block;
  width: 76px;
  height: 22px;
  line-height: normal;
  overflow: hidden;
 }

/* content
------------------------------------------------------------------*/
#content {
  width: 828px;
  height: auto;
  margin: 0;
  padding: 0 15px 20px 23px;
 }

/* side
------------------------------------------------------------------*/
#side {
  float: left;
  width: 225px;
  height: auto;
  margin: 0 0 20px;
  padding: 0;
  background: url(../com_img/side_bg.gif) repeat-y;
 }

ul#sidenavi {
  width: 215px;
  height: 287px;
  margin: 0 0 0 5px;
  padding: 0;
  font-size: 77%;
  line-height: 100%;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../com_img/side_navi.jpg) no-repeat;
 }

#sidenavi a {
  display: block;
  width: 215px;
  height: 40px;
  margin: 0 0 1px;
  line-height: normal;
  overflow: hidden;
 }

#side_bottom {
  width: 190px;
  height: auto;
  margin: 0;
  padding: 0 17px 18px;
  background: url(../com_img/side_foot.jpg) no-repeat left bottom;
 }

h2#side01 {
  margin: 18px 0 0;
  padding: 0;
 }

h2#side01 {
  margin: 18px 0 0;
  padding: 0;
 }

h2#side001 {
margin: 18px 0 0;
padding: 0;
}

h2#side001 {
margin: 18px 0 0;
padding: 0;
}

h2#side02, h2#side03, p#side_map02 {
  width: 190px;
  height: 29px;
  margin: 10px 0 0;
  padding: 0;
  text-indent: -9999px;
 }

h2#side02 {
  background: url(../com_img/h2info.gif) no-repeat;
 }

h2#side03 {
  background: url(../com_img/h2access.gif) no-repeat;
 }

p#side_map02 {
  height: 33px;
  margin: 0;
  margin: 5px 0 10px;
  padding: 0;
  background: url(../com_img/side_map02.gif) no-repeat;
 }

.side_banner {
margin:10px 0 0 0;
}

.side_banner02 {
margin:10px 15px 0 15px; 
}

/* main
------------------------------------------------------------------*/
#main {
  float: right;
  width: 570px;
  height: auto;
  margin: 0;
  padding: 21px 13px 20px 20px;
 }

img.pageup {
  clear: both;
  width: 78px;
  height: 19px;
  margin: 0 0 25px 490px;
  padding: 0;
 }

/* footer
------------------------------------------------------------------ */


#copyright {
  width: 850px;
  height: 66px;
  margin: 0 0 0 8px;
  padding: 0;
  background: #FFF url(../com_img/footer.jpg) no-repeat;
 }
 
 #copyright p{
  text-indent: -9999px;
 }
 
div#mhand{
float:right;
margin:15px 10px 0 0;
_margin:10px 5px 0 0;
padding:0;
width:114px;
height:10px;
}