@charset "UTF-8";

* {margin:0; padding:0;}
html{height:100%; width:100%; overflow:hidden;}

body{height:100%; width:100%; margin: 0px auto; font-size:9pt; color:rgb(0, 0, 0); background-color:white; font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","メイリオ","Meiryo",serif;}

#allpageheader{position: absolute; top:0px; left:5px; height:20px; width:1015px; background-color: #eeffee; border-style:none; border-width:1pt 0pt 1pt 0pt;}

#header{position: absolute; top:15px; left:5px; height:20px; width:1015px; background-color: #c0ccdd; border-style:solid; border-width:1pt 0pt 1pt 0pt;}
#header2{position: absolute; top:15px;  left:5px; height:20px; width:1015px; background-color: #ccddcc; border-style:solid; border-width:1pt 0pt 1pt 0pt;}
#headerdummy{position: absolute; top:15px;  width:100%;}   /* ヘッダーを付けない時のためのダミーヘッダー用スタイル */

#sidebar{position: absolute; left:5px; bottom:0px; width:170px; overflow:auto; background-color: #ccddcc; margin-left: 0px; margin-top: 0px; border-style:solid; border-width:0pt 0pt 0pt 0pt;}

#main{position: absolute; top:40px; left:5px; overflow: auto; margin-left: 0px; padding-left: 5px; padding-right: 5px; border-style:solid; border-width:0pt 0pt 0pt 1pt;}

/* タイトル */
div.titlebar {background-color:#c0ccdd; color: black; margin: 0px 0 15px 0; padding:0.3em;height:18pt;}
div.titlebar2 {background-color:#ccddcc; color:black; margin: 0px 0 15px 0; padding:0.3em;height:18pt;}

div.subject {text-align: left;float: left;font-size:13.5pt;font-weight:bold; margin-left:5px; }
div.sign {text-align:right; margin-right:10px; text-vertical-align:baseline; }
div.content{text-align:left; margin-left:10px;font-size:9pt;}
div.content2{text-align:left; margin-left:15px;font-size:9pt;}
div.indent{text-align:left; margin-left:10px;font-size:9pt;padding-left:1em;text-indent:-1em}

div.h3bannercom {background-color:#89a; padding:0.3em; color:white; border-style:solid; border-width:1pt 0pt 1pt 0pt; border-color:black; margin: 10px 0 10px 0; padding: 0 0 0 5px;  }
span.h3{font-size:11.5pt; font-weight:bold; margin-left:5px;}
span.comment {font-size:12pt; }

/*以下2行：サイドバー幅170px,主画面幅840pxを前提*/
#photoleft{position: absolute; left:5px; top:320px; right:0px; bottom:0px; height:490px; width: 25px; background-color:#c0ccdd; overflow: hidden; }
#photoright{position: absolute; left:820Px; top:320px; right:0px; bottom:0px; height:490px; width: 25px; background-color:#c0ccdd; overflow: hidden; }


h3.banner{background-color:#89a; padding:0.3em; margin-left: 5px; color:white; border-style:solid; border-width:1pt 0pt 1pt 0pt; border-color:black; margin: 10px 0 10px 0; padding: 0 0 0 5px;  }
h3.banner2{background-color:#8a7; padding:0.3em; margin-left: 5px; color:white; border-style:solid; border-width:1pt 0pt 1pt 0pt; border-color:black; margin: 10px 0 10px 0; padding: 0 0 0 5px;  }
h3.banner3{background-color:#F99; padding:0.3em; margin-left: 5px; color:white; border-style:solid; border-width:1pt 0pt 1pt 0pt; border-color:black; margin: 10px 0 10px 0; padding: 0 0 0 5px;  }
h3.banner4{background-color:#FDE; padding:0.3em; margin-left: 5px; color:black; border-style:solid; border-width:1pt 0pt 1pt 0pt; border-color:black; margin: 10px 0 10px 0; padding: 0 0 0 5px;  }

pre
{
  white-space:pre-wrap;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}

p.note
{
  /*font-style: italic;  */ /*color: blue;  */
  text-indent: 0 em; /* インデント */
 margin-left: 20px; /*text-decoration: underline;  文字飾り */
  background: #ddd; /* 背景色 */
}

p.mheader
{background-color: #ddd; }

a:link {color:blue;} 
a:visited {color:blue;} 
a:hover { text-decoration: underline;}
a:active {color:#277; position:relative; top:1px; left:1px; }
a {text-decoration:none; }

span.comment {vertical-align: baseline;font-size:9pt }

a.special {font-weight: bold }
a.special:link {color: #fff }
a.special:visited {color: #fff }
a.special:active {color: #000 }

.navbar {text-align: center;border-top: solid 1px #999999;padding-top: 1em}

img.verticalalign {vertical-align: baseline;}