@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 .pageTitle 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.pageTitle { padding-top: 40px; padding-bottom: 40px; }





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 Home 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.homeMenu { overflow: hidden; margin-bottom: 30px; }
.homeMenu .menuArchive { float: left; width: 450px; }
.homeMenu .menuNews { float: right; width: 450px; border: solid 1px #cccccc; border-radius: 3px; font-size: 12px; line-height: 18px; padding: 20px; }
.homeMenu .menuNews .newsTitle { font-family: "Arial"; font-size: 16px; line-height: 16px; color: #0c006c; margin-bottom: 12px; }
.homeMenu .menuNews .newsList li { background: url(/cms/cwc/global/coy/images/news_arrow.gif) no-repeat 5px 4px; font-weight: 500; padding: 0 9px 0 26px; }
.homeMenu .menuNews .newsList a { margin-left: 10px; }




/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 About 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.aboutLayout { overflow: hidden; width: 930px; }
.aboutLayout .layoutTxt { float: left; width: 510px; }
.aboutLayout .layoutImg { float: right; width: 400px; padding-top: 40px; }





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 Selection 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.selectionLayout { overflow: hidden; width: 930px; }
.selectionLayout .layoutTxt { float: left; width: 490px; }
.selectionLayout .layoutImg { float: right; width: 380px; padding-top: 40px; }





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 Committee 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.committeeTable { position: relative; width: 100%; padding-top: 5px; padding-bottom: 5px; }
.committeeTable::before,
.committeeTable::after { position: absolute; display: block; width: 100%; height: 4px; background-color: #bdbdbd; content: ""; }
.committeeTable::before { top: 0; }
.committeeTable::after { bottom: 0; }
.committeeTable table { width: 100%; }
.committeeTable table tr:not(:last-child) th { border-bottom: solid 1px #ffffff; }
.committeeTable table tr:not(:last-child) td { border-bottom: solid 1px #bdbdbd; }
.committeeTable table th { width: 100px; background-color: #e9e9e9; padding: 10px; }
.committeeTable table td div,
.committeeTable table td ul li { padding: 10px 10px 10px 20px; }
.committeeTable table td ul li:not(:last-child) { background: linear-gradient(to left, #bdbdbd 2px, transparent 2px) repeat-x center bottom; background-size: 4px 1px; }





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 Archive 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ――――――――――――――――――――――――――――――
［ archiveBg ］
―――――――――――――――――――――――――――――― */

.archiveBg { background: url(/cms/cwc/global/coy/archive/images/archive_bg.jpg) no-repeat left top; padding-bottom: 33px; }



/* ――――――――――――――――――――――――――――――
［ archiveMenu ］
―――――――――――――――――――――――――――――― */

#archiveMenu { width: 930px; min-height: 137px; background: url(/cms/cwc/global/coy/archive/images/archive_navi_bg.gif) no-repeat left top; }
#archiveMenu .menuTab { overflow: hidden; width: 896px; background-repeat: no-repeat; background-position: left bottom; padding-top: 25px; padding-bottom: 4px; margin: 0 auto; }
#archiveMenu .menuTab.tabType1 { background-image: url(/cms/cwc/global/coy/archive/images/archive_navi_tabbg1.gif); }
#archiveMenu .menuTab.tabType2 { background-image: url(/cms/cwc/global/coy/archive/images/archive_navi_tabbg2.gif); }
#archiveMenu .menuTab a { position: relative; float: left; }
#archiveMenu .menuTab a::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 39px; content: ""; opacity: 0; transition: 0.2s ease; }
#archiveMenu .menuTab a:nth-child(1)::before { background-image: url(/cms/cwc/global/coy/archive/images/archive_navi_tab1_r.gif); }
#archiveMenu .menuTab a:nth-child(2)::before { background-image: url(/cms/cwc/global/coy/archive/images/archive_navi_tab2_r.gif); }
#archiveMenu .menuTab a:hover::before { opacity: 1; }
#archiveMenu .menuYear { width: 890px; background-color: #f1f4ff; padding: 13px 70px; margin: 20px 20px 40px; }
#archiveMenu .menuYear a { display: inline-block; background-image: url(/cms/cwc/global/coy/archive/images/archive_navi_arrow1.gif); background-repeat: no-repeat; background-position: left 7px;  font-size: 12px; line-height: 18px; padding: 2px 0 2px 12px; margin-right: 12px; margin-left: 12px; }
#archiveMenu .menuYear a:link    { color: #265498; text-decoration: none; }
#archiveMenu .menuYear a:visited { color: #265498; text-decoration: none; }
#archiveMenu .menuYear a:hover   { color: #265498; text-decoration: none; background-image: url(/cms/cwc/global/coy/archive/images/archive_navi_arrow2.gif); }
#archiveMenu .menuCategory { overflow: hidden; width: 890px; background-color: #f3f3f3; padding: 20px 50px; margin-right: auto; margin-left: auto; }
#archiveMenu .menuCategory a { position: relative; float: left; }
#archiveMenu .menuCategory a:not(:last-child) { margin-right: 10px; }
#archiveMenu .menuCategory a::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 26px; content: ""; opacity: 0; transition: 0.2s ease; }
#archiveMenu .menuCategory a:nth-child(1)::before { background-image: url(/cms/cwc/global/coy/archive/images/archive_navi_btn1_r.gif); }
#archiveMenu .menuCategory a:nth-child(2)::before { background-image: url(/cms/cwc/global/coy/archive/images/archive_navi_btn2_r.gif); }
#archiveMenu .menuCategory a:nth-child(3)::before { background-image: url(/cms/cwc/global/coy/archive/images/archive_navi_btn3_r.gif); }
#archiveMenu .menuCategory a:nth-child(4)::before { background-image: url(/cms/cwc/global/coy/archive/images/archive_navi_btn4_r.gif); }
#archiveMenu .menuCategory a:nth-child(5)::before { background-image: url(/cms/cwc/global/coy/archive/images/archive_navi_btn5_r.gif); }
#archiveMenu .menuCategory a:hover::before { opacity: 1; }



/* ――――――――――――――――――――――――――――――
［ archiveLink ］
―――――――――――――――――――――――――――――― */

.archiveLink { margin-right: auto; margin-left: auto; }
.archiveLink .linkList { font-size: 0; line-height: 0; }
.archiveLink .linkList a { position: relative; display: inline-block; font-size: 12px; line-height: 16px; color: #444444; vertical-align: top; text-decoration: none; }
.archiveLink .linkList a .listImg { float: left; width: 66px; }
.archiveLink .linkList a .listTxt { float: left; }
.archiveLink .linkList a .listTxt .txtTitle { background-repeat: no-repeat; background-position: left 2px; color: #2345a6; text-decoration: underline; padding-left: 11px; margin: 8px 0 5px; }
.archiveLink .linkList a:hover .listTxt .txtTitle { text-decoration: none; }


/* linkYear1
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */

.archiveLink.linkYear1 { width: 890px; }
.archiveLink.linkYear1 .linkList { position: relative; width: 891px; background: url(/cms/cwc/global/coy/archive/images/archive_frame_02.gif) repeat-y left top; padding: 17px 0 20px 20px; }
.archiveLink.linkYear1 .linkList::after { position: absolute; bottom: 0; left: 0; display: block; width: 890px; height: 15px; background: url(/cms/cwc/global/coy/archive/images/archive_frame_04.gif) no-repeat left top; content: ""; }
.archiveLink.linkYear1 .linkList a .listTxt { width: 184px; }
.archiveLink.linkYear1 .linkList a:not(:last-child) { margin-right: 40px; }
.archiveLink.linkYear1 .linkList a .listTxt .txtIcon2 { display: none; }
.archiveLink.linkYear1 .linkList a .listTxt .txtTitle { background-image: url(/cms/cwc/global/coy/archive/images/list_area_arrow2.gif); }


/* linkYear2
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */

.archiveLink.linkYear2 { width: 890px; }
.archiveLink.linkYear2 .linkList { background: url(/cms/cwc/global/coy/archive/images/box3_column_bg.gif) repeat-y left top; }
.archiveLink.linkYear2 .linkList a .listTxt { width: 204px; padding-bottom: 16px; }
.archiveLink.linkYear2 .linkList a:not(:last-child) { margin-right: 40px; }
.archiveLink.linkYear2 .linkList a .listTxt .txtIcon2 { display: none; }
.archiveLink.linkYear2 .linkList a .listTxt .txtTitle { background-image: url(/cms/cwc/global/coy/archive/images/list_area_arrow.gif); }
.archiveLink.linkYear2 .linkList.listSp { background-image: none; }
.archiveLink.linkYear2 .linkList.listSp a .listTxt { width: 214px; }
.archiveLink.linkYear2 .linkList.listSp .spTxt { display: inline-block; width: 560px; font-size: 11px; line-height: 14px; padding-top: 40px; }
.archiveLink.linkYear2 .linkList.listSp .spTxt dt { font-weight: 700; margin-bottom: 5px; }




/* linkCategory
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ */

.archiveLink.linkCategory { position: relative; width: 821px; margin-top: 40px; }
.archiveLink.linkCategory::before { position: absolute; top: 0; right: 0; left: 0; display: block; width: 1px; height: 100%; background-color: #cccccc; content: ""; margin-right: auto; margin-left: auto; }
.archiveLink.linkCategory .categoryTitle { position: relative; width: 821px; background-color: #ffffff; padding-bottom: 40px; }
.archiveLink.linkCategory .linkList a { width: 390px; padding-bottom: 16px; }
.archiveLink.linkCategory .linkList a:nth-child(even) { margin-left: 41px; }
.archiveLink.linkCategory .linkList a:nth-child(n+3) { padding-top: 16px; }
.archiveLink.linkCategory .linkList a:nth-child(n+3)::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 1px; background: linear-gradient(to left, #999999 1px, transparent 2px) repeat-x center top; background-size: 3px 1px; content: ""; }
.archiveLink.linkCategory .linkList a .listTxt { width: 318px; }
.archiveLink.linkCategory .linkList a .listTxt .txtIcon1 { display: none; }
.archiveLink.linkCategory .linkList a .listTxt .txtTitle { background-image: url(/cms/cwc/global/coy/archive/images/list_area_arrow.gif); }
.archiveLink.linkCategory .linkList .newIcon { display: inline-block; height: 16px; vertical-align: top; padding-top: 1px; padding-left: 2px; }



/* ――――――――――――――――――――――――――――――
［ archiveMain ］
―――――――――――――――――――――――――――――― */

.archiveMain { position: relative; min-height: 196px; padding-top: 6px; }
.archiveMain .mainImg { position: absolute; top: 18px; left: 18px; }
.archiveMain .mainInner { background-color: #ffffff; }
.archiveMain .mainIcon img:not(:last-child) { margin-right: 5px; }
.archiveMain .mainLead { font-family: "Arial"; font-size: 15px; line-height: 16px; padding: 5px 0 10px 2px; }
.archiveMain .mainName { font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN", serif; font-size: 30px; line-height: 36px; font-weight: 700; }
.archiveMain .mainName.nameSmall,
.archiveMain .mainName .nameSmall { font-size: 20px; line-height: 22px; }
.archiveMain .mainData { font-size: 14px; line-height: 20px; color: #ffffff; }
	.categoryType1 .archiveMain { background-color: #4bae39; }
	.categoryType2 .archiveMain { background-color: #a471a5; }
	.categoryType3 .archiveMain { background-color: #5387cb; }
	.categoryType4 .archiveMain { background-color: #df8534; }
	.categoryType5 .archiveMain { background-color: #dc6e6f; }
	.categoryType1 .archiveMain .mainLead { color: #4bae39; }
	.categoryType2 .archiveMain .mainLead { color: #924982; }
	.categoryType3 .archiveMain .mainLead { color: #395a92; }
	.categoryType4 .archiveMain .mainLead { color: #d66602; }
	.categoryType5 .archiveMain .mainLead { color: #dc6e6f; }
	.archiveMain.main120 .mainInner { padding: 12px 20px 6px 160px; }
	.archiveMain.main160 .mainInner { padding: 12px 20px 6px 200px; }
	.archiveMain.main120 .mainData { padding: 25px 20px 25px 162px; }
	.archiveMain.main160 .mainData { padding: 25px 20px 25px 202px; }



/* ――――――――――――――――――――――――――――――
［ archiveArticle ］
―――――――――――――――――――――――――――――― */

.archiveArticle { overflow: hidden; border-bottom: solid 1px #d6d6d6; width: 930px; line-height: 24px; padding-top: 40px; padding-bottom: 40px; }
.archiveArticle .articleTitle { font-weight: 700; margin-bottom: 10px; }
.archiveArticle .articleTxt.txt680 { float: left; width: 680px; }
.archiveArticle .articleTxt.txt820 { width: 820px; }
.archiveArticle .articleTxt .txtInner { padding-left: 16px; }
.archiveArticle .articleTxt .txtComment { border: 7px solid #e0e0e0; padding: 15px 20px; margin-top: 25px; }
.archiveArticle .articleTxt .txtComment .commentTitle { color: #80590a; font-weight: 700; margin-bottom: 5px; }
.archiveArticle .articleTxt .txtComment p { font-size: 12px; line-height: 20px; }
.archiveArticle .articleImg { float: right; width: 200px; }
.archiveArticle .articleImg div:not(:last-child) { margin-bottom: 20px; }
.archiveArticle .articleImg .imgCap { display: block; font-size: 11px; line-height: 13px; padding-top: 5px; }
	.categoryType1 .articleTitle { color: #4bae39; }
	.categoryType2 .articleTitle { color: #924982; }
	.categoryType3 .articleTitle { color: #395a92; }
	.categoryType4 .articleTitle { color: #d66602; }
	.categoryType5 .articleTitle { color: #dc6e6f; }



/* ――――――――――――――――――――――――――――――
［ archiveNav ］
―――――――――――――――――――――――――――――― */

.archiveNav { position: relative; width: 930px; height: 46px; background: url(/cms/cwc/global/coy/archive/images/page_navi_bg.gif) no-repeat left top; }
.archiveNav a { position: absolute; top: 13px; }
.archiveNav a:nth-child(1) { left: 10px; }
.archiveNav a:nth-child(2) { right: 74px; }
.archiveNav a:nth-child(3) { right: 10px; }
.archiveNav a::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 21px; content: ""; opacity: 0; transition: 0.2s ease; }
.archiveNav a:nth-child(1)::before { background-image: url(/cms/cwc/global/coy/archive/images/page_navi1_r.gif); }
.archiveNav a:nth-child(2)::before { background-image: url(/cms/cwc/global/coy/archive/images/page_navi2_r.gif); }
.archiveNav a:nth-child(3)::before { background-image: url(/cms/cwc/global/coy/archive/images/page_navi3_r.gif); }
.archiveNav a:hover::before { opacity: 1; }
