@charset "UTF-8";

/* ------------------------------------------------ */
/* TAG index Header and Footer CSS                  */
/* 2007.12.15 Update                                */
/* ------------------------------------------------ */


#Header {
width: 100%;
background-color: #ffd37d;
border-top: 5px #ffb366 solid;
border-bottom: 1px #ffb366 solid;
}


#TitleLogo {
width: 105px;
margin: 3px 0 3px 3px;
float: left;
}
#TitleLogo h1 {
margin: 0;
font-size: 100%;
}
#TitleLogo a img {
border: none;
}


#SubTitle {
margin: 4px 3px 3px 0;
float: left;
}
#SubTitle h2 {
margin: 2px 0 0 0;
font-size: 120%;
color: #ff8000;
}
#SubTitle p {
margin: 0;
margin-top: 1px;
padding-left: 2px;
color: #fffdee;
font-size: 90%;
}


#HeaderSub {
margin: 10px 5px 0 0;
float: right;
font-size: 80%;
}
#HeaderSub p {
margin: 0;
}
#HeaderSub strong {
color: #ff8000;
}


#HeaderNavi {
clear: both;
padding: 3px 10px;
border-top: 1px #ffb366 solid;
background: #fffdee url(../image/other/back_shadow_y.gif) repeat-x;
text-align: center;
}

#HeaderNavi ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 80%;
}
#HeaderNavi li {
display: inline;
margin: 0 10px;
}
#HeaderNavi a {
text-decoration: none;
}
#HeaderNavi a:hover {
background-color: #fdedc4;
text-decoration: underline;
}



#DirLink {
padding: 15px 10px 5px 10px;
font-size: 80%;
}


#ContTitle {
margin: 0;
padding: 4px 10px;
background-color: #e8e8e8;
border-top: 2px #f2f2f2 solid;
border-bottom: 1px #d2d2d2 solid;
}
#ContTitle h3 {
margin: 0;
font-size: 110%;
}



#SearchBottom {
margin: 25px 0 1px 0;
padding: 10px;
background: #f9f9f9 url(../image/other/back_shadow_g.gif) repeat-x;
text-align: center;
}



#Footer {
padding-bottom: 10px;
text-align: center;
font-size: 80%;
}

#Footer ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#Footer li {
display: inline;
}


#FooterLine {
padding-top: 2px;
background-color: #ffd37d;
border-top: 1px #bc8a07 solid;
}

#FooterNavi {
padding: 3px 4px;
background-color: #e8e8e8;
border-top: 1px #fef4da solid;
}
#FooterNavi li {
padding: 0 10px;
}
#FooterNavi a {
text-decoration: none;
}
#FooterNavi a:hover {
text-decoration: underline;
}


#BackHome {
padding: 4px 10px;
text-align: left;
}


#FooterLink {
margin: 0 10px 6px 10px;
}
#FooterLink li {
padding: 0 10px;
}



address {
line-height: 150%;
font-style: normal;
color: #808080;
}



.ClearBoth {
clear: both;
}
.ClearLeft {
clear: left;
}
.ClearRight {
clear: right;
}



.HrDef {
margin-left: 0;
margin-right: 0;
height: 1px;
color: #c0c0c0;
background-color: #c0c0c0;
border: 0;
}

.HrDot {
margin-left: 0;
margin-right: 0;
border-style: dotted none none none;
border-top-width: 1px;
border-top-color: #c0c0c0;
height: 1px;
}

.HrBoth {
clear: both;
display: block;
margin-left: 0;
margin-right: 0;
height: 1px;
color: #c0c0c0;
background-color: #c0c0c0;
border: 0;
}

.HrLeft {
clear: left;
display: block;
margin-left: 0;
margin-right: 0;
height: 1px;
color: #c0c0c0;
background-color: #c0c0c0;
border: 0;
}

.HrRight {
clear: right;
display: block;
margin-left: 0;
margin-right: 0;
height: 1px;
color: #c0c0c0;
background-color: #c0c0c0;
border: 0;
}



#AdsTop {
margin-top: 2px;
padding: 10px 0 3px 0;
background: #f9f9f9 url(../image/other/back_shadow_g.gif) repeat-x;
text-align: center;
}