@charset "Shift_JIS";
/* CSS Document */
/*
 ┏───────────────────────────────┓
 │ Version          : 2.1               　　                    │
 │ Creation Date    : 2011.01.01             　　               │
 │ Last Update Date : 2024.01.01             　　               │
 ┣───────────────────────────────┫
 │ Copyright (C) since 2006 MONO-CUBICLE, All Rights Reserved.  │
 ┗───────────────────────────────┛
*/

/* Initialization
==================================================================================================== */
/* Decor
---------------------------------------------------------------------------------------------------- */
*,*::before,*::after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
* {-webkit-backface-visibility: hidden;}

html {overflow-y: scroll;}

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ul,ol,li,dl,dt,dd,th,td,form,fieldset,legend,input,textarea,button,select,iframe {margin: 0; padding: 0;}
hr,fieldset,abbr,acronym,img,iframe {border: 0;}
li {list-style: none;}
a {text-decoration: none;}

input[type="text"],textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="text"],textarea {background: none; border: none; outline: none;}

/* Color
---------------------------------------------------------------------------------------------------- */
body {color: #333; background: #fff;}

a       {color: #666;}
a:hover {color: #999;}
a *       {color: #666;}
a:hover * {color: #999;}

::-webkit-input-placeholder {color: #333;}
::-moz-placeholder {color: #333;}
:-ms-input-placeholder {color: #333;}

*.fontCaution   {color: #c00;}
*.fontCaution * {color: #c00;}

/* Font
---------------------------------------------------------------------------------------------------- */
@font-face {font-family: "Palt-punctuation-Gothic-Regular"; src: url("webfonts/Palt-punctuation-Gothic-Regular.otf") format("opentype"); unicode-range: U+3001, U+3002, U+300C, U+300D, U+300E, U+300F, U+FF08, U+FF09;}
body {font-family: YuGothic, "Palt-punctuation-Gothic-Regular", "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-kerning: normal;}
pre,code,var,kbd,samp,tt {font-feature-settings: normal;}

body {font-size: 16px; line-height: 175%;}
h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4,h5,h6,pre,code,kbd,samp,tt,big,small {font-size: 16px;}
sup,sub,rt,rp {font-size: 12px;}
sup,sub {*font-size: 12px;}
*.fontS   {font-size: 12px;}
*.fontS * {font-size: 12px;}
*.fontL   {font-size: 20px;}
*.fontL * {font-size: 20px;}

address,caption,th,cite,dfn,abbr,acronym,var,kbd {font-style: normal; font-weight: normal;}
h1,h2,h3,h4,h5,h6,em,strong,i,b {font-style: normal; font-weight: bold;}

table {font-size: inherit;}

/* Holly-Hack Start \*/
* {letter-spacing: 0.1rem; text-align: justify; text-justify: inter-ideograph; *text-justify: distribute; font-feature-settings: "palt" 1;}
pre,code,var,kbd,samp,tt,input,textarea,button,select {letter-spacing: 0; text-align: inherit;}
/* Holly-Hack End */

br {letter-spacing: 0;}


/* Tags（Block Level）
==================================================================================================== */
/* Document Body
---------------------------------------------------------------------------------------------------- */
body {padding: 40px 0 20px 0;}

/* Heading
---------------------------------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {margin: 0 40px 20px 40px;}

/* Paragraph
---------------------------------------------------------------------------------------------------- */
p {margin: 0 40px 20px 40px;}

/* Block-like Quote
---------------------------------------------------------------------------------------------------- */
blockquote {margin: 0 40px 20px 40px; padding-top: 20px;}
blockquote {border: 1px dashed #999;}

/* Address
---------------------------------------------------------------------------------------------------- */
address {margin: 0 40px 20px 40px;}

/* Preformatted Text
---------------------------------------------------------------------------------------------------- */
pre {margin: 0 40px 20px 40px;}

/* Horizon
---------------------------------------------------------------------------------------------------- */
hr {*line-height: 1%; color: #fff;}
hr {border-top: 1px solid #333;}

/* Unordered List
---------------------------------------------------------------------------------------------------- */
ul    {margin: 0 40px 20px 40px; padding-left: 1rem;}
ul li {list-style: disc;}

/* Ordered List
---------------------------------------------------------------------------------------------------- */
ol    {margin: 0 40px 20px 40px; padding-left: 1.5rem;}
ol li {list-style: decimal;}

/* Definition List
---------------------------------------------------------------------------------------------------- */
dl    {margin: 0 40px 20px 40px;}
dl dd {padding-left: 1.1em;}

/* Table
---------------------------------------------------------------------------------------------------- */
table    {border-collapse: collapse; border-spacing: 0; empty-cells: show;}
table    {margin: 0 40px 20px 40px;}
table th {padding: 20px 40px;}
table td {padding: 20px 40px;}
table th {text-align: center; vertical-align: middle;}
table td {text-align: left; vertical-align: middle;}
table th {border: 1px solid #333; background: #eee;}
table td {border: 1px solid #333;}

caption {padding-left: 40px; *padding-left: 0;}
caption {text-align: left;}

/* Fieldset
---------------------------------------------------------------------------------------------------- */
fieldset {margin: 0 40px 20px 40px; padding-top: 20px;}
fieldset {border: 1px solid #ccc;}


/* Tags（Inline Level）
==================================================================================================== */
/* Inlined Quote
---------------------------------------------------------------------------------------------------- */
q:before,q:after {content: "";}

/* Emphasis
---------------------------------------------------------------------------------------------------- */
em {font-weight: bold;}

/* Strong Emphasis
---------------------------------------------------------------------------------------------------- */
strong {font-weight: bold;}

/* Abbreviation
---------------------------------------------------------------------------------------------------- */
abbr {font-variant: normal;}
abbr {border-bottom: 1px dashed #999;}

/* Acronym
---------------------------------------------------------------------------------------------------- */
acronym {font-variant: normal;}
acronym {border-bottom: 1px dashed #999;}

/* Superscript
---------------------------------------------------------------------------------------------------- */
sup {line-height: 1; vertical-align: text-top;}

/* Subscript
---------------------------------------------------------------------------------------------------- */
sub {line-height: 1; vertical-align: text-bottom;}

/* Inserted Text
---------------------------------------------------------------------------------------------------- */
ins {text-decoration: none;}

/* Deleted Text
---------------------------------------------------------------------------------------------------- */
del {text-decoration: line-through;}

/* Fieldset Label
---------------------------------------------------------------------------------------------------- */
legend {margin-left: 5px; *margin-left: 0; padding: 0 5px;}

/* Form Control
---------------------------------------------------------------------------------------------------- */
input {margin-bottom: 5px; padding: 2px 10px;}
input[type="text"] {border: 1px solid #666;}

/* Multi-Line Text Field
---------------------------------------------------------------------------------------------------- */
textarea {margin-bottom: 5px; padding: 2px 10px; resize: vertical;}
textarea {border: 1px solid #666;}

/* Option Selector
---------------------------------------------------------------------------------------------------- */
select {margin-bottom: 5px; padding: 2px 10px;}
select {border: 1px solid #666;}

/* Label
---------------------------------------------------------------------------------------------------- */
label   {cursor: pointer;}
label * {cursor: pointer;}

/* Inline Subwindow
---------------------------------------------------------------------------------------------------- */
iframe {overflow: auto;}