@charset "UTF-8";
/* CSS Document */
*{
margin: 0;
padding: 0;
font-size: 100%;
}

body{
 font-size: 80%;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
 line-height: 150%;
 color: #666666;
 background: #FFFFFF;
 background: url(../images/body_bg.gif);
 }
 
 a:link{
 color:#0066CC;
 text-decoration: none;
 }
 a:visited{
 color: #0066CC;
 text-decoration: none;
 }
 a:hover{
 color:#000066;
 text-decoration:underline;
 }
 
 img{
 border: none;
 vertical-align: top;
 }
 
 table{
 border-style: none;
 }
 
 p.table{
 font-size: 100%;
 padding: 5px 0 5px 7px;
 color:#666666;
 }
 
 
 #container{
 width:780px;
 margin:0px auto;
 padding:0;
 background-color:#FFFFFF;
 border-right:1px solid #6699FF;
 border-left:1px solid #6699FF;
 }
 
 #header{
 width:780px;
 height: 90px;
 margin: 0;
 padding: 0;
 background-image: url(../images/header_bg_1.gif);
 }
 
h1{
width: 770px;
margin:0;
padding: 10px 0px 0px 10px;
text-align:left;
font-size: 90%;
font-weight: normal;
color: #333333;
background-image:url(../images/headerb_1.gif);
background-repeat: repeat-x;
}

#jp{
width:246px;
height:52px;
margin:0 0 0 530px;
}

#navierea{
display: block;
float: left;
width: 156px;
margin: 0;
padding: 0;
}
#navi{
position:absolute;
display: block;
width: 780px;
margin: 0;
padding: 0;
height: 45px;
background-color: #FFFFFF;
} 
#navi em{
float: left;
list-style-type: none;
text-indent: -9999px;/*テキスト非表示*/
}
#navi a{
text-decoration: none;
display: block;
width: 156px;
height: 45px;
background-image: url(../images/navi_menu_1.gif);
background-position: center;
}
#navi a{
width: 156px;
height: 45px;
}

#navi01 a{background-position: 0 0}
#navi02 a{background-position: -156px 0}
#navi03 a{background-position: -312px 0}
#navi04 a{background-position: -468px 0}
#navi05 a{background-position: -624px 0}
#navi01 a:hover{background-position: 0 45px}
#navi02 a:hover{background-position: -156px 45px}
#navi03 a:hover{background-position: -312px 45px}
#navi04 a:hover{background-position: -468px 45px}
#navi05 a:hover{background-position: -624px 45px}

#main{
clear: both;
width:780px;
margin: 0;
padding: 45px 0 0 0;
}
#contents{
float:right;
width:600px;
margin: 0;
padding: 15px;
}

h2{
margin: 7px 0 0 0;
color:#003366;
font-size: 120%;
font-weight: bold;
background-color:#F3F3F3;
border-left: 15px solid #6699FF;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
border-bottom:1px solid #cccccc;
}

td{
font-size: 100%;
line-height: 150%;
color: #333333;
padding: 2px 0;
}


#co_image{
width: 175px;
height: 211px;
margin: 0;
padding: 30px 60px 0 0;
float: right;
background: url(../images/photo.jpg) no-repeat;
}

p.table{

}

#sub{
float:left;
width:80px;
margin: 0;
padding: 0;
background-color: #FFFFFF;
}

.co-title1 {margin:30px 0px 10px 0px}
.co-title2 {margin:30px 0px 10px 0px}

#links{
clear:both;
width:740px;
margin: 0;
padding:50px 0 0 0;
}

.pp{
width:780px;
font-size: 100%;
line-height: 150%;
text-align: center;
padding: 0;
background-color:#F3F3F3;
}

#bannerlinks{
clear:both;
width:760px;
margin: 0;
padding:10px;
text-align:right;
background-color:#F3F3F3;
border-top:3px solid #6699FF;
}

#footer{
width: 780px;
height: 90px;
margin-top: 10px;
padding: 0;
background: url(../images/footer_bg.gif) no-repeat;
}
#add{
float:left;
wwidth:580px
font-size: 90%;
line-height: 150%;
color:#003366;
padding:40px 0 0 15px;
}
#banner{
float:right;
width:200px;
font-size: 100%;
line-height: 100%;
text-align: right;
padding: 40px 10px 0 0;
}