@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 リセット 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

*,*:before,*:after { box-sizing: border-box; }
h1,h2,h3,h4,h5,h6 { font-weight: inherit; margin-top: 0; margin-bottom: 0; }
ol,ul { list-style: none; padding-left: 0; margin-top: 0; margin-bottom: 0; }
dl { margin-top: 0; margin-bottom: 0; }
dd { margin-left: 0; }
p { margin-top: 0; margin-bottom: 0; }
img { vertical-align: top; }
a:link { outline: 0; }
table { border-collapse: collapse; }
table tr th { text-align: left; vertical-align: top; padding: 0; }
table tr td { vertical-align: top; padding: 0; }






/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 基礎スタイル 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

html { overflow: hidden; overflow-y: scroll; scroll-behavior: smooth; font-family: "Verdana"; font-size: 14px; line-height: 18px; font-weight: 500; }

html,
select,
::placeholder { color: #444444; }

a:link    { color: #0066cc; text-decoration: underline; }
a:visited { color: #0066cc; text-decoration: underline; }
a:hover   { color: #999999; text-decoration: none; }





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 汎用フォント関連 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.fwN { font-weight: 500; }
.fwB { font-weight: 700; }
.fcR { color: #cc0000; }
.tdL { text-decoration: line-through; }
.tdU { text-decoration: underline; }
.wsN { white-space: nowrap; }
.taL { text-align: left; }
.taR { text-align: right; }
.taC { text-align: center; }



/* ――――――――――――――――――――――――――――――
［ commonPara：段落行間 ］
―――――――――――――――――――――――――――――― */

.commonPara10 p:not(:last-child) { margin-bottom: 10px; }
.commonPara20 p:not(:last-child) { margin-bottom: 20px; }





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 テンプレートレイアウト 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#container { width: 1000px; padding-right: 25px; padding-left: 25px; margin-right: auto; margin-left: auto; }
#mainArea { width: 930px; margin-left: 10px; }



/* ――――――――――――――――――――――――――――――
［ header ］
―――――――――――――――――――――――――――――― */

header { position: relative; }
header #headerLogo { position: absolute; top: 57px; left: 0; }
header #headerCitizen { position: absolute; top: 34px; right: 0; }
header nav { position: absolute; top: 82px; right: 0; font-size: 0; line-height: 0; }
header nav a { position: relative; display: inline-block; }
header nav a:not(:last-child) { margin-right: 8px; }
header nav a::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 21px; content: ""; opacity: 0; transition: 0.2s ease; }
header nav a:nth-child(1)::before { background-image: url(/cms/cwc/global/coy/common/images/header_navi1_r.gif); }
header nav a:nth-child(2)::before { background-image: url(/cms/cwc/global/coy/common/images/header_navi2_r.gif); }
header nav a:nth-child(3)::before { background-image: url(/cms/cwc/global/coy/common/images/header_navi3_r.gif); }
header nav a:nth-child(4)::before { background-image: url(/cms/cwc/global/coy/common/images/header_navi4_r.gif); }
header nav a:nth-child(5)::before { background-image: url(/cms/cwc/global/coy/common/images/header_navi5_r.gif); }
header nav a:hover::before { opacity: 1; }

#categoryHome header { height: 120px; }
body:not(#categoryHome) header { height: 200px; background: url(../images/header_image_bg.jpg) no-repeat left top; }



/* ――――――――――――――――――――――――――――――
［ pageTop ］
―――――――――――――――――――――――――――――― */

#pageTop { position: relative; margin: 45px 0 25px; padding-bottom: 25px; margin-top: 45px; }
#pageTop a { position: absolute; top: 0; right: 20px; }
#pageTop a::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 20px; background-image: url(/cms/cwc/global/coy/common/images/page_top_r.gif); content: ""; opacity: 0; }
#pageTop a:hover::before { opacity: 1; }

.pageTop { width: 890px; text-align: right; }
.pageTop a { display: inline-block; background: url(/cms/cwc/global/coy/common/images/page_arrow.gif) no-repeat left 23px; font-size: 10px; line-height: 12px; padding: 20px 0 20px 20px; }



/* ――――――――――――――――――――――――――――――
［ footer ］
―――――――――――――――――――――――――――――― */

footer { position: relative; height: 120px; background: url(../images/footer_bg.gif) no-repeat left top; }
footer #footerNav { position: absolute; top: 0; right: 20px; font-size: 12px; }
footer #footerNav a { display: block; background: url(/cms/cwc/global/coy/common/images/footer_arrow.gif) no-repeat left 7px; color: #444444; text-decoration: none; padding-left: 10px; }
footer #footerNav a:hover { color: #2345a6; text-decoration: underline; }
footer #footerCopy { position: absolute; top: 45px; left: 15px; font-family: "Verdana"; font-size: 10px; }





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 コンテンツ間隔 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.mt00 { margin-top: 0; }.mt01 { margin-top: 1px; }.mt02 { margin-top: 2px; }.mt03 { margin-top: 3px; }.mt04 { margin-top: 4px; }.mt05 { margin-top: 5px; }.mt06 { margin-top: 6px; }.mt07 { margin-top: 7px; }.mt08 { margin-top: 8px; }.mt09 { margin-top: 9px; }.mt10 { margin-top: 10px; }.mt11 { margin-top: 11px; }.mt12 { margin-top: 12px; }.mt13 { margin-top: 13px; }.mt14 { margin-top: 14px; }.mt15 { margin-top: 15px; }.mt20 { margin-top: 20px; }.mt25 { margin-top: 25px; }.mt30 { margin-top: 30px; }.mt35 { margin-top: 35px; }.mt40 { margin-top: 40px; }.mt45 { margin-top: 45px; }.mt50 { margin-top: 50px; }.mt55 { margin-top: 55px; }.mt60 { margin-top: 60px; }
.mb00 { margin-bottom: 0; }.mb01 { margin-bottom: 1px; }.mb02 { margin-bottom: 2px; }.mb03 { margin-bottom: 3px; }.mb04 { margin-bottom: 4px; }.mb05 { margin-bottom: 5px; }.mb06 { margin-bottom: 6px; }.mb07 { margin-bottom: 7px; }.mb08 { margin-bottom: 8px; }.mb09 { margin-bottom: 9px; }.mb10 { margin-bottom: 10px; }.mb11 { margin-bottom: 11px; }.mb12 { margin-bottom: 12px; }.mb13 { margin-bottom: 13px; }.mb14 { margin-bottom: 14px; }.mb15 { margin-bottom: 15px; }.mb20 { margin-bottom: 20px; }.mb25 { margin-bottom: 25px; }.mb30 { margin-bottom: 30px; }.mb35 { margin-bottom: 35px; }.mb40 { margin-bottom: 40px; }.mb45 { margin-bottom: 45px; }.mb50 { margin-bottom: 50px; }.mb55 { margin-bottom: 55px; }.mb60 { margin-bottom: 60px; }
.ml01 { margin-left: 1px; }.ml02 { margin-left: 2px; }.ml03 { margin-left: 3px; }.ml04 { margin-left: 4px; }.ml05 { margin-left: 5px; }.ml06 { margin-left: 6px; }.ml07 { margin-left: 7px; }.ml08 { margin-left: 8px; }.ml09 { margin-left: 9px; }.ml10 { margin-left: 10px; }.ml11 { margin-left: 11px; }.ml12 { margin-left: 12px; }.ml13 { margin-left: 13px; }.ml14 { margin-left: 14px; }.ml15 { margin-left: 15px; }.ml20 { margin-left: 20px; }.ml25 { margin-left: 25px; }.ml30 { margin-left: 30px; }.ml35 { margin-left: 35px; }.ml40 { margin-left: 40px; }.ml45 { margin-left: 45px; }.ml50 { margin-left: 50px; }.ml55 { margin-left: 55px; }.ml60 { margin-left: 60px; }
.mr01 { margin-right: 1px; }.mr02 { margin-right: 2px; }.mr03 { margin-right: 3px; }.mr04 { margin-right: 4px; }.mr05 { margin-right: 5px; }.mr06 { margin-right: 6px; }.mr07 { margin-right: 7px; }.mr08 { margin-right: 8px; }.mr09 { margin-right: 9px; }.mr10 { margin-right: 10px; }.mr15 { margin-right: 15px; }.mr20 { margin-right: 20px; }.mr25 { margin-right: 25px; }.mr30 { margin-right: 30px; }.mr35 { margin-right: 35px; }.mr40 { margin-right: 40px; }.mr45 { margin-right: 45px; }.mr50 { margin-right: 50px; }.mr55 { margin-right: 55px; }.mr60 { margin-right: 60px; }
.pt00 { padding-top: 0; }.pt01 { padding-top: 1px; }.pt02 { padding-top: 2px; }.pt03 { padding-top: 3px; }.pt04 { padding-top: 4px; }.pt05 { padding-top: 5px; }.pt06 { padding-top: 6px; }.pt07 { padding-top: 7px; }.pt08 { padding-top: 8px; }.pt09 { padding-top: 9px; }.pt10 { padding-top: 10px; }.pt11 { padding-top: 11px; }.pt12 { padding-top: 12px; }.pt13 { padding-top: 13px; }.pt14 { padding-top: 14px; }.pt15 { padding-top: 15px; }.pt20 { padding-top: 20px; }.pt25 { padding-top: 25px; }.pt30 { padding-top: 30px; }.pt35 { padding-top: 35px; }.pt40 { padding-top: 40px; }.pt45 { padding-top: 45px; }.pt50 { padding-top: 50px; }.pt55 { padding-top: 55px; }.pt60 { padding-top: 60px; }
.pb00 { padding-bottom: 0; }.pb01 { padding-bottom: 1px; }.pb02 { padding-bottom: 2px; }.pb03 { padding-bottom: 3px; }.pb04 { padding-bottom: 4px; }.pb05 { padding-bottom: 5px; }.pb06 { padding-bottom: 6px; }.pb07 { padding-bottom: 7px; }.pb08 { padding-bottom: 8px; }.pb09 { padding-bottom: 9px; }.pb10 { padding-bottom: 10px; }.pb11 { padding-bottom: 11px; }.pb12 { padding-bottom: 12px; }.pb13 { padding-bottom: 13px; }.pb14 { padding-bottom: 14px; }.pb15 { padding-bottom: 15px; }.pb20 { padding-bottom: 20px; }.pb25 { padding-bottom: 25px; }.pb30 { padding-bottom: 30px; }.pb35 { padding-bottom: 35px; }.pb40 { padding-bottom: 40px; }.pb45 { padding-bottom: 45px; }.pb50 { padding-bottom: 50px; }.pb55 { padding-bottom: 55px; }.pb60 { padding-bottom: 60px; }
.pl01 { padding-left: 1px; }.pl02 { padding-left: 2px; }.pl03 { padding-left: 3px; }.pl04 { padding-left: 4px; }.pl05 { padding-left: 5px; }.pl06 { padding-left: 6px; }.pl07 { padding-left: 7px; }.pl08 { padding-left: 8px; }.pl09 { padding-left: 9px; }.pl10 { padding-left: 10px; }.pl11 { padding-left: 11px; }.pl12 { padding-left: 12px; }.pl13 { padding-left: 13px; }.pl14 { padding-left: 14px; }.pl15 { padding-left: 15px; }.pl20 { padding-left: 20px; }.pl25 { padding-left: 25px; }.pl30 { padding-left: 30px; }.pl35 { padding-left: 35px; }.pl40 { padding-left: 40px; }.pl45 { padding-left: 45px; }.pl50 { padding-left: 50px; }.pl55 { padding-left: 55px; }.pl60 { padding-left: 60px; }
.pr01 { padding-right: 1px; }.pr02 { padding-right: 2px; }.pr03 { padding-right: 3px; }.pr04 { padding-right: 4px; }.pr05 { padding-right: 5px; }.pr06 { padding-right: 6px; }.pr07 { padding-right: 7px; }.pr08 { padding-right: 8px; }.pr09 { padding-right: 9px; }.pr10 { padding-right: 10px; }.pr15 { padding-right: 15px; }.pr20 { padding-right: 20px; }.pr25 { padding-right: 25px; }.pr30 { padding-right: 30px; }.pr35 { padding-right: 35px; }.pr40 { padding-right: 40px; }.pr45 { padding-right: 45px; }.pr50 { padding-right: 50px; }.pr55 { padding-right: 55px; }.pr60 { padding-right: 60px; }
.cs01 { clear: both; height: 1px; }.cs10 { clear: both; height: 10px; }.cs20 { clear: both; height: 20px; }.cs30 { clear: both; height: 30px; }.cs40 { clear: both; height: 40px; }.cs50 { clear: both; height: 50px; }.cs60 { clear: both; height: 60px; }