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

/* =============================================================================
   Reset
   ========================================================================== */

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

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
img{
	vertical-align:bottom;
}
form {
	margin: 0px;
	padding: 0px;
}


/* =============================================================================
   Base
   ========================================================================== */

body{
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 12px;
	color:#333;
	line-height:1.5em;
}

#wrapper{
	width:1000px;
	margin:0 auto 30px;
	overflow:hidden;
}

#header{
	background:url(/img/header_bg.jpg) repeat-x;
	width:100%;
	height:95px;	
}

#head_box{
	width:1000px;
	margin:0 auto;	
	position:relative;
}

h1{	
}

#navi{
	position:absolute;
	top:35px;
	right:0;
}

#navi li{
	float:left;
}

#navi li.about a:hover img{
	background:url(/img/nv_aboutb.jpg) no-repeat;
	width:183px;
	height:59px;
}

#footer{
	background:url(/img/footer_bg.jpg) repeat-x;
	width:100%;
	height:101px;
	text-align:center;	
}

a:hover {
	text-decoration:underline;
	color:#09F;
}

a:hover img {
	filter:Alpha(opacity=70) ;
	opacity:0.7 ;
	-moz-opacity:0.7;
}