@charset "utf-8";

/**
 * Based http://3ping.org/2006/04/09/0747
 * Thanks "wu".
 */

/*
 *  Reset & Base Style Sheet
 *  Last Update 2007-01-18
 *
 *  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
 */

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

  1-1.Yahoo Library Font.css
  http://developer.yahoo.com/yui/fonts/

  *Copyright (c) 2006, Yahoo! Inc. All rights reserved.
  *http://developer.yahoo.com/yui/license.txt

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

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

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

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

 1-2.Universal selector

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

* {
  line-height : 1.6;
  color       : #333;
  font-size   : 100%;
  font-weight : normal;
  font-style  : normal;
}

body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,p,blockquote,
th,td {
  margin  : 0;
  padding : 0;
}

p,
pre,
address,
cite,
ins,
del,
ul,
ol,
dl {
  margin-bottom : 1em;
}


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

  1-3.Structure Module

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

body {
  background-color : #fff;
  font-family      : "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

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

  1-4.Text Module

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

h1,
h2,
h3,
h4,
h5,
h6 {
  color : #000;
}

h1 {
  font-size   : 190%;
  font-weight : bold;
}

h2 {
  font-size   : 175%;
  font-weight : bold;
}

h3 {
  font-size   : 160%;
  font-weight : bold;
}

h4 {
  font-size   : 145%;
  font-weight : bold;
}

h5 {
  font-size : 130%;
}

h6 {
  font-size : 115%;
}

pre {
  padding          : 0.5em 0.5em; 
  border           : 3px solid #eee;
  width            : 95%;
  overflow         : scroll;
  color            : #3d4263;
  font-family      : "Osaka－等幅", monospace;
  background-color : #EFEFEF;
}

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

blockquote {
  margin     : 1.5em 20px 1.5em 40px;
  padding    : 1px; 
  border     : 2px dashed #eee;
  font-style : italic;
}

blockquote * {
  color      : #888;
  font-style : italic;
}

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

blockquote[cite]::after {
  padding    : 0.1em 20px;
  display    : block; 
  content    : attr(cite);
  color      : #333333;
  text-align : right;
}

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

em {
  color      : #000;
  font-style : italic;
  padding    : 0 0.5em;
}

strong {
  font-weight : bold;
  color       : #333333;
}

code {
  font-family      : "Osaka－等幅", monospace;
  background-color : #EFEFEF;
  display          : block;
}

var {
  font-style : italic;
}

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 {
  color : #005585;
}

a:visited {
  color : #485270;
}

a:hover {
  color : #b83800;
}

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

  1-6.List Module

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

ul,
ol {
  list-style-position : outside;
  padding-left        : 2em;
}

li,
dt,
dd {
  font-size : 100%;
}

dt {
  font-weight : bold;
}

dd {
  padding-left : 2em;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
  font-size : 100%;
}

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

  1-7.Edit Module

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

del {
  color           : #666666;
  text-decoration : line-through;
  display         : block;
}

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

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

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;
  font-family : Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
  color       : #666;
}

input {
  line-height : 1.2;
}

input:hover,
textarea:hover,
input:focus,
textarea:focus {
  color : #000;
}

input:focus,
textarea:focus {
  background-color : #f5f5f5;
}

textarea {
  padding : 0.4em 10px;
}

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

  1-9.Tables Module

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

table {
  margin           : 0 20px 1em 20px;
  border           : 1px solid #aaa;
  background-color : #eee;
}

th,
td {
  padding : 0 10px;
}

th {
  color            : #fff;
  background-color : #999;
}

td {
  border           : 1px solid #ddd;
  background-color : #fff;
}

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

  1-10.Image Module

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

a img {
  border : none;
}

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

  1-11.Object Module

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

object,
embed {
  margin: 1em 20px;
}