@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #222222;
	color: #000000;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	}
	
.highlight a:hover *{  
  filter: alpha(opacity=75);  
  -moz-opacity:0.75;  
  opacity:0.75;  
}

p {
	margin: 0 0 5px 0;
	padding: 0;
	}

ul {
	margin: 0;
	padding:0;
	list-style: none;
	}
	
li {
	margin: 0;
	padding:0;
	list-style: none;
	}
	
h1 {
	font-size: 10px;
	padding: 0;
	margin: 0;
	}
	
h2 {
	padding: 0;
	margin: 0;
	font-size: 10px;
	text-indent:-9877em;  
	}

#head {
	background: url(../image/head_bg.gif) repeat-x;
	height: 50px;
	}
	
#head_wrapper {
	width: 990px;
	height: 20px;
	margin: 0;
	padding: 30px 0 0 0;
	background: url(../image/head_left.jpg) left top no-repeat;
	text-align: right;
	color: #FFFFFF;
	}
	
#footer {
	background: url(../image/foot_bg.gif) repeat-x;
	height: 100px;
	clear: both;
	}
	
#footer_wrap {
	width: 990px;
	height: 100px;
	margin: 0;
	padding: 0;
	text-align: right;
	color: #FFFFFF;
	}
	
#footer_left {
	width: 300px;
	height: 100px;
	padding: 0;
	float: left;
	background-color: #003893;
	}
	
#footer_right {
	width: 690px;
	height: 95px;
	padding: 5px 0 0 0;
	font-size: 10px;
	float: right;
	}
	
#footer_navi {
	width: 690px;
	height: 30px;
	}
	
#footer_copy {
	width: 670px;
	height: 15px;
	padding: 10px 0 0 20px;
	text-align: left;
	}
	
#contents {
	width: 990px;
	height: 800px;
	color: #FFFFFF;
	}

#left_area {
	width: 300px;
	height: 800px;
	float: left;
	}
	
#right_area {
	width: 690px;
	height: 720px;
	padding: 40px 0;
	float: right;
	background: url(../image/bg_contents.gif) no-repeat;
	}
	
#left_logo {
	width: 300px;
	height: 150px;
	background: url(../image/left_logo.jpg) no-repeat;
	}

#navi {
	width: 300px;
	height: 650px;
	background: url(../image/navi.jpg) no-repeat;
	}
	
#navi ul {  
	padding:0px;
	margin:0px;
	 }

#navi li {  
	display:inline;  
	list-style-type:none;  
	} 

#navi li a {  
	width:300px;  
	display:block;  
	float:left;  
	text-indent:-9877em;  
	text-decoration:none;  
	overflow:hidden; 
	}

/*------off*/

#navi li.top a {
	background:url(../image/navi.jpg) no-repeat 0px 0px;
	height: 45px;
	}
	
#navi li.point a {
	background:url(../image/navi.jpg) no-repeat 0px -45px;
	height: 45px;
	}
	
#navi li.shop a {
	background:url(../image/navi.jpg) no-repeat 0px -90px;
	height: 45px;
	}
	
#navi li.menu a {
	background:url(../image/navi.jpg) no-repeat 0px -135px;
	height: 45px;
	}
	
#navi li.party a {
	background:url(../image/navi.jpg) no-repeat 0px -180px;
	height: 45px;
	}
	
#navi li.beef a {
	background:url(../image/navi.jpg) no-repeat 0px -225px;
	height: 45px;
	}
	
#navi li.store a {
	background:url(../image/navi.jpg) no-repeat 0px -270px;
	height: 45px;
	}
	
#navi li.contact a {
	background:url(../image/navi.jpg) no-repeat 0px -315px;
	height: 45px;
	}
	
/*------hover*/

#navi li.top a:hover {
	background:url(../image/navi.jpg) no-repeat -300px 0px;
	}
	
#navi li.point a:hover {
	background:url(../image/navi.jpg) no-repeat -300px -45px;
	}
	
#navi li.shop a:hover {
	background:url(../image/navi.jpg) no-repeat -300px -90px;
	}
	
#navi li.menu a:hover {
	background:url(../image/navi.jpg) no-repeat -300px -135px;
	}
	
#navi li.party a:hover {
	background:url(../image/navi.jpg) no-repeat -300px -180px;
	}
	
#navi li.beef a:hover {
	background:url(../image/navi.jpg) no-repeat -300px -225px;
	}
	
#navi li.store a:hover {
	background:url(../image/navi.jpg) no-repeat -300px -270px;
	}
	
#navi li.contact a:hover {
	background:url(../image/navi.jpg) no-repeat -300px -315px;
	}
	
/*------on*/

#navi li.top_on a {
	background:url(../image/navi.jpg) no-repeat -300px 0px;
	height: 45px;
	}
	
#navi li.point_on a {
	background:url(../image/navi.jpg) no-repeat -300px -45px;
	height: 45px;
	}
	
#navi li.shop_on a {
	background:url(../image/navi.jpg) no-repeat -300px -90px;
	height: 45px;
	}
	
#navi li.menu_on a {
	background:url(../image/navi.jpg) no-repeat -300px -135px;
	height: 45px;
	}
	
#navi li.party_on a {
	background:url(../image/navi.jpg) no-repeat -300px -180px;
	height: 45px;
	}
	
#navi li.beef_on a {
	background:url(../image/navi.jpg) no-repeat -300px -225px;
	height: 45px;
	}
	
#navi li.store_on a {
	background:url(../image/navi.jpg) no-repeat -300px -270px;
	height: 45px;
	}
	
#navi li.contact_on a {
	background:url(../image/navi.jpg) no-repeat -300px -315px;
	height: 45px;
	}
	
#footer a:link {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}

#footer a:visited {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}

#footer a:hover {
	font-size: 10px;
	color: #FFFF00;
	text-decoration: underline;
}

#footer a:active {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}

a:link {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	font-size: 14px;
	color: #FFFF00;
	text-decoration: underline;
}

a:active {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

.bold_yellow_16 {
	font-size: 16px;
	font-weight: bold;
	color: #FFCC00;
	}
	
.text_16_bold {
	font-size: 16px;
	font-weight: bold;
	}
	
.text_20_bold {
	font-size: 20px;
	font-weight: bold;
	}

.bold_yellow_20 {
	font-size: 20px;
	font-weight: bold;
	color: #FFCC00;
	}	
	
.text_yellow {
	color: #FFCC00;
	}
	
.text_10 {
	font-size: 10px;
	}
	
.text_12 {
	font-size: 12px;
	}
	
.text_red_bold {
	font-weight: bold;
	color: #990000;
	}
	
.text_bold {
	font-weight: bold;
	}

.space_10 {
	padding: 0 0 10px 10px;
	}