/* docs CSS. by kose */
@charset "UTF-8";

html
{
  background-color: #e8e8e8;  /* exit body */
  /* background-image: url('../diary/tdiary/green/canbas1.jpg'); */
   }

body 
{
  font-family: 'Lucida Sans Unicode', Verdana,
               'ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ3', sans-serif;

  margin: 0 8% 3% 8%;
  padding: 10px;
  line-height:160%; 
  background-color: #fffff0;  /* ivory */
  width: 700px;
  }


.container
{ 
  margin: 0px;
  padding: 0px 0px 10px 0px;
  }

.main 
{
  margin: 0px;
  padding: 10px 10px 20px 30px;

  /* width: 72%; */
  width: 500px;
  float: right;

  border-color: #ffa500; /* orange */
  border-style: solid;
  border-width: 2px 0px 0px 2px;
  }

.main li
{
  line-height: 140%; 
  }

.wide li
{ 
  line-height: 160%; 
  padding: 3px;
 }

.sidebar
{
  margin: 0px;
  padding: 5px 20px 0px 0px;

  /* width: 15%;*/
  width: 130px;
  float: left;
  /* height: 100%; */

  font-size: small;

  border-style: solid;
  border-color: #ffa500; /* orange */
  border-width: 2px 0px 0px 0px;
  }

.sidebar li
{ 
  margin: 0 0 0 -1.5em;
  font-size: small;
  line-height:120%; 
  padding: 10px 0 0 0;
  }

.footer
{
  clear: both;
  margin: 20px 0px 0px 0px;
  padding: 20px 0px 20px 0px;
  width: 100%;

  color: #999999; /* gray60 */

  border-style: solid;
  border-color: #ffa500; /* orange */
  border-width: 2px 2px 0 0;
  }

h1.title
{
  font-size: 18pt;
  color: black;
  background-color: transparent;

  border-width: 0 0 5px 0;
  border-color: black;
  border-style: solid;

  margin: 0px;
  padding: 20px 0px 5px 20px;
  }

h2.subtitle
{
  font-size: 1em;
  padding: 20px;
  text-align: right;
  color: gray;
  border: 0px;
  }

h1
{
  font-size: 16pt;

  padding: 0.4em 20px 0.4em 0.8em;
  margin: 1em 0 0.5em -32px;
  /*  font-style: bold;
     font-size: 1.4em; */
  color: rgb(0, 0, 100);
  border-width: 2px 0px 0px 2px;
  /* background-color: #ffffe0; */
  background-color: #fffff0;  /* ivory */
  border-color: #ffa500; /* orange */
  border-style: solid;
  }

h2
{
  font-size: 16pt;

  padding: 0.2em 0em 0.2em 0.5em;
  /*  font-style: bold;
     font-size: 1.2em; */
  color: rgb(0, 0, 100);
  border-bottom: 2px solid #ffa500; /* orange */
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  }

blockquote 
{ 
  background-color: rgb(200, 255, 255);
  white-space: pre;
  }

pre.cite
{ 
  font-size: 10pt;
  color: #4d4d4d; /* gray30 */
  padding: 0.5em;
  white-space: normal;
  line-height:120%; 
  background-color: #e6e6fa;	/* lavender */
  }

PRE
{
  }

.figure
{ 
  margin: 0px;
  padding: 5px;
  width: 420px;
  text-align: center;
  font-style: italic;
  color: #4d4d4d; /* gray30 */
 }

.amazon
{ 
  margin: 0 0 7px 7px;
  padding: 10px;
  width: 180px;
  float: right;
  text-align: center;
  font-style: italic;
  font-size: small;
  color: #4d4d4d; /* gray30 */

  background-color: #fffff0;  /* ivory */
  border-color: #ffa500; /* orange */
  border-style: solid;
  border-width: 0px 0px 2px 2px;
 }


/* img に影 */
/* http://www.1976design.com/blog/archive/2003/11/14/49/ */

div.img-dec 
{
  background: url('http://cgi.netlaputa.ne.jp/~kose/styles/shadow.gif') no-repeat bottom right;
  clear: right;
  float: right;
  margin: 0 0 15px 25px;
  padding: 0;
  position: relative;
  }

div.img-dec img 
{
  background-color: #fff;
  border: 1px solid #a9a9a9;
  display: block;
  margin: -5px 5px 5px -5px; 
  padding: 4px;
  position: relative;
}

/* end */