body {
margin:0;
padding:0;
background:url(../img/hederback.jpg) repeat-x top left;
}

p {
margin:0;
padding:0;
font-size:0.8em;
line-height:150%;
color:#333333;
}
a {
	text-decoration: none;
	outline: none;
	color: #333;
}
a:hover {
	color: #FF9900;
}

img {
border:none;
}


a img {
border:none;
}
a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/********************************************************************
枠設定
********************************************************************/
.container { 
position:relative;
clear:both;
width:777px;
margin:0 auto;
padding:0;
}
.header {
clear:both;
width:777px;
margin:0;
padding:0;
overflow: hidden;
}

.header:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .header {
    height: 1em;
    overflow: visible;
}
/**/

.header h1 {
width:777px;
height:135px;
line-height:250%;
text-indent:15px;
margin:0;
padding:0;
font-size:12px;
font-weight:normal;
background:url(../img/heder.jpg) no-repeat top left;
display:block;
}
.header h1 a {
width:777px;
height:135px;
margin:0;
padding:0;
color:#333;
display:block;
}
.header h1 a:hover {
width:777px;
height:135px;
margin:0;
padding:0;
color:#333;
display:block;
}
.contents {
clear:both;
position:relative;
width:777px;
margin:10px 0 0 0;
padding:0;
overflow: hidden;
}

.contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .contents {
    height: 1em;
    overflow: visible;
}
/**/
.main {
float:right;
width:577.75px;
margin:0;
padding:0;
}
.side {
float:left;
width:180px;
margin:0;
padding:0;
}
.footer {
clear:both;
width:777px;
height:260px;
margin:0 auto;
padding:0;
background:url(../img/footer.jpg) no-repeat top left;
}

.footer p {
	color:#FFF;
	text-align:center;
	margin:0 0 10px 0;
}

.leftbox {
float:left;
width:270px;
margin:0;
padding:55px 0 0 0;
}

.rightbox {
	float:right;
width:500px;
margin:0;
padding:20px 0 0 0;
}
.rightbox p a {
color:#FFF;
}
.rightbox p a:hover {
color:#ff9900;
}
.footerbox {
clear:both;
background:url(../img/footerback.jpg) repeat-x left;
margin:100px 0 0 0;
}
	

/********************************************************************
ナビ
********************************************************************/
ul.navi {
width:777px;
margin:0;
padding:0;
list-style:none;
background:url(../img/navi.jpg) no-repeat top center;
}
ul.navi li {
float:left;
height:50px;
margin:0;
padding:0;
text-indent:-9999em;
font-size:12px;
line-height:100%;
display:block;
}
ul.navi li a {
height:50px;
margin:0;
padding:0;
text-indent:-9999em;
font-size:12px;
line-height:100%;
display:block;
}
ul.navi li a:hover {
height:50px;
margin:0;
padding:0;
text-indent:-9999em;
font-size:12px;
line-height:100%;
display:block;
}

/*-*/
li.navi01 {
width:140px;
background:url(../img/navi.jpg) no-repeat 0 0;
}
li.navi01 a {
width:140px;
background:url(../img/navi.jpg) no-repeat 0 0;
}
li.navi01 a:hover {
width:140px;
background:url(../img/navi.jpg) no-repeat -777px 0;
}

/*-*/
li.navi02 {
width:199px;
background:url(../img/navi.jpg) no-repeat -140px 0;
}
li.navi02 a {
width:199px;
background:url(../img/navi.jpg) no-repeat -140px 0;
}
li.navi02 a:hover {
width:199px;
background:url(../img/navi.jpg) no-repeat -917px 0;
}

/*-*/
li.navi03 {
width:191px;
background:url(../img/navi.jpg) no-repeat -339px 0;
}
li.navi03 a {
width:191px;
background:url(../img/navi.jpg) no-repeat -339px 0;
}
li.navi03 a:hover {
width:191px;
background:url(../img/navi.jpg) no-repeat -1116px 0;
}

/*-*/
li.navi04 {
width:247px;
background:url(../img/navi.jpg) no-repeat -530px 0;
}
li.navi04 a {
width:247px;
background:url(../img/navi.jpg) no-repeat -530px 0;
}
li.navi04 a:hover {
width:247px;
background:url(../img/navi.jpg) no-repeat -1307px 0;
}


/********************************************************************
ベースサイド
********************************************************************/
h4.akiya {
width:180px;
height:36px;
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
font-size:12px;
background:url(../img/side1.jpg) no-repeat top left;
display:block;
}
h4.akiya a {
width:180px;
height:36px;
margin:0;
padding:0;
text-indent:-9999em;
font-size:12px;
display:block;
}

p.buner {
width:180px;
height:40px;
margin:20px 0 10px 0;
padding:0;
text-indent:-9999em;
background:url(../img/seinaiji_buner.jpg) no-repeat top left;
display:block;
}

p.buner a {
width:180px;
height:40px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/seinaiji_buner.jpg) no-repeat top left;
display:block;
}
p.buner a:hover {
width:180px;
height:40px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/seinaiji_buner.jpg) no-repeat bottom left;
display:block;
}

/*-*/
.buken {
margin:0;
padding:0;
}

.buken ul {
margin:0;
padding:0;
list-style:none;
}
.buken ul li {
margin:0 0 10px 0;
padding:0;
text-align:left;
line-height:140%;
font-size:0.85em;
text-indent:20px;
background:url(../img/sidebuton.jpg) no-repeat 0 0.8px;
}
.buken ul li a {
color:#666;
}
.buken ul li a:hover {
color:#ff9900;
}