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

/* RESET */
html{color:#333;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}li{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;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font-size:13px;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* clear */
.clear{zoom: 1;}.clear:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}



a {
    color: #0033FF;
}
a:hover {
    text-decoration: none;
}

/*WRAPPER*/
div#wrapper{
    text-align: center;
    width: 720px;
    margin: 20px auto 0 auto;
    background-color:#FFFFFF;
}


/*HEADER*/
div#header{
}

h1{
    float:left;
	margin: 0 0 20px 0;
}

h1 a{
    background: #ffffff url(../img/BNearc01.jpg) no-repeat;
    width: 270px;
	height: 37px;
	display:block;
	text-indent: -9999px;
	overflow: hidden;
}

#header p{
    margin: 10px 0 0 0;
    width: 200px;
	height: 30px;
    float: right;
	background: #ffffff url(../img/BNearc02.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

/*UL*/

#header ul{
   clear:both;
   height: 30px;
   background: #ffffff;
}

#header li{
    float: left;
}

#header li a{
    width: 120px;
	height: 30px;
	display:block;
	text-indent: -9999px;
	overflow: hidden;
}

/*LI_NAVI*/
#header li.navi01 a{
    background: url(../img/BThome.jpg) no-repeat left top;
}
#header li.navi01 a.on,
#header li.navi01 a:hover{
    background: url(../img/BThome.jpg) no-repeat left bottom;
}
#header li.navi02 a{
    background: url(../img/BTaramashi.jpg) no-repeat left top;
}
#header li.navi02 a.on,
#header li.navi02 a:hover{
    background: url(../img/BTaramashi.jpg) no-repeat left bottom;
}
#header li.navi03 a{
    background: url(../img/BTjigyou.jpg) no-repeat left top;
}
#header li.navi03 a.on,
#header li.navi03 a:hover{
    background: url(../img/BTjigyou.jpg) no-repeat left bottom;
}
#header li.navi04 a{
    background: url(../img/BTkenkyu.jpg) no-repeat left top;
}
#header li.navi04 a.on,
#header li.navi04 a:hover{
    background: url(../img/BTkenkyu.jpg) no-repeat left bottom;
}
#header li.navi05 a{
    background: url(../img/BTshinkan.jpg) no-repeat left top;
}
#header li.navi05 a.on,
#header li.navi05 a:hover{
    background: url(../img/BTshinkan.jpg) no-repeat left bottom;
}
#header li.navi06 a{
    background: #ffffff url(../img/BTotoiawase.jpg) no-repeat left top;
}
#header li.navi06 a.on,
#header li.navi06 a:hover{
    background: #ffffff url(../img/BTotoiawase.jpg) no-repeat left bottom;
}




/*FOOTER*/

div#footer{
    clear:both;
    text-align: left;
    width: 720px;
	margin: 0 auto 0 auto;     /* marginは右と下でとることがベスト！あとでかえる。 */
	padding: 10px 0 0 0;
	background: #ffffff url(../img/FTfooter01.jpg) repeat-x center top;
}



#footer a{
    font-size:10px;
    padding: 0 0 0 12px;
    background: #ffffff url(../img/IClinkicon01.jpg) no-repeat left 1px;
}

#footer UL{
   display: inline;
   font-size: 10px;
}

#footer LI{
    display: inline;
	padding-right: 20px;
}

#footer address{
	margin: 5px 0 0 0;
    width:720px;
	padding: 5px 0 5px 0;
    font-size: 10px;
	color:#FFFFFF;
    text-align: center;
    background: #999999;
}