br {
  line-height: 5px; }

html,body {
  margin: 0;
  padding: 0; 
  font-size: 80%;
  color: #222222;
  font-family: Verdana, �g�q���M�m�p�SPro W3��, �gHiragino Kaku Gothic Pro�h, Osaka, �g���C���I�h, Meiryo, �g�l�r �o�S�V�b�N�h, sans-serif;
  line-height: 1.5;
}

a:link,a:visited {
	color:#000000;
	text-decoration: underline;
}
a:active,a:hover {
	color:#ff479f;
	text-decoration: none;
}
a img {
	border: none !important;
}
/*\*/
#navi a {
	overflow: hidden;
}
/**/

/*----  for All HTML  ----*/

#navi {
	margin: 0px auto 0px auto;
	padding: 0px;
	list-style: none;
	width: 800px;
	height: 40px;
	position: relative;
	background: url(/img/material/menu.png) no-repeat center center;
}

/*\*/
* html #navi {
	margin: 0px;
}
/**/

#navi a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(/img/material/menu_txt.png);
	text-indent: -9999em;
}

#navi li {
	width: 70px;
	height: 40px;
	display: block;
	list-style-type: none;
	margin: 0px;
	position: absolute;
	top: 0px;
}

#indexlink {
	left: 18px;
}

#bloglink {
	right: 228px;
}

#photolink {
	right: 158px;
}

#bbslink {
	right: 88px;
}

#linklink {
	right: 18px
}

#indexlink a {
	background-position: 0 0;
}
#bloglink a {
	background-position: -70px 0;
}
#photolink a {
	background-position: -140px 0;
}
#bbslink a {
	background-position: -210px 0;
}
#linklink a {
	background-position: -280px 0;
}


#indexlink a:hover,
#indexlink a:focus {
	background-position: 0 -40px;
}
#bloglink a:hover,
#bloglink a:focus {
	background-position: -70px -40px;
}
#photolink a:hover,
#photolink a:focus {
	background-position: -140px -40px;
}
#bbslink a:hover,
#bbslink a:focus {
	background-position: -210px -40px;
}
#linklink a:hover,
#linklink a:focus {
	background-position: -280px -40px;
}


#index #indexlink a {
	background-position: 0 -40px;
}
#blog #bloglink a {
	background-position: -70px -40px;
}
#photo #photolink a {
	background-position: -140px -40px;
}
#bbs #bbslink a {
	background-position: -210px -40px;
}
#link #linklink a {
	background-position: -280px -40px;
}

#index #indexlink a:hover,
#index #indexlink a:focus {
	background-position: 0 -40px;
}
#blog #bloglink a:hover,
#blog #bloglink a:focus {
	background-position: -70px -40px;
}
#photo #photolink a:hover,
#photo #photolink a:focus {
	background-position: -140px -40px;
}
#bbs #bbslink a:hover,
#bbs #bbslink a:focus {
	background-position: -210px -40px;
}
#link #linklink a:hover,
#link #linklink a:focus {
	background-position: -280px -40px;
}


body {
	font-size: 100%; /*----  MacIE ----*/
}


.inbox{
	width: 800px;
	margin-top:15px;
	margin-left:40px;
}

.header {
	background: url(/img/material/header.png) no-repeat top;
	height: 120px;
	text-align: left;
	padding: 0 25px 0 25px;
}

.body .body-body {
	background: url(/img/material/body_body.png) repeat-y;
	padding: 15px 25px 0 25px;
	font-size: small;
}
* html .body .body-body {
	font-size: x-small !important;
}

.body .body-footer {
	background: url(/img/material/body_footer.png) no-repeat bottom;
	height: 30px;
}

.footer {
	padding: 5px 0;
	text-align: center;
}


/*
input,textarea{border:1px solid #666666; padding:2px;}
input.radio{border:0}

select{border:1px solid #666666;font-size:10px;}
option{font-size:10px;}

form{margin:0}
*/