@charset "utf-8";

/*Table Of Contents
----------------------------------------

1 Structure
2 Text
Heading
Block
Inline
3 Hypertext
4 List
5 Object
6 Presentation
7 Edit
8 Bi-directional Text
9 Forms
10 Tables
11 Image
12 Client-side Image Map
13 Server-side
14 Intrinsic Events
15 Metainformation
16 Base
17 Ruby Annotation 

----------------------------------------*/

* {
padding: 0;
margin: 0;
}

/* Structure Module
----------------------------------------*/
html {
height: 100%;
}

body {
line-height:1.5;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" , sans-serif;
font-size: 75%;
color: #333;
text-align: center;
background: #E8E8E8 url(../img/bg.gif) repeat-x;
height:100%;
}

/* Text Module
----------------------------------------*/

/* Heading */

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

h2{
margin:0 0 15px 0;
}

/* Block */

address {}

blockquote {
margin-left: 30px;
}

p {
margin-bottom: 0.3em;
}

/* Inline */

abbr {
letter-spacing: 0.1em;
}

acronym {
letter-spacing: 0.1em;
border:0;
}

cite {
font-style: italic;
}

em {
font-weight: bold;
}

q {
font-style: italic;
}

strong {
font-weight: bold;
}

/* Hypertext Module
----------------------------------------*/
a {
color:#333;
text-decoration: none;
}

:link {}
:visited {}
a:hover,
a:active {
color:#333;
text-decoration: underline;
}
a:focus{
outline:#00f 1px dotted;
}

/*List Module
----------------------------------------*/
dl {}

dt {}

dd {
margin-left: 0;
}

ol {
margin-left: 40px;
}

ul {
margin-left: 40px;
}

li {}

/*Object Module
----------------------------------------*/

/*Presentation Module
----------------------------------------*/

hr {
display: none;
}

sub {
vertical-align:text-top;
}

sup {
vertical-align:text-bottom;
}

/*Edit Module
----------------------------------------*/
del {
text-decoration: line-through;
}

ins {
text-decoration: underline;
}

/*Bi-directional Text Module
----------------------------------------*/

/*Forms Module
----------------------------------------*/
button {}

fieldset {}

form {}

input {
font-size: 99%/*for Safari*/;
}

select {
font-size: 99%/*for Safari*/;
}

option {}

textarea {
font-size: 99%/*for Safari*/;
}

/*Tables Module
----------------------------------------*/
caption {}

col {}

colgroup {}

table {
font:100% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" , sans-serif/*for IE*/;
border-collapse: collapse;
border-spacing: 0;
}

tbody {}

td {
vertical-align:top;}

tfoot {}

th {
vertical-align:top;}

thead {}

tr {}

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

/*Client-side Image Map Module
----------------------------------------*/

/*Server-side Image Map Module
----------------------------------------*/

/*Intrinsic Events Module
----------------------------------------*/

/*Metainformation Module
----------------------------------------*/

/*Scripting Module
----------------------------------------*/

/*Style Sheet Module
----------------------------------------*/

/*Link Module
----------------------------------------*/

/*Base Module
----------------------------------------*/

/*Ruby Annotation Module
----------------------------------------*/


@media print {
h1,h2,h3,h4,h5,h6{
page-break-after:auto ;
page-break-inside: avoid;
}
}


/* Hypertext Module
----------------------------------------*/
#story a {
color:#00a85a;
text-decoration: none;
}

:link {}
:visited {}
#story a:hover,
#story a:active {
color:#00a85a;
text-decoration: underline;
}
#story a:focus{
outline:#00f 1px dotted;
}