@charset "UTF-8";
/******************************************************
*	
*	1. property resset
*	2. font property
*	3. layout property
*	
******************************************************/
/*  1. property reset */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

fieldset,
img,
object {
    border: 0;
    vertical-align: bottom;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
}

ul {
    list-style-type: none;
}

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

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
}

/* to preserve line-height and selector appearance */
sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/*to enable resizing for IE*/
input,
textarea,
select {
    *font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
    color: #000;
}

hr {
    display: none;
}

strong {
    font-weight: bold;
}

/*\*/
a {
    outline: none;
    overflow: hidden;
}

/**/
caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none;
}

a img {
    border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

/******************************************************
*	
*	font property
*	
******************************************************/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {
    font: 13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, verdana, sans-serif;
    *font-size: small;
    /* for IE */
    *font: x-small;
    /* for IE in quirks mode */
}

html > body {
    font-size/*\**/: small\9;
}

/**
 * 99% for safari; 100% is too large
 */
select,
input,
button,
textarea {
    font: 99% arial, helvetica, clean, sans-serif;
    /* for macIE5 \*/
    font-family: "Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック",Verdana,sans-serif;
    font-weight: bold;
}

/**
 * To help tables remember to inherit
 */
table {
    font-size: inherit;
    font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {
    line-height: 1.5;
}

/**
 * Individual font module
 */
/*----------------------------------------
    font-size
------------------------------------------
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/
.f08 {
    font-size: 62% !important;
}

.f09 {
    font-size: 70% !important;
}

.f10 {
    font-size: 77% !important;
}

.f11 {
    font-size: 85% !important;
}

.f12 {
    font-size: 93% !important;
}

.f13 {
    font-size: 100% !important;
}

.f14 {
    font-size: 108% !important;
}

.f15 {
    font-size: 116% !important;
}

.f16 {
    font-size: 124% !important;
}

.f17 {
    font-size: 131% !important;
}

.f18 {
    font-size: 139% !important;
}

.f19 {
    font-size: 147% !important;
}

.f20 {
    font-size: 154% !important;
}

.f21 {
    font-size: 162% !important;
}

.f22 {
    font-size: 170% !important;
}

.f23 {
    font-size: 177% !important;
}

.f24 {
    font-size: 185% !important;
}

.f25 {
    font-size: 193% !important;
}

.f26 {
    font-size: 200% !important;
}

.f27 {
    font-size: 208% !important;
}

.f28 {
    font-size: 216% !important;
}

.f29 {
    font-size: 224% !important;
}

.f30 {
    font-size: 321% !important;
}

.f31 {
    font-size: 239% !important;
}

.f32 {
    font-size: 247% !important;
}

.f33 {
    font-size: 254% !important;
}

.f34 {
    font-size: 262% !important;
}

.f35 {
    font-size: 270% !important;
}

.f36 {
    font-size: 277% !important;
}

.f37 {
    font-size: 285% !important;
}

.f38 {
    font-size: 293% !important;
}

.f39 {
    font-size: 300% !important;
}

.f40 {
    font-size: 308% !important;
}

/******************************************************
*	
*	1. font property
*	2. link property
*	3. layout property
*	4. layout Base
*	5. head section
*	6. global navigation section
*	7. foot section
*	8. bread crumb
*	9. main contents
*	10. page navi
*	11. side contents
*	
******************************************************/
/*  1. font property */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
body {
    color: #333;
}

em {
    color: #CC0000;
}

/*  2. link property */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
a:link,
a:visited,
a:hover,
a:active {
    color: #1c832b;
    text-decoration: none;
}

a:hover {
    color: #1c832b;
    text-decoration: underline;
}

/*  3. layout property */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
body {
    text-align: center;
}

/* center on ie */
#whole {
    text-align: center;
}

/* center on ie */
#container {
    position: relative;
    margin: 0 auto;
    /* center on everything else */
    text-align: left;
}

#container-inner {
    position: static;
    width: auto;
}

#headSec {
    position: relative;
    width: 100%;
}

#headSec-inner {
    position: static;
}

#gNaviSec {
    position: relative;
    width: 100%;
}

#gNaviSec-inner {
    position: static;
}

#bodySec {
    position: relative;
    width: 100%;
}

#bodySec-inner {
    position: static;
}

#footSec {
    position: relative;
    width: 100%;
}

#footSec-inner {
    position: static;
}

#alpha,
#beta,
#gamma,
#delta {
    display: inline;
    /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}

#delta {
    float: right;
}

#alpha-inner,
#beta-inner,
#gamma-inner,
#delta-inner {
    position: static;
}

/*  4. layout Base */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
body {
    background: #fff;
}

/*  1. global setting */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
html,
body {
    width: 100%;
    height: 100%;
}

body {
    position: relative;
}

#page {
    width: 100%;
    position: relative;
}

.core {
    width: 960px;
    margin: 0 auto;
}

#view {
    position: relative;
    width: 960px;
    height: 480px;
    margin-top: 16px;
    background: #000;
}