@charset "utf-8";

/* CSS Document 
----------------------------------------------------------------------------

1.TAGRESET

2.HEADER

3.NAVIGATION

4.FOOTER

----------------------------------------------------------------------------*/


/* 1.TAGRESET
----------------------------------------------------------------------------*/
body{
margin:0;
padding:0;
color:#666666;
font-family:"ＭＳ Ｐゴシック", Osaka;
background:#FFFFFF;
}

a:link{
color:#3178DD;
text-decoration:underline;
}

a:visited{
color:#3178DD; 
text-decoration:underline;
}

a:hover{
color:#3178DD; 
text-decoration:none;
}

a:active{
color:#3178DD;
text-decoration:underline;
}

h1, h2, h3, h4, h5, h6, p, ul, li{
margin:0;
padding:0;
}

img{
margin:0;
padding:0;
border:0;
}

.clear{
clear:both;
}

.ver_txt{
vertical-align:middle;
}

.ver_txt02{
vertical-align:-7px;
}

.ver_txt03{
vertical-align:-5px;
}

/* 2.HEADER
----------------------------------------------------------------------------*/
.header{
margin:0 auto;
padding:0 0 5px 0;
width:772px;
font-size:10px;
position:relative;
}

.hed_sidel{
float:left;
width:590px;
height:47px;
position:relative;
top:0px;
left:0px;
}
.hed_sidel h1{
width:125px;
height:37px;
position:absolute;
top:10px;
left:0;
}
.hed_sidel p{
padding-top:6px;
width:450px;
height:31px;
position:absolute;
top:10px;
font-size:10px;
line-height:130%;
left:135px;
}


.hed_sider{
float:right;
padding-top:10px;
width:60px;
height:27px;
}

.hed_txt{
clear:both;
width:772px;
text-align:right;
}

.hed_txt span{
margin:0 8px;
}

.hed_txt a:link{
color:#666666;
text-decoration:none;
}

.hed_txt a:visited{
color:#666666; 
text-decoration:none;
}

.hed_txt a:hover{
color:#333333; 
text-decoration:none;
}

.hed_txt a:active{
color:#666666;
text-decoration:none;
}


/* 3.NAVIGATION
----------------------------------------------------------------------------*/
.navigation{
margin:0 auto;
width:772px;
}

.navigation ul{
list-style:none;
}

.nav01{
list-style:none;
float:left;
width:257px;
}

.nav02{
list-style:none;
float:left;
width:256px;
}

.nav03{
list-style:none;
float:left;
width:259px;
}

.nav01 a{
display:block;
width:257px;	
height:52px;
background:url(../img/navigation.jpg) 0px 0px no-repeat;
}

.nav02 a{ 
display:block;
width:256px;
height:52px;
background:url(../img/navigation.jpg) -257px 0px no-repeat;
}

.nav03 a{
display:block;
width:259px;
height:52px;
background:url(../img/navigation.jpg) -513px 0px no-repeat;
}

.nav01 a:hover{
background:url(../img/navigation.jpg) 0px -52px no-repeat;
}

.nav02 a:hover{
background:url(../img/navigation.jpg) -257px -52px no-repeat;
}

.nav03 a:hover{
background:url(../img/navigation.jpg) -513px -52px no-repeat;
}

.nav01 span, .nav02 span, .nav03 span{
display:none;
}



/* 4.FOOTER
----------------------------------------------------------------------------*/
.footer{
clear:both;
margin:0 auto;
padding:10px 0 0 0;
width:772px;
font-size:10px;
background:url(../img/footer_line01.gif) left top repeat-x;
}




.footer_area{
width:772px;
}

.footer_area a:link{
color:#666666;
text-decoration:none;
}

.footer_area a:visited{
color:#666666; 
text-decoration:none;
}

.footer_area a:hover{
color:#333333; 
text-decoration:none;
}

.footer_area a:active{
color:#666666;
text-decoration:none;
}


.footer_l{
float:left;
padding:5px 0px 15px 8px;
width:640px;
}
.footer_l span{
margin:0 8px;
}

.footer_key {
padding:0 0 5px 0;
}

.footer_l .footer_key ul{
margin:0;
padding:0;
list-style:none;
width:640px;
}

.footer_l .footer_key li{
margin:0;
padding:0;
list-style:none;
display:inline;
font-size:1.2em;
}


.footer_r{
float:right;
padding:0 0 15px 0;
width:110px;
text-align:right;
}
.copy{
clear:both;
padding:0 0 15px 0;
width:772px;
text-align:center;
}