body {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 background-color:cccccc;
 background-image:url(img/body-bg.gif);
}

a {
 text-decoration:underline;
}
a:link {  
 color:#0066FF;
}
a:visited {
 color:#330099;
}
a:hover {
 color:#00ccff;
}

#container {
 margin:0px auto 0px auto;
 padding:0px 0px 0px 0px;
 width:800px;
 color:#333333;
 background-color:#ffffff;
 text-align:left;
 font-family:Verdana,sans-serif;
 border-left:1px solid #666666;
 border-right:1px solid #666666;
}

#header {
 height:200px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 text-align:left;
 position:top;
 background:#3366cc url(img/header-bg.gif) no-repeat;
}

.menu{
 width:100%;
 margin:140px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 float:left;
 font-size:87.5%;
 font-weight:bold;
 border:1px solid #99ccff;
 border-width:1px 0;
 background:black url(img/menu-bg1.gif) center center repeat-x;
}
.menu li{
 display:inline;
}
.menu li a{
 float:left;
 padding:9px 11px 9px 11px;
 color:#ffffff;
 text-decoration:none;
 border-right:1px solid #666666;
}
.menu li a:visited{
color:#ffffff;
}
.menu li a:hover, .menu li .menu-current{
 color:#ffffff;
 text-decoration:none;
 background:transparent url(img/menu-bg2.gif) center center repeat-x;
}

#content {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

#main {
 float:left;
 width:530px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 font-size:87.5%;
 line-height:1.8em;
}

#text-area {
 margin:0px 0px 0px 0px;
 padding:20px 20px 20px 20px;
}

#side {

 float: right;
 width:260px;
 line-height:1em;
 margin:0px 5px 0px 0px;
_margin:0px 3px 0px 0px;
 padding:0px 0px 0px 0px;
 font-size:87.5%;
 color: #333333;
}
#side ul {
 margin:0px 0px 0px 0px;
 padding:10px 0px 10px 0px;
border:none;
}
#side li {
 margin:0px 0px 0px 0px;
 list-style-type: none ;
}
#side li a {
 width:100%;
 display:block;
 margin:0px 5px 0px 10px;
 padding:5px 5px 5px 15px;
 font-weight:bold;
 text-decoration:none;
 background:#ffffff url(img/yajirushi1.gif) center left no-repeat;
}
html>body #side li a {
 width:auto;
}
#side li a:hover, #side li .side-current{
 background:#ffffff url(img/yajirushi2.gif) center left no-repeat;
}

.side-top {
 margin:10px 0px 0px 0px;
_margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 height:9px;
 background:url(img/side-bg-top.gif) bottom center no-repeat;
}
.side-middle {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 background:url(img/side-bg-middle.gif) repeat-y;
}
.side-bottom {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 height:5px;
 background:url(img/side-bg-bottom.gif) top center no-repeat;
}

#footer {
 margin:0px 0px 0px 0px;
 padding:10px 0px 10px 0px;
 text-align:center;
 color:#ffffff;
 position:bottom;
 background-color:#003399;
}



/* サイトタイトルに使用 */
h1 {
 margin:0px 0px 0px 0px;
 padding:8px 0px 0px 10px;
_padding:10px 0px 0px 10px;
 font-size:14px;

 color:#0066ff;
}
h1 a {
 text-decoration:none;
}
h1 a:link {  
 color:#0066ff;
}
h1 a:visited {
 color:#0066ff;
}
h1 a:hover {
 color:#0066ff;
}
/* 記事の見出しに使用 */
h2 {
 margin:10px 0px 20px 0px;
 padding:4px 0px 4px 20px;

 color:#ffffff;
 font-size:114.3%;
 text-align:left;
 background:#3399cc url(img/h2-bg.gif) center left no-repeat;
}
/* サイドメニューの見出しに使用 */
h3 {
 margin:0px 0px 0px 0px;
 padding:5px 0px 5px 20px;
 font-size:114.3%;
 line-height:1.3em;
 color:#ffffff;
 background:#3399cc url(img/h3-bg.gif) center left no-repeat;
}

/* 336x280サイズのアド用右画像入りボックス */
.336x280ad-toppage {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/toppage-ad.gif) center right no-repeat;
}
.336x280ad-ozone {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/ozone-ad.gif) center right no-repeat;
}
.336x280ad-flon {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/flon-ad.gif) center right no-repeat;
}
.336x280ad-what {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/what-ad.gif) center right no-repeat;
}
.336x280ad-dang {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/dang-ad.gif) center right no-repeat;
}
.336x280ad-meas {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/meas-ad.gif) center right no-repeat;
}
.336x280ad-water {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/water-ad.gif) center right no-repeat;
}
.336x280ad-lav {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/lav-ad.gif) center right no-repeat;
}
.336x280ad-inf {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/inf-ad.gif) center right no-repeat;
}
.336x280ad-tre {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/tre-ad.gif) center right no-repeat;
}
.336x280ad-pool {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/pool-ad.gif) center right no-repeat;
}
.336x280ad-nat {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/nat-ad.gif) center right no-repeat;
}
.336x280ad-arti {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/arti-ad.gif) center right no-repeat;
}
.336x280ad-smog {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/smog-ad.gif) center right no-repeat;
}
.336x280ad-blood {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/blood-ad.gif) center right no-repeat;
}
.336x280ad-ulcer {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/ulcer-ad.gif) center right no-repeat;
}
.336x280ad-vir {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/vir-ad.gif) center right no-repeat;
}
.336x280ad-etc {
 width:485px;
 text-align:left;
 background:#ffffff url(img/photo/etc-ad.gif) center right no-repeat;
}


/* 上に青破線入りのボックス */
.top-brokenline {
 border-top:2px dotted #3366cc;
}

.link-box {
 margin-bottom:20px;
 font-size:13px;
 border-bottom:2px dotted #cccccc;
 line-height:1.5em;
}
.link-title {
 padding-left:23px;
 font-size:14px;
 background:#ffffff url(img/yajirushi4.gif) center left no-repeat;
}

table {
 font-size:100%;
 color:#333333;
 line-height:1.5em; 
}

.td1 {
 width:238px;
 vertical-align:top;
}

/* リスト・マークが矢印(Ｍ)のリンク用 */
.linkyajirushi-m{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 width:100%;
 list-style-type:none;
}
.linkyajirushi-m li a{
 margin:2px 0px 2px 0px;
 padding:0px 0px 0px 23px;
 width:auto;
 display:block;
 background:#ffffff url(img/yajirushi3.gif) center left no-repeat;
}
* html .linkyajirushi-m li a{
 width:100%;
}
.linkyajirushi-m li a:hover{
 background:#ffffff url(img/yajirushi4.gif) center left no-repeat;
}