/* P
------------------------------------- */

p {margin-top:10px;margin-bottom:10px;/* 上下、一行空ける。基本はコレ */
margin-right:20px;margin-left:20px;}
	
.pt1 {margin-top:10px;margin-bottom:0px;/* 上だけ一行、空ける*/
margin-right:20px;margin-left:20px;}
	
.pb1 {margin-top:0px;margin-bottom:10px;/* 下だけ一行、空ける */
margin-right:20px;margin-left:20px;}

.p0 {padding:0em;margin:0em;/* 一行空けない */
margin-right:20px;margin-left:20px;}

.ptop {text-indent: 1em;/* 行頭1文字分空ける*/
margin-right:20px;margin-left:20px;}



    
.blockquote {
width: 470px;
line-height: 1.5em;
margin-top:10px;
margin-bottom:10px;
color:#000000;
font-size: 12px;
padding:10px 5px 10px 10px; 
border:dashed 1px #736357;background:"img/wallpaper.gif"letter-spacing: 0.1em;
text-align:left;
}



h3.history {
    font-size: 10pt;
    font-weight:bold;
    color:#191970;/* 文字色を紺 */
    background-color:#ffffff;       /* 背景色を設定 */   
    border-left:solid 7px #4169e1; 
    padding:0px 0px 0em 12px;                 /* 文字間隔 */
    margin:10px 0px 0em 0em;
    }
    
.themalist {
list-style:square; margin:15px 5px 15px 50px;padding-right:13px;}   
    


/*table
------------------------------------- */


.tabletop { 
width: 320px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #191970 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
text-align: center;background-color: #ffffff;
} 


.tabletop TD { 
border: 1px #191970 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 5px; /* セル内の余白 */ 
font-size:10pt;
color:#191970;text-align: center;} 


.tabletlink { 
width: 585px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #cccccc solid;
background-color:#FFFFFF;
} 

.tabletlink TD { 
border: 1px #cccccc solid;
padding: 3px; /* セル内の余白 */ 
font-size:10pt;
color:#232323;} 


.tabletop2 { 
width: 585px; /* テーブルの横幅 */ 
border-collapse: separate; /* 枠線の表示方法 */ 
border-spacing: 0;
border-right: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-bottom: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;margin:5px 0px;} 

.tabletop2 TD { 
border-left: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-top: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
padding: 3px; /* セル内の余白 */ 
font-size:10pt;
color:#232323;} 







/* メディアクエリ。　　ウィンドウ幅が0?500pxの場合に適用するCSS */


@media screen and ( max-width:500px )
{
 img
  {
     max-width: 100%;
     height: auto;
     width: auto;
   }

  #outline{
  width:100%;
   }
 
/*==〜以下、画面の横幅が500pxまでの場合のスタイル記入〜==*/




/*table
------------------------------------- */


.tabletop{ width:88%; /* オンライントップなどで使っている、とりあえずなtable　*/}


.tabletlink { 
width: 98%; 
}



.tabletop2 { table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 
width: 98%; /* テーブルの横幅 */ 
} 

}