@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body{font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
background-image:url(images/back.jpg);
border-top:solid 10px #cc2a1e;
}

#container{
width:960px;
overflow:hidden;
margin:auto;

}
header{
width:960px;
height:106px;
overflow:hidden;}
header h1{float:left;
margin-top:20px;}
.headtoi{float:right;
margin-right:20px;}
.toi{color:#cc2a1e;
font-size:20px;
font-weight:bold;
margin:30px 0 0 20px; 
}

#main h2 img{clear:left;
	display:block;
margin:0;
padding:0;}


nav ul{margin:0;
padding:0;
}

#mainnav.active{
position:fixed;
top:0;
left:auto;
}


nav li{list-style-type:none;
float:left;
margin-left:22px;
text-align:center;
width:165px;
line-height:2.2em;

}

.homenav{background-image:url(images/home.png);}
.worknav{background-image:url(images/work.png);}
.feenav{background-image:url(images/fee.png);}
.connav{background-image:url(images/contact.png);}
.comnav{background-image:url(images/company.png);}
nav li a{text-decoration:none;
color:#fff;
font-size:16px;
height:62px;
display:block;
}

nav li a:hover{background-position:bottom;
}


footer{
	clear:left;
	width:100%;
	height:130px;
background-image:url(images/footback.png);
overflow:hidden;

}
#footinner{width:960px;
margin:0 auto;}
footer h3 img{margin:20px;}
.copy{color:#fff;
font-size:14px;
margin:0 0 5px 20px;}

.footl{float:left;
width:450px;
}

.footr{float:right;
width:300px;
}
.ftoi{color:#FFF;
margin:20px 50px 0 0;
font-size:20px;
}
.ftel{color:#FFF;
margin:0 20px 0 0;
font-weight:bold;
font-size:25px;
}
.footr ul{margin-top:0px;}
.footr li{float:left;
list-style-type:none;
font-size:14px;

}
.footr li a{text-decoration:none;
color:#fff;}

.footr li a:hover{color:#FC0;}