@charset "utf-8";
/*  ======================
	hachinokohonpo
	all.css
==========================  */

* { 
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", arial, sans-serif;
}

img { 
	display: block;
	border-style: none;
}

p {	
	color: #333; 
}

a { 
	color: #0099CC;
}

a:hover { 
	color: #C9AD2E;
}

img { 
	border-style: none;
}

h1 {
	line-height:1.5;
	font-size: 80%;
	font-weight: normal;
}

/*  -----  background ------   */

#bg1 { 
	width: 762px; 
	margin: 0 auto;
}


/*  -----  header ------   */

#logo { 
	margin: 5px 0px 5px 0px;
}


/*  -----  span ------   */

.saijim {
	padding: 2px 2px 1px 3px;
	margin: 1px 5px 1px 1px;
	background-color: #FF3300;
	color: #FFFFFF;
	font-weight: bold;
}

.hpm {
	padding: 2px 2px 1px 3px;
	margin: 1px 5px 1px 1px;
	background-color: #a6a14f;
	color: #FFFFFF;
	font-weight: bold;
}

.shopm {
	padding: 2px 2px 1px 3px;
	margin: 1px 5px 1px 1px;
	background-color: #FF9933;
	color: #FFFFFF;
	font-weight: bold;
}

.mediam {
	padding: 2px 2px 1px 3px;
	margin: 1px 5px 1px 1px;
	background-color: #006699;
	color: #FFFFFF;
	font-weight: bold;
}

.color1 {
	color: #990000;
}

.color2 {
	color: #FF3333;
	font-weight: bold;
}

.color3 {
	color: #CC0000;
}

.color4 {
	color: #990000;
	font-weight: bold;	
}

.color5 {
	color: #0099FF;
	font-weight: bold;	
}

.color6 {
	color: #FF3300;
	font-size: 10px;
}

.color7 {
	color: #993300;
	font-size: small;
}

.color8 {
	color: #FF6600;
	font-weight: bold;
}

.color9 {
	color: #FF3300;
	font-weight: bold;
}

.color10 {
	color: #FF80FF;
	font-weight: bold;
}

.color11 {
	color: #fff;
	background-color: #FF3300;
	padding: 1px 3px 0px;
	font-weight: bold;
}

.color12 {
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}

.color13 {
	color: #c9608d;
	font-weight: bold;
	text-decoration: none;	
}

.color14 {
	color: #FF3300;
	font-weight: bold;
}


/*  -----  h2border ------   */

.h2border {
	border-left: solid 5px #9b6905;
	padding-left: 5px;
}

.h3border {
	border-left: solid 5px #990000;
	padding-left: 5px;
	margin-bottom: 10px;
}

#iwai h3 {
	font-weight: bold;
	font-size: medium;
	color: #003366;
	padding: 0px 5px;
}


/*  -----  menuarea ------   */

#menuarea {
	background-image: url(../img/top/menu_b_a.gif);
	background-repeat: no-repeat;
	width: 762px;
	height: 42px;
	margin-top: 1px;
}

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

#menuarea li {
	display: block;
	float: left;
	text-indent: -9999px;
}

#menuarea li a {
	display: block;
	width: 127px;
	height: 42px;
	text-decoration: none;
} 

#m_top a:hover {
	background-image: url(../img/top/menu_b_h.gif);
	background-position: 0px 0px;
}

#m_new a:hover {
	background-image: url(../img/top/menu_b_h.gif);
	background-position: -127px 0px;
}

#m_kyu a:hover {
	background-image: url(../img/top/menu_b_h.gif);
	background-position: -254px 0px;
}

#m_aok a:hover {
	background-image: url(../img/top/menu_b_h.gif);
	background-position: -381px 0px;
}

#m_hon a:hover {
	background-image: url(../img/top/menu_b_h.gif);
	background-position: -508px 0px;
}

#m_oky a:hover {
	background-image: url(../img/top/menu_b_h.gif);
	background-position: -635px 0px;
}


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

#fmenu {
	clear: both;
	width: 762px;
	border-top: dotted 1px #996600;
	height: 15px;
	padding-top: 20px;
	list-style-type: none;
	text-align: center;
	color: #990000;
}

#fmenu li {
	display: inline;
	font-size: 78%;
}

#fmenu a {
	text-decoration: none;
	color: #990000;
}

#fmenu a:hover {
	text-decoration: underline;
	color: #FF6600;
}

#mfooter {
	height: 28px;
	width: 762px;
	text-align: center;
	padding-top: 10px;
	color: #996600;
	font-size: 82%;
}

#mfooter a {
	text-decoration: none;
	color: #FF3300;
}

#mfooter a:hover {
	text-decoration: underline;
}