/* CSS Document */
* {
margin: 0;
padding: 0;
}
body {
font-size: 12px;
color: #424242;
}
a {
color: #0962c9;
}
img {
border: none;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
/*ﾂ･*//*/
height: auto;
overflow: hidden;
/**/
}

#base {
width: 920px;
height: 485px;
/*background-color: #ffff00;*/
margin: 100px auto 0 auto;
padding: 0 0;
}
*html #base {
width: 950px;
}
#left_col {
width: 250px;
height: 485px;
border: 1px solid #999999;
border-collapse: collapse;
float: left;
margin: 0 0 0 0px;
background: url("../images/left_col_bg.gif") no-repeat;
}
#right_col {
width: 650px;
height: 485px;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-collapse: collapse;
float: left;
margin: 0px auto;
padding: 0px 0auto;
}

h1 {
width: 205px;
height: 205px;
text-indent: -9999px;
margin: 10px auto;
}
h1 a {
width: 205px;
height: 205px;
display: block;
position: relative;
background: url("../images/logo.gif") no-repeat;
}

.navi {
width: 205px;
height: 55px;
margin: 10px auto;
}
.navi ul {
list-style-type: none;
}
.navi li {
text-indent: -9999px;
margin: 10px 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
}
.navi li a {
width: 205px;
height: 25px;
display: block;
position: relative;
text-decoration: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
li.navi1 a {
background: url("../images/left_navi1.gif") no-repeat;
}
li.navi1 a:hover {
background: url("../images/left_navi1.gif") no-repeat 0 -25px;
}
li.navi2 a {
background: url("../images/left_navi2.gif") no-repeat;
}
li.navi2 a:hover {
background: url("../images/left_navi2.gif") no-repeat 0 -25px;
}

#footer {
width: 100%;
height: 50px;
margin: 0 0;
padding: 0 0;
border-top: 3px solid #cdcdcd;
}

.flogo {
width: 160px;
height: 40px;
text-indent: -9999px;
margin: 5px 10px 0 10px;
float: left;
}
.flogo a {
width: 160px;
height: 40px;
display: block;
position: relative;
}
.flogo a {
background: url("../images/flogo.gif") no-repeat;
}
.flogo a:hover {
background: url("../images/flogo.gif") no-repeat 0 -40px;
}


.fmenu {
width: 710px;
height: 20px;
display: inline;
margin: 15px 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
float: left;
}
.fmenu li {
float: left;
text-indent: -9999px;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
}
*html .fmenu li {
margin: 0 0 0 0;
}
.fmenu li a {
height: 20px;
display: block;
position: relative;
text-decoration: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
li.fm1 a {
width: 99px;
background: url("../images/fm1.gif") no-repeat;
}
li.fm1 a:hover {
width: 99px;
background: url("../images/fm1.gif") no-repeat 0 -20px;
}
li.fm2 a {
width: 100px;
background: url("../images/fm2.gif") no-repeat;
}
li.fm2 a:hover {
width: 100px;
background: url("../images/fm2.gif") no-repeat 0 -20px;
}
li.fm3 a {
width: 86px;
background: url("../images/fm3.gif") no-repeat;
}
li.fm3 a:hover {
width: 86px;
background: url("../images/fm3.gif") no-repeat 0 -20px;
}
li.fm4 a {
width: 114px;
background: url("../images/fm4.gif") no-repeat;
}
li.fm4 a:hover {
width: 114px;
background: url("../images/fm4.gif") no-repeat 0 -20px;
}
li.fm5 a {
width: 170px;
background: url("../images/fm5.gif") no-repeat;
}
li.fm5 a:hover {
width: 170px;
background: url("../images/fm5.gif") no-repeat 0 -20px;
}
li.fm6 a {
width: 114px;
background: url("../images/fm6.gif") no-repeat;
}
li.fm6 a:hover {
width: 114px;
background: url("../images/fm6.gif") no-repeat 0 -20px;
}