@charset "utf-8";
/*------------------------------------------------------------------------------
- Browser Formatting & Redefine

Global Reset

 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 
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
62%  =  8px	| 69%　=  9px  
77%  = 10px | 85%  = 11px | 93%  = 12px | 100% = 13px | 108% = 14px
116% = 15px | 124% = 16px | 131% = 17px | 139% = 18px | 147% = 19px
154% = 20px | 162% = 21px | 170% = 22px | 177% = 23px | 185% = 24px
193% = 25px | 200% = 26px
------------------------------------------------------------------------------*/
/*Global Reset
------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,select,
p,blockquote,table,thead,tbody,tfoot,caption,th,td,address,code,iframe{
margin:0;
padding:0;
}

img,fieldset,abbr,acronym {border: 0;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
/*1.Structure Module
------------------------------------------------------------------------------*/
html {
overflow-y: scroll;
height:100%; 
}

head {}
title {}

body {
position:relative;
height:100%; 
background:#FFF7;
color:#653E18;
font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',
'MS PGothic',Osaka,Helvetica,Verdana,sans-serif;
font-size:13px;
text-align:center;
line-height:1.6;
}

/* for IE6 */
* html body {font-size: 82%;}

/* for IE7 */
*:first-child+html body {font-size: 82%;}
/*2.Text Module
------------------------------------------------------------------------------*/
/* Heading
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
font-weight:bold;
font-size: 100%;
text-align:left;
}
/* Block
--------------------------------------------------*/
address {}

blockquote {
margin: 1.33em 40px;
padding:0;
}

div {}
p{}

pre {
font-family: monospace;
white-space:pre;
overflow:auto;
}
/* Inline
--------------------------------------------------*/
code,kbd,samp,var {font-family: monospace;}

em{font-weight:bold;}

span {}

strong{color:red;}

/*3.Hypertext Module
------------------------------------------------------------------------------*/

a:link {
color:#336699;
text-decoration:underline;
}

a:visited {color:#336699;
text-decoration:underline;}

a:hover {
color:#336699;
text-decoration:none;
}
a:active {
color:#336699;
text-decoration:none;
}
/*
a.linkA01:link {
color:#336699;
text-decoration:underline;
}

a.linkA01:visited {color:#336699;
text-decoration:none;}

a.linkA01:hover {
color:#336699;
text-decoration:none;
}
a.linkA01:active {
color:#336699;
text-decoration:none;
}

a.linkA01 span {
text-decoration:underline;
}

a.linkA01:visited span {
color:#336699;
text-decoration:underline;
}

a.linkA01:hover span {
text-decoration:none;
}

a.linkA01:active span {
text-decoration:none;
}

*/

/*4.List Module
------------------------------------------------------------------------------*/
ul,ol {list-style-type: none;}
/*5.Object Module
------------------------------------------------------------------------------*/
object,
embed {vertical-align: top;}

param {}
/*6.Presentation Module
------------------------------------------------------------------------------*/
hr,legend {display: none;}

sub {vertical-align:text-bottom;}

sup {vertical-align:text-top;}
/*7.Edit Module
------------------------------------------------------------------------------*/
/*8.Bi-directional Text
------------------------------------------------------------------------------*/
/*9.Forms Module
------------------------------------------------------------------------------*/
button,
input,
select,
textarea {
font-family: 'ＭＳ Ｐゴシック','MS P Gothic',Osaka,Verdana,Arial, Helvetica, sans-serif;
font-size:100%;
}

button {}
fieldset {}
form {}
input{}
label {}
legend {}
select {}
optgroup {}
option {}
textarea{}
/*10.Tables Module
------------------------------------------------------------------------------*/
caption{text-align: left;}

col {}
colgroup {}

table {
border-collapse: collapse;
border-spacing: 0;
font-size:100%;
font-style: inherit;
empty-cells:show;
}

thead {}
tfoot {}
tbody {}
tr {}
th {text-align:left;}
td {}
/*11.Image Module
------------------------------------------------------------------------------*/
img {
border:0;
vertical-align:bottom;
}
/*12.Client-side Image Map Module
------------------------------------------------------------------------------*/
area {}
map {}
/*13.Server-side
------------------------------------------------------------------------------*/
/*14.Intrinsic Events
------------------------------------------------------------------------------*/
/*15. Metainformation
------------------------------------------------------------------------------*/
/*16.Base
------------------------------------------------------------------------------*/
/*17.Ruby Annotation 
------------------------------------------------------------------------------*/





