@import url("ns4.css");
/*  */
body  { color: #000; font-size: 14px; line-height: 150%; background-color: #ffffff; padding: 0px;}
img { border: 0px; }

#background { background: url(aqua_images/background.jpg) no-repeat right top ; text-align: center; }
#titleimg { float:left; margin-left: 50px }
#box    {  background: url(aqua_images/img_mugichan.jpg) no-repeat right bottom;text-align: left; clear: both; margin-right: auto; margin-left: auto; border: none; width: 800px }
#intro     { text-align: left; width: 500px ; padding: 30px 0px;}

/*=======================================  */
/*                                    左コラム                  　           */
/*=======================================  */
#left  { float: left; margin: 0px; padding: 0px; width: 549px }
#right { float: left; margin: 0px 0px 0px 2px; padding: 0px; width: 248px }
.headimg { margin: 0px; padding: 0px }
.textarea  { background-color: #fff; margin: 0px 0px; padding: 10px 5px; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999 }
.info   { color: #41b299; font-size: 16px; padding: 0px 20px 5px 5px }
.way  { color: #666; font-size: 15px; background-color: #f0f8ff; margin-top: 5px; padding: 3px 20px }
.access  { padding-right: 20px; padding-left: 30px }
img.pointimg { vertical-align: middle;}
#amap  { clear: both ;padding: 5px;}
.address  { font-size: small; clear: both; margin-top: 20px; margin-bottom: 10px }
.atmark { vertical-align: middle;}

/*=======================================  */
/*                                    右コラム                  　           */
/*=======================================  */
.flame_inner { background: url(aqua_images/flame_22.gif) repeat-y; text-align: left; margin-top: 0px; margin-bottom: 0px; padding-right: 25px; padding-bottom: 10px; padding-left: 20px }

/*=======================================  */
/*                              メニュータブ                  　           */
/*=======================================  */
.menu  { margin: 0px auto; height: 30px;}
.homebutton { float: left;}
.menutab a { font-size: 14px; font-weight: bold ;text-decoration: none ; display:block; float: left; background: url(aqua_images/b_gray.gif) no-repeat;  text-align: center; margin: 0px; padding: 10px 0px 0px 0px; width: 84px; }
.menutab a:hover { font-size: 14px; font-weight: bold ;text-decoration: none ; display:block; color: #fff; float: left; background: url(aqua_images/b_red.gif) no-repeat;  text-align: center; margin: 0px; padding: 10px 0px 0px 0px; width: 84px;}
.menuactive { font-size: 14px; font-weight: bold ;text-decoration: none ;color: #000; display:block; float: left; background: url(aqua_images/b_red.gif) no-repeat;  text-align: center; margin: 0px; padding: 10px 0px 0px 0px; width: 84px; }

/*=======================================  */
/*                              文字スタイル                  　           */
/*=======================================  */
.categryhead { background: url(aqua_images/categrybar.gif) repeat-x;border: 1px #aaa solid; margin: 0 auto 0px auto ; padding-top: 10px; padding-bottom:10px; }
h2   { color: #396; font-weight: bold; font-size: 20px; clear: both; padding-left: 10px;padding-bottom: 5px; border-bottom: 1px solid #f66 ;}
h3    { color: #396; font-size: large; background: url('aqua_images/icon_fish.gif') no-repeat; margin-top: 10px; margin-bottom: 3px;margin-top: 15px; padding-left: 30px; }
.clear {clear:both;}
.caption   { font-style: italic; text-align: left; margin-left: 15px }
.subject  { font-size: medium; font-family: "ヒラギノ丸ゴ Pro W4", "ＭＳ ゴシック"; text-align: left; margin-top: 20px; margin-bottom: 5px }
.accent { color: #f66; font-weight: bold }
.big { font-weight: bold; font-size: large }
.small  { font-size: small }
.center { text-align: center }
.right { text-align: right }
.indent {margin-left: 20px;}
.line { border-top: 1px solid #cccccc; margin:3px auto;}
.topic {border: 2px dotted #4682b4; padding: 5px; margin: 5px 20px;}

/*  */
img.frame  { float: left; margin: 5px }

/*=======================================  */
/*                        各ページスタイル                  　           */
/*=======================================  */
/* イベントスタイル */
.event { clear: both; margin: 5px; padding: 5px; border: solid 1px #396 }
.dateh   { background: url(aqua_images/icon_tri.gif) no-repeat; text-align: left; float: left; clear: none; margin-right: 5px; padding-top: 3px; padding-bottom: 3px; padding-left: 15px; width: 100px }
.dated   { text-align: left; margin-left: 100px; padding-top: 3px; padding-bottom: 3px; padding-left: 15px }
.newsbody { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #396 }
/* ビデオ一覧テーブル */
table.videos  { color: #000; font-size: medium; margin: 5px auto 20px auto; padding: 0px; border-top: 1px solid #555; border-left: 1px solid #555; border-collapse: collapse; border-spacing: 0; width: 700px }
.videos th    { background-color: #cc9; padding: 5px 10px; border-right: 1px solid #555; border-bottom: 1px solid #555 }
.videos td    { margin: 0px; padding: 3px 5px; border-right: 1px solid #555; border-bottom: 1px solid #555 }
/* 団体表テーブル */
table.dantaihyo  { color: #000; font-size: medium; margin: 5px auto 20px auto; padding: 0px; border-top: 1px solid #555; border-left: 1px solid #555; border-collapse: collapse;  border-spacing: 0; width: 700px }
.dantaihyo td   { margin: 0px; padding: 10px; border-right: 1px solid #555; border-bottom: 1px solid #555 }
/* floormap */
.floor  { text-align: center; clear: both;  padding-bottom: 20px; }
.floorplate { color: #fff ;text-align: center;font-size: 20px;font-weight: bold;  background-color: #339999; }
.fmap  { clear: both; margin: 5px auto }
.floorguide   { text-align: left; width: 460px;margin: 0 auto; }
.imgright  { float: right; clear: both; margin: 3px }

/* 高槻の自然 */
#naturetable { width: 560px; margin: 10px auto; }
.naturallist-r { width: 180px; text-align: left;}
.naturallist-l { width: 180px; text-align: right;}
.naturalimg {  width:200px; text-align: center;}