@charset "UTF-8";

body {
font-size: 100% ;
font-family: "ヒラギノ明朝 Pro W6", "Osaka", "ＭＳ Ｐゴシック", "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif" ;
color: #000 ;
background: url(../images/bg_body.gif) repeat-y center top #EEF6FF ;
margin: 0 ;
padding: 0 ;
text-align: center ;
}

a:link    { color: #06c ; text-decoration: none}
a:visited { color: #c06 ; text-decoration: none}
a:hover   { color: #69f ; text-decoration: underline}
a:active  { color: #00f ; text-decoration: none}

em {
font-style: normal ;
font-weight: bold ;
color: #f00 ;
}

a img,
img.img-map {
border-style: none ;
}

.align-left {
text-align: left ;
}
.align-right {
text-align: right ;
}
.align-center {
text-align: center ;
}

#content:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#content { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
#content { display: block; }
/* End hide from IE-mac */


/*==== header ===============*/

#header {
width : 720px ;
margin : 0px auto ;
background: url(../images/bg_head.gif) no-repeat center top transparent ;
text-align: left ;
}

#header h1 {
margin: 0 ;
}

#header h1 a {
font-size: 1px ;
display: block ;
width: 159px ;
height: 36px ;
color: #FC0 ;
margin: 0 ;
background: url(../images/bg_h1.gif) no-repeat center top transparent ;
}

/*==== content ===============*/

#content {
width : 720px ;
margin : 0 auto ;
text-align: left ;
}

/*==== main ===============*/

#main {
text-align: left ;
width : 520px ;
float: right ;
}


.tatsuoka-news {
border: solid 1px #999 ;
margin: 5px 0 15px ;
}
.tatsuoka-news h4 {
font-size: 95% ;
background-color: #fc0 ;
margin: 0 ;
padding: 5px ;
border-bottom: solid 1px #999 ;
}
.tatsuoka-news p {
font-size: 95% ;
margin: 0 ;
padding: 5px ;
}
.tatsuoka-news dl {
font-size: 95% ;
margin: 0 ;
padding: 5px ;
}
.tatsuoka-news dt {
font-weight: bold ;
width: 6em ;
float: left ;
clear: left ;
}

.tatsuoka-news dd {
margin: 0 0 5px ;
padding-left: 6em ;
}

.sup {
font-size: 70% ;
vertical-align: super ;
}

hr {
clear: both ;
width: 1px ;
height: 0px ;
margin: 0 ;
padding: 0 ;
text-align: right ;
}

#content hr {
margin: 0 0 10px ;
}

/*==== footer ===============*/

p.copy-right {
clear: both ;
height: 25px ;
font-size: 2px ;
color: #FC0 ;
margin: 0 ;
background: url(../images/bg_copyright.gif) no-repeat right top transparent ;
}

h2.footer {
display: none ;
}

address {
font-size: 85% ;
font-style: normal ;
line-height: 130% ;
margin: 15px 0 10px ;
}