@charset "UTF-8";

/*==============================================================================
  File Name: element.css
  Media Type: All
  Title: Elements Style Sheet
  Author: Phize
  Author URI: http://phize.net

  Order Of Cascading:
    1. import.css
    2. element.css

  Table Of Contents:
    Structure Module
    Text Module
    Hypertext Module
    List Module
    Edit Module
    Forms Module
    Tables Module
    Image Module
    Object Module

  Order Of Properties:
    Based on CSS 2.1 Specification(http://www.w3.org/TR/CSS21/)
==============================================================================*/



/*==============================================================================
  Structural Module
==============================================================================*/

html
{
  margin: 0;
  padding: 0;
}

body
{
  margin: 0;
  padding: 0;
  line-height: 1.5;
  color: #333;
  background: #6a6e53 url(../image/background.png);
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Clean, sans-serif;
  font-size: x-small;  /* For Win IE 6(Quirks Mode) */
  text-align: center;  /* For Win IE 6 */
}

*>body
{
  font-size: small;  /* For Win IE 7 */
}

/* For Modern Browsers(Excluding Win IE 7) */
*>/**/body
{
  font-size: 13px;
}



/*==============================================================================
  Text Module
==============================================================================*/

h1,
h2,
h3,
h4,
h5,
h6
{
  margin: 1em 16px;
  padding: 0;
  font-weight: bold;
  font-size: 100%;  /* For Win IE 6 */
}

h1
{
  padding: 0 38px;
  background: url(../image/bg_heading.png) no-repeat 0 50%;
  font-size: 175%;
}

h2
{
  border-bottom: 1px solid #ccc;
  font-size: 150%;
}

h3
{
  border-bottom: 1px dotted #ccc;
  font-size: 125%;
}

p,
address
{
  margin: 1em 16px;
  padding: 0;
}

pre,
blockquote
{
  margin: 2em 16px;
  padding: 0;
}

p
{
  line-height: 1.75;
}

address
{
  font-style: normal;
  font-weight: normal;
}

pre
{
/*
  overflow: auto;
*/
  font-family: "Osaka－等幅", Osaka-Mono, "ＭＳ ゴシック", "MS Gothic", monospace;
  font-size: 100%;  /* For Win IE 6-7 */
  white-space: -moz-pre-wrap;  /* For Mozilla */
  white-space: -o-pre-wrap;  /* For Opera */
  white-space: pre-wrap;  /* CSS3 */
  white-space: pre;
  outline: 0 none;
  word-wrap: break-word;  /* For IE 6-7 */
}

pre code,
pre samp,
pre kbd
{
  padding: 0.5em 8px;
  display: block;
  overflow: auto;
  outline: 0 none;
}

pre code
{
  border: 1px solid #ccb299;
  background: #f0eddf;
}

pre samp,
pre kbd
{
  border: 1px solid #2f372d;
  color: #fff;
  background: #6a6e53;
}

blockquote
{
  padding: 1px 0 1px 32px;
  background: url(../image/quote_t.png) no-repeat 0 0;
}

blockquote[cite]:after,
blockquote[title]:after
{
  margin: -24px 0 0 40px;
  padding: 32px 8px 0 0;
  background: url(../image/quote_b.png) no-repeat 100% 0;
  display: block;
  content: "\005f15\007528\005143: "attr(title)" ("attr(cite)")";
  font-size: 90%;
  text-align: right;
}

blockquote p,
blockquote dl,
blockquote ol,
blockquote ul
{
  margin: 0.5em 40px 0 8px;
}

cite
{
  font-style: normal;
  font-weight: normal;
}

code,
kbd,
samp
{
  font-family: "Osaka－等幅", Osaka-Mono, "ＭＳ ゴシック", "MS Gothic", monospace;
  font-size: 100%;  /* For Win IE 6-7 */
}

code
{
  margin: 0.125em 4px;
  padding: 0.125em 4px;
  border: 1px solid #ccb299;
  background: #f0eddf;
  font-style: normal;
  font-weight: normal;
}

code var
{
  font-weight: bold;
}

samp
{
  margin: 0.125em 4px;
  padding: 0.125em 4px;
  border: 1px solid #2f372d;
  color: #fff;
  background: #6a6e53;
  font-style: normal;
  font-weight: normal;
}

samp var,
samp strong
{
  background: #fff;
}

var
{
  color: #3a47c4;
  font-style: normal;
  font-weight: normal;
}

dfn
{
  font-style: normal;
  font-weight: normal;
}

em
{
  font-style: normal;  /* For Win Meiryo */
  font-weight: bold;
}

strong
{
  color: #c4473a;
  font-style: normal;
  font-weight: bold;
}

em *,
strong *
{
  font-weight: bold;
}

abbr
{
  border: 0 none;
  font-variant: normal;
  cursor: help;
}

q
{
  quotes: "\00201c" "\00201d" "\002018" "\002019";
}

q:before
{
  content: open-quote;
}

q:after
{
  content: close-quote;
}



/*==============================================================================
  Hypertext Module
==============================================================================*/

a:link
{
  color: #356a5d;
}

a:visited
{
  color: #6a6e53;
}

a:hover,
a:focus,
a:active
{
  color: #c4473a;
}

a img
{
  border: 0 none;
  text-decoration: none;
}



/*==============================================================================
  List Module
==============================================================================*/

dl,
ol,
ul
{
  margin: 1em 16px;
  padding: 0;
  list-style-position: inside;
}

dt,
dd,
li
{
  margin: 0.25em 8px;
  padding: 0;
}

dd
{
  margin-right: 24px;
  margin-left: 24px;
}

dd p,
dd dl,
dd ol,
dd ul,
dd form,
li p,
li dl,
li ol,
li ul,
li form
{
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}



/*======================================
  Edit Module
=======================================*/

del
{
  margin: 1em 16px;
  padding: 1em 0 0;
  border-top: 1px dotted #ccc;
  display: block;
  color: #aaa;
  text-decoration: none;
}

p del,
dd del,
td del
{
  margin: 0;
  padding: 0;
  border: 0 none;
  display: inline;
}

del *
{
  text-decoration: line-through;
}

del[datetime]:before
{
  margin: 0;
  padding: 0;
  display: inline;
  content: "削除("attr(datetime)"):";
  text-decoration: none;
}

p del[datetime]:before,
dd del[datetime]:before,
td del[datetime]:before
{
  content: normal;
}

p del[datetime]:after,
dd del[datetime]:after,
td del[datetime]:after
{
  margin: 0;
  padding: 0;
  display: inline;
  content: "(削除: "attr(datetime)")";
  font-size: 90%;
  text-decoration: none;
}

ins
{
  margin: 1em 16px;
  padding: 1em 0 0;
  border-top: 1px dotted #ccc;
  display: block;
  text-decoration: none;
}

p ins,
dd ins,
td ins
{
  margin: 0;
  padding: 0;
  border: 0 none;
  display: inline;
}

ins[datetime]:before
{
  margin: 0;
  padding: 0;
  display: inline;
  content: "追記("attr(datetime)"):";
  text-decoration: none;
}

p ins[datetime]:before,
dd ins[datetime]:before,
td ins[datetime]:before
{
  content: normal;
}

p ins[datetime]:after,
dd ins[datetime]:after,
td ins[datetime]:after
{
  margin: 0;
  padding: 0;
  display: inline;
  content: "(追記: "attr(datetime)")";
  font-size: 90%;
  text-decoration: none;
}



/*======================================
  Forms Module
=======================================*/

form
{
  margin: 1em 16px;
  padding: 1px 0;
  font-size: 90%;
}

form p,
form dl,
form ol,
form ul
{
  margin: 0.5em 8px;
}

form dt,
form dd,
form li
{
  margin-right: 0;
  margin-left: 0;
}

fieldset
{
  margin: 0;
  padding: 0;
  border: 0 none;
}

legend
{
  display: none;
}

input,
textarea
{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Clean, sans-serif;  /* For Mac */
  font-weight: normal;
  font-size: 99%;  /* For Mac Safari */
}

input,
textarea
{
  margin: 0;
  padding: 0.1em 4px;
}

input.text
{
}

input.checkbox,
input.radio
{
  margin: 0 4px;
  vertical-align: middle;
}

input.submit
{
  padding: 0.1em 8px;
}



/*==============================================================================
  Tables Module
==============================================================================*/

table
{
  margin: 1em 16px;
  padding: 0;
  border: 1px solid #ccb299;
  font-size: 100%;  /* For Win IE 6(Quirks Mode) */
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
}

caption
{
  margin: 1em 0 -0.5em;
  padding: 0 0 0.5em;
}

th,
td
{
  padding: 0.25em 8px;
  border: 1px solid #bca289;
}

thead th,
th[colspan],
th[rowspan]
{
  background: #ccb299;
  text-align: center;
}

th
{
  background: #f0eddf;
  font-style: normal;
  font-weight: bold;
}

td
{
  background: #fff;
}

td p,
td dl,
td ol,
td ul
{
  margin: 0.5em 0;
}

td dd p,
td dd dl,
td dd ol,
td dd ul,
td li p,
td li dl,
td li ol,
td li ul
{
  margin: 0.25em 16px;
}



/*==============================================================================
  Image Module
==============================================================================*/

img
{
  vertical-align: bottom;
}



/*==============================================================================
  Object Module
==============================================================================*/

object
{
  margin: 1em 16px;
  padding: 0;
}