@charset "utf-8";
/*
-----------------------------------------------------
Reset and Base CSS
FileName:   base.css
Version:    2008.03/11

1-1. Yahoo UI Library Fonts CSS
1-2. Universal selector
1-3. Structure Module
1-4. Text Module
1-5. Hypertext Module
1-6. List Module
1-7. Edit Module
1-8. Forms Module
1-9. Tables Module
1-10.Image Module
1-11.Object Module
-----------------------------------------------------
*/
/*======================================

0.Base

=======================================*/

* {
  margin: 0px;
  padding: 0px;
}


/*======================================

1-1.Yahoo UI Library Fonts CSS
http://developer.yahoo.com/yui/fonts/
*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
*http://developer.yahoo.com/yui/license.txt

Font-size Adjustment

77%  = 10px	|	122% = 16px	|	167% = 22px	
85%  = 11px	|	129% = 17px	|	174% = 23px
92%  = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|

=======================================*/

body {
  font-size: 13px;
  *font-size: small;
  *font: x-small;
}

table {
  font-size: inherit;
  font: 100%;
}

select,
input,
textarea {
  font-size: 99%;
}


/*======================================

	1-2.Universal selector

=======================================*/

* {
  line-height: 1.5;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
}


/*======================================

	1-3.Structure Module

=======================================*/

body {
  text-align: center;
  color: #333333;
  background: #B8B8B8 url("../images/bg.jpg") repeat-y top center;
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "Osaka", "Verdana", "Arial";
}


/*======================================

	1-4.Text Module

=======================================*/

p,
pre,
address,
cite {
  font-size: 100%;
}

h1 {
  font-size: 100%;
}

h2 {
  font-size: 100%;
}

h3 {
  font-size: 100%;
}

h4 {
  font-size: 100%;
}

h5 {
  font-size: 100%;
}

h6 {
  font-size: 100%;
}

pre {
  padding: 0.5em 10px;
  border: 1px dotted #aaa;
  width: 90%;
  overflow: scroll;
  color: #333;
  background-color: #f5f5f5;
  font-family: "Osaka－等幅", monospace;
}

pre[title]::before {
  margin-bottom: 0.8em;
  padding: 0 10px;
  display: block; 
  content: attr(title);
  color: #000;
  background-color: #fff;
}

blockquote {
  margin: 1.5em 20px;
  padding: 8px; 
  border: 3px solid #eee;
  background-color: #f3f3f3;
}

blockquote[title]:before {
  margin: 2px 2px 1em 2px;
  padding: 0.1em 16px;
  display: block;
  content: attr(title); 
  background-color: #f5f5f5; 
}

blockquote[cite]:after {
  padding: 15px 0px 0px 0px;
  display: block; 
  content: attr(cite);
  text-align: right;
}

cite {
  display: block;
  text-align: right;
}

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

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

code {
  font-family: "Osaka－等幅", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #aaa;
  cursor: help;
}

kbd {
  border: 1px solid #ccc;
  padding: 0 0.3em; 
  background-color: #f5f5f5;
  font-family: "Osaka－等幅", monospace;
  text-transform: uppercase;
}


/*======================================

	1-5.Hypertext Module

=======================================*/

a:link    { text-decoration: underline; color: #003399;}
a:visited { text-decoration: underline; color: #003399;}
a:active  { text-decoration: underline; color: #003399;}
a:hover   { text-decoration: none; color: #225599;}


/*======================================

	1-6.List Module

=======================================*/

ul,
ol,
dl {
  list-style-type: none;
}


/*======================================

	1-7.Edit Module

=======================================*/

del {
  color: #999;
  text-decoration: line-through;
}

del[datetime]::before {
  content: " ( "attr(datetime)"\00524a\009664) ";
}

ins {
  border-bottom: 1px dotted #ccc;
  text-decoration: none;
}

ins[datetime]::before {
  content: " ( "attr(datetime)"\004fee\006b63) ";
}


/*======================================

	1-8.Forms Module

=======================================*/

form {
  margin: 0.5em 20px;
  padding: 1px 0; 
}

form dl,
form p {
  margin: 0.5em 10px;
}

fieldset {
  border: 1px solid #ddd;
}

legend {
  margin: 0 1em;
  padding: 0 10px;
}

input,
textarea {
  margin: 0.4em 10px;
  padding: 0.1em 10px;
  border: 1px solid #ddd;
  font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
  background-color: #f5f5f5;
}

input {
  line-height: 1.2;
}

input:hover,
textarea:hover {
  border: 1px solid #aaa;
}

input:focus,
textarea:focus {
  border: 1px solid #000;
}

textarea {
  padding: 0.4em 10px;
}

/*======================================

	1-9.Tables Module

=======================================*/

table {
  border-spacing: 2px;
  border: none;
  background-color: #ffffff;
}

caption {
  margin-top: 15px;
  caption-side: top;
  vertical-align: middle;
  text-align: left;
  font-weight: bold;
}

th,
td {
  padding: 0.3em 8px;
  border: none;
  border-color: #ffffff;
  vertical-align: top;
  line-height: 135%;
}

th {
  background-color: #eff3f3;
}

td {
  background-color: #f3f3f3;
}

/*======================================

	1-10.Image Module

=======================================*/

img {
  vertical-align: bottom;
  border: none;
}

/*======================================

	1-11.Object Module

=======================================*/