/*トップのデザイン*/

body {
/* font-family: "MS PGothic", "Lucida Grande", "Osaka", sans-serif; */
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
margin-top:40px;
}

#page {
	background-color: white;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	width: 640px;
	font-size: 12px;
	}

.bodytext {font-size:medium;}

.topmain { width:640;}
.topmain a{ color:#0068E0; }
.topmain a:hover{ color:#ff9933;  }

.menumain{ font-weight:bolder;font-size:medium; }
.menumain a{ color:blue;}

.komenu{ padding-left:5px; width:280; font-size:medium;} 

.kamenu { width:640;}
.kamenu a{ color:#0068E0;}
.kamenu a:hover{  color:#ff9933;  }
.kanren { padding-bottom:8px;}
.kanren img { margin-bottom:-10px;}

.menu { width:640;}
.menu img{
/* margin-bottom:-10px; */
	margin-right:2px;
	vertical-align: middle; 
	width: 32px; height: 32px;
}

.main { width:640;}

.linkmenu a{ color:blue;}
.linkmenu a:hover{  color:#ff9933;  }
/* .linkmenu div{ } */

.foot a{ color:#0068E0; }
.foot div{ font-size:small; }
.foot a:hover{  color:#ff9933;  }

.site a{ color:blue;}
.site div{ font-weight:bolder; font-size:small;}
.site img{ width:20;}

.sort a{ color:#0068E0;}
.sort a:hover{  color:#ff9933;  }

img {
border: none;
}

.foot img {
border: none;
vertical-align: middle;
margin-right:2px;
margin-left:4px;
}

ul {
list-style: none;
list-style-image: url(/icon/a.png);
margin-top: 0px;
margin-left: 7px;
padding-left: 7px;
}

#navibar {
font-family: "MS PGothic", "Lucida Grande", "Osaka", sans-serif;
font-size: 12px;
position: absolute;
top: 0;
left: 0;
line-height: 1;
color:#000;
background:#CCC;
border: none;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 3px 20px;
}

.navi {
padding:2px;
display:inline-block;
vertical-align: middle;
background:#CCC;
}

.here {
padding:2px;
display:inline-block;
vertical-align: middle;
color:#666;
background:#AAA;
}

.navi img, .here img {
display:inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
}

.counter img {
display:inline-block;
vertical-align: middle;
}

.navi a,
.here a {
display:inline-block;
vertical-align: middle;
color: #000;
text-decoration: none;
}

.navi a:link,
.navi a:visited {
color: #000;
background:#CCC;
text-decoration: none;
}

.navi a:hover {
color: #FFF;
background:#CCC;
}

.here a:link,
.here a:visited {
color: #000;
background:#AAA;
text-decoration: none;
}

.here a:hover {
color: #FFF;
background:#AAA;
}

.navi a:active {
color:#F00;
background:#999;
}

.navi_link {
display:inline-block;
vertical-align: middle;

}

.navi_link a {
padding:2px;
font-size: 12px;
color:#AAC;
background:#CCC;
text-decoration: none;
}