@charset "shift_jis";

/*--------------------------------------
  Default Style Sheet
  Last Update 2006-04-12
  - Universal selector
  - Structure Module
  - Text Module
  - Hypertext Module
  - List Module
  - Edit Module
  - Forms Module
  - Tables Module
  - Image Module
  - Object Module
  - Ordinary Class
��element
---------------------------------------*/
/*--------------------------------------
  Universal selector
---------------------------------------*/
*{
    margin: 0;
    padding: 0;
    color: black;
    font-size: 100%;
  }

/*
��(Universal selector)

*/
/*--------------------------------------
 Structure Module
---------------------------------------*/
body {
   padding-bottom: 20px;
   font: 90%/170% "�l�r �S�V�b�N", Osaka, Verdana, sans-serif;
   text-align: center;
   background-color: white;
 }

* html body {
  font: 90%/170% "�l�r �S�V�b�N", Osaka, Verdana, ;
}

/*
��
padding-bottom: 20px
*/
/*--------------------------------------
 Text Module
---------------------------------------*/
p,
pre,
address,
cite {
   margin: 0 0 0.8em 0;
 }

p{
  line-height: 170%;
}

/*
����80%

*/
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.4;
  margin: 1em 0;
  font-weight: bold;
}

h1 {
  font-size: 170%;
}

h2 {
  font-size: 140%;
}

h3 {
  font-size: 120%;
}

h4 {
  font-size: 120%;
}

h5 {
  font-size: 110%;
}

h6 {
  font-size: 100%;
}

/*
����

*/
pre {
  width: auto;
  overflow: auto;
  padding: 8px 16px;
  border: 1px solid #cccccc;
  color: #3d4263;
  font-size: 75%;
  letter-spacing: 1px;
  background-color: #f5f5f5;
}

pre[title]::before {
  content: attr(title);
  display: block;
  margin-bottom: 0.8em;
  color: black;
}

/*��pre�v [IE]*/
blockquote {
  display: block;
  margin: 0.8em 12px 1.5em 12px;
  padding: 6px;
  border: 1px solid #b9c3c8;
  background-color: #eaeeef;
}

blockquote * {
  color: #434755;
}

/*��*/
blockquote[title]::before {
  content: attr(title);
  display: block;
  margin: 2px;
  padding: 0.1em 16px;
  color: #455c5d;
  font-size: 80%;
  background-color: #e0e4e5;
}

/*��blockquote[IE]*/
blockquote[cite]::after {
  content: attr(cite);
  display: block;
  margin: 0;
  padding: 0.1em 16px;
  color: #333333;
  font-size: 80%;
  text-align: right;
}

/*��blockquote�v[IE]*/
blockquote p {
  margin: 0;
}

cite {
  display: block;
  color: #333333;
  font-style: normal;
  text-align: right;
}

em {
  font-style: normal;
  font-weight: bold;
}

code {
  color: #3d4263;
  font-family: "Osaka-����", monospace;
}

���R
kbd {
  padding: 0 0.4em;
  border: 1px solid #6a8eaa;
  font-family: "Osaka-����", monospace;
  text-transform: uppercase;
  background-color: #f5f5f5;
}

/*�L*/
kbd.accesskey {
  padding: 0 0.2em;
}

/*
��
kbd�v
*/
/*--------------------------------------
  Hypertext Module
---------------------------------------*/
a {
    text-decoration: none;
  }

a:link {
  color: #CC3366;
}

a:visited {
  color: #485270;
}

a:hover {
  color: #FF6600;
  text-decoration: underline;
}

/*��*/
/*--------------------------------------
  List Module
---------------------------------------*/
ul,
ol,
dl {
    margin: 0;
    padding: 0;
    list-style-position: outside;
  }

/*��list-style-position*/
li,
dt,
dd {
  line-height: 140%;
}

ul,
ul li {
  list-style: square;
  line-height: 140%;
}

/*
����80%

*/
dt {
  font-weight: bold;
}

/*
dd {
}

*/
/**/
li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
  line-height: 150%;
}

/*
��
li * {
  font-size: 100%;
}

*/
li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
  margin: 0.4em 8px;
}

/*��*/
/*--------------------------------------
  Edit Module
---------------------------------------*/
del {
    color: #666666;
    text-decoration: line-through;
  }

del[datetime]::before{
  content: " ( "attr(datetime)"�폜) ";
}

/*��del�v(��)*/
ins{
  border-bottom: 1px dotted #666666;
  text-decoration: none;
}

ins[datetime]::before{
  content: " ( "attr(datetime)"�C��) ";
}

/*��ins�v(��)*/
/*--------------------------------------
  Forms Module
---------------------------------------*/
form {
    clear: both;
    line-height: 140%;
    margin: 0 6px 4px 6px;
    padding: 1px 0 8px 0;
    /*background-color: #F7F7F7;
  border-right: 1px solid #bababa;
  border-bottom: 1px solid #bababa;*/
  }

form dl,
form p {
  line-height: 140%;
  margin: 0.4em 8px;
}

fieldset {
  padding: 1px 0;
  border: none;
}

legend {
  display: block;
  padding: 0.1em 8px;
  font-size: 85%;
  background-color: #e8e8e8;
}

/*�� []*/
input,
textarea {
  padding: 0.1em 8px;
  font-family: Arial, Helvetica, "�q���M�m�p�S Pro W3", sans-serif;
}

/*�� font-familyMAC IE*/
input:hover,
textarea:hover {
}

/*�� [IE]*/
input:focus,
textarea:focus {
}

/*�� [IE]*/
textarea {
  padding: 0.4em 8px;
}

p input {
  margin-left: 8px;
}

input.radio {
  border: none;
  background-color: transparent;
}

/*
��input[type="radio"]()
 class="radio"
*/
input.submit {
   padding: 1px 0.5em;
   border-width: 1px;
   border-color: #c2c2c2 #8f8f8f #8f8f8f #c2c2c2;
   border-style: solid;
   color: #6c737a;
   font-family: Tahoma, Verdana, sans-serif;
   font-weight: bold;
   font-size: 12px;
 }

/*
��input[type="submit"]()
 class="submit"
*/
input.submit:hover {
   color: black;
   background-color: white;
 }

/*--------------------------------------
  Tables Module
---------------------------------------*/
table {
    margin: 0.5em 1em;
    border-width: 1px;
    border-color: #c1ced4 #97a4aa #97a4aa #c1ced4;
    border-style: solid;
    background-color: #f5f5f5;
  }

caption {
  display: none;
  border: 1px solid #97a4aa;
  border-width: 1px 1px 0 1px;
  border-color: #c1ced4 #97a4aa #97a4aa #c1ced4;
  border-style: solid;
  color: #454e58;
  font-size: 80%;
  background-color: #f5f5f5;
}

/*
�� display:none

*/
td,
th {
  line-height: 1.2;
  padding: 0.1em 8px;
  color: white;
  font-size: 85%;
}

/*��line-height:1.2*/
th {
  border-width: 0 1px 1px 0;
  border-color: #d2d2d2;
  border-style: solid;
  color: #536066;
  font-weight: normal;
  background-color: #f5f5f5;
}

td {
  border-width: 1px;
  border-color: white #bfc3c4 #bfc3c4 white;
  border-style: solid;
  color: #666;
  background-color: white;
}

/*--------------------------------------
  Image Module
---------------------------------------*/
img {
    border: 0;
  }

/*��*/
/*--------------------------------------
  Object Module
---------------------------------------*/
object,
embed {
    margin: 0;
    margin-bottom: 20px;
  }

/*--------------------------------------
  Ordinary Class
---------------------------------------*/
.clr{
    clear: both;
  }

hr.clr{
  clear: both;
  height: 1px;
  margin: 0;
  padding: 0;
  visibility: hidden;
}

.clr hr{
  clear: both;
  height: 1px;
  margin: 0;
  padding: 0;
  visibility: hidden;
}

/*For IE*/
* html hr.clr{
  margin-top: -1em;
}

.hidari-yose{
  float: left;
  clear: both;
  margin: 12px;
}

.migi-yose{
  float: right;
  clear: both;
  margin: 12px;
}

.shutten{
  font-weight: bold;
}