@charset "UTF-8";

html, body {
overflow: hidden;
width: 100% ;
height: 100% ;
}

body {
position: fixed ; /*これがないと全画面表示されない*/
background: #ffffff url(../img/bg.gif) left bottom repeat-x ;
margin: 0 ;
padding: 0 ;
color: #666666 ;
font-size: 12px ;
font-family: 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif ;
line-height: 180% ;
}
table {
font-size: inherit ;
font: 100% ;
}

a:link { color: #ff6600 ; text-decoration: underline ; }
a:visited { color: #ff9933 ; text-decoration: underline ; }
a:hover { color: #000000 ; text-decoration: none ; }
a:focus{ outline: none ; }

h1,h2,h3,h4,h5,h6 {
clear: both ;
}
h1 {
margin: 0 0 40px 0 ;
padding: 0 ;
}
h2 {
margin: 0 0 25px 0 ;
padding: 0 ;
}
h3 {
margin: 1.5em 0 1em 0 ;
padding: 1px 0 1px 6px ;
border-left: 2px solid #ff9900 ;
font-size: 12px ;
line-height: 105% ;
color: #333333 ;
}

img {
margin: 0 ;
padding: 0 ;
border: none ;
vertical-align: bottom ;
}

sub, sup {
vertical-align: baseline ;
}
sup {
position: relative ;
top: 0px ;
}
sub {
position: relative ;
top: 0px ;
}

p {
margin: 0 0 1em 0 ;
padding: 0 ;
text-align: justify ;
text-justify: inter-ideograph ;
}

ol,ul {
margin: 0 ;
padding: 0 ;
}
ol li {
margin: 0 0 1em 2em ;
padding: 0 ;
}
ul li {
margin: 0 0 1em 1.2em ;
padding: 0 ;
}
li {
text-align: justify ;
text-justify: inter-ideograph ;
line-height: 160% ;
}
li li {
margin-top: 0.2em ;
margin-bottom: 0 ;
}

.nonem { margin-bottom: 1em ; }
.nonem li { margin-bottom: 0 ; }

dl {
margin: 0 ;
padding: 0 ;
}
dt {
margin: 0.5em 0 ;
padding: 1px 0 1px 6px ;
border-left: 2px solid #ff9900 ;
font-size: 12px ;
line-height: 105% ;
color: #333333 ;
}
dd {
margin: 0 ;
padding: 0 0 0 1em ;
text-align: justify ;
text-justify: inter-ideograph ;
}

td {
text-align: left ;
line-height: 18px ;
}
th {
text-align: left ;
font-weight: normal ;
line-height: 18px ;
}

em {
font-weight: normal ;
font-style: normal ;
font-size: 12px ;
color: #333333 ;
}
strong {
font-weight: bold ;
font-size: 14px ;
line-height: 20px ;
}
small {
font-weight: normal ;
font-size: 10px ;
line-height: 16px ;
}

form {
margin: 0 ;
padding: 0 ;
}
form input {
vertical-align: middle ;
}
form select {
vertical-align: middle ;
}
form img {
vertical-align: middle ;
}
address {
clear: both ;
margin: 0 ;
padding: 0 0 10px 0 ;
text-align: center ;
}

hr {
clear: both ;
width: 720px ;
background: #ffffff ;
color: #ffffff ;
border-top: 0px none #ffffff ;
border-right: 0px none #ffffff ;
border-left: 0px none #ffffff ;
border-bottom: 1px dotted #009933 ;
margin: 10px auto ;
}




/*site ---------------------------------------------------------*/

#flashbox {
width: 100% ;
height: 100% ;
margin: 0 ;
padding: 0 ;
overflow: hidden ;
}

#mainbox {
width: 100% ;
height: 100% ;
margin: 0 auto ;
padding: 0 ;
overflow: auto ;
}

#readbox {
width: 600px ;
margin: 0 auto ;
padding: 0 0 15px 0 ;
}

.getflash {
width: 600px ;
height: 33px ;
margin: 2em 0 4em 0 ;
padding: 0 ;
}
.getflash img {
float: left ;
margin: 0 ;
padding: 0 ;
}
.getflash p {
float: right ;
width: 475px ;
margin: 0 ;
padding: 2px 0 ;
font-size: 10px ;
line-height: 14px ;
}

.privacy {
background: url(../img/arrow.gif) 0px 2px no-repeat ;
width: 150px ;
height: 20px ;
margin: 2em 0 0 0 ;
padding: 0 0 0 12px ;
line-height: 105% ;
}

address {
margin: 0 ;
padding: 0 ;
text-align: right ;
}







/*other ---------------------------------------------------------*/

.cb { clear: both ; }

.fl { position: relative ; float: left ; margin: 0 ; padding: 0 ; }
.fr { position: relative ; float: right ; margin: 0 ; padding: 0 ; }

.tl { text-align: left !important ; }
.tl th { text-align: left !important ; }
.tl td { text-align: left !important ; }
.tr { text-align: right !important ; }
.tr th { text-align: right !important ; }
.tr td { text-align: right !important ; }
.tc { text-align: center !important ; }
.tc th { text-align: center !important ; }
.tc td { text-align: center !important ; }

.wn { white-space: nowrap ; }
.mo { font-family: monospace ; }

.vt { vertical-align: top ; }
.vt img { vertical-align: top ; }
.vt td { vertical-align: top ; }
.vt th { vertical-align: top ; }
.vm { vertical-align: middle ; }
.vm img { vertical-align: middle ; }
.vm th { vertical-align: middle ; }
.vm td { vertical-align: middle ; }
.vb { vertical-align: bottom ; }
.vb img { vertical-align: bottom ; }
.vb th { vertical-align: bottom ; }
.vb td { vertical-align: bottom ; }

.l100 { line-height: 100% ; }
.l120 { line-height: 120% ; }
.l140 { line-height: 140% ; }
.l160 { line-height: 160% ; }
.l180 { line-height: 180% ; }
.l200 { line-height: 200% ; }
.l240 { line-height: 240% ; }

.w5 { width: 5% ; }
.w10 { width: 10% ; }
.w15 { width: 15% ; }
.w20 { width: 20% ; }
.w25 { width: 25% ; }
.w30 { width: 30% ; }
.w35 { width: 35% ; }
.w40 { width: 40% ; }
.w45 { width: 45% ; }
.w50 { width: 50% ; }
.w55 { width: 55% ; }
.w60 { width: 60% ; }
.w65 { width: 65% ; }
.w70 { width: 70% ; }
.w75 { width: 75% ; }
.w80 { width: 80% ; }
.w85 { width: 85% ; }
.w90 { width: 90% ; }
.w95 { width: 95% ; }
.w100 { width: 100% ; }
.w33 { width: 33% ; }
.w34 { width: 34% ; }

.tp0 { margin-top: 0px !important ; }
.tp5 { margin-top: 5px !important ; }
.tp10 { margin-top: 10px !important ; }
.tp15 { margin-top: 15px !important ; }
.tp20 { margin-top: 20px !important ; }
.tp30 { margin-top: 30px !important ; }
.tp40 { margin-top: 40px !important ; }
.tp50 { margin-top: 50px !important ; }
.bp0 { margin-bottom: 0px !important ; }
.bp5 { margin-bottom: 5px !important ; }
.bp10 { margin-bottom: 10px !important ; }
.bp15 { margin-bottom: 15px !important ; }
.bp20 { margin-bottom: 20px !important ; }
.bp30 { margin-bottom: 30px !important ; }
.bp40 { margin-bottom: 40px !important ; }
.bp50 { margin-bottom: 50px !important ; }
.lp0 { margin-left: 0px !important ; }
.lp5 { margin-left: 5px !important ; }
.lp10 { margin-left: 10px !important ; }
.lp15 { margin-left: 15px !important ; }
.lp20 { margin-left: 20px !important ; }
.lp30 { margin-left: 30px !important ; }
.lp40 { margin-left: 40px !important ; }
.lp50 { margin-left: 50px !important ; }
.rp0 { margin-right: 0px !important ; }
.rp5 { margin-right: 5px !important ; }
.rp10 { margin-right: 10px !important ; }
.rp12 { margin-right: 12px !important ; }
.rp15 { margin-right: 15px !important ; }
.rp20 { margin-right: 20px !important ; }
.rp30 { margin-right: 30px !important ; }
.rp40 { margin-right: 40px !important ; }
.rp50 { margin-right: 50px !important ; }