article, footer, header, nav, section { display: block; }

/* ページ全体 */
body{
  margin:0px;
  padding:0px;
  border-style:solid;
  border-width:0px;
  background-color:#FFFFFF; /* #cccccc; */
  overflow:auto;
}


/* コンテンツ部分 900px */
#all{
    background-color:#000066;
    min-width:911px;/* 760px;  */
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}

/* ヘッダ */
header{
   background-color:#FFFFFF;
}

header h1 {
    font-size:2em;
    font-family:'Times New Roman';
    color:black;
    margin-top:20px;
    margin-bottom:10px;
    text-align:center;
}

header h2 {
     font-size:1em;
     color:black;
     font-weight: bold;
     text-align:right;
     margin-right: 3em;
     margin-bottom: 5px;
     margin-top:5px;    
}

/* ヘッダ内のリンク */

#head_nav {
   padding:5px 2em 5px 0;
   font-weight: bold;
   background-color:#000066;
   text-align:right;
   color:white;
}

/* ヘッダ内のリンクの<a> */
#head_nav a{
   margin-left:0.2em;
   margin-right:0.2em;
   background-color: #000066;
   color:white;
   text-decoration:none
}

#head_nav a:hover{/*マウスポインタが乗ったとき*/
   margin-left:0.2em;
   margin-right:0.2em;
color:#000000; /* #FFCC66;*/
background-color: #FFFF99;}


/* サイドバー */
#side_bar{
   float:left; /* floatする */
   width:20%;
   background-color:#000066; /* #808000; */
}

/* サイドバー内のリンク */

#side_nav{
   position:fixed;
   display:box; /* block では　Google Chromeで消えることがある */
   margin-left:0;
   background-color:#000066;/* #808000; */
   text-align:left;
   color:white;
   font-size:1em;
   font-weight:bold;
   line-height:150%;
   top:116px;
   /* float:left;*/ /* 左に詰めて次のブロックを自分の右に */
   border-style:solid;
   border-width:0px;
}


/* サイドバー内のリンクの<a> */
#side_nav a{
   /* display: box; */
   background-color:#000066; /* #808000;  */
   text-align:left;
   color:white;
   text-decoration:none
}

#side_nav a:hover{/*マウスポインタが乗ったとき*/
   color:#000000;
   background-color: #FFFF99;
   display:block; /* ここを設定しないとGoogle Chromeで消えることがある */
                  /* FireFox, IE9ではこれを設定すると各メニューが同じ幅*/
                  /* で反転される */
}


#side_nav ul{
   padding-left:0em; /* 余白の調整 */
   list-style-type:none;
   min-width:145px;
   max-width:200px;
}


#side_nav img{
border-style:none;
padding-left:0.5em;
}



/* メインコンテンツ */
#main{
   float:left; /* サイドバーと並べる */
   width:80%;
   background-color:#F5DEB3;
   padding-top:0em;
   padding-bottom:1em;
   font-family: "Meiryo", Arial, Helvetica, sans-serif;
}


#main h1{/* font-family:Arial, Helvetica; */
      font-size:1.4em; /* フォントを<h1>のデフォルトよりもやや小さくする */
      font-weight:bold; /* デフォルトの<h1>は太字だけど標準の太さにする */
}

#main h1.topline {text-align:center;}

#main h1 img	{vertical-align:middle;
	 margin-right:8px}

#main h2 {background-color:#000066;
         font-size:1.1em; /* 20px;*/
         font-weight:normal;
	 color:white;
         margin-top:2em; 
	 padding:5px 6px 3px;}

#main h2.normal {color:#000000;
             background-color:#F5DEB3;
             line-height:150%;
             margin:0em;}

#main h3 {font-weight:normal;
          margin-top:1em;}

#main a{line-height:150%;}




/* 物語本文 */

#story{
 clear:both;
	 padding-left:30px;
	 padding-right:30px;
}

/* 物語本文の字下げ */
.honbun{
 text-indent: 1em;
}

#main p	{font-size:1em;
	 line-height:150%;
	 color:#333333}


#main blockquote {
font-size:14px;
line-height:150%;
padding : 10px ; /* 枠の内側への余白 */
border : 1px solid #000066 ; /* 枠の太さと種類、色 */
/* width : auto ;*/ /* 横幅を自動調整 */
} 

#main ol{list-style-type:upper-alpha;}

#main li{line-height:150%;}

#main ul.papers
   {font-family:"Times New Roman";
    font-size:1.2em;
}

#main i {font-family:"Times New Roman";font-style:italic}

#main b {font-family:"Times New Roman";font-style:normal; font-weight:bold;}

#main div {font-size:16px;line-height:160%;}

#main div.centering {text-align: center;}  

#main div.eq {font-size:16px;line-height:160%;
           text-align: center;}

#main div.eqleft {font-size:16px;line-height:160%;
           text-align: left;
           margin-left:3em;margin-right:3em;}

#main img.greenbtn {border:0;}

#main div.img {font-size:16px;line-height:160%;margin:2em;
           text-align: center;}

#main div#slidethumbnail {height:120px;
           width:123px; 
           overflow-x:scroll; 
           margin-right:2em;
} 

#main div.slidebtn {font-size:16px;line-height:160%;margin-left:100px;
           /* text-align: center;*/}

#main pre {font-size:16px;
           line-height:160%;
           margin:2em;
           padding:10px;
           border-style:solid;
           border-width:1px;}

#main table#pithatbl {margin:auto;}
#main table#pithatbl td {text-align: right;width:2em;}

#main table.centertbl {margin:auto;}

#main table td#photoname {text-align:center;}

#main table td#photobar {text-align:center;padding:0px;}

#main table#masterthtbl {margin-left:1em;}
#main table#masterthtbl td {text-align:left;padding:6px;}
#main table#masterthtbl td.year {width:3em;}
#main table#masterthtbl td.name {width:7em;}

#main table#studenttbl {margin-left:1em;}
#main table#studenttbl td {text-align:left;padding:6px;}
#main table#studenttbl td.year {width:6em;}


#main table#texprocess {margin:1em;}
#main table#texprocess td {text-align:left;
                           height:1.5em;
                           padding:10px;
                           border-style:solid;
                           border-width:1px;}

.photo td {vertical-align:bottom; 
	 font-size:15px;
	 padding:0px}
.photo img	{margin-right:8px;border-color:#AAAAAA;}


/* フッタ */
#ft{
 clear:both; /* サイドバーと本文のfloatをここで解除 */
 background-color:#FFFFFF;
 text-align:right;
 padding:5px 60px 5px 0;
}

#ft nav a{
margin: 2em 2em;
}