@charset "UTF-8";
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%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

body {
    color: #333;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'Lucida Sans Unicode', 'Lucida Grande', 'Verdana', 'ＭＳ Ｐゴシック', sans-serif;
    _font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-Serif
}

address {
    font-style: normal
}

a {
    color: #069;
    text-decoration: none
}

a:link {
    color: #069;
    text-decoration: underline
}

a:visited {
    color: #936
}

a:hover {
    color: #F25E0D;
    text-decoration: none
}

a:active {
    color: #F25E0D;
    text-decoration: none
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

blockquote {
    border: 4px solid #60B5B5;
    padding: 1.5em 10px;
    position: relative
}

blockquote:before,
blockquote:after {
    content: '';
    position: absolute;
    width: 33px;
    height: 25px;
    background: url(../img/icon_blockquote.png) no-repeat 0 0
}

blockquote:before {
    top: 7px;
    left: 8px
}

blockquote:after {
    right: 8px;
    bottom: 7px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

sup {
    font-size: 80%;
    line-height: 1.1;
    vertical-align: 3px
}

sub {
    font-size: 80%;
    line-height: 1.1;
    vertical-align: bottom
}

img {
    vertical-align: bottom
}

a img {
    border: none
}

hr {
    display: none
}

hr.border {
    display: block;
    color: #ccc;
    border: 1px solid #ccc
}

iframe {
    width: 100%
}

button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

button,
input {
    *overflow: visible
}

input[type="text"],
textarea {
    border: 1px solid #ccc
}

input[type="text"]:hover,
textarea:hover {
    border: 1px solid #f90
}

input[type="text"]:focus,
textarea:focus {
    border: 1px solid #f90
}

textarea {
    overflow: auto;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'Lucida Sans Unicode', 'Lucida Grande', 'Verdana', 'ＭＳ Ｐゴシック', sans-serif
}

html {
    overflow: auto
}

body {
    overflow: hidden
}

div#wrapper {
    width: 1080px;
    margin: 0 auto;
    font-size: 13px;
    text-align: center
}

div#header,
div#body,
div#footer {
    margin: 0 auto;
    text-align: left
}

div#header,
div#footer {
    margin: 0 -500%;
    padding: 0 500%
}

div#header {
    position: relative;
    height: 110px!important;
    z-index: 3000;
    background: #fff
}

div#body {
    position: relative
}

div#footer {
    padding-top: 40px;
    padding-bottom: 25px;
    position: relative;
    width: auto;
    clear: both;
    background: #E7E7E7;
    font-size: 14px
}

#blockskip {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

#blockskip a {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    background: #000;
    height: 1px;
    margin: -1px 0 0;
    color: #fff;
    overflow: hidden;
    line-height: 0
}

#blockskip a.show {
    height: 2em;
    line-height: 2
}

div.ie-alert {
    margin: 0 auto 10px;
    padding: 10px;
    border: 1px solid #fbeed5;
    background: #fcf8e3;
    color: #c09853;
    font-size: 90%;
    text-align: center
}

div#header h1,
div#header p.title {
    position: absolute;
    margin: 45px 0 0 0;
    padding: 0;
    background: none;
    border: none;
    z-index: 10
}

div#header h1 a,
div#header p.title a {
    display: block;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 1
}

div#header h1 a:hover,
div#header p.title a:hover {
    opacity: 0.8
}

div#header ul {
    list-style: none;
    padding: 0;
    margin: 0
}

div#header ul.nav {
    position: absolute;
    margin: 45px 0 0 247px
}

div#header ul.nav li {
    position: relative;
    float: left;
    text-align: center
}

div#header ul.nav li a {
    margin-right: 42px;
    width: 70px;
    display: block
}

div#header ul.nav li.nav5 a {
    width: 132px
}

div#header ul.nav li.nav7 a {
    width: 97px;
    margin-right: 0
}

div.section {
    padding: 0 0 50px;
    line-height: 1.4;
    clear: both;
    font-size: 15px;
    background: #fff
}

div.section div.section {
    padding: 0
}

div.section .contact {
    margin-top: 50px;
    font-size: 20px;
    color: #F25959;
    text-align: center
}

div.section .contact .btn a {
    padding: 13px 30px 13px 90px;
    font-size: 22px;
    background-color: #F25959;
    border: 1px solid #F25959;
    color: #fff;
    display: block;
    font-weight: normal;
    font-size: 22px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 1;
    text-decoration: none;
    background-image: url(../img/icon_contact.png);
    background-repeat: no-repeat;
    background-position: 30px 50%
}

div.section .contact .btn a:hover {
    opacity: 0.8
}

body.newsColor div.section h1 {
    background: #F7CF46
}

body.company div.section h1 {
    background: #9B7CF5
}

body.service div.section h1 {
    background: #0D6CAC
}

body.works div.section h1 {
    background: #F09335
}

body.recruit div.section h1 {
    background: #60B5B5
}

body.contact div.section h1 {
    background: #F25959
}

body.news div.section h1 {
    background: #70B80E
}

body.service div.section .description {
    font-size: 17px;
    background-repeat: no-repeat;
    background-position: 100% 65px
}

body.service div.section .description.media {
    background-image: url(../img/service/bg_service_media.png);
    min-height: 201px
}

body.service div.section .description.creative {
    background-image: url(../img/service/bg_service_creative.png);
    min-height: 209px
}

body.service div.section .description.marketing {
    background-image: url(../img/service/bg_service_marketing.png);
    min-height: 228px
}

body.service div.section .description.promotion {
    background-image: url(../img/service/bg_service_promotion.png);
    min-height: 226px
}

body.service div.section .description.event {
    background-image: url(../img/service/bg_service_event.png);
    min-height: 223px
}

body.service div.section .description.web {
    background-image: url(../img/service/bg_service_web.png);
    min-height: 226px
}

body.service div.section ul li {
    padding-right: 18px;
    float: left;
    white-space: nowrap
}

div#footer p.pagetop {
    position: absolute;
    top: -29px;
    margin-left: 1112px
}

div#footer p.pagetop a {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 1
}

div#footer p.pagetop a:hover {
    opacity: 0.8
}

div#footer div.address_box {
    position: absolute
}

div#footer div.address_box address img {
    vertical-align: middle;
    margin-bottom: 8px
}

div#footer div.address_box address span {
    font-size: 24px
}

div#footer ul.nav {
    margin-top: 7px;
    border-right: 1px solid #888
}

div#footer ul.nav li {
    float: right;
    padding: 0 15px;
    border-left: 1px solid #888
}

div#footer ul.nav li a {
    color: #333;
    text-decoration: none
}

div#footer ul.nav li a:hover {
    color: #333;
    text-decoration: underline
}

div#footer p.copyright {
    padding-top: 25px;
    text-align: right
}

div#header,
div#body,
div#footer,
ul,
div.section,
div.aside,
div.section dl,
div#navigation dl dd,
div#contents_navigation dl dd,
.clearfix {
    *zoom: 1
}

div#header:before,
div#header:after,
div#body:before,
div#body:after,
div#footer:before,
div#footer:after,
ul:before,
ul:after,
div.section:before,
div.section:after,
div.aside:before,
div.aside:after,
div.section dl:before,
div.section dl:after,
div#navigation dl dd:before,
div#navigation dl dd:after,
div#contents_navigation dl dd:before,
div#contents_navigation dl dd:after,
.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}

div#header:after,
div#body:after,
div#footer:after,
ul:after,
div.section:after,
div.aside:after,
div.section dl:after,
div#navigation dl dd:after,
div#contents_navigation dl dd:after,
.clearfix:after {
    clear: both
}

article,
section,
div.section {}

article p,
article blockquote,
article table,
article dl,
article ul,
article ol,
article pre,
section p,
section blockquote,
section table,
section dl,
section ul,
section ol,
section pre,
div.section p,
div.section blockquote,
div.section table,
div.section dl,
div.section ul,
div.section ol,
div.section pre {
    margin: 1em 0
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6,
section h1,
section h2,
section h3,
section h4,
section h5,
section h6,
div.section h1,
div.section h2,
div.section h3,
div.section h4,
div.section h5,
div.section h6 {
    clear: both
}

article h1,
section h1,
div.section h1 {
    margin: 0 -500% 12px;
    padding: 25px 500%;
    background: #999;
    border-top: 1px solid #E7E7E7
}

article h2,
section h2,
div.section h2 {
    margin: 1.3em -5px 1em;
    padding: 0 5px 10px;
    border-bottom: 3px solid #ccc;
    position: relative;
    font-size: 24px;
    font-weight: bold
}

article h3,
section h3,
div.section h3 {
    margin: 2.5em 0 1em;
    padding: 8px 15px;
    font-size: 20px;
    font-weight: bold;
    background: url(../img/bg_h3.png) repeat 0 0
}

article h4,
section h4,
div.section h4 {
    margin: 2.5em 0 1em;
    padding: 2px 0 2px 12px;
    font-size: 17px;
    font-weight: bold;
    border-left: 8px solid #777
}

article dl dt,
section dl dt,
div.section dl dt {
    float: left;
    clear: left;
    width: 11em;
    margin: 0 0.5em 1px 0;
    padding: 0.5em 0;
    font-weight: normal
}
div.section dl dt {
    margin: 0.8em 0.5em 1px 0;
}
article dl dd,
section dl dd,
div.section dl dd {
    margin: 0;
    padding: 0.5em 0 0.5em 12em;
    border-bottom: 1px dashed #999
}
div.section dl dd {
    margin: 0.8em 0 0 0;
}

div.section dl dd:after {
    content: "";
    clear: both;
    display: block;
}

article dl dd ul,
section dl dd ul,
div.section dl dd ul {
    margin: 0
}

article dl dd dl,
section dl dd dl,
div.section dl dd dl {
    margin: 0
}

article dl dd dl dt,
section dl dd dl dt,
div.section dl dd dl dt {
    margin: 0 0.5em 0 0;
    font-weight: normal
}

article dl dd dl dd,
section dl dd dl dd,
div.section dl dd dl dd {
    border: none
}

article dl.titleshort dt,
section dl.titleshort dt,
div.section dl.titleshort dt {
    width: 5em
}

article dl.titleshort dd,
section dl.titleshort dd,
div.section dl.titleshort dd {
    padding: 0.5em 0 0.5em 6em
}

article dl.titlelong dt,
section dl.titlelong dt,
div.section dl.titlelong dt {
    width: 15em
}

article dl.titlelong dd,
section dl.titlelong dd,
div.section dl.titlelong dd {
    padding: 0.5em 0 0.5em 16em
}

article ul,
section ul,
div.section ul {
    padding: 0 10px
}

article ul li,
section ul li,
div.section ul li {
    margin: 0 0 5px;
    padding: 2px 0 2px 20px;
    background: url(../img/icon_arrow.png) no-repeat 0 0.3em
}

article ul li ol li,
section ul li ol li,
div.section ul li ol li {
    background: none;
    list-style: decimal;
    padding: 2px 0
}

article ol,
section ol,
div.section ol {
    list-style: decimal;
    padding: 0 10px 0 30px
}

article ol li,
section ol li,
div.section ol li {
    padding: 2px 0
}

article ol li ul li,
section ol li ul li,
div.section ol li ul li {
    padding: 2px 0 2px 20px
}

article ul.gallery,
section ul.gallery,
div.section ul.gallery {
    clear: both;
    margin-right: -10px;
    padding: 0
}

article ul.gallery li,
section ul.gallery li,
div.section ul.gallery li {
    float: left;
    margin: 0;
    padding: 0 10px 10px 0;
    background: none
}

article ul.gallery li:before,
section ul.gallery li:before,
div.section ul.gallery li:before {
    display: none
}

article ul.social_button li,
section ul.social_button li,
div.section ul.social_button li {
    display: inline;
    margin: 0;
    padding: 0 10px 0 0;
    background: none
}

article ul.social_button li:before,
section ul.social_button li:before,
div.section ul.social_button li:before {
    display: none
}

table {
    width: 100%;
    border: none;
    border-collapse: collapse;
    border-spacing: 1
}

table caption {
    text-align: center;
    margin: 0
}

table caption.left {
    text-align: left
}

table caption.right {
    text-align: right
}

table tr th,
table tr td {
    padding: 0.9em 7px;
    border: 1px solid #CCC;
    text-align: left;
    background: #fff
}

table tr th {
    background: #EEE;
    font-weight: normal
}

table thead tr th,
table tr.col th {
    border: 1px solid #CCC;
    background: #999;
    color: #fff;
    text-align: center;
    font-weight: bold
}

p.detail,
p.author,
p.date,
p.copy {
    text-align: right
}

p.pict {
    margin: 1em 0
}

p.pict2 {
    float: left;
    margin: 1em 0;
    padding: 0 10px 0 0
}

p.pict3 {
    float: right;
    margin: 1em 0;
    padding: 0 0 0 10px
}

p.pict4 {
    float: left;
    margin: 0 0 1em 0!important;
    padding: 0 10px 0 0
}

p.pict5 {
    float: right;
    margin: 0 0 1em 0!important;
    padding: 0 0 0 10px
}

p.pict6 {
    padding-bottom: 2em;
    text-align: center
}

img.alignleft {
    float: left
}

img.aligncenter,
dl.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

img.alignright {
    float: right
}

dl.pict {
    width: auto;
    background: none;
    margin: 1em 0!important
}

dl.pict dt {
    float: none!important;
    width: auto
}

dl.pict dd {
    padding: 0!important;
    font-size: 90%
}

dl.pict2 {
    float: left;
    margin: 1em 0 1em -10px!important
}

dl.pict2 dt {
    float: none!important;
    margin: 0!important
}

dl.pict2 dd {
    float: none!important;
    margin: 0!important
}

dl.pict3 {
    float: right;
    margin: 1em 0!important
}

dl.pict3 dt {
    float: none!important;
    margin: 0!important
}

dl.pict3 dd {
    float: none!important;
    margin: 0!important
}

div.section form table th,
div.section form table td {
    text-align: left;
    padding: 10px;
    border: 1px solid #ccc
}

div.section form table th {
    background: #f6f6f6;
    white-space: nowrap
}

div.section form dl dt {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 17em;
    text-indent: 4em;
    font-size: 16px
}

div.section form dl dt span.attention {
    text-indent: 0
}

div.section form dl dd {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 21em;
    border-bottom: 1px solid #ccc
}

form table th span.attention,
form dl dt span.attention {
    position: relative;
    top: -1px;
    margin-left: 7px;
    padding: 0 7px;
    color: #fff;
    background: #F25959;
    font-weight: normal;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 6px;
    display: inline-block;
    *display: inline;
    *zoom: 1
}

form table td span.attention,
form dl dd span.attention {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 5px 0;
    color: #C00;
    background: #FFF0EC;
    font-size: 11px
}

form table td p.attention,
form dl dd p.attention {
    margin: 0;
    color: #C00;
    background: #FFF0EC;
    font-size: 11px
}

form table td p.example,
form dl dd p.example,
form table td span.example,
form dl dd span.example {
    display: block;
    margin: 3px 0 0;
    color: #666;
    font-size: 11px
}

form p.submit {
    text-align: center
}

form input[type="submit"],
form input[type="button"],
form p.submit input,
form input.submit {
    margin: 0 auto;
    background-color: #F25959;
    border: 1px solid #F25959;
    color: #fff;
    display: block;
    font-weight: normal;
    font-size: 22px;
    padding: 15px 35px;
    cursor: pointer
}

form input[type="submit"]:hover,
form input[type="button"]:hover,
form p.submit input.hover,
form input.submit.hover {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 1
}

form input[type="submit"]:hover:hover,
form input[type="button"]:hover:hover,
form p.submit input.hover:hover,
form input.submit.hover:hover {
    opacity: 0.8
}

form img.captcha,
form dl img.captcha {
    display: block;
    margin: 0 0 5px
}

input.shorttext {
    width: 100px
}

input.longtext {
    width: 400px
}

input#familyname,
input#firstname,
input#zip,
input#zip2 {
    width: 100px
}

input#zip_a {
    width: 60px
}

input#zip_b {
    width: 80px
}

input#address,
textarea {
    width: 400px
}

input#people {
    width: 80px
}

input#item1_num,
input#item2_num,
input#item3_num,
input#item4_num {
    width: 30px
}

input.alphanumeric,
textarea.alphanumeric {
    ime-mode: disabled
}

label.radio,
label.checkbox {
    margin: 0 5px 0 0
}

select {
    margin: 0 0 5px;
    padding: 3px
}

div.form_error {
    margin: 1em 0;
    padding: 0 10px;
    border: 2px solid #c00;
    background: #FFF4F4;
    color: #f00;
    font-weight: bold;
    border-radius: 5px
}

.alert {
    margin: 10px 0;
    padding: 0.5em 15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbf5d5
}

.alert,
.alert h4 {
    color: #c09853
}

.alert h4 {
    margin: 0
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #468847
}

.alert-success h4 {
    color: #468847
}

.alert-danger,
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d3;
    color: #b94a48
}

.alert-danger h4,
.alert-error h4 {
    color: #b94a48
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #3a87ad
}

.alert-info h4 {
    color: #3a87ad
}

div.section form table tr td div.form_inner {
    float: left;
    padding: 0 15px 0 0
}

div.section form div.agreement {
    margin: 30px 0;
    padding: 15px 15px;
    border: 1px solid #ccc;
    background: #f6f6f6
}

div.section form div.agreement div.article {
    overflow-y: scroll;
    height: 200px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px 10px
}

form div.agreement span.attention {
    color: #f30;
    font-weight: normal;
    font-size: 80%
}

.pdf {
    padding: 0 0 0 20px;
    background: url(../img/icon_pdf.gif) no-repeat 0 0
}

.doc {
    padding: 0 0 0 20px;
    background: url(../img/icon_word.gif) no-repeat 0 0
}

.xls {
    padding: 0 0 0 20px;
    background: url(../img/icon_excel.gif) no-repeat 0 0
}

.img {
    padding: 0 0 0 20px;
    background: url(../img/icon_image.gif) no-repeat 0 0
}

.sound {
    padding: 0 0 0 20px;
    background: url(../img/icon_sound.gif) no-repeat 0 0
}

ul.file {
    padding: 3px 5px 0 5px;
    border: 1px solid #ccc
}

article div.attention,
section div.attention,
div.section div.attention {
    margin: 1em 5px;
    padding: 0 5px;
    background: #f5f5f5;
    border: 1px solid #ccc
}

article div.important,
section div.important,
div.section div.important {
    background: #fff;
    padding: 0 15px!important;
    border: 4px solid #F25959
}

article p.note,
section p.note,
div.section p.note {
    font-size: 10px
}

div#contents div.section ul.navigation.pager {
    padding: 0;
    text-align: center;
    line-height: 1!important
}

div#contents div.section ul.navigation.pager li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: none;
    padding: 0;
    margin: 0 5px;
    white-space: normal;
    background: none;
    white-space: nowrap;
    border: 2px solid #999
}

div#contents div.section ul.navigation.pager li:before {
    display: none
}

div#contents div.section ul.navigation.pager li.pager,
div#contents div.section ul.navigation.pager li a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #300;
    padding: 0.5em;
    margin: 0;
    *zoom: 1;
    text-decoration: none;
    font-weight: normal
}

div#contents div.section ul.navigation.pager li a:hover {
    color: #fff;
    background: #999;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 1
}

div#contents div.section ul.navigation.pager li a:hover:hover {
    opacity: 0.8
}

div#contents div.section ul.navigation.pager li.pager {
    margin: 0 5px;
    border: none
}

div#contents div.section ul.navigation.pager li.first,
div#contents div.section ul.navigation.pager li.prev,
div#contents div.section ul.navigation.pager li.next,
div#contents div.section ul.navigation.pager li.last {
    padding: 0
}

div#contents div.section ul.navigation.pager li.first a,
div#contents div.section ul.navigation.pager li.prev a,
div#contents div.section ul.navigation.pager li.next a,
div#contents div.section ul.navigation.pager li.last a {
    position: relative;
    background: #999;
    padding: 0.5em;
    color: #fff;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 1
}

div#contents div.section ul.navigation.pager li.first a:hover,
div#contents div.section ul.navigation.pager li.prev a:hover,
div#contents div.section ul.navigation.pager li.next a:hover,
div#contents div.section ul.navigation.pager li.last a:hover {
    opacity: 0.8
}

div#contents div.section ul.navigation.pager li.first a:before,
div#contents div.section ul.navigation.pager li.first a:after,
div#contents div.section ul.navigation.pager li.prev a:before,
div#contents div.section ul.navigation.pager li.prev a:after,
div#contents div.section ul.navigation.pager li.next a:before,
div#contents div.section ul.navigation.pager li.next a:after,
div#contents div.section ul.navigation.pager li.last a:before,
div#contents div.section ul.navigation.pager li.last a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid
}

div#contents div.section ul.navigation.pager li.first a,
div#contents div.section ul.navigation.pager li.prev a {
    padding-left: 15px
}

div#contents div.section ul.navigation.pager li.first a:before,
div#contents div.section ul.navigation.pager li.first a:after,
div#contents div.section ul.navigation.pager li.prev a:before,
div#contents div.section ul.navigation.pager li.prev a:after {
    left: 5px;
    top: 50%
}

div#contents div.section ul.navigation.pager li.first a:before,
div#contents div.section ul.navigation.pager li.prev a:before {
    margin-top: -5px;
    border-width: 5.5px 8px 5.5px 0;
    border-color: transparent #fff transparent transparent
}

div#contents div.section ul.navigation.pager li.first a:after,
div#contents div.section ul.navigation.pager li.prev a:after {
    left: 7px;
    margin-top: -4px;
    border-width: 4.5px 6px 4.5px 0;
    border-color: transparent #999 transparent transparent
}

div#contents div.section ul.navigation.pager li.next a,
div#contents div.section ul.navigation.pager li.last a {
    padding-right: 15px
}

div#contents div.section ul.navigation.pager li.next a:before,
div#contents div.section ul.navigation.pager li.next a:after,
div#contents div.section ul.navigation.pager li.last a:before,
div#contents div.section ul.navigation.pager li.last a:after {
    right: 5px;
    top: 50%
}

div#contents div.section ul.navigation.pager li.next a:before,
div#contents div.section ul.navigation.pager li.last a:before {
    margin-top: -5px;
    border-width: 5.5px 0 5.5px 8px;
    border-color: transparent transparent transparent #fff
}

div#contents div.section ul.navigation.pager li.next a:after,
div#contents div.section ul.navigation.pager li.last a:after {
    right: 7px;
    margin-top: -4px;
    border-width: 4.5px 0 4.5px 6px;
    border-color: transparent transparent transparent #999
}

div#contents div.section ul.navigation.pager li.selected {
    padding: 0.5em;
    margin: 0 5px;
    font-weight: bold;
    color: #fff;
    background: #666;
    border-color: #666
}

div#contents div.section ul.navigation.pager.short li.prev {
    float: left
}

div#contents div.section ul.navigation.pager.short li.next {
    float: right
}

div#contents div.section p.page {
    text-align: center;
    font-size: 84%
}

table caption span.thismonth {
    font-size: 200%;
    font-weight: bold;
    padding: 0 20px
}

table .holiday {
    background: #FFF0F0;
    color: #C00
}

table .saturday {
    background: #EEF9FF;
    color: #03C
}

table.calendar td {
    text-align: center
}

span.important {
    color: #C00;
    font-weight: bold
}

span.large {
    font-size: 120%
}

span.small {
    font-size: 84%
}