/*Relation_body*/
body { 
    text-align: center; 
    background-image: url("siteimage/allback.gif"); 
    margin: 0; 
}
/*###########################*/
/*Relation_Shadow*/
#alltrack { 
    text-align: left; 
    margin: auto; 
    width: 866px; 
    background-image: url("siteimage/alltrackback.gif"); 
    background-repeat: repeat-y; 
}
/*###########################*/
/*Relation_box*/
#box { 
    width: 802px; 
    margin-left: 32px; 
}
#topsline { 
    width: 850px; 
    height: 5px; 
    margin-left: 9px; 
    background-color: #a2a2a2; 
}
/*###########################*/
/*Relation_heaer*/
#header { 
    width: 802px; 
    height: 84px; 
}
#header img { 
    margin: 0; 
    padding: 0; 
    border: 0; 
}
/*###########################*/
/*Relation_main*/
#main { 
    width: 802px; 
    height: 157px; 
    background-image: url("siteimage/main2.jpg"); 
}
/*##########################*/
/*Relation_headernavigation*/
#headnavigation { 
    width: 802px; 
    height: 25px; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-bottom: 0px; 
    background-color: #fff; 
}
ul#hnavi { 
    height: 25px; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 10px; 
    margin-bottom: 0px; 
    padding: 0; 
    float: right; 
}
li#hbot1, li#hbot2, li#hbot3 { 
    float: left; 
    list-style-type: none; 
    margin-left: 5px; 
    margin-right: 0; 
    margin-top: 0; 
    margin-bottom: 0; 
}
#headnavigation p { 
    display: none; 
    margin: 0; 
}
li#hbot1 a { 
    width: 80px; 
    height: 25px; 
    display: block; 
    text-decoration: none; 
    background-image: url("siteimage/htopbot1.gif")
}
li#hbot1 a:hover { 
    background-image: url("siteimage/htopbot1.gif")
}
li#hbot2 a { 
    width: 80px; 
    height: 25px; 
    display: block; 
    text-decoration: none; 
    background-image: url("siteimage/htopbot2.gif")
}
li#hbot2 a:hover { 
    background-image: url("siteimage/htopbot2.gif")
}
li#hbot3 a { 
    width: 80px; 
    height: 25px; 
    display: block; 
    text-decoration: none; 
    background-image: url("siteimage/htopbot3.gif")
}
li#hbot3 a:hover { 
    background-image: url("siteimage/htopbot3.gif")
}
/*##########################*/
/*Relation_navigation*/
#navigation { 
    width: 802px; 
    height: 40px; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-bottom: 0px; 
}
ul#navi { 
    height: 40px; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding: 0; 
}
li#bot1, li#bot2, li#bot3, li#bot4, li#bot5 { 
    float: left; 
    list-style-type: none; 
    margin-left: 0px; 
    margin-right: 0; 
    margin-top: 0; 
    margin-bottom: 0; 
}
#navigation p { 
    display: none; 
    margin: 0; 
}
li#bot1 a { 
    width: 161px; 
    height: 40px; 
    display: block; 
    text-decoration: none; 
    background-image: url("siteimage/topbot1.gif")
}
li#bot1 a:hover { 
    background-image: url("siteimage/topbot1.gif")
}
li#bot2 a { 
    width: 161px; 
    height: 40px; 
    display: block; 
    text-decoration: none; 
    background-image: url("siteimage/topbot2.gif")
}
li#bot2 a:hover { 
    background-image: url("siteimage/topbot2.gif")
}
li#bot3 a { 
    width: 161px; 
    height: 40px; 
    display: block; 
    text-decoration: none; 
    background-image: url("siteimage/topbot3.gif")
}
li#bot3 a:hover { 
    background-image: url("siteimage/topbot3.gif")
}
li#bot4 a { 
    width: 161px; 
    height: 40px; 
    display: block; 
    text-decoration: none; 
    background-image: url("siteimage/topbot4.gif")
}
li#bot4 a:hover { 
    background-image: url("siteimage/topbot4.gif")
}
li#bot5 a { 
    width: 158px; 
    height: 40px; 
    display: block; 
    text-decoration: none; 
    background-image: url("siteimage/topbot5.gif")
}
li#bot5 a:hover { 
    background-image: url("siteimage/topbot5.gif")
}
/*##########################*/
/*Relation_3rdnavi*/
#trdnavi { 
    width: 802px; 
    height: 30px; 
    margin: 5px 0 0 0; 
    background-image: url("siteimage/3rdnavin.jpg"); 
}
ul#tnavi { 
    height: 30px; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding: 0 7px 0 0; 
    float: right; 
}
li#tbot1, li#tbot2, li#tbot3 { 
    float: left; 
    list-style-type: none; 
    margin-left: 35px; 
    margin-right: 0; 
    margin-top: 0; 
    margin-bottom: 0; 
    padding: 0; 
}
#trdnavi p { 
    margin: 0; 
    padding: 0 2px 0 0; 
}
li#tbot1 a { 
    padding: 9px 0 3px 0; 
    margin: 0; 
    display: block; 
    font-size: 12px; 
    font-weight: 600; 
    color: #555; 
    text-decoration: none; 
}
li#tbot1 a:hover { 
    color: #f981bf; 
}
li#tbot2 a { 
    padding: 9px 0 3px 0; 
    margin: 0; 
    font-size: 12px; 
    font-weight: 600; 
    color: #555; 
    display: block; 
    text-decoration: none; 
}
li#tbot2 a:hover { 
    color: #f981bf; 
}
li#tbot3 a { 
    padding: 9px 0 3px 0; 
    margin: 0; 
    font-size: 12px; 
    font-weight: 600; 
    color: #555; 
    display: block; 
    text-decoration: none; 
}
li#tbot3 a:hover { 
    color: #f981bf; 
}
/*##########################*/
/*Relation_contents*/
#contentsbox { 
    width: 802px; 
    margin-top: 0 0 0 0; 
}
#underbox { 
    width: 802px; 
    margin: 0; 
    padding: 0; 
}
.rightline { 
    width: 214px; 
    background-color: #ffffff; 
    float: right; 
    margin: 0; 
    padding: 0 0 0 0; 
}
.rightline img { 
        margin-left: 3px; 
}
.rightimage img { 
    margin: 7px 0 0 0; 
    padding: 0; 
    border: 1px #ffffff solid; 
}
.rightimage a { 
    margin: 0; 
    padding: 0; 
    border: 1px #ffffff solid; 
}
.rightimage a:hover { 
    border: 1px #ff0000 solid; 
}
.minna { 
    width: 212px; 
    height: 365px; 
    background-image: url("siteimage/minna.gif"); 
}
.minna p { 
    font-size: 12px; 
    line-height: 16px; 
    letter-spacing: 1px; 
    margin: 0; 
    color: #3c78f0; 
    padding: 155px 0 0 13px; 
}
.minna p a { 
    color: #3c78f0; 
}
.minna p a:hover { 
    color: #f981bf; 
}
#uppercontents { 
    width: 581px; 
    height: 216px; 
    margin-top: 13px; 
    padding-top: 0; 
    padding-left: 0; 
    padding-right: 0; 
    padding-bottom: 0px; 
    background-image: url("siteimage/infobox.gif"); 
}
#uppercontents2 { 
    width: 567px; 
    height: 171px; 
    margin-top: 13px; 
    padding-top: 0; 
    padding-left: 0; 
    padding-right: 0; 
    padding-bottom: 0px; 
    background-image: url("siteimage/spoback.jpg"); 
}
#uppercontents2 h3 { 
    font-size: 12px; 
    margin: 0; 
    padding: 0 0 0 5px; 
}
#uppercontents2 h3 a { 
    font-size: 12px; 
    color: #3c78f0; 
}
#uppercontents2 h3 a:hover { 
    font-size: 12px; 
    color: #f981bf; 
}
#uppercontents2 p a { 
    font-size: 10px; 
    color: #444; 
    text-decoration: none; 
}
#uppercontents2 p a:hover { 
    font-size: 10px; 
    color: #f981bf; 
}
#upperleft { 
    float: left; 
    margin: 0; 
    padding: 10px 0px 0 14px; 
}
#upperright { 
    float: right; 
    margin: 0; 
    padding: 30px 18px 0 0; 
}
#upperleft2 { 
    width: 247px; 
    height: 104px; 
    float: left; 
    margin: 50px 0 0 22px; 
    padding: 0; 
}
#upperright2 { 
    width: 247px; 
    height: 104px; 
    float: right; 
    margin: 50px 22px 0 0; 
    padding: 0; 
}
#upperleft2 p { 
    width: 140px; 
    font-size: 10px; 
    margin: 5px 0 0 0; 
    line-height: 15px; 
    letter-spacing: 1px; 
    padding: 0; 
}
#upperleft2 img { 
    border: 5px #fff solid; 
}
#upperright2 p { 
    width: 140px; 
    font-size: 10px; 
    margin: 5px 0 0 0; 
    line-height: 15px; 
    letter-spacing: 1px; 
    padding: 0; 
}
#upperright2 img { 
    border: 5px #fff solid; 
}
.scbox { 
    overflow: auto; 
    width: 258px; 
    height: 174px; 
}
.scbox p { 
    font-size: 12px; 
    color: #333; 
    line-height: 16px; 
    margin-top: 0; 
    margin-left: 0; 
    margin-bottom: 0; 
    margin-right: 10px; 
    padding-top: 10px; 
    padding-right: 0; 
    padding-bottom: 10px; 
    border-bottom: #666 1px dotted; 
}
.banner { 
    clear: both; 
    padding: 10px 0 0 0; 
}
.banner img { 
    float: left; 
    border: 0; 
    margin: 0 9px 0 0; 
    padding: 0; 
}
.tribox { 
    width: 581px; 
    height: 147px; 
    background-image: url("siteimage/triback.jpg"); 
    background-repeat: no-repeat; 
}
.tribox a { 
    margin: 0; 
    padding: 0; 
    font-size: 12px; 
    color: #333; 
    text-decoration: none; 
}
.tribox a:hover { 
    color: #ff0000; 
}
.tribox ul { 
    padding: 0; 
    margin-top: 63px; 
    margin-left: 20px; 
    list-style: none; 
}
.tribox li { 
    margin: 12px 0 0 0; 
    padding: 0; 
}
.ulbox { 
    float: left; 
    margin-right: 9px; 
    width: 183px; 
    height: 140px; 
}
/*Relation_footernavigation*/
#footernavigation { 
        clear: both; 
    width: 802px; 
    overflow: auto; 
    margin-top: 15px; 
    margin-bottom: 0; 
    border-top: #a2a2a2 2px solid; 
    background-color: #fff; 
    padding-top: 15px; 
    padding-bottom: 15px; 
    font-family: "ＭＳ Ｐゴシック","Arial"; 
    letter-spacing: 1px; 
}
ul#navi2 { 
    width: 702px; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding: 0; 
    float: left; 
}
#navi2 li { 
    float: left; 
    list-style-type: none; 
    margin-left: 0px; 
    margin-right: 0; 
    margin-top: 0; 
    margin-bottom: 0; 
    padding: 0; 
    text-align: center; 
}
#navi2 a { 
    text-decoration: none; 
    font-size: 12px; 
    padding-left: 5px; 
    padding-right: 5px; 
    color: #444; 
    border-right: #666 1px dotted; 
}
#navi2 a:hover { 
    color: #de5a58; 
}
/*##########################*/
/*Relation_footer*/
#footer { 
    width: 802px; 
    background-color: #fff; 
    margin: 0; 
    padding: 0; 
}
#footer p { 
    background-color: #fff; 
    margin: 0; 
    font-size: 12px; 
    color: #333; 
    padding: 0 0 10px 3px; 
}
/*###########################*/