body {
  text-align:center;
  background-color:#ffffff;
  margin:0px;
  padding:0px;
  color:#454545
}  /*ページ全体　文字中央寄せ　背景色白　周囲余白なし*/

a {color:blue;text-decoration:underline;}  /*リンク色指定*/
a:hover {color:red;text-decoration:underline;}  /*カーソルが乗ったときのリンク*/

.rayout {
  width:860px;
  margin:0px auto;
  border-left:1px #cccccc solid;
  border-right:1px #cccccc solid;
  text-align:left;
  font-size:11pt;
}  /*中央にレイアウトするためのブロック　幅，左右枠線と文字サイズ*/

.top {
  width:100%;
  margin:0px;
  padding:0px;
  border-bottom:1px #cccccc solid;
}  /*上部画像部分のブロック　下枠線*/

.topimg {
  float:left;
  margin-right:20px;
}  /*上部画像指定　左寄せ*/

h1 {
  font-size:36pt;
  font-weight:normal;
  color:#008080;
  margin:0;
  padding:0
}  /*タイトルロゴ*/

h1 span{
  font-size:22pt
}  /*ロゴ中の文字サイズを小さくしている部分*/

h1 a {color:#008080}
h1 a:hover {color:#008080}

.next {text-align: center;margin: 2em;}

.rt {text-align:right;padding:10px 20px 0 0;margin:0;}  /*トップページに戻るリンク*/


.menu {
  float:left;
  width:220px;
  margin:0px;
  padding:20px 0px 15px 15px;
  font-size:10pt;
  line-height:140%;
}  /*左側メニューブロック*/

.menu ul {margin-top:10px;}  /*メニューリスト上位置*/
.menu li {
  list-style:none;
  width:200px;
  margin-left: -25px;
  margin-bottom:5px;
  padding:0px;
}  /*リスト指定　幅、色、配置*/

.nav{
  /*width:145px;*/
  border-style:solid;
  border-color:#3DAD94;
  border-width:0px 0px 1px 5px;
  padding-left:4px;
  color:#008080;
  margin:30px 0px 0px 0px;
  font-size:11pt;
}  /*メニュー側タイトル*/

.main {
 margin:0px 0px 0px 260px;
  padding:20px 20px 15px 10px;
  line-height:180%;
}  /*右側メインブロック　幅と行間*/

.text {
  border:1px #008080 dashed;
  color:#454545;
  line-height:150%;
  font-size:10pt;
  padding:8px;
  color:#000033;
}  /*点線囲いの案内文*/

.text span {font-size:9pt;}  /*案内文中の小文字*/

.sub {
  /*width:465px;*/
  border-style:solid;
  border-color:#3DAD94;
  border-width:0px 0px 1px 8px;
  padding-left:5px;
  font-weight:bold;
  font-size:12pt;
  color:#008080;
  margin:25px 0px 10px 0px;
}  /*メイン側大タイトル*/

.main ul {margin-top:5px;}
.main li {font-size:13px} 
 /*メイン側リスト指定*/

h4 {
  font-size:11pt;margin-bottom:5px;color:#006699;
  background-image:url("images/sq3.gif");
  background-repeat: no-repeat;
  background-position: 8px left;
  padding-left: 20px;
}  /*画像付きタイトル部分*/

p {
  margin-top:8px;
  font-size:13px;
  line-height:1.5;
} /*本文中説明文　やや小文字*/

p span {font-weight:bold;}  /*説明文中太字部分*/


.bottom {
  text-align:center;
  color:#454545;
  font-size:10pt;
  clear:both;
  width:100%;
  margin:0px;
}  /*コピーライト表示部分*/

.bottom img {vertical-align:middle;margin-right:5px;}  /*下部学会ロゴマーク部分*/


.1118 td {font-size:11pt;color:#454545;line-height:150%;padding:5px;}
/*土木の日　説明画像の入っているセル*/


/*メールフォーム*/

form {margin:0px auto;}
.form {text-align:center;padding:2em 1em} 
.form table {
  background-color:#ffffff;
  width:500px;
  border-color:#dcdcdc;
  border-style:solid;
  border-width:5px;
  margin:5px auto;
  border-collapse:collapse;
  font-size:14px;
  text-align:left;
}
.form th {
  border-collapse:collapse;
  font-size:10pt;
  text-align:left;
  white-space:nowrap;
  padding:8px 5px 5px 5px;
}
.form td {
  border-collapse:collapse;
  font-size:10pt;
  text-align:left;
  padding:8px 5px 5px 5px;
}
.form td hr {border:1px #cccccc solid;}
.form td ul {margin-top:5px;}
.form td li {
  list-style-type:circle;
  color:#008080;
  font-size:10pt;
}

.disc {list-style-type:none}
.disc li {margin-left:-1em;
background-image: url("images/circle01.gif");
background-repeat:no-repeat;
background-position:8px left;
padding-left:18px;
}

