html{
  width: 700px;
 }

body{
  width: 700px;
  margin: 0;
  padding: 0;
  border: 1px solid #FF9933;
 }


<!-- #header の記述 -->
#header{
  width: 700px;
 background-image:url("images/navigation-back.gif");
}

<!-- 講座名表記領域 の記述 -->
#banner{
 height: 60px;
 margin-left: -25px;
 background-image:url("images/navigation-back.gif");
}

#banner p{
 line-height: 1.75em;
 width: 700px;
 font-size: 1.1em;}


<!-- パンくずリスト の記述 -->
#topic_path{
 height: 20px;
 text-align: right;
 font-size: 0.95em;
}

#topic_path p{
  line-height: 1.4em;
}


<!-- 横メニュー の記述 -->
#navigation{
 background-image:url("images/navigation-back.gif");
}


<!-- 横メニュー（リスト） の記述1 -->
#navigation{
  margin: 0;
  padding: 0;
  width: 700px;
}

#navigation ul{
  list-style-type: none;
  margin-left: 1px;
  padding: 0;
}

#navigation li{
  display:block;
  width: 77px;
  font-size: 0.85em;
  float: left;
  margin: 0;
  padding: 1;
}

#navigation a{
  text-decoration: none;
  text-align: center;
  padding: 0.5em 0;
  width: 100%;
  background-color: #FFFF99;
}

#navigation a:hover{
 background-image:url("images/navigation-back.gif");
}


<!-- ナビゲーション下、カラーバーの記述 -->



<!-- メイン枠の記述 -->
#context{
 width: 700px;
 background-image:url("images/context-back.gif");
 background-repeat: repeat-y;
 border: 1px dotted #FF9933;
}


<!-- メイン枠内、左メニューの記述 -->
#submenu{
float: left;
 width: 125px;
 margin-right:-5px;
}

#submenu ul li{
 list-style-type: none;
 list-style-position: outside;
 display: block;
 font-size: 0.90em;
 line-height: 1em;
 margin-left:-48px;
 margin-bottom: 5px;
 padding-left: 10px;
 color: white;
}

#submenu ul li a{
 height: 25px;
 padding: 5px;
}

#submenu ul  li a:link, #submenu ul li a:visited{
 text-decoration: none;
 border-color: #ccc;
 color: #000066;
 width: 110px;
} 

#submenu ul li a:hover, #submenu ul li a:active{
 color: #000;
 text-decoration: none;
 color: #8B4513;
}


#submenu p{
 width: 105px;
 margin-left: -20px;
 padding-top: 6px;}


p.home{
 margin-left: 40px;
 width: 480px;}


<!-- メイン枠内、右メイン内容の記述 -->
#contents{
 float: right;
 background-repeat: repeat-y;
 background-position: top right;

 width: 570px;
 padding-bottom: 20px;
 padding-left: 5px;
}


<!-- 最下部、フッターの記述 -->
#footer{
  clear: both;
  width: 700px;
  background-color: #ccc;
 }

#footer p{
  text-align: center;
  size: 1.2em;}




<!-- 全内容 -->

table{
 font-size: 0.9em;
 margin-bottom: 20px;
 margin-left: 70px;
 width: 450px;
 border-collapse: collapse;
}

img{
  border-style : none;}

p {
 margin-bottom: 3px;
 margin-top: 3px;
 padding-right: 15px;
 padding-left: 30px;
 width: 550px;
 font-size: 0.85em;
 line-height: 1.1em;}


<!-- 院生の声欄 -->
#insei{
 width: 500;
 height: 200;
 margin-left: 40px;
 border: 2px double #0f0;}

#name{
 float: left;
 font-size: 0.85em;
 color: #538eab;
 width: 170;
 text-align: center;
 background-color: #cfc;}

#name p{
 width: 165;
 margin-left: -30px;}

#name img{
 margin: 20px;}

#insei-theme{
 float: right;
 font-size: 0.85em;
 color: gray;
 width: 325px;
}

#insei-theme p.{
 width: 320px;
 margin-left: -15px;}

#insei-theme p.theme{
 width: 320px;
 margin: 10px 0px 20px -15px;
 font-weight: bold;
 }

.insei-photo{
 float: right; 
 width: 120px;
}




h1{
 padding: 5px;
 font-size: 1.3em;
 color: #000099;
 text-align: left;
 margin-left: 130px;
 margin-top: 5px;
 }



h2{
 margin-left: 10px;
 margin-bottom: 15px;
 padding: 5px;
 font-size: 0.85em;
 background-color: blue;
 color: white;
 width: 545px;
 }


h3{
 margin-left: 15px;
 margin-bottom: 15px;
 padding: 5px;
 font-size: 0.9em;
 border-left: 5px solid green;
 border-bottom: 2px solid green;
 width: 500px;
}


h4{
 padding-left: 20px;
 margin-left: 10px;
 margin-bottom: 10px;
 margin-top: 10px;
 font-size: 0.85em;
 background-image:url("images/v2_lis004.gif");
 background-repeat: no-repeat;
 width: 530px;
 }


h5{
 margin-left: 50px;
 margin-bottom: 10px;
 margin-top: 15px;
 font-size: 0.85em;
 color: green;
 width: 400px;
 }



<!-- index -->
#index{
 border: 1px dotted green;
 margin-left: 10px;
 padding-bottom: 10px;
}

#index li{
 width: 400px;
 list-style-image: url(images/v2_lis004.gif); 
 list-style-position: inside;
 margin-bottom: 3px;
 padding: 3px;
 line-height: 1.1em; 
 font-size: 0.9em;
}


#index h2{
 margin-bottom: 20px;
 margin-left: -1px;
 padding: 5px 5px 5px 20px;
 font-size: 0.9em;
 background-color: #090;
 color: white;
 width: 530px;
 }


<!-- contents内の箇条書き -->
#contents ul li{
 padding: 3px;
 line-height: 1.1em; 
 font-size: 0.9em;
 width: 460px;}

ul li.no-listmark{
 list-style-image: url(images/opaque-listmark.gif); }


<!-- 受賞欄、箇条書き以外 -->
p.prize{
 padding-right: 15px;
 padding-left: 60px;
 width: 520px;
 font-size: 0.85em;
 line-height: 1.2em;
 margin-bottom: 2px;
 margin-top: -15px;
}


<!-- 同室会案内表 -->
.design6{
 width: 500px;
 margin-left: 20px;
 margin-top: 20px;
 border-collapse: collapse;
 border: 2px dotted blue;
 font-size: 0.85em;
 color: #033;
 height: 300px;
}

<!-- 同室会案内 追補版 -->
.design5{
 margin-left: 80px;
 margin-top: 20px;
 width: 280px;
 border-collapse: collapse;
 border: 1px solid blue;
 font-size: 0.85em;
 color: #033
}

<!-- メンバー紹介_教員 -->
.design1{
 width: 500px;
 border-collapse: collapse;
 margin-left: 30px;
 margin-bottom: 20px;
 text-align: center;
 margin-top: 20px;
 background-color: #FFFFCC;
 font-size: 0.95em;
 height: 220px;
}

.design1 th{
 background-color: blue;
 border-color: white;
 color: white;}

.design1 td{
 border: 2px #808080 solid;
 width: 165px;
}


<!-- メンバー紹介_研究員 -->
.design1-3{
 width: 300px;
 border-collapse: collapse;
 margin-left: 30px;
 margin-bottom: 20px;
 text-align: center;
 margin-top: 20px;
 background-color: #FFFFCC;
 font-size: 0.95em;
 height: 100px;
}

.design1-3 th{
 background-color: #005599;
 border-color: white;
 color: white;}

.design1-3 td{

 border: 2px #808080 solid;
}


<!-- メンバー紹介_院生・学生 -->
.design1-2{
 width: 500px;
 border-collapse: collapse;
 margin-left: 30px;
 margin-bottom: 20px;
 text-align: center;
 margin-top: 20px;
 background-color: #FFFFCC;
 font-size: 0.95em;
 line-height: 1.4em;
}

.design1-2 td{
 border: 2px #808080 solid;

}

.mark1{
 background-color: #009900;
 border-color: white;
 color: white;}

.mark2{
 width: 120px;}

.mark3{
 width: 80px;}

<!-- トップページ固有の書式設定 -->
#home{
 margin-left: 120px;}




<!-- 表紙更新情報の表 -->
.koushin{
 width: 500px;
 height: 200px;
 margin-left: 15px;}

.koushin th{
 background-color: #059;
 color: white;
 font-weight: bold;}

.koushin td{
 padding: 7px;
 vertical-align: top;}



<!-- 表紙写真 -->
.main_photo{
 text-align: center;
}


<!-- クロマトシンポ表 -->
.chromatosympo{
 width: 520px;
 margin-left: 25px;}


<!-- 行事予定 -->
.design4{
 width: 500px;
 margin-left: 50px;
 margin-top: -40px;
 border-collapse: collapse;
 border: 2px double green;
 font-size: 0.9em;
 color: #033;
 height: 450px;
}

.design4 th{
 background-color: green;
 border-color: white;
 color: white;}
}

.design4 td{
 border-color: red;
}


<!-- 図の回りこみ設定 -->
#illust1{
 float:left;
 margin-right:20px;
}

#illust2{
 float:right;
 margin-left:20px;
}


#illust3{
  margin-left:100px;}


<!-- 学位取得者リスト　表（博士） -->
.design3-1{
 width: 520px;
 margin-left: 20px;
 margin-top: 20px;
 border-collapse: collapse;
 border: 2px dotted blue;
 font-size: 0.85em;
 color: #033;
 height: 150px;
}

.design3-1 th{
 background-color: #005599;
 border-color: white;
 color: white;}

.design3-1 td{
 vertical-align : top;
 padding-top: 4px;
 padding-bottom: 4px;}

.3{
 width: 370px;}


<!-- 学位取得者リスト　表（修士） -->
.design3-2{
 width: 520px;
 margin-left: 20px;
 margin-top: 20px;
 border-collapse: collapse;
 border: 2px dotted green;
 font-size: 0.85em;
 color: #033;
 height: 150px;
}

.design3-2 th{
 background-color: #009900;
 border-color: white;
 color: white;}

.design3-2 td{
 vertical-align : top;
 padding-top: 4px;
 padding-bottom: 4px;}


<!-- 担当講義 -->
.design6{
 width: 500px;
 margin-left: 20px;
 margin-top: -20px;
 border-collapse: separate;
 border: 2px dotted green;
 font-size: 0.85em;
 color: #033;
 height: 650px;
}

.mark6{
 text-align: center;
 border: 1px solid gray;}


<!-- 同室会日時表 -->
.design2{
 width: 300px;
 margin-left: 50px;
 margin-top: 30px;
 border-collapse: separate;
 border: 2px double green;
 font-size: 0.9em;
 color: #033;
 height: 60px;
}

.2{
 background-color: #9c0;
 width: 50px;
 text-align: center;
}


<!-- 同室会スナップ写真など -->
#photos{
 margin-left: 20px;
 margin-top: 20px;
 border: 2px dotted black;
 font-size: 0.9em;
 color: #033;
 width: 430px;
 padding: 15px;
}

#photos p{
 margin-left: -20px;
 width: 420px;}


#photos-2{
 border: 2px dotted black;
 font-size: 1.2em;
 color: #033;
 width: 550px;
 padding: 2px;
}

#photos-2 td{
 padding: 0 15 10 15px;}

#photos-2 table{
 width: 530px;
 margin-left: -5px;
 margin-top: 10px;}

.bold{
 font-weight: bold;
 font-size: 0.95em;}

.greeting{
 width: 430px;
 margin-left: 30px;
 margin-top: 10px;
 border-collapse: separate;
 border: 2px double green;
 font-size: 0.9em;
 color: #033;
 padding: 10px;
}

.greeting img{
 vertical-align: bottom;}


<!-- 同室会　公開講座詳細 -->
.design1-3-2{
 width: 520px;
 margin-left: 30px;
 margin-bottom: 20px;
 margin-top: 20px;
 border-collapse: collapse;
 font-size: 0.95em;
 height: 400px;
 border: 2px dotted blue;
}

.width100{
 width: 100px;}

.width80{
 width: 80px;}

.design1-3-2 th{
 background-color: #005599;
 border-color: white;
 color: white;}

.design1-3-2 td{
 vertical-align: top;
}


<!-- 同室会　2009年版案内の表 -->
.design1-4{
 width: 520px;
 margin-left: 30px;
 margin-bottom: 20px;
 margin-top: 20px;
 border-collapse: collapse;
 font-size: 0.95em;
 height: 100px;
 border: 2px dotted green;
}

.width100{
 width: 100px;}

.design1-4 th{
 background-color: #9c0;
 border-color: white;
}

.design1-4 td{
 vertical-align: top;
}


<!-- 表紙バナーのマージン設定 -->
p.banner{
 margin-left: 7px;
 margin-top: 7px;}


<!-- 研究ページ、文献No. -->
ol{
 list-style-type: decimal;
 list-style-position: outside;
 margin-left: 40px;
 margin-right: 10px;
 font-size: 0.95em;
}

ol li{
  margin-bottom: 10px;}


<!-- 金澤教授　研究業績　表 -->
table.gyouseki{
 border: 1px solid green;
 width: 450px;
 height: 200px;
}

td.shubetsu{
 border: 1px dotted black;
 width: 150px;
 vertical-align: top;
 background-color: #cfc;
 padding: 10px;}

td.uchiwake{
 border: 1px dotted black;
 width: 300px;
 padding: 10px;}


<!-- 研究ページ、サブメニュー -->
ol.res-sub{
 list-style-type: decimal;
 list-style-position: inside;
 margin-left: 10px;
 margin-right: 1px;
 font-size: 0.95em;
 width: 95px;}

ol.res-sub li{
 text-decoration: none;
 margin-bottom: 10px;
}


<!-- 業績ページ、サブメニュー(職員名） -->

ul.gyouseki{
 list-style-type: none;
 list-style-position: inside;
 font-size: 1.2em;
 font-weight: bold;
 color: white;
}

ul.gyouseki li{
 line-height: 1.2em;
 margin-left: -30px;
 width: 100px;
}


<!-- 業績ページ、原著論文他の行間隔他 -->
#gyouseki p{
 margin-bottom: 1px;
 margin-top: 1px;
 padding-right: 5px;
 padding-left: 10px;
 width: 50px;
 font-size: 0.85em;
 line-height: 0.85em;}

#gyouseki ol li{
 list-style-type: decimal; 
 list-style-position: outside;
 margin-left: 5px;
 margin-bottom: 3px;
 padding: 3px;
 line-height: 1.1em; 
 font-size: 0.9em;
 width: 480px;}

#gyouseki li a {
 text-decoration: none; }


<!-- 業績ページ、学術論文・学会発表の年度箇条書き -->
dl.gencho-list dt {
  clear: left;
  float: left;
  margin-left: 1.5em;
  width: 1.2em;
　font-size: 1.1em;
  padding-left: 3px;
  color: green;
}

dl.gencho-list dd {
  margin-bottom: 0.8em;
  margin-left: 2em;
  font-size: 0.85em;
  width: 460px;
}


ul li.no-listmark{
 list-style-image: url(images/opaque-listmark.gif); }


<!-- メイン枠内、左メニューの記述(業績ページ） -->
#gyouseki-sub{
 float: left;
 width: 125px;
}




<!-- 業績ページ、学術論文の箇条書き -->
ul.rombun li{
 list-style-type: square; 
 list-style-position: inside;
 margin-left: 20px;
 margin-bottom: 3px;
 padding: 3px;
 line-height: 0.75em;
 font-size: 0.85em;
}

<!-- 研究会開催報告、写真掲載表 -->
.photo{
 width: 510px;
 margin-left: 5px;
 margin-top: 10px;}
}

<!-- 研究会開催報告、プログラム -->
.program{
 width: 500px;
 height: 600px;
 border-collapse: collapse;
 border: 3px double blue;
 margin-left: 5px;
 margin-top: 10px;}
}

<!-- 研究会開催報告、日程 -->
.nittei{
 width: 400px;
 height: 100px;
 border: 1px dotted;
 border-collapse: collapse;
 margin-left: 5px;
 margin-top: 10px;}
}