/* CSS Document */

html{
overflow:scroll;
}

* {
margin:0;
padding:0;
}

* li{
list-style:none;
}

* a{
text-decoration:none;
}

* p{
margin:0;
padding:0;
}

body{
background-color:#453585;
background-image:url(../img/body.jpg);
background-repeat:repeat-x;
}

#head{
width:850px;
height:80px;
margin:0 auto;
background-image:url(../img/head.jpg);
background-repeat:no-repeat;
}

#logo{
}

#logo img{
border:0;
}

#headnavi{
width:850px;
height:auto;
margin:0 auto;
background-image:url(../img/tnaviback.jpg);
background-repeat:no-repeat;
}

#headnavi li{
float:left;
width:100px;
height:30px;
font-size:12px;
line-height:30px;
text-align:center;
}

#headnavi a:link, #headnavi a:visited{
display:block;
width:100px;
height:30px;
color:#eeeeee;
}

#headnavi a:hover{
color:#99FF00;
background-image:url(../img/hover.jpg);
background-repeat:no-repeat;
}

#main{
width:850px;
height:auto;
margin:0 auto;
}

#left{
float:left;
width:600px;
height:auto;
background-color:#FFFFFF;
}

#info{
width:350px;
height:100px;
font-size:12px;
line-height:16px;
color:#0066CC;
margin:0 auto;
padding:10px 240px 10px 10px;
background-image:url(../img/info.jpg);
background-repeat:no-repeat;
}

#contents{
width:570px;
height:auto;
font-size:14px;
line-height:20px;
color:#444444;
padding:5px 15px 15px 15px;
}

.text2{
margin:20px 0 0 0;
}

.list{
width:570px;
height:auto;
padding:10px 0;
}

.list li{
width:570px;
height:20px;
font-size:14px;
line-height:20px;
font-weight:bold;
color:#0099FF;
}

.idmidasi{
width:570px;
height:auto;
padding:20px 0;
}

.midasi{
width:570px;
font-weight:bold;
color:#0066FF;
}

.midasi2{
color:#0099FF;
}

#right{
float:right;
width:250px;
height:auto;
padding:10px 0 0 0;
}

.rimage{
width:220px;
height:auto;
margin:0 auto 10px auto;
}

.rimage2{
width:200px;
height:auto;
margin:0 auto 10px auto;
}

#rnavi{
width:200px;
height:auto;
margin:0 auto;
}

#rnavi li{
width:200px;
height:50px;
margin:0 0 5px 0;
}

#rnavi a:link, #rnavi a:visited{
display:block;
width:172px;
height:20px;
font-size:14px;
line-height:20px;
color:#00FFFF;
padding:25px 0 5px 28px;
}


.navi1 a:link, .navi1 a:visited{
background-image:url(../img/link1.jpg);
background-repeat:no-repeat;
}

.navi1 a:hover{
background-image:url(../img/hover1.jpg);
background-repeat:no-repeat;
}

.navi2 a:link, .navi2 a:visited{
background-image:url(../img/link2.jpg);
background-repeat:no-repeat;
}

.navi2 a:hover{
background-image:url(../img/hover2.jpg);
background-repeat:no-repeat;
}

.navi3 a:link, .navi3 a:visited{
background-image:url(../img/link3.jpg);
background-repeat:no-repeat;
}

.navi3 a:hover{
background-image:url(../img/hover3.jpg);
background-repeat:no-repeat;
}

.navi4 a:link, .navi4 a:visited{
background-image:url(../img/link4.jpg);
background-repeat:no-repeat;
}

.navi4 a:hover{
background-image:url(../img/hover4.jpg);
background-repeat:no-repeat;
}

.navi5 a:link, .navi5 a:visited{
background-image:url(../img/link5.jpg);
background-repeat:no-repeat;
}

.navi5 a:hover{
background-image:url(../img/hover5.jpg);
background-repeat:no-repeat;
}

.navi6 a:link, .navi6 a:visited{
background-image:url(../img/link6.jpg);
background-repeat:no-repeat;
}

.navi6 a:hover{
background-image:url(../img/hover6.jpg);
background-repeat:no-repeat;
}

.navi7 a:link, .navi7 a:visited{
background-image:url(../img/link7.jpg);
background-repeat:no-repeat;
}

.navi7 a:hover{
background-image:url(../img/hover7.jpg);
background-repeat:no-repeat;
}

.navi8 a:link, .navi8 a:visited{
background-image:url(../img/link8.jpg);
background-repeat:no-repeat;
}

.navi8 a:hover{
background-image:url(../img/hover8.jpg);
background-repeat:no-repeat;
}

#foot{
clear:both;
width:840px;
height:auto;
font-size:12px;
line-height:22px;
color:#eeeeee;
margin:0 auto;
padding:0 0 0 10px;
}

#fnavi a:link, #fnavi a:visited{
color:#eeeeee;
}

#fnavi a:hover{
color:#99FF00;
text-decoration:underline;
}

#mail{
width:500px;
height:auto;
font-size:12px;
line-height:20px;
margin:15px auto 0 auto;
padding:0;
}

.mailheight1{
height:30px;
font-size:12px;
line-height:30px;
text-align:center;
font-weight:bold;
color:#0066FF;
}

.mailheight2{
font-size:12px;
line-height:20px;
text-align:center;
font-weight:bold;
color:#0066FF;
}

.mailwidth1{
text-align:left;
padding:0 0 0 10px;
}

.mailwidth2{
height:30px;
text-align:left;
padding:0 0 0 10px;
}

h1{
width:590px;
height:30px;
font-size:14px;
line-height:30px;
text-align:right;
color:#0099FF;
padding:0 260px 0 0;
}

h2{
width:540px;
height:30px;
font-size:14px;
line-height:30px;
color:#99FF00;
margin:0 0 0 0;
padding:0 0 0 30px;
background-image:url(../img/h2.jpg);
background-repeat:no-repeat;
}

h3{
width:540px;
height:30px;
font-size:14px;
line-height:30px;
color:#eeeeee;
margin:30px 0 0 0;
padding:0 0 0 30px;
background-image:url(../img/h3.jpg);
background-repeat:no-repeat;
}

h4{
width:468px;
height:30px;
font-size:14px;
line-height:30px;
margin:20px auto 0 auto;
padding:0 0 0 32px;
background-image:url(../img/h4.jpg);
background-repeat:no-repeat;
}

h4 a:link, h4 a:visited{
color:#0066FF;
}

h4 a:hover{
color:#666666;
text-decoration:underline;
}

.h4info{
width:480px;
height:auto;
margin:0 auto;
padding:5px 10px 10px 10px;
}

.h4info a:link, .h4info a:visited{
color:#0099FF;
}

.h4info a:hover{
font-weight:bold;
color:#0066FF;
text-decoration:underline;
}

.font{
font-weight:bold;
color:#99FF00
}

.font a:link, .font a:visited{
color:#99FF00;
}

.font a:hover{
text-decoration:underline;
color:#00FFFF;
}

/* floatclear記述 */

.cl{
clear:both;
}

#headnavi:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
overflow:hidden;
}

/*自社サイトリンク用　追加コード*/

.link-text a:link, .link-text a:visited{
color:#0066FF;
}

.link-text a:hover{
color:#FF0000;
}