/* ::::::::::::::::::::::::::::::::::::::::::::::::::
Dates:   2008 10
BASE LAYOUT STYLE & FORMAT
:::::::::::::::::::::::::::::::::::::::::::::::::: */

html{
margin:0;
padding:0;
background:#fff;
overflow-y:scroll; 
}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, span, blockquote, fieldset, input, th, td{
margin:0; padding:0;
 }
body, address, caption, cite, code, dfn, em, th, strong, var {  
font-style:normal;  
font-weight:normal;  
}  

table {
border-collapse:collapse;  
border-spacing:0;  
border:none;
font-size: inherit; /* モダンブラウザ */
font: 100%; /* IE 5-5.5､IE6後方互換 */
}
caption, th{
text-align:left;
}
th, td{
vertical-align:top;
}

img, a img{
border:none;
background:transparent;
}

abbr, acronym {  
border:0;  
}  

li li, li p, li pre, li dt, li dd, dd li, dd p, dd pre, dd dt, dd dd {
font-size:1em;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th {
font-size:1em;
font-weight:normal;
font-style:normal;
}

sub {vertical-align: super;}
sup {vertical-align: super;}

pre, code, kbd, samp, tt {
font-family: monospace;
*font-size: 108%; /* Win IE全般向け */
line-height: 100%;
}

ol, ul {
list-style:none;
text-align:justify;
text-justify:inter-ideograph;
}
li{
display:list-item;
}

p {
text-align:justify;
text-justify:inter-ideograph;
}
/* -------------------------------
IE6 ROLLOVER IMAGE
------------------------------- */
* html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
/* -------------------------------
Text Over Image
------------------------------- */
.imgtext {
font-size:12px;
line-height:1.231;
text-indent: -9000px;
position:relative;
/*\*/
overflow: hidden;
/**/
}
/* -------------------------------
Outside In Float Clear
------------------------------- */
.clearfix:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }

/* Mac IE \*//*/
.clearfix { overflow: hidden; }
/* */

/* -------------------------------
Basic Clear Float
------------------------------- */
.clear{
clear: both;
height: 0px;
visibility: hidden;
}
/*\*/
* html .clear {
height: 0px;
overflow: hidden;
}
/**/
.clear hr {
position:absolute;
height:0;
visibility:hidden;
border:0;
/*\*//*/position:fixed;/**/
}
/* -------------------------------
Clear Float In Hr Background Image
------------------------------- */
hr{
height:0px;
margin:7px 0;
border:none;
visibility:hidden;
}
* html hr{/* for -IE6 */
margin:0;
}
*:first-child+html hr{/* for IE7 */
margin:0;
}

.clearline hr {
margin:0 !important;
height:0 !important;
visibility:hidden !important;
border:0 !important;
}

/* -------------------------------
Layout 
------------------------------- */
.left  {float:left;}
.right  {float:right;}
.tcenter { text-align:center !important; }
.tright { text-align:right !important;}
.tleft { text-align:left !important; }
.ttop {vertical-align:top !important; }
.tmiddle { vertical-align:middle !important; }
.tbottom {vertical-align:bottom !important; }

/* -------------------------------
Form Layout 
------------------------------- */

button, fieldset, form, input, label, legend, select, textarea {  
font-family:inherit;  
font-size:100%;  
font-style:inherit;  
font-weight:inherit;  
margin:0;  
padding:0;  
vertical-align:baseline;  
} 

fieldset {  
border:1px solid #aaaaaa;  
margin-bottom:1em;  
padding:0 1em 1em 1em;  
}  
  
legend {  
background:#fff;  
padding:0.3em;  
}  
  
input, textarea {  
line-height:1.4;  
padding:0;  
vertical-align:middle;  
}  
  
input[type="checkbox"],  
input[type="radio"] {  
vertical-align:text-bottom;  
}  
  
input[type="submit"] {  
padding:0.1em;  
}  
  
select {  
padding:0;  
}  
  
/* for IE6 */  
* html input {  
padding:0.1em;  
}  
  
* html input.checkbox,  
* html input.radio {  
vertical-align:-0.3em;  
}  
  
* html input.submit {  
line-height:1.2;  
padding-top:0.2em;  
}  
  
* html select {  
vertical-align:-0.2em;  
}  
  
/* for IE7 */  
*+html input {  
padding:0.1em;  
}  
  
*+html input.submit {  
line-height:1.2;  
padding-top:0.2em;  
}  
  
*+html select {  
vertical-align:-0.2em;  
}  
  
/* for Opera9.27 */  
html:first-child input {  
padding:0.1em;  
}  
  
html:first-child input[type="checkbox"],  
html:first-child input[type="radio"] {  
vertical-align:middle;  
}  
  
html:first-child input[type="submit"] {  
padding:0.3em;  
}  
  
html:first-child select {  
padding:0.2em;  
}  
  
/* for Opera9.5 [Safari3] */  
body:first-of-type input {  
padding:0.1em;  
}  
  
body:first-of-type input[type="checkbox"],  
body:first-of-type input[type="radio"] {  
vertical-align:-0.3em;  
}  
  
body:first-of-type input[type="submit"] {  
padding:0.3em 0.3em 0.2em 0.3em;  
}  
  
/* for Safari3 */  
html:not(:only-child:only-child) input {  
padding:0;  
vertical-align:baseline;  
}  
  
html:not(:only-child:only-child) input[type="checkbox"],  
html:not(:only-child:only-child) input[type="radio"] {  
vertical-align:baseline;  
}  
  
html:not(:only-child:only-child) select {  
vertical-align:0.1em;  
}  

