/*  ==== HITOSHI KOJO STYLESHEET ENGLISH ==== */

/* STRUCTURE */

body {
background-image: url("images/back13.jpg");
background-repeat: repeat;
background-attachment:fixed;
width: 702px;
vertical-align: top; 
text-align: center; 
background-color: #A6AC62;
color: #00223B;  
font-family: Arial, Geneva, Helvetica;
font-size: 11px;
padding: 0;
margin:0 auto;
margin-top: 20px;
margin-bottom: 20px;
}

body.center {
background-image: url("images/back13.jpg");
background-repeat:repeat;
background-attachment:fixed;
width: 780px;
vertical-align: top; 
text-align: center; 
background-color: #A6AC62;
color: #332B54;  
font-family: Arial, Geneva, Helvetica;
font-size: 11px;
padding: 0;
margin:0 auto;
margin-top: 40px;
margin-bottom: 20px;
}

table.archive {
width: 520px;
}

td {
vertical-align: top;
margin: 0;
padding: 0;
}

td.post {
vertical-align: top;
border: 0;
padding-top: 4px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 12px;
}

td.middle {
vertical-align: middle;
}

td.top{
border: 1px solid #BEBEAA;
}

td.left{
background:url("images/opc1.png");
border-left: 1px solid #BEBEAA;
border-bottom: 1px solid #BEBEAA; 
padding-left: 40px;
padding-top: 30px;
padding-bottom: 30px;
padding-right: 30px;
}

td.right {
background:url("images/opc2.png");
border-left: 1px solid #BEBEAA;
border-bottom: 1px solid #BEBEAA; 
border-right: 1px solid #BEBEAA;
padding-left: 5px;
padding-right: 10px;
padding-top: 35px;
}

td.bottom {
background:url("images/opc2.png");
border-left: 1px solid #BEBEAA;
border-bottom: 1px solid #BEBEAA; 
border-right: 1px solid #BEBEAA;
text-align: right;
padding-top: 20px;
paddin-right: 10px;
}

td.gate {
border: 1px solid #BEBEAA;
width: 460px;
text-align: center;
vertical-align: middle;
}

td.video {
border: 1px solid #BEBEAA;
text-align: center;
width: 350px;
}

td.videonote {
padding-left: 15px;
}

td.center {
border-left: 1px solid #BEBEAA;
border-bottom: 1px solid #BEBEAA; 
border-right: 1px solid #BEBEAA;
text-align: center;
}

/* TEXT */

h1  { 
font-family: Arial, Geneva, Helvetica; 
font-size: 12px; 
color: #FFFFF0; 
margin-top: 1px; 
margin-bottom: 5px;
text-align: left; 
font-weight: normal;
letter-spacing: 1px;
}

h2 {
font-family: Arial, Geneva, Helvetica;
font-size: 11px;
color: #FFFFF0; 
margin-top: 3px;
margin-bottom: 3px;
text-align: left;
font-weight: normal;
letter-spacing: 0px;
}

h3 {
font-family: fantasy, cursive;
font-size: 12px;
color: #FFFFF0;
text-align: left;
margin-top: 0px;
margin-bottom: 5px;
font-weight: bolder;
letter-spacing: 1px;
}

h4{
font-family: fantasy, cursive;
font-size: 11px;
color: #FFFFF0;
text-align: left;
margin-top: 0px;
margin-bottom: 3px;
font-weight: bolder;
letter-spacing: 1px;
}

h5{
font-family: fantasy, cursive;
font-size: 11px;
color: #FFFFF0;
text-align: left;
margin-top: 0px;
margin-bottom: 3px;
font-weight: normal;
letter-spacing: 1px;
}

h6{
font-family: fantasy, cursive;
font-size: 11px;
color: #FFFFF0;
text-align: left;
margin-top: 7px;
margin-bottom: 0px;
font-weight: bold;
letter-spacing: 1px;
}

p {
font-family: Arial, Geneva, Helvetica;
font-size: 11px;
margin: 0;
text-align: justify;
line-height: 14px;
letter-spacing: 0px;
} 

p.nostock {
font-family: Arial, Geneva, Helvetica;
font-size: 11px;
color: #FFFFF0; 
margin-top: 6px;
margin-bottom: 3px;
text-align: left;
font-weight: normal;
letter-spacing: 0px;
line-height: 20px;
}

p.post {
font-family: Arial, Geneva, Helvetica, ƒqƒ‰ƒmƒMŠpƒS Pro W3, MS PƒSƒVƒbƒN;
font-size: 11px;
margin: 0;
line-height: 14px;
letter-spacing: 1px;
text-align: left; 
} 

p.postbig {
font-family: Arial, Geneva, Helvetica, ƒqƒ‰ƒmƒMŠpƒS Pro W3, MS PƒSƒVƒbƒN;
font-size: 12px;
color: #FFFFF0;
margin: 0;
line-height: 14px;
letter-spacing: 1px;
} 

p.video {
font-family: Arial, Geneva, Helvetica;
font-size: 11px;
margin: 0;
text-align: left;
line-height: 14px;
letter-spacing: 0px;
} 

p.right{
font-family: fantasy, cursive;
color: #FFFFF0;
font-size: 11px;
font-weight: bolder;
margin:0;
text-align: left;
padding-left: 5px;
padding-bottom: 10px;
line-height: 17px;
letter-spacing: 1px;
}

p.rightt{
font-family: fantasy, cursive;
color: #FFFFF0;
font-size: 9px;
margin-bottom: 8px;
text-align: left;
padding-left: 17px;
padding-bottom: 10px;
line-height: 0px;
letter-spacing: 0px;
}

p.bottom{
font-family: Arial, Geneva, Helvetica;
font-size: 9px;
margin: 0;
text-align: right;
padding-right: 20px;
padding-bottom: 20px;
line-height: 14px;
letter-spacing: 0px;
}

p.sample {
font-family: Arial, Geneva, Helvetica;
font-size: 11px;
margin-top: 5px;
margin-bottom: 2px;
line-height: 14px;
letter-spacing: 1px;
} 

p.gate{
font-family: Arial, Geneva, Helvetica;
color: #FFFFF0; 
margin: 0;
text-align: center;
font-size: 10px;
margin-top: 5px;
}

ul {
font-family: Arial, Geneva, Helvetica;
font-size: 11px;
margin: 0;
text-align: left;
list-style-image: url(images/dot1.gif);
list-style-position: outside;
margin-left: 8px;
padding-left: 6px;
line-height: 1.3;
}

ul.detail{
font-family: Arial, Geneva, Helvetica;
font-size: 11px;
text-align: left;
list-style-image: url(images/dot1.gif);
list-style-position: outside;
margin-left: 8px;
padding-left: 8px;
letter-spacing: 0px;
}

li {
font-family: Arial, Geneva, Helvetica;
padding-bottom: 6px;
letter-spacing: 0px;
}

li.detail {
font-family: Arial, Geneva, Helvetica;
letter-spacing: 0px;
padding-bottom: 4px;
line-height: 15px;
}

ol {
font-family: Arial, Geneva, Helvetica;
font-size: 11px;
margin-top: 0;
text-align: left;
padding-left: 20px;
}

/* IMAGES */

img {
padding: 0;
margin: 0;
float: left;
}

img.vertical {
float: none;
}

img.bottom {
float: none;
}

img.left {
border-top: 1px solid #D2D2C8;
border-left: 1px solid #D2D2C8;
border-bottom: 1px solid #D2D2C8; 
border-right: 1px solid #D2D2C8;
margin-right: 17px;
margin-bottom: 12px;
float: left;
}

img.right {
border-top: 1px solid #D2D2C8;
border-left: 1px solid #D2D2C8;
border-bottom: 1px solid #D2D2C8; 
border-right: 1px solid #D2D2C8;
margin-right: 10px;
margin-bottom: 17px;
float: left;
}

img.center {
border-top: 1px solid #D2D2C8;
border-left: 1px solid #D2D2C8;
border-bottom: 1px solid #D2D2C8; 
border-right: 1px solid #D2D2C8;
margin-bottom: 12px;
display: block;
}

img.shop {
border-top: 1px solid #D2D2C8;
border-left: 1px solid #D2D2C8;
border-right: 1px solid #D2D2C8;
margin-right: 17px;
margin-bottom: 0px;
float: left;
}

/* LINKS */

a   { cursor: crosshair;}
a:link  { color: #702D10; text-decoration: none;}
a:visited  { color: #702D10; text-decoration: none;}
a:hover  { color: #8c00ca; text-decoration: none;}
a:active  { color: #ece4d7; text-decoration: none;}

a img {
border: none;}