/*----------------------------------
=00 clearfix
----------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix{display:inline-block;}

/* Hides from IE-mac ＼*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End from IE-mac ＼*/


/*----------------------------------
=01 reset 
----------------------------------*/

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {  
	margin:0; 
	padding:0;
	} 

body{  
	margin:0; 
	padding:0;
	text-align:center;
	font-size:12px;
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana",sans-serif;
	line-height:1.8;
	color:#000000;	}

table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 

address,caption,cite,code,dfn,em,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 

h1,h2,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	}
	
h3 {
 font-weight:bold;
 font-size:110%;
 }
	
fieldset,img {border:0;} 	 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0;}

a:link{color:#000000;}
a:hover{color:#f000000; text-decoration:none;}
a:active{color:#000000;}
a:visited{color:#000000;}



/* 画像下のスペース消し */
li img,
dt img,
dd img{
vertical-align:top;}


/*----------------------------------
=02 base layoout
----------------------------------*/
#wrapper{
	background:url(../img/header_bg.jpg) repeat-x;
	margin:0 auto; 
	padding:0;
	}

#header{
 margin:0 auto;
 width:953px;
 height:86px;
 padding-top:2px;
	}
#header h1{
 margin:0;
 float:left;
 display:inline;
	}
#header p{
 float:left;
 margin:30px 0 0 10px;
 font-size:11px;
 line-height:14px;
 text-align:left;
 display:inline;
	}
#h_group01{
 width:700px;
 height:86px;
 float:left;
}

#h_group01 .logo_bnr{
 width:304px;
 height:74px;
 float:left;
 margin:12px 0px 0px 2px;
}

#h_group02{
 float:right;
 margin-top:10px;
}
#h_group02 ul li{
 float:left;
 font-size:10px;
 background:url(../img/header_arrow.gif) no-repeat 0 5px;
 margin-right:10px;
 padding-left:10px;
}
#h_group03{
 float:right;
 width:192px;
 margin:5px 0 0;
}




#navi{
 width:953px;
 height:43px;
 margin:0 auto;
}
#navi ul li{
 float:left;
}

#footer{
 width:100%;
 margin-top:30px;
 height:154px;
 background:url(../img/footer_bg.gif) repeat-x;
}
#footer #navi{
 width:953px;
 height:37px;
 text-align:left;
 padding-top:5px;
	}
#footer #navi ul{
 float:left;
 margin:4px 0 0 -7px;
}
#footer #navi ul li{
 float:left;
 background:url(../img/footer_icon.gif) no-repeat 0px 4px;
 padding:0px 0px 0px 17px;
 margin:0px 0px 0px 8px;
 color:#000000;
}

#footer #navi ul li a{
 text-decoration:none;
}

#footer #adress{
 width:953px;
 margin:0 auto;
 padding-top:4px;
 background:url(../img/footer_up_bg.gif) no-repeat;
	}
#footer #adress .up{
 text-align:right;
 width:953px;
 height:32px;
	}
#footer #adress .up ul li{
 color:#6b5800;
}

#footer #adress .up ul li a{
 color:#6b5800;
}
	
#footer #adress .left{
 float:left;
 width:181px;
	}
#footer #adress .right{
 float:left;
 margin:8px 0px 0px 19px;
	}