@charset "UTF-8";
/* CSS Document */

/**************************************
reset

***************************************/
div,
dl,dt,dd,ul,li,
h1,h2,h3,h4,h5,h6,
form,input,textarea,th,td,p {
margin: 0px;
padding: 0px;
}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
}

img {
border: 0px;
}

body {
margin: 0px;
font-size: 100%;
background-color: #eff5fa;
}



/**************************************
outline
***************************************/
#wrapper {
width: 903px;
margin: auto;
background: url(../common/back.gif) top;
}

#wrapper div {
width: 801px;
margin: auto;
}

#wrapper div#foot {
background: url(../common/foot.gif) no-repeat;
height: 65px;
width: 903px;
margin: 0px;
}

#foot p {
text-align: right;
font-size: 11px;
color: #666666;
float: left;
width: 785px;
padding: 28px 0px 0px 0px;
}

#foot img {
width: 53px;
float: right;
padding: 10px 53px 10px 0px;
}
#wrapper div#foot2 {
background: url(../common/foot2.gif) no-repeat;
height: 80px;
width: 903px;
margin: 0px;
}

#foot2 p {
text-align: right;
font-size: 11px;
color: #666666;
float: left;
width: 785px;
padding: 28px 0px 0px 0px;
}

#foot2 img {
width: 53px;
float: right;
padding: 10px 53px 10px 0px;
}





/**************************************
menu
***************************************/
#wrapper h2 {
width: 801px;
height: 42px;
background: url(../common/bt.gif) no-repeat;
}

#wrapper h2 ul li {
list-style-type: none;
float: left;
overflow: hidden;
height: 42px;
}

#wrapper h2 ul li a.bt01 {
display: block;
width: 70px;
height: 42px;
text-indent: -9999em;
}

#wrapper h2 ul li a:hover.bt01,.on {
background: url(../common/bt-on.gif) no-repeat;
}

#wrapper h2 ul li a.bt02 {
display: block;
width: 107px;
height: 42px;
text-indent: -9999em;
}

#wrapper h2 ul li a:hover.bt02,.on2 {
background: url(../common/bt-on.gif) no-repeat -70px 0px;
}

#wrapper h2 ul li a.bt03 {
display: block;
width: 67px;
height: 42px;
text-indent: -9999em;
}

#wrapper h2 ul li a:hover.bt03,.on3 {
background: url(../common/bt-on.gif) no-repeat -177px 0px;
}


#wrapper h2 ul li a.bt04 {
display: block;
width: 118px;
height: 42px;
text-indent: -9999em;
}

#wrapper h2 ul li a:hover.bt04,.on4 {
background: url(../common/bt-on.gif) no-repeat -244px 0px;
}

#wrapper h2 ul li a.bt05 {
display: block;
width: 125px;
height: 42px;
text-indent: -9999em;
}

#wrapper h2 ul li a:hover.bt05,.on5 {
background: url(../common/bt-on.gif) no-repeat -362px 0px;
}

#wrapper h2 ul li a.bt06 {
display: block;
width: 151px;
height: 42px;
text-indent: -9999em;
}

#wrapper h2 ul li a:hover.bt06,.on6 {
background: url(../common/bt-on.gif) no-repeat -487px 0px;
}

#wrapper h2 ul li a.bt07 {
display: block;
width: 49px;
height: 42px;
text-indent: -9999em;
}

#wrapper h2 ul li a:hover.bt07,.on7 {
background: url(../common/bt-on.gif) no-repeat -638px 0px;
}

#wrapper h2 ul li a.bt08 {
display: block;
width: 49px;
height: 42px;
text-indent: -9999em;
}

#wrapper h2 ul li a:hover.bt08,.on8 {
background: url(../common/bt-on.gif) no-repeat -687px 0px;
}

#wrapper h2 ul li a.bt09{
display: block;
width: 64px;
height: 42px;
text-indent: -9999em;
}

#wrapper h2 ul li a:hover.bt09,.on9 {
background: url(../common/bt-on.gif) no-repeat -736px 0px;
}







/**************************************
color
***************************************/
strong {
color: #FF0000;
font-weight: normal;
}

a {
color: #256bd1;
}

a:hover {
color: #ffa800;
}

a:active {
color: #9ec6ff;
}

a:visited {
color: #256bd1;
}


/**************************************
contents
***************************************/
.pagetop {
text-align: right;
font-size: 90%;
}

.pagetop a {
color: #444444;
}

.pagetop a:hover {
color: #ffa800;
}


/**************************************
font-size / start=12px=75%
***************************************/
.f10 {
font-size: 90%;
}

.f11 {
font-size: 95%;
}

.f12 {
font-size: 105%;
}

.f14 {
font-size: 120%;
}

.f16 {
font-size: 135%;
}

.f18 {
font-size: 150%;
}

.f20 {
font-size: 170%;
}