@charset "UTF-8";

/* ------------------------------------------------ */
/* TAG index Top page CSS                           */
/* 2007.12.15 Update                                */
/* ------------------------------------------------ */



body {
margin: 0;
padding: 0;
background-color: #ffffff;
color: #2b2b2b;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
}


a:link { color: #0000ff; }
a:visited { color: #0000a0; }
a:hover { color: #0000ff; }
a:active { color: #ff8000; }



#Container {
margin-left: auto;
margin-right: auto;
width: 800px;
}


#Header {
border-width: 5px 1px 1px 1px;
border-color: #ffb366;
border-style: solid;
background-color: #ffd37d;
}


#TitleLogo {
margin: 5px 0 5px 5px;
width: 145px;
float: left;
}
h1 {
margin: 0;
font-size: 100%;
}

#HeaderSub {
margin: 10px 0 0 20px;
width: 600px;
float: left;
}
#HeaderSub h2 {
margin: 3px 0 0 0;
font-size: 130%;
color: #ff8000;
}
#HeaderSub p {
margin: 3px 0 0 0;
padding-left: 3px;
font-size: 100%;
}
#HeaderSub strong {
color: #fffdee;
}


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

#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;
}



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



#Contents {
margin-top: 10px;
width: 100%;
}


#ContMain {
width: 480px;
float: left;
}


.MainList {
margin-bottom: 15px;
padding-bottom: 15px;
background-color: #f9f9f9;
border: 1px #e0e0e0 solid;
}

.MainList h3 {
margin: 0;
padding: 2px 5px;
background-color: #e0e0e0;
font-size: 110%;
font-weight: normal;
}

.MainList h3 a {
color: #2b2b2b;
}

.MainList p {
margin: 0;
padding: 8px 10px;
background-color: #ffffff;
border-bottom: 1px #e0e0e0 dotted;
font-size: 80%;
color: #808080;
}


.ListMenu {
width: 100%;
}
.ListMenu ul {
margin: 0 10px;
padding: 0;
list-style-type: none;
font-size: 80%;
}
.ListMenu li {
float: left;
margin-top: 15px;
width: 33%;
}


#MainInfo {
margin-bottom: 15px;
padding: 8px 5px;
border: 1px #e0e0e0 dotted;
background: #f9f9f9 url(../image/other/back_shadow_g.gif) repeat-x;
}
#MainInfo img {
float: left;
margin-right: 15px;
}
#MainInfo p {
margin: 0;
font-size: 80%;
color: #808080;
}


#ContSub {
width: 300px;
float: right;
}


.SubBox {
margin-bottom: 10px;
border: 1px #ffb366 solid;
background-color: #fffdee;
font-size: 80%;
}

.SubBox h3 {
margin: 0;
padding: 4px 4px 4px 10px;
border-bottom: 1px #ffb366 solid;
background: #ffd37d url(../image/other/top_bar1.gif) repeat-x;
font-size: 100%;
}

.SubBox h3 a {
color: #2b2b2b;
}

.SubBox h4 {
margin: 0;
padding: 5px 10px;
background-color: #f8f3cb;
border-bottom: 1px #ffb366 dotted;
font-size: 100%;
font-weight: normal;
color: #976200;
}


.SubMenu {
margin: 5px 10px 15px 10px;
border: none;
}

.SubMenu ul {
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
overflow: auto;
}
.SubMenu li {
width: 48%;
margin-top: 10px;
float: left;
}



#Footer {
margin: 5px 0 15px 0;
font-size: 80%;
text-align: center;
color: #808080;
}

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


#Counter {
font-size: 80%;
}


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



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



hr {
height: 1px;
color: #c0c0c0; 
background-color: #c0c0c0; 
border: 0; 
}