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

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */





.clr {
  clear: both;
  line-height: 0px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: 0 -1px -1px 0;
  padding: 0;
  border: 0;
  font-size: 0;
}

body  {
  background-image: url(../img/bg.jpg);
		background-repeat: repeat;
}

#wrap  {
  width: 775px;
  margin-right: auto;
  margin-left: auto;
}

#header  {
  width: 775px;
  height :112px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(../img/head_bg.png);
		background-repeat: no-repeat;
}

#header h1  {
  float: left;
  width: 107px;
  height: 39px;
  text-indent: -9999px;
  background-image: url(../img/rogo.jpg);
		background-repeat: no-repeat;
		margin: 15px 0 0 19px;
}

#header h1 a {
  display: block;
  width: 107px;
  height: 30px;
}

#header ul  {
  list-style-type: none;
  float: left;
  margin: 0 0 0 7px;
  display: block;
}

#header li  {
  float: left;
}

.m_menu01 a  {
  display: block;
  width: 153px;
  height: 32px;
  background-image: url(../img/m_menu01.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
}

.m_menu01 a:hover  {
  display: block;
  width: 153px;
  height: 32px;
  background-image: url(../img/m_menu01a.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
}

.m_menu02 a  {
  display: block;
  width: 153px;
  height: 32px;
  background-image: url(../img/m_menu02.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
}

.m_menu02 a:hover  {
  display: block;
  width: 153px;
  height: 32px;
  background-image: url(../img/m_menu02a.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
}

.m_menu03 a  {
  display: block;
  width: 149px;
  height: 32px;
  background-image: url(../img/m_menu03.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
}

.m_menu03 a:hover  {
  display: block;
  width: 149px;
  height: 32px;
  background-image: url(../img/m_menu03a.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
}

.m_menu04 a  {
  display: block;
  width: 153px;
  height: 32px;
  background-image: url(../img/m_menu04.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
}

.m_menu04 a:hover  {
  display: block;
  width: 153px;
  height: 32px;
  background-image: url(../img/m_menu04a.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
}

.m_menu05 a  {
  display: block;
  width: 152px;
  height: 32px;
  background-image: url(../img/m_menu05.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
}

.m_menu05 a:hover  {
  display: block;
  width: 152px;
  height: 32px;
  background-image: url(../img/m_menu05a.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
}



#box  {
  width: 775px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(../img/content_bg.png);
		background-repeat: repeat-y;
		padding-bottom: 20px;
}

#sidenavi  {
  float: left;
  width: 181px; 
		margin-left: 23px;
}

#sidenavi ul  {
  list-style-type: none;
}

#sidenavi li  {
  float: left;
}

.s_navi01 a  {
  display: block;
  width: 181px;
  height: 118px;
  background-image: url(../img/s_navi01.jpg);
		background-repeat: no-repeat;
		margin-bottom: 22px;
		text-indent: -9999px;
}

.s_navi02 a  {
  display: block;
  width: 181px;
  height: 118px;
  background-image: url(../img/s_navi02.jpg);
		background-repeat: no-repeat;
		margin-bottom: 22px;
		text-indent: -9999px;
}

.s_navi03 a  {
  display: block;
  width: 181px;
  height: 118px;
  background-image: url(../img/s_navi03.jpg);
		background-repeat: no-repeat;
		margin-bottom: 22px;
		text-indent: -9999px;
}

.s_navi04 a  {
  display: block;
  width: 181px;
  height: 118px;
  background-image: url(../img/s_navi04.jpg);
		background-repeat: no-repeat;
		margin-bottom: 22px;
		text-indent: -9999px;
}

.s_navi05 a  {
  display: block;
  width: 181px;
  height: 118px;
  background-image: url(../img/s_navi05.jpg);
		background-repeat: no-repeat;
		margin-bottom: 22px;
		text-indent: -9999px;
}


#contents  {
  float: right;
  width: 525px; 
		margin-right: 23px;
}

#contents_navi  {
  margin-bottom: 10px;
}

#contents_navi a  {
  color: #6600ff;
}

#contents_navi a:hover  {
  color: #3333ff;
		text-decoration: underline;
}


#comment  {
  width: 730px;
  height: 123px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(../img/foot_bnr_bg.jpg);
		background-repeat: no-repeat;
}

#comment p  {
  padding: 10px;
		text-align: right;
}

#footer  {
  width: 100%;
  height: 125px;
		background-color: #815446;
}

#footer_inner ul li  {
  float: left;
}

#footer p  {
  color: #ffffff;
		display: block;
		float: left;
}

#f_link01  {
  display: block;
  float: left;
  margin: 0 10px 0 0;
  padding: 0 0 0 10px;
}

#f_link01:hover  {
  color: #003399;
  text-decoration: underline;
}

#f_link02  {
  display: block;
  float: left;
  background: url(../img/icon_arrow_s.jpg) no-repeat left center;
  margin: 0 15px 0 0;
  padding: 0 0 0 10px;
}

#f_link02:hover  {
  color: #003399;
  text-decoration: underline;
}

#f_link03  {
  display: block;
  float: left;
  background: url(../img/icon_arrow_s.jpg) no-repeat left center;
  margin: 0 15px 0 0;
  padding: 0 0 0 10px;
}

#f_link03:hover  {
  color: #003399;
  text-decoration: underline;
}

#f_link04  {
  display: block;
  float: left;
  background: url(../img/icon_arrow_s.jpg) no-repeat left center;
  margin: 0 15px 0 0;
  padding: 0 0 0 10px;
}

#f_link04:hover  {
  color: #003399;
  text-decoration: underline;
}

#f_link05  {
  display: block;
  float: left;
  background: url(../img/icon_arrow_s.jpg) no-repeat left center;
  margin: 0 15px 0 0;
  padding: 0 0 0 10px;
}

#f_link05:hover  {
  color: #003399;
  text-decoration: underline;
}

#footer  {
  display: block;
		float: right;
  color: #ffffff;
  font-size: 12px;
		background-color: #825445;
		padding-top: 10px;
}

#footer_inner  {
  display: block;
  width: 775px;
  margin-right: auto;
  margin-left: auto;
}

#footer ul  {
		list-style-type: none;
		
}

#footer li a  {
  color: #fe6198;
}

#footer li a:hover  {
  color: #ff99cc;
		text-decoration: underline;
}

#footer address  {
  display: block;
		float: right;
  color: #ffffff;
  font-size: 12px;
		margin-right: 8px;
		font-style: normal;
}