body {
font-size: 9pt;
color: #333333;
font-family: Verdana, 'MS UI Gothic', sans-serif;
}

th,td {  font-size: 12px; color: #333333; font-family: 'MS UI Gothic', Osaka, sans-serif}
h1 {  font-size: 14pt}
h2 {  font-size: 12pt}
h3 {  font-size: 10pt}
h4 {  font-size: 10pt}
p {  line-height: 1.3em}

/* a:link {  color: #0000CC; text-decoration: underline} */

/* a:visited {  color: #0000CC; text-decoration: underline} */

/* a:hover {  color: #FFFFFF; text-decoration: underline; background-color: #0000CC} */

/* a:active {  text-decoration: underline} */

.small {  font-family: 'MS UI Gothic', Osaka, sans-serif; font-size: 10px; color: #333333}

.line_height { line-height: 1.3em}

a:link { 
	color: #0000CC; text-decoration:underline; 
}
a:visited {
	color: #0000CC; text-decoration:underline; 
}
a:hover {
	color: #FF6699; background-color: transparent;
}
a:active {
	color:#0000CC;
}

a:link img,
a:visited img{
	border-width: 0px;
}


.section {
width: 300px; 
border-bottom: solid 2px #FFD700; /* Gold色 */
border-left: double 10px #FFD700; /* Gold色 */
margin-bottom: 5px;
margin-left: 0px;
font-size:1.1em;
font-weight: bold;
background-color: #FFFFFF;
color: #A0522D;
text-indent:0.5em;
text-align: left;
}

table.section-table {
width: 500px;
margin-bottom : 20px;
border-collapse: collapse; 
border-spacing: 0;
border: none;
background-color: #FFFFFF;
color: #000000; 
}

table.section-table th {
  text-align: left;
  padding: 0.1em 0.5em;
  border-bottom: 1px solid #BDB76B; /* DarkKahki色 */
  background-color: #EFEFEF;
  font-weight: normal;
  color: #800000; /* Maroon色 */
  letter-spacing: 0.1em; 
}

table.section-table td {
  text-align: left;
  padding: 0.3em 0.7em;
  border: none;
  background-color: #FFFFFF;
  color: #000000;
}

.welcome {
width: 450px;
border-left: 2px solid #FFD700; /* Gold色 */
margin-left:10px
padding: 0.5em 0px 0.5em 1em; 
text-align: left;

}

/* new-site-box */
.ns-box {
width: 450px;
background-color: #FFFFFF; 
border: 1px #DEB887 solid; /* BaryWood色 */
margin-bottom : 0px;
padding: 0;
text-align: left;
/* vertical-align: middle; */
}

.ns-box h4 {
color: #A0522D;  /* Siennna色 */
background-color: #FFF8DC; /* CornSilk色 */
font-size: 100%; 
margin: 0; 
padding: 2px 0 2px 1em;
border-bottom: 1px #DEB887 solid; /* BaryWood色 */
}

.ns-box P {
margin: 5px; 
color: #A26100;
}


.ns-box ul {
list-style-type : none ;
/* list-style-position : inside ; */
margin: 0 ;
padding: 0;
/* list-style-image: url(images/new.gif) ; */
}

.ns-box li {
padding: 3px 0 3px 1em;
margin: 0;
} 

/* title */
.title {
   /* width: 100px; */
    line-height:70px;
    padding: 3px 10px;
    border-bottom: 1px solid #CCCCC0;
    border-left: 9px solid #FFD700;
    border-right: 1px solid #CCCCC0;
    background-color: #F3F3F3;
    color: #A0522D;
    /* font-weight: normal; */
    display: inline; 
}

.title h1{
    font-size: 1.5em;
}

.title h2{
    font-size: 1.5em;
}

.title h3{
    font-size: 1.2em;
}

/* site-table */
table.site-table {
width : 500px;
margin-bottom : 15px;
border-collapse: collapse; 
border-spacing: 0;
/* border: 1px solid #EBEBEB; */
border: 1px solid #CCCCC0;
background-color: #FFFFFF;
color: #333333; 
}

table.site-table th {
text-align: left;
/* padding: 0.3em 0.7em; */
padding: 3px 0.7em; 
border-bottom: 1px solid #CCCCC0;
background-color: #F3F3F3;
color: #333333;
}

table.site-table td {
text-align: left;
/* padding: 0.1em 0.7em; */
padding: 2px 0.7em; 
/* border: 1px solid #EBEBEB; */
border: 1px solid #CCCCC0;
background-color: #FFFFFF;
color: #333333;
}

table.site-table td.wc15 {
width: 15%;
padding: 2px 0.7em;
background-color: #FFFFFF;
color: #FF9999;
}

table.site-table td.w20 {
width: 20%;
padding: 2px 0.7em; 
/* background-color: #F0FFF0; */
background-color: #FFFFF0; /* Ivory色 */
color: #333333;
}

table.site-table td.w15 {
width: 15%;
padding: 2px 0.7em; 
background-color: #FFFFF0;/* Ivory色 */
color: #333333;
}

table.site-table td.w80 {
width: 80%;
padding: 2px 0.7em; 
background-color: #FFFFFF;
color: #333333;
}

table.site-table td.w50 {
width: 50%;
padding: 2px 0.7em; 
background-color: #FFFFFF;
color: #333333;
}

table.site-table td.w100 {
width: 100%;
padding: 2px 0.7em; 
background-color: #FFFFFF;
color: #333333;
}

/* link-table */
table.link-table {
width : 500px;
margin-bottom : 15px;
border-style:none;
/* border-collapse: collapse; */ 
/* border-spacing: 0; */
/* border: 1px solid #999999; */
background-color: #F3F3F3;
color: #333333; 
}

table.link-table tr, 
table.link-table td {
text-align: left;
padding: 3px 0.7em;
border-top:15px solid #FFFFFF;
border-bottom: 1px solid #CCCCC0;
}

table.link-table td.wleft {
width : 36% ;
font-weight: bold;
background-color: #F3F3F3;
color : #333333 ;
}

table.link-table td.wcenter {
width : 27% ;
background-color: #F3F3F3;
color : #333333 ;
}

table.link-table td.wright {
width : 37% ;
background-color: #F3F3F3;
color : #333333 ;
}

/* link-table1(med) */
table.link-table1 {
width : 500px;
margin-bottom : 15px;
border-style:none;
background-color: #F3F3F3;
color: #333333; 
}

table.link-table1 tr, 
table.link-table1 td {
text-align: left;
padding: 3px 0.7em;
}

table.link-table1 td.wleft {
width : 36% ;
font-weight: bold;
background-color: #F3F3F3;
color : #333333 ;
border-top:15px solid #FFFFFF;
border-bottom: 1px solid #CCCCC0;
}

table.link-table1 td.wcenter {
width : 27% ;
background-color: #F3F3F3;
color : #333333 ;
border-top:15px solid #FFFFFF;
border-bottom: 1px solid #CCCCC0;
}

table.link-table1 td.wright {
width : 37% ;
background-color: #F3F3F3;
color : #333333 ;
border-top:15px solid #FFFFFF;
border-bottom: 1px solid #CCCCC0;
}

table.link-table1 td.wunder {
background-color: #F0FFF0; /* Honeydew色 */
/* border-bottom: 1px solid #CCCCC0; */
color : #333333 ;
}


/* info-site-table */
table.infosite-table {
width : 500px;
margin-top : 10px;
border-collapse: collapse; 
border-spacing: 0;
border: 1px solid #DEB887;
background-color: #FFFFFF;
color: #333333; 
}

table.infosite-table th {
  text-align: center;
  padding: 0.3em 0.7em;
  border-bottom: 2px solid #DEB887;
  background-color: #FFF8DC;
  color: #A0522D;
  font-size: 12pt;
  font-weight: bold;
  letter-spacing: 0.1em; 
}

table.infosite-table td {
  text-align: left;
  padding: 0.3em 0.7em;
  border: 1px solid #DEB887;
  background-color: #ffffff;
  color: #333333;
}


table.infosite-table td.w20 {
  width : 20% ;
  background-color: #FFFFFF;
  color: #333333;
}


.blogtitle {
width: 120px;
text-align: center;
border-top: 1px solid #000000; 
border-bottom: 1px solid #000000;
/* border: solid 1px #000000; */ 
font-size: 12pt;
font-weight: bold;
color: #A0522D;
padding: 5px;
margin-bottom: 20px;
margin-top: 30px;
}

/* menu */
#left-menu{
width : 180px;
text-align: left;
border :1px solid #CCCCC0;/* Gold色 */
margin-left: 0px;
margin-bottom: 20px;
padding: 0;
background-color: #FFFFFF;
color :#333333;
}

#left-menu h2{
font-size : 100%;
font-weight: bold;
margin: 0;
padding:5px 10px; 
background: #FFD700;/* Gold色 */
color: #800000;
border-bottom: 1px #800000 solid;
}

#left-menu ul{
list-style-type : none;
margin : 0;
padding : 0;
}

#left-menu li{
border-bottom: 1px solid #FFF8DC;
margin: 0;
padding :4px 10px;
}


/* footer */
#footer { 
width : 750px; 
color : #000000;
line-height : 2em;
font-weight : normal;
text-align : center; 
background-color : #FFFFFF; 
}

/* pagetop */
#page-top { 
text-align: right; 
margin-top: 20px; 
margin-bottom: 20px; 
}

/* top-menu */
#top-menu { 
width: 750px;
color: #ffffff;
line-height: 1.5em; 
background-color: #778899; /* Lightslategray色 */
text-align: left; 
padding : 1px 0px 1px 0px;
}

#top-menu a { 
color: #FFFFFF; 
font-weight: normal;
padding: 3px 20px 3px 20px;
}

#top-menu a:hover { 
text-decoration: none; 
background-color: #ff6600;
}