/*
 * $Id: nihonchan_temporary_archive.css 102 2009-08-02 18:31:11Z d13 $
 */


/*
 * 各作品
 */
body.nihonchan_story {
    background-color:#efefef;
    color: black;
    margin-left: 2%;
    margin-right: 2%;
	font-size: 100%;
}
span.name_no_addr{
    color:#008800;
    font-weight:bold;
}
span.name_has_addr{
    font-weight:bold;
}
span.story_number{
    font-weight:bold;
}



/*
 *
 */

* {
/* margin:5;*/  /* IE6でおかしくなる */
/* padding:0;*/ /* 変化なし*/
}

body {
    color: black;
    margin-left: 5%;
    margin-right: 5%;
    background-color:#d2d2ff;
	font-size: 80%;
}
h1 {
    background-color:#5555ff;
    text-align: center;
    color:#FFFFFF;
}
h2 {
	text-align: center;
    background-color:#5555ff;
    color:#FFFFFF;
}
h3 {
    text-align: left;
    color:#FFFFFF;
    background-color:#5555ff;
}
dt.claused {
    font-weight: bold;
}
dd.claused {
    padding-bottom: 1em;
}

.lastup_date{
    color:#4E45FF;
    text-align: left;
    font-size: 70%;
}
.counter{
    color:#4E45FF;
    text-align: left;
    font-size: 70%;
}


DIV.index_field{
	text-align: center;
	PADDING-RIGHT: 1%; 
	PADDING-LEFT: 1%;
	PADDING-BOTTOM: 1%;
	PADDING-TOP: 1%;
	WIDTH: 100%;  /* IE6なら h1等とdivの幅が合う */
/*	WIDTH:  98%;*/  /* IE6以外なら h1等とdivの幅が合う */
	FLOAT: left; /* 指定しなければFirefox等でh1等とdivの間にマージンをあけてくれる。しかし、作者目次で白枠範囲が上部だけの帯になってしまう。index_field_rightが終わる</div>の跡に何か文字があると、その範囲の背景色が意図したように白くなる。表示の都合でダミー文字など指定したくないなぁ */
	background-color:#FFFFFF;
}

DIV.prog_text{
	text-align: left;
	PADDING-RIGHT: 1%; 
	PADDING-LEFT: 1%;
	PADDING-BOTTOM: 1%;
	PADDING-TOP: 1%;
	FLOAT: left;
	WIDTH: 100%;  /* IE6なら h1等とdivの幅が合う */
/*	WIDTH:  98%;*/  /* IE6以外なら h1等とdivの幅が合う */
	background-color:#FFFFFF;
}

DIV.index_field_left_1row{
  text-align: left;
  width:100%;
  float:left;
/*  padding:10;*/ /* IE6以外で横2段にならない */
  border-style:none;
}

DIV.index_field_left{
  text-align: left;
  width:46%;
  float:left;
/*  padding:10;*/ /* IE6以外で横2段にならない */
  mergin-right:0;
  padding-top:2%;
  padding-bottom:2%;
  padding-left:2%;
  padding-right:2%;
  border-style:none;
	background-color:#FFFFFF;
}

DIV.index_field_right{
  text-align: left;
  width:46%;
  float:right;
/*  padding:10;*/ /* IE6以外で横2段にならない */
  mergin-left:0;
  padding-top:2%;
  padding-bottom:2%;
  padding-left:2%;
  padding-right:2%;
  border-style:none;
	background-color:#FFFFFF;
}

DIV.index_field_centering_left{
  text-align: right;
  width:50%;
  float:left;
  text-align: center;
/* IE6以外で横2段にならない
  PADDING-RIGHT: 5em; 
  PADDING-LEFT: 1em;
*/
  border-style:none;
}

DIV.index_field_centering_right{
  text-align: left;
  width:50%;
  float:right;
  text-align: center;
/* IE6以外で横2段にならない
  PADDING-RIGHT: 1em; 
  PADDING-LEFT: 5em;
*/
  border-style:none;
}

/** 22クール夏のニホンちゃん祭りでのみ使用 **/
DIV.relay_press_int{
	text-align: right;
}

DIV.hidden_in_body{
	color:#d2d2ff;
}

A:link  {
  color: #1010FF;
}
A:visited  {
  color: #7070FF;
}

A.hidden_in_body:link  {
  color: #d2d2ff;
}

A.hidden_in_body:visited  {
  color: #d2d2ff;
}

.history_date  {
    vertical-align:top;
}

.history_comment  {
    vertical-align:top;
}
.doc-navigator{
    text-align:center;
}

pre{
  text-align: left;
  PADDING-TOP: 1em; 
  PADDING-RIGHT: 1em; 
  PADDING-LEFT: 1em;
  PADDING-BOTTOM: 1em; 
  border-style:none;
  background-color:#ffffff;
  color:#000000;
}

/*
 * 告知
 */
h2.attension {
 text-align: center;
    background-color:#5555ff;
    color:#FF80AA;
}
p.attension {
    text-align: center;
    font-size: 120%;
}

span.caution {
  color:#1010FF;
  font-weight: bold;
}

.license {
    border-top: 1px #000000 dotted;
    color: black;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 0.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 80%;
}