@charset "Shift_JIS";

* {
	margin: 0px;
	padding: 0px;	
}

/*リンクカラー*/
a { text-decoration: none; 
	font-size: 12px;}
a:link { color: #CD131B; }
a:visited { color:#CD131B; } 
a:hover { color: #CD131B; }


body {
	background-color: #000000;
}

/*  --------------------------------------- 全体 */
#wrapper {
	height: 600px;
	width: 800px;
}

/* ---------------------------------------- MENU */
#menu {
	background-image: url(../img/index_menu.jpg);
	background-repeat: repeat-x;
	height: 40px;
	width: 800px;	
}
#menu li {
	text-indent: -10000px;
	list-style: none;
}

/*menu*/
#menu li#menu {
	float: left;
	width: 91px;
	margin-left: 380px;
}

/* Hides form IE5-mac \*/
* html #menu li#menu {margin-left: 180px;}
/* End hide from IE5-mac */

#menu li#menu a {
	display: block;
	width: 91px;
	height: 40px;
	background-image: url(../img/index_m_menu01.jpg);
	background-repeat: no-repeat;
}
#menu li#menu a:hover {
	display: block;
	width: 91px;
	height: 40px;
	background-image: url(../img/index_m_menu02.jpg);
	background-repeat: no-repeat;
}


/*access*/
#menu li#access {
	float: left;
	width: 101px;
}
#menu li#access a {
	display: block;
	width: 101px;
	height: 40px;
	margin-left: 1px;
	background-image: url(../img/index_m_access01.jpg);
	background-repeat: no-repeat;
}
#menu li#access a:hover {
	display: block;
	width: 101px;
	height: 40px;
	margin-left: 1px;
	background-image: url(../img/index_m_access02.jpg);
	background-repeat: no-repeat;
}

/*blog*/
#menu li#blog {
	float: left;
	width: 92px;
}
#menu li#blog a {
	display: block;
	width: 92px;
	height: 40px;
	margin-left: 1px;
	background-image: url(../img/index_m_blog01.jpg);
	background-repeat: no-repeat;
}
#menu li#blog a:hover {
	display: block;
	width: 92px;
	height: 40px;
	margin-left: 1px;
	background-image: url(../img/index_m_blog02.jpg);
	background-repeat: no-repeat;
}

/*mail*/
#menu li#contact {
	float: left;
	width: 110px;
}

#menu li#contact a {
	display: block;
	width: 110px;
	height: 40px;
	margin-left: 1px;
	background-image: url(../img/index_m_contact01.jpg);
	background-repeat: no-repeat;
}
#menu li#contact a:hover {
	display: block;
	width: 110px;
	height: 40px;
	margin-left: 1px;
	background-image: url(../img/index_m_contact02.jpg);
	background-repeat: no-repeat;
}