@charset "utf-8"; /* layout：基本レイアウト */ *{box-sizing:border-box;} *:before, *:after{box-sizing:border-box;} /******************************************************* selector ********************************************************/ /*body{text-align:center;color:#333;line-height:2.0;background-color:#fff;min-width:;} * mtn */ body{text-align:left;color:#333;line-height:2.0;background-color:#703984;min-width:;} body{font-size:88%;} noscript{display:none !important;} noscript p{margin:20px;padding:10px 15px;background-color:#fff;} .for_voice{display:none;margin:0;padding:1em 0;} h1{margin:0 0 0.5em;padding:0.5em 0 0.4em;color:#6f3c82;font-size:214%;line-height:1.2;font-weight:normal;clear:both;} /*h2{position:relative;margin:1.5em 0 0.5em;padding:0.4em 0.7em;color:#fff;font-size:167%;line-height:1.2;background:#6f3c82;clear:both;} * mtn */ /*h3{position:relative;margin:1.5em 0 0.5em;padding:0.4em 0.7em;color:#6f3c82;font-size:167%;line-height:1.2;background:#eae2ec;clear:both;} * mtn */ /*h4{margin:1.5em 0 0.5em;padding:0.5em 0 0.5em;color:#6f3c82;font-size:134%;border-bottom:2px solid #a98ab4;font-weight:normal;line-height:1.2;clear:both;} * mtn */ /*h5{margin:1.5em 0 0.5em;padding:0.5em 0 0.5em;color:#6f3c82;font-size:134%;border-bottom:2px dotted #a98ab4;font-weight:normal;line-height:1.2;clear:both;} * mtn */ /*h6{margin:1.5em 0 0.5em;padding:0.5em 0 0.5em;font-size:134%;border-bottom:1px solid #ccc;font-weight:normal;line-height:1.2;clear:both;} * mtn */ h2{position:relative;margin:0.5em 0 0.5em;padding:0.4em 0.7em;color:#fff;font-size:167%;line-height:1.2;background:#6f3c82;clear:both;} h3{position:relative;margin:0.5em 0 0.5em;padding:0.4em 0.7em;color:#6f3c82;font-size:167%;line-height:1.2;background:#eae2ec;clear:both;} h4, .eventPage h3{background:none;margin:0.5em 0 0.5em;padding:0.5em 0 0.5em;color:#6f3c82;font-size:134%;border-bottom:2px solid #a98ab4;font-weight:normal;line-height:1.2;clear:both;} .eventPage h3{margin-top:1.5em;} h5{margin:0.5em 0 0.5em;padding:0.5em 0 0.5em;color:#6f3c82;font-size:134%;border-bottom:2px dotted #a98ab4;font-weight:normal;line-height:1.2;clear:both;} h6{margin:0.5em 0 0.5em;padding:0.5em 0 0.5em;font-size:134%;border-bottom:1px solid #ccc;font-weight:normal;line-height:1.2;clear:both;} h1 + h2, h1 + h3, h1 + h4, h1 + h5,,square h1 + h6 { margin-top:0;} p{margin:0 0 2em;} /*mtn add*/ th p{margin:0 0 0.5em;} td p{margin:0 0 0.5em;} /*mtn end*/ /*ul,ol,dl{margin:0 0 1em 0;list-style:inside;} * mtn */ ul,ol,dl{margin:0 0 2em 0;list-style:inside;} ul li,ol li,dl dt{margin:0 0 0.5em;} dl dd{margin:0 0 0.5em 1em;} ul li ul,ul li ol,ol li ul,ol li ol,dl ul,dl ol,dl dl{margin:0.2em 0 0 1em;} hr{clear:both;height:1px;margin:15px 0px;border-width:1px 0px 0px 0px;border-style:solid;border-color:#ccc;} /*table{border-collapse:collapse;border-spacing:0;border:none;} * mtn */ table{margin:0 0 2em 0;border-collapse:collapse;border-spacing:0;border:none;} table caption{text-align:left;} table th{text-align:left;} body,input[type=text], input[type=email], input[type=button], input[type=submit], textarea{font-family:"メイリオ","游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";} i{ "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体" } /*************** Container ***************/ /*#container{overflow:hidden;} * mtn */ #container{overflow:hidden; background-color:#fff;} /*************** Header ***************/ #header{width:980px;margin:0 auto;padding:8px 0;text-align:left;line-height:1.2;} #header_logo{float:left;width:250px;margin:0;} #header_content{margin:0 0 0 267px;} #header_content::after{clear:both;content:"";display:block;} #header_utilities{float:left;width:277px;} #header_utilities:before, #header_utilities:after{content:"";display:table;} #header_utilities:after{clear:both;} #header_link{margin:0;padding:0;text-align:right;} #header_link li{display:inline-block;margin:0;padding:0;list-style:none;} #header_link li a{ display:none;text-indent:200%;white-space:nowrap;text-align:left;overflow:hidden;} #header_link li:nth-child(1) a{ display:block;width:145px;height:18px;background:url(/share/imgs/btn_link_access.png) 0 0 no-repeat;} #header_link li:nth-child(2) a{ display:block;width:90px;height:18px;background:url(/share/imgs/btn_link_sitemap.png) 0 0 no-repeat;} #header_language{margin:0;padding:0;border:1px solid #e1e1e1;} #header_language:before, #header_language:after{content:"";display:table;} #header_language:after{clear:both;} #header_language li{float:left;margin:0;padding:0;list-style:none;border-left:1px solid #e1e1e1;} #header_language li:first-child{border:none;} #header_language li a{display:block;} #header_boxes{float:left;width:196px;margin:0;padding:0;} #header_boxes:before, #header_boxes:after{content:"";display:table;} #header_boxes:after{clear:both;} #header_boxes li{float:left;margin:0;padding:0 0 0 8px;list-style:none;} #header_boxes li:first-child{border:none;} #header_boxes li a{display:block;} #header_boxes_sp{display:none;} #header_search{float:right;position:relative;width:220px;height:54px;margin:0;padding:0;background:#f0f0f0 url(/share/imgs/bg_search.png) no-repeat 4px 2px;} #header_searchbox{position:absolute;bottom:5px;left:9px;width:160px;height:26px;padding:3px 0 0 5px;font-size:69%;color:#4e4e4e;background-color:#fff;border:none;outline:none;} #header_searchbtn{position:absolute;bottom:5px;right:7px;width:44px;height:26px;} #header_search span{color:#999;display:block;font-size:69%;left:8px;top:8px;position:absolute;z-index:1;} #header_target{clear:both;margin:0;padding:0;} #header_target:before, #header_target:after{content:"";display:table;} #header_target:after{clear:both;} #header_target li{float:left;margin:0;padding:0;list-style:none;} #header_target li a{display:block;height:40px;background:url(/share/imgs/btn_target2.png) no-repeat 0 0;text-indent:200%;white-space:nowrap;overflow:hidden;} #header_target li:nth-child(1) a{width:98px;background-position:0 0;} #header_target li:nth-child(2) a{width:98px;background-position:-98px 0;} #header_target li:nth-child(3) a{width:97px;background-position:-196px 0;} #header_target li:nth-child(4) a{width:98px;background-position:-293px 0;} #header_target li:nth-child(5) a{width:98px;background-position:-391px 0;} #header_target li:nth-child(6) a{width:98px;background-position:-489px 0;} #header_target li:nth-child(7) a{width:126px;background-position:-587px 0;} #header_target li:nth-child(1).currentLink a, #header_target li:nth-child(1) a:hover{background-position:0 -40px;} #header_target li:nth-child(2).currentLink a, #header_target li:nth-child(2) a:hover{background-position:-98px -40px;} #header_target li:nth-child(3).currentLink a, #header_target li:nth-child(3) a:hover{background-position:-196px -40px;} #header_target li:nth-child(4).currentLink a, #header_target li:nth-child(4) a:hover{background-position:-293px -40px;} #header_target li:nth-child(5).currentLink a, #header_target li:nth-child(5) a:hover{background-position:-391px -40px;} #header_target li:nth-child(6).currentLink a, #header_target li:nth-child(6) a:hover{background-position:-489px -40px;} #header_target li:nth-child(7).currentLink a, #header_target li:nth-child(7) a:hover{background-position:-587px -40px;} /* Gnavi */ #gNav{background:#703984;} #gNav > div{width:980px;margin:0 auto;padding:0; display:table; table-layout:fixed;} #gNav > div a{position:relative; display:table-cell; margin:0; padding:0; height:60px; list-style:none; border-right:1px solid #9878a7; line-height:1.2; font-size:116%; font-weight:normal; text-decoration:none;vertical-align:middle; text-align:center; color:#fff; background-color:#703984;} #gNav > div a:first-child{border-left:1px solid #845C93;} #gNav > div a:hover{background-color:#9460A7; text-decoration:none;} #gNav_toggleswitch{display:none;} #gNav{background:#703984;} #gNav ul{width:980px;margin:0 auto;padding:0;} #gNav ul:before, #gNav ul:after{content:"";display:table;} #gNav ul:after{clear:both;} #gNav ul li{position:relative;float:left;margin:0;padding:0;list-style:none;} #gNav ul li a{display:block;height:60px;background:url(/share/imgs/gnav2.png) no-repeat 0 0;text-indent:200%;white-space:nowrap;overflow:hidden;} #gNav ul li:nth-child(1) a{width:109px;background-position:0 0;} #gNav ul li:nth-child(2) a{width:109px;background-position:-109px 0;} #gNav ul li:nth-child(3) a{width:108px;background-position:-218px 0;} #gNav ul li:nth-child(4) a{width:109px;background-position:-326px 0;} #gNav ul li:nth-child(5) a{width:109px;background-position:-435px 0;} #gNav ul li:nth-child(6) a{width:109px;background-position:-544px 0;} #gNav ul li:nth-child(7) a{width:109px;background-position:-653px 0;} #gNav ul li:nth-child(8) a{width:109px;background-position:-762px 0;} #gNav ul li:nth-child(9) a{width:109px;background-position:-871px 0;} #gNav ul li:nth-child(1) a:hover{background-position:0 -60px;} #gNav ul li:nth-child(2) a:hover{background-position:-109px -60px;} #gNav ul li:nth-child(3) a:hover{background-position:-218px -60px;} #gNav ul li:nth-child(4) a:hover{background-position:-326px -60px;} #gNav ul li:nth-child(5) a:hover{background-position:-435px -60px;} #gNav ul li:nth-child(6) a:hover{background-position:-544px -60px;} #gNav ul li:nth-child(7) a:hover{background-position:-653px -60px;} #gNav ul li:nth-child(8) a:hover{background-position:-762px -60px;} #gNav ul li:nth-child(9) a:hover{background-position:-871px -60px;} #gNav ul li:nth-child(1).currentLink a, #gNav ul li:nth-child(1).parentLink a{background-position:0 -60px;} #gNav ul li:nth-child(2).currentLink a, #gNav ul li:nth-child(2).parentLink a{background-position:-109px -120px;} #gNav ul li:nth-child(3).currentLink a, #gNav ul li:nth-child(3).parentLink a{background-position:-218px -120px;} #gNav ul li:nth-child(4).currentLink a, #gNav ul li:nth-child(4).parentLink a{background-position:-326px -120px;} #gNav ul li:nth-child(5).currentLink a, #gNav ul li:nth-child(5).parentLink a{background-position:-435px -120px;} #gNav ul li:nth-child(6).currentLink a, #gNav ul li:nth-child(6).parentLink a{background-position:-544px -120px;} #gNav ul li:nth-child(7).currentLink a, #gNav ul li:nth-child(7).parentLink a{background-position:-653px -120px;} #gNav ul li:nth-child(8).currentLink a, #gNav ul li:nth-child(8).parentLink a{background-position:-762px -120px;} #gNav ul li:nth-child(9).currentLink a, #gNav ul li:nth-child(9).parentLink a{background-position:-871px -120px;} /*************** topicpath ***************/ /*#topicpath{width:;margin:0 auto;padding:0 0 30px;text-align:left;font-size:69%;} * mtn */ #topicpath{width:;margin:0 auto;padding:0 0 1em;text-align:left;font-size:95%;} #topicpath:before, #topicpath:after{content:"";display:table;} #topicpath:after{clear:both;} #topicpath li{position:relative;display:inline-block;margin:0;padding:0;vertical-align:middle;list-style:none;} #topicpath li:first-child{padding-left:0;} #topicpath li:before{content:"　＞　";} #topicpath li:first-child:before{display:none;} #topicpath li a{padding:0;} /*************** contents ***************/ #contents{width:980px;margin:0 auto;padding:15px 0;text-align:left;} #contents:before, #contents:after{content:"";display:table;} #contents:after{clear:both;} /*main**************/ #contentsMain{float:right;width:710px;padding:0 0 15px 0;} /*sub**************/ #contentsSub{float:left;width:240px;padding:0 0 15px 0;} #sNav_toggleswitch{display:block;} /*mtn add*/ #sNav_toggleswitch li .nolink{border-bottom:1px solid #ebebeb;padding:1.1em 30px 1.1em 1.1em;} /*end add*/ #sNav>ul{margin:0;padding:4px;line-height:1.2;border:1px solid #e0e0e0;border-radius:2px;} #sNav>ul ul{margin:0;padding:0;} #sNav>ul li{margin:0;padding:0;list-style:none;} #sNav>ul li a{display:block;} /* #sNav>ul>li>a{position:relative;padding:1.3em 0 1.4em;font-size:114%;color:#fff;text-align:center;background:#a81563;} * mtn */ #sNav>ul>li>a, #sNav>ul>li>div{position:relative;padding:1.3em 0 1.4em;font-size:114%;color:#fff;text-align:center;background:#a81563;} #sNav>ul>li.currentLink>a{border-color:#a81563;} #sNav>ul>li.currentLink>a:before{background:#a81563;} #sNav>ul>li>a:hover{text-decoration:none;} #sNav>ul>li>a:hover:before{background:#a81563;} #sNav>ul>li>ul{} #sNav>ul>li>ul>li{} #sNav>ul>li>ul>li>a{padding:1.1em 30px 1.1em 1.1em;border-bottom:1px solid #ebebeb;} #sNav>ul>li>ul>li>a{position:relative;vertical-align:middle;} #sNav>ul>li>ul>li>a:before,#sNav>ul>li>ul>li>a:after{content:"";position:absolute;top:0;bottom:auto;right:0;margin:auto;vertical-align:middle;} #sNav>ul>li>ul>li>a:before{top:15px;right:10px;width:14px;height:14px;border-radius:50%;-webkit-border-radius:50%;background:#a81563;} #sNav>ul>li>ul>li>a:after{top:20px;right:16px;width:3px;height:3px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} #sNav>ul>li>ul>li.parentLink>a:after{border-top:none;border-right:1px solid #fff;;border-bottom:1px solid #fff;} #sNav>ul>li>ul>li.currentLink a:before,#sNav>ul>li>ul>li.parentLink a:before{background:#a81563;} #sNav>ul>li>ul>li.currentLink ul li a:before,#sNav>ul>li>ul>li.parentLink ul li a:before{background:none;} #sNav>ul>li>ul>li a:hover{text-decoration:none;background:#f6e7ef;} #sNav>ul>li>ul>li a:hover:before{background:#a81563;} #sNav>ul>li>ul>li ul li a{padding:1.1em 0 1.1em 2.1em;border-bottom:1px solid #ebebeb;} #sNav>ul>li>ul>li ul li a:before{margin:auto;vertical-align:middle;width:5px;height:5px;display:marker;content: "- ";color:#6f3c82;} #sNav>ul>li>ul>li ul li a:hover{text-decoration:none;background:#f6e7ef;} #sNav>ul>li>ul>li ul li a:hover:before{background:none;border-color:#a81563;} #sNav>ul>li>ul>li ul li.currentLink a{color:#a81563;} #sNav>ul>li>ul>li ul li.currentLink a:before{border-color:#a81563;} /*************** pagetop ***************/ #pagetop{clear:both;padding:0 0 20px;font-size:69%;line-height:1.2;} #pagetop:before, #pagetop:after{content:"";display:table;} #pagetop:after{clear:both;} #pagetop p{width:980px;margin:0 auto;padding:0 0;text-align:right;} #pagetop p a{position:relative;display:inline-block;padding:0;text-decoration:none;} #sns_sp { display:none;} /*************** footer ***************/ #footer{clear:both;padding:0;font-size:82%;line-height:1.2;background:#6f3c82;} #footer:before, #footer:after{content:"";display:table;} #footer:after{clear:both;} #footer a{color:#fff;} #footer_link{margin:0;padding:20px 0;text-align:left;color:#333;background:#fbefff;} #footer_link:before, #footer_link:after{content:"";display:table;} #footer_link:after{clear:both;} #footer_link a{color:#333;} #footer_link ul{width:980px;margin:0 auto;padding:0;} #footer_link li{margin:0;padding:0;list-style:none;} #footer_link li.categoryIndex{display:none;} #footer_link a{display:block;} #footer_link>ul{clear:both;padding:2em 0 0;} #footer_link>ul:first-child{padding:0;} #footer_link>ul>li{float:left;width:180px;margin:0 10px 0 0;} #footer_link>ul>li>a{margin:0;padding:2px 0 10px 20px;} #footer_link>ul>li>a{position:relative;vertical-align:middle;} #footer_link>ul>li>a:before, #footer_link>ul>li>a:after{content:"";position:absolute;top:0;bottom:auto;left:0;margin:auto;vertical-align:middle;} #footer_link>ul>li>a:before{top:1px;left:0;width:14px;height:14px;border-radius:50%;-webkit-border-radius:50%;background:#6f3c82;} #footer_link>ul>li>a:after{top:5px;left:3px;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} #footer_link>ul>li ul{padding:0.5em 0;font-size:82%} #footer_link>ul>li ul li{padding:0.35em 0;font-size:82%} #footer_contents{position:relative;width:980px;margin:0 auto;padding:20px 0;color:#fff;} #footer_contents:before, #footer_contents:after{content:"";display:table;} #footer_contents:after{clear:both;} address{float:left;width:380px;margin:0;padding:10px 0 0 0;text-align:left;line-height:1.5;font-style:normal;} #footer_logo{float:left;width:200px;margin:0;padding:0;} #copyright{position:absolute;bottom:20px;right:0;margin:0;padding:0;text-align:right;} #footer_agent{float:right;width:380px;margin:20px 0 0 0;padding:0;letter-spacing:-0.4em;text-align:right;} #footer_agent li{display:inline-block;width:30%;margin:0 0 0 1%;padding:0;letter-spacing:normal;list-style:none;text-align:center;} #footer_agent li span{position:relative;display:block;padding:10px 0;cursor:pointer;border:1px solid #8f53a2;font-size:75%;border-radius:3px;} #footer_agent li span:hover{background:#8f53a2;} #footer_agent li span.active{background:#6f3c82;color:#fff;} #footer_agent li span:after{content:"";position:absolute;top:8px;left:50%;width:20px;height:20px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;} /*************** parts ***************/ /* lineTable */ #contents table{width:100%;margin:0 0 2em;border-collapse:collapse;border-top:1px solid #ccc;border-left:1px solid #ccc;} #contents table caption{padding:0.7em 1.2em;background:#f0f0f0;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;} #contents table caption.alingCenter{ text-align:center;} #contents table th, #contents table td{padding:0.7em 1.2em;border-bottom:1px solid #ccc;border-right:1px solid #ccc;} #contents table th{/*width:20% mtn*/;background:#f0f0f0;} #contents table table{width:100%;} #contents table table th, #contents table table td{padding:0.2em 0.5em;border:none;border-top:1px dotted #a9a9a9;} #contents table table th{width:auto;background:none;font-weight:bold;} #contents table table tr:first-child th, #contents table table tr:first-child td{border-top:none;} /* index */ #main_visual{position:relative;padding:0 0 25px;} #main_visual ul{margin:0;padding:0;} #main_visual ul li{margin:0;padding:0;list-style:none;} #main_visual ul li a{display:block;} #main_visual ul li a{display:block;} /* #main_visual ul li a img{display:block;width:100%;} * mtn */ #main_visual ul li img{display:block;width:100%;} #main_visual .bx-wrapper{margin:0 auto;} #main_visual .bx-viewport{overflow:visible !important;} #main_visual .bx-controls {position:absolute;top:0;left:0;width:100%;} /* #main_visual .bx-pager {position:absolute;top:310px;left:0;width:100%;} * mtn */ #main_visual .bx-pager {position:absolute;top:310px;left:0;width:100%;;text-align:center;} /* #contents .centerslide .bx-pager {top:290px;}*/ #main_visual .bx-pager-item{display:inline-block;margin:0 4px;padding:0;} #main_visual .bx-pager-item a.bx-pager-link{display:block;width:10px;height:10px;background:#ccc;text-indent:200%;white-space:nowrap;overflow:hidden;border-radius:5px;} #main_visual .bx-pager-item a.bx-pager-link.active{background:#6B3C84;} .bx-controls-direction{position:absolute;top:0;left:0;right:0;width:1060px;margin:auto;} .bx-controls-direction a{position:absolute;top:125px;display:block;width:55px;height:55px;background:url(/share/imgs/kvarrow_s.png) no-repeat 0 0;text-indent:200%;white-space:nowrap;overflow:hidden;} .bx-controls-direction a:hover{background-color:rgba(255,255,255,0.5);} .bx-controls-direction a.bx-prev{left:0;} .bx-controls-direction a.bx-next{right:0;} .bx-controls-direction a.bx-prev{background-position:0 0;} .bx-controls-direction a.bx-next{background-position:-55px 0;} /*mtn add*/ #slider, #second_main_visual { background: url(/share/imgs/loading.gif); background-repeat: no-repeat; background-position: center center; height: 335px; } #slider .centerslide, #slider .topslide, #main_visual { display: none; } /*mtn end*/ #mainButtons{display:inline-block;margin:0;padding:0 0 15px;} #mainButtons:before, #mainButtons:after{content:"";display:table;} #mainButtons:after{clear:both;} #mainButtons li{float:left;margin:0;padding:0 9px;list-style:none;} #mainButtons li a{display:block;} #contentsSub #information{margin:0 0 15px;} #contentsSub #information h2{margin:0 0 7px;padding:0;} #contentsSub #information ul{margin:0;padding:10px 15px;border:1px solid #ccc;border-radius:3px;} #contentsSub #information ul li{margin:0;padding:5px 0;list-style:none;border-top:1px solid #ebebeb;} #contentsSub #information ul li:first-child{border-top:none;} /*#contentsSub #electricity{margin:0 0 15px;padding:10px;border:1px solid #ccc;border-radius:3px;background:url(/share/imgs/electricity_ico.png) no-repeat 10px 10px;} * mtn */ #contentsSub #electricity{margin:0 0 15px;padding:10px;border:1px solid #ccc;border-radius:3px;background:url(/share/imgs/electricity_ico.png) no-repeat 10px 10px; overflow:hidden;} #contentsSub #electricity h2{margin:0 0 7px 40px;padding:0;} #contentsSub #electricity #eneDate { left:60px; position:relative; top:-7px; } /* 20161025 電力使用量　日付修正 */ #contentsSub #electricity .enePerc { margin-top:8px; } #contentsSub #electricity #enePerc { background-color:#703984; border-radius:20px; color:#ffffff; display:table-cell; font-size:180%; line-height:1.5; padding-top:2px; text-align:center; transform:scale(1, 1.3); vertical-align:middle; width:90px; } #contentsSub #electricity #enePerc.over { background-color:#ff0000; } #contentsSub #electricity dt { clear:left; float:left; margin:0; width:60px; } #contentsSub #electricity dl { float:left; margin:0; width:130px; } #contentsSub #electricity dd { margin:0; padding-right:6px; text-align:right; } /* mtn #contentsSub #electricity p{margin:0;padding:0;} #contentsSub #electricity p:nth-of-type(1){margin:0 0 0 45px;padding:0;} #contentsSub #electricity p:nth-of-type(2){border-top:none;} #contentsSub #electricity p:nth-of-type(3){border-top:none;} */ #contentsSub #sns{margin:0;padding:10px 0;} #contentsSub #sns li{float:left;margin:0;padding:0;list-style:none;} /*2022-03-04ADD*/ #contentsSub2{float:left;padding:0 0 15px calc(50% - 50px);} #contentsSub2 #sns{margin:0;padding:10px 0;} #contentsSub2 #sns li{float:left;margin:0;padding:0;list-style:none;margin-top:60px;} /*2022-03-04ADD-END*/ #contentsTop { margin:0 0 20px;} /*mtn add*/ #contents #second_main_visual{float: right;} #second_main_visual .bx-viewport{overflow: hidden !important;} #contentsSub.sidemenu{float: none;} #contents #second_main_visual .bx-controls-direction{left:0; margin:auto; position:absolute; right:0; top:0; width:705px} #contents .bx-controls-direction{left:0; margin:auto; position:absolute; right:0; top:0; width:980px} /*mtn end*/ /* 20160419 お知らせ枠追加 ADD-START */ #contentsTop .important_information { border: 1.5px solid #a81563; display: table; width: 100% } #contentsTop .important_information a { text-decoration: underline; color: #3366cc; } #contentsTop .important_information .header { color: #fff; background-color: #a81563; width: 25%; min-height: 80px;/*20200330UPD*/ /*min-height: 60px;*/ /* padding: 15px 10px 5px 10px ; */ text-align: center; font-size: 20px; font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight: bold; display: table-cell; vertical-align: middle; line-height: 25px;/*20200330ADD*/ } #contentsTop .important_information .content { display: table-cell; vertical-align: middle; padding: 0.5em 0; } #contentsTop .important_information .content ul.imformation_list { margin: 0; list-style: none; } #contentsTop .important_information .content ul.imformation_list li { margin: 0; } #contentsTop .important_information .content ul.imformation_list li span { margin: 0 3em; color: #6f3c82; float: left; display: block; width: 120px; /* 20161025 重要なお知らせ 日付修正 */ } #contentsTop .important_information .content ul.imformation_list li div { font-size: 110%; width: 420px; float: left; } #contentsTop .important_information .informationLinks { float: right; margin: 15px 3em 0 0; } /* 20160419 お知らせ枠追加 ADD-END */ .indexPage h2 { margin:0;padding:0 0 0.7em;background:none;} #contentsMain .newsTabcontents ul { display:none;} #contentsMain .newsTabcontents ul:first-child { display:block;} #contentsMain .newsTabbuttons { margin:0;padding:0;/*border-bottom:1px solid #ccc;*/letter-spacing:-0.4em;line-height:0;} #contentsMain .newsTabbuttons li { display:inline-block;margin:0;padding:7px 0;width:170px;text-align:left;border:1px solid #ccc;border-width:1px 1px 0 0;text-indent:200%;overflow:hidden;white-space:nowrap;letter-spacing:normal;line-height:normal;cursor:pointer;background-position:center center;background-repeat:no-repeat;background-size:130px;} #contentsMain .newsTabbuttons li:nth-child(1) { background-image:url(/share/imgs/btn_tab01.png);} #contentsMain .newsTabbuttons li:nth-child(2) { background-image:url(/share/imgs/btn_tab02.png);} #contentsMain .newsTabbuttons li:nth-child(3) { background-image:url(/share/imgs/btn_tab03.png);} #contentsMain .newsTabbuttons li.selected:nth-child(1) { background-image:url(/share/imgs/btn_tab01_selected.png);} #contentsMain .newsTabbuttons li.selected:nth-child(2) { background-image:url(/share/imgs/btn_tab02_selected.png);} #contentsMain .newsTabbuttons li.selected:nth-child(3) { background-image:url(/share/imgs/btn_tab03_selected.png);} #contentsMain .newsTabbuttons li:first-child {border-width:1px 1px 0 1px;} #contentsMain .newsTabbuttons li.selected { color:#fff;background-color:#a81563;} #contentsMain .newsTabbuttons li:before, #contentsMain .newsTabcontents ul li:before { content:"";} #contentsMain .newsTabbuttons + p { display:block;float:right;margin:-25px 0 0 0;} #contentsMain .newsTabcontents ul li:before, #contentsMain .newsTabcontents ul li:after{content:"";display:table;} #contentsMain .newsTabcontents ul li:after{clear:both;} /* #contentsMain .newsTabcontents li span { display:block;float:left;width:80px;margin:0;padding:0;} * mtn */ #contentsMain .newsTabcontents li span { display:block;float:left;width:135px;margin:0;padding:0;} #contentsMain .newsTabcontents li { margin:0;padding:10px 15px;} #contentsMain .newsTabcontents li:nth-child(2n) { background:#f7f7f7;} /* #contentsMain .newsTabcontents li a { display:block;float:left;width:590px;color:#333;text-decoration:none;} * mtn */ #contentsMain .newsTabcontents li a { float:left;max-width:540px;} #contentsMain .newsTabcontents li a:hover { text-decoration:underline;} #contentsMain .newsTabcontents li span { padding-right:0.5em;color:#6f3c82;} #contentsMain .newsTabcontents li div { display:block;float:left;width:539px;} /* mtn */ #contentsMain .newsTabcontents li div a { float:none;} /* mtn */ #contentsMain .newsTabcontents li div p { clear:both;margin:0;font-size:90%;line-height:1.5} /* mtn */ #contentsMain .newsTablinks > p { float:right;margin:-25px 0 0 0;} #contentsMain .newsTablinks > p { display:none;} #contentsMain .newsTablinks > p:first-child { display:block;} /* template */ #contents .date {} /* #contents .date { margin:0 0 1em;text-align:right;font-size:69%;} * mtn */ #contents .date { margin:0 0 0;text-align:right;font-size:95%;} #contents .imgCenter { display:block;margin:20px auto 0;} #contents .imgLeft { float:left;margin:0 25px 20px 0;} #contents .imgRight { float:right;margin:0 0 20px 25px;} /* #contents .photoCol { margin-left:0;list-style:none;text-align:center;letter-spacing:-0.4em;} * mtn */ #contents .photoCol { margin-left:0;list-style:none;text-align:center;letter-spacing:-0.4em;clear:both;} /* mtn */ /* #contents .photoCol li { display:inline-block;width:338px;margin:0 0 0 30px;padding:10px;border:1px solid #e0e0e0;letter-spacing:normal;text-align:left;line-height:1.2;vertical-align:top;} * mtn */ #contents .photoCol li { display:inline-block;width:338px;margin:0 0 0 30px;padding:10px;border:1px solid #e0e0e0;letter-spacing:normal;text-align:center;line-height:1.2;vertical-align:top;} /* mtn */ #contents .photoCol li.no_waku { border:none;}/*mtn*/ #contents .photoCol li:before { content:"";} #contents .photoCol.col2 li { width:338px;} #contents .photoCol.col3 li { width:216px;margin:0 0 0 29px;padding:7px;} #contents .photoCol li:first-child, #contents .photoCol.col3 li:first-child { margin:0;} /* #contents .photoCol li img { margin:0 0 10px;display:block;text-align:center;} * mtn */ #contents .photoCol li img { margin:0 auto 10px;display:block;text-align:center;} /* mtn */ #contents .photoCol.col2 li img { max-width:300px;height:100%;} #contents .photoCol.col3 li img { max-width:200px;height:100%;} #contentsMain ul { list-style:none;} #contentsMain ul li:before, #contentsMain dl dt:before { display:marker;content: "● ";color:#6f3c82;font-size:63%;} #contentsMain dl dd:before { display:marker;content: "- ";color:#6f3c82;} #contentsMain ol { counter-reset: item;} #contentsMain ol li { display: block;text-indent: -1em;padding-left: 1em;} #contentsMain ol li:before { content: counters(item, "-")". ";counter-increment: item;color:#6f3c82;} #contentsMain ol.parenthesesList { counter-reset: item;} #contentsMain ol.parenthesesList li { display: block;} #contentsMain ol.parenthesesList li:before { display:marker;content: "（"counters(item, "-")"）";counter-increment: item;color:#6f3c82;} #contentsMain ul.noIcon, #contentsMain ol.noIcon, #contentsMain dl.noIcon { list-style:none;} #contentsMain ul.noIcon li:before, #contentsMain ol.noIcon li:before, #contentsMain dl.noIcon dd:before { content:"";} #contentsMain ol .noIcon { margin-left:1.3em;} #contentsMain ol.parenthesesList .noIcon { margin-left:2.6em;} #contentsMain a { color:#3366cc;text-decoration:underline;} #contentsMain a:hover { text-decoration:none;} #contentsMain h1 a, #contentsMain h3 a, #contentsMain h4 a, #contentsMain h5 a { color:#6f3c82;} #contentsMain h2 a { color:#fff;} #contentsMain h6 a { color:#333;} /* #contentsMain a[target="_blank"] { padding-right:17px;background:url(/share/imgs/ico_blank.png) right center no-repeat;} * mtn */ #contentsMain a[target="_blank"] { padding-right:17px;margin-right:5px;background:url(/share/imgs/ico_blank.png) right center no-repeat;} #contentsMain a[target="_blank"][href$=".jpeg"], #contentsMain a[target="_blank"][href$=".jpg"], #contentsMain a[target="_blank"][href$=".gif"], #contentsMain a[target="_blank"][href$=".png"] { background:none;margin-right:0;padding-right:0;} #contentsMain .iconPdf { padding:5px 30px 5px 5px;background:url(/share/imgs/ico_pdf.png) right 0 no-repeat;} #contentsMain .iconXls { padding:5px 30px 5px 5px;background:url(/share/imgs/ico_xls.png) right 0 no-repeat;} #contentsMain .iconPpt { padding:5px 30px 5px 5px;background:url(/share/imgs/ico_ppt.png) right 0 no-repeat;} #contentsMain .iconDoc { padding:5px 30px 5px 5px;background:url(/share/imgs/ico_doc.png) right 0 no-repeat;} #contentsMain .iconFile { padding:5px 30px 5px 5px;background:url(/share/imgs/ico_file.png) right 0 no-repeat;} #contentsMain #gMap { margin:0 auto 20px;text-align:center;} /*#contentsMain .snsShare { margin:0 0 20px;padding:0;letter-spacing:-0.4em;text-align:right;} * mtn */ #contentsMain .snsShare { margin:1em 0 20px;padding:0;letter-spacing:-0.4em;text-align:right;clear:both;} #contentsMain .snsShare li { display:inline-block;margin:0 0 0 10px;;padding:0;letter-spacing:normal;vertical-align:top;} #contentsMain .snsShare li:before { content:"";} #contentsMain .snsShare li .fb-like span { vertical-align:top !important;} #contentsMain .newsLists ul li:before, #contentsMain .newsLists ul li:after{content:"";display:table;} #contentsMain .newsLists ul li:after{clear:both;} /* #contentsMain .newsLists li span { display:block;float:left;width:80px;margin:0;padding:0;} * mtn */ #contentsMain .newsLists li span { display:block;float:left;width:135px;margin:0;padding:0;} #contentsMain .newsLists li { margin:0;padding:10px 15px;} #contentsMain .newsLists li:nth-child(2n) { background:#f7f7f7;} /* #contentsMain .newsLists li a { display:block;float:left;width:590px;color:#333;text-decoration:none;} * mtn */ #contentsMain .newsLists li a { float:left;max-width:540px;} #contentsMain .newsLists li a:hover { text-decoration:underline;} /* #contentsMain .newsLists li span { padding-right:1em;color:#6f3c82;} * mtn */ #contentsMain .newsLists li span { padding:0.25em 0 0 0;padding-top:0.25em;color:#6f3c82;line-height:1.5;} #contentsMain .newsLists li div { display:block;float:left;width:540px;} /* mtn */ #contentsMain .newsLists li div a { float:none;} /* mtn */ #contentsMain .newsLists li div p { clear:both;margin:0;font-size:90%;line-height:1.5} /* mtn */ /* mtn */ #contentsMain .newsLists .moveList { float:right; line-height:1;padding-top:0; margin-left:550px; margin-bottom:30px;} #contentsMain .newsLists .moveList>a {margin:0;padding:2px 0 10px 20px;} #contentsMain .newsLists .moveList>a {position:relative;vertical-align:middle;} #contentsMain .newsLists .moveList>a:before, #contentsMain .newsLists .moveList>a:after {content:"";position:absolute;top:0;bottom:auto;left:0;margin:auto;vertical-align:middle;} #contentsMain .newsLists .moveList>a:before {top:4px;left:0;width:14px;height:14px;border-radius:50%;-webkit-border-radius:50%;background:#6f3c82;} #contentsMain .newsLists .moveList>a:after {top:8px;left:3px;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} /* mtn-end */ /* mtn */ #contentsMain .pageLists ul li:before, #contentsMain .pageLists ul li:after{content:"";display:table;} #contentsMain .pageLists ul li:after{clear:both;} #contentsMain .pageLists li span { display:block;float:left;width:135px;margin:0;padding:0;} #contentsMain .pageLists li { margin:0;padding:10px 15px;} #contentsMain .pageLists li:nth-child(2n) { background:#f7f7f7;} #contentsMain .pageLists li a { display:block;float:left;max-width:540px;color:#333;text-decoration:none;} #contentsMain .pageLists li a:hover { text-decoration:underline;} #contentsMain .pageLists li span { padding:0.25em 0 0 0;padding-top:0.25em;color:#6f3c82;line-height:1.5;} #contentsMain .pageLists li div { display:block;float:left;width:540px;} #contentsMain .pageLists li div a { float:none;} #contentsMain .pageLists li div p { clear:both;margin:0;font-size:90%;line-height:1.5} #contentsMain .pageLists ul li{padding-left:20px;} #contentsMain .pageLists ul li:before{content:"";} #contentsMain .pageLists ul li p{margin:0;text-indent:0;} #contentsMain .pageLists ul li a{margin:0;padding-left:20px;} #contentsMain .pageLists ul li a{position:relative;vertical-align:middle;} #contentsMain .pageLists ul li a:before, #contentsMain .pageLists ul li a:after{content:"";position:absolute;top:0;bottom:auto;left:0;margin:auto;vertical-align:middle;} #contentsMain .pageLists ul li a:before{top:6px;left:0;width:14px;height:14px;border-radius:50%;-webkit-border-radius:50%;background:#6f3c82;} #contentsMain .pageLists ul li a:after{top:10px;left:3px;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} /* mtn-end */ /* mtn */ #contentsMain .block-category {margin-bottom:40px;} #contentsMain .block-category .row {border-bottom:2px solid #a98ab4;margin-bottom:5px;padding-bottom:5px;} #contentsMain .block-category .row .title {float:left;font-weight:bold;width:210px;} #contentsMain .block-category .row .body {float:left;width:496px;} #contentsMain .block-category .row .about {margin:0;} #contentsMain .block-category .row span.label {font-weight:bold;} #contentsMain .block-category .row .tel-fax-mail {margin-bottom:0;} /* mtn-end */ /*#contentsMain .list2Col { margin:0;padding:0;letter-spacing:-0.4em;} * mtn */ #contentsMain .list2Col { margin:0;padding:0;} #contentsMain .list2Col:before, #contentsMain .list2Col:after{content:"";display:table;} #contentsMain .list2Col:after{clear:both;} /* #contentsMain .list2Col ul{ display:inline-block;width:50%;letter-spacing:normal;vertical-align:top;} * mtn */ #contentsMain .list2Col>ul{ display:inline-block;width:348px;letter-spacing:normal;vertical-align:top;margin-right:2px;} #contentsMain .list2Col ul>li { padding-left:20px; position:relative;} /* mtn */ /* #contentsMain .list2Col ul>li:before, #contentsMain .list2Col ul>li:after { content:"";position:absolute;top:0;bottom:auto;left:0;margin:auto;vertical-align:middle;} */ #contentsMain .list2Col ul>li:before { background:#6f3c82; content:""; position:absolute; top:7px; left:2px; width:12px; height:12px; border-radius:50%; -webkit-border-radius:50%; } /* mtn */ /* #contentsMain .list2Col ul>li:before, #contentsMain .list2Col ul>li:after, #contentsMain .list2Col ul>li a:before, #contentsMain .list2Col ul>li a:after { content:""; position:absolute; top:0; bottom:auto; left:0; margin:auto; vertical-align:middle; } */ /* #contentsMain .list2Col ul>li>a { position:relative;display:block;padding:0 0 0 20px;} * mtn */ #contentsMain .list2Col ul>li>a { position:relative;;padding-left:20px;margin-left:-20px;} /* #contentsMain .list2Col ul>li>a:before{content:"";position:absolute;top:0;bottom:auto;right:0;margin:0;vertical-align:middle;} #contentsMain .list2Col ul>li>a:before{top:10px;left:5px;width:6px;height:6px;border-top:1px solid #6f3c82;border-right:1px solid #6f3c82 ;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} */ #contentsMain .list2Col ul>li>a:before { background:#ffffff; content:""; position:absolute; top:2px; left:-1px; width:16px; height:16px; border-radius:50%; -webkit-border-radius:50%; } /* mtn */ #contentsMain .list2Col ul>li>a:after { content:""; position:absolute; top:7px; left:5px; width:6px; height:6px; border-top:1px solid #6f3c82; border-right:1px solid #6f3c82 ; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); } #contentsMain .list2Col ul>li ul { margin-left:0;} /*mtn add*/ #contentsMain .list2Col.col > ul {width: 710px;} /*mtn end*/ /* guide */ #contents .box2Col { display:inline-block;width:338px;margin:0 0 25px;padding:3px;border:1px solid #e0e0e0;letter-spacing:normal;text-align:left;line-height:1.5;vertical-align:top;} #contents .box1Col { display:inline-block;width:710px;margin:0 0 25px;padding:3px;border:1px solid #e0e0e0;letter-spacing:normal;text-align:left;line-height:1.5;vertical-align:top;} #contents .box1Col.green {background-color:#CDF4BE;} #contents .box1Col.blue {background-color:#B0E0E6;} #contents .box1Col.pink {background-color:#FFE4F7;} #contents .box1Col.purple {background-color:#F5E4FF;} #contents .box1Col.gray {background-color:#E1E1FF;} /* #contents .box2Col:nth-child(2n) { margin-right:25px;} * mtn */ #contents .box2Col:nth-child(2n) { margin-left:25px;} /* mtn */ #contents .box2Col h2, #contents .box2Col h3 { margin-top:0;font-size:129%;} #contents .box2Col .categoryImg { margin:0 0 5px;padding:0 10px;text-align:center;} #contents .box2Col .categoryImg img { width:auto;max-width:100%;height:auto;max-height:200px;} #contents .box2Col .mgn { margin:0 20px;} /*mtn*/ /* #contents .box2Col ul { width:auto;padding:0 10px;} #contents .box2Col>ul>li{padding-left:20px;text-indent:-20px;} * mtn * #contents .box2Col>ul>li:before{content:"";} #contents .box2Col>ul>li p{margin:0;text-indent:0;} * mtn * #contents .box2Col>ul>li>a{margin:0;padding-left:20px;} #contents .box2Col>ul>li>a{position:relative;vertical-align:middle;} #contents .box2Col>ul>li>a:before, #contents .box2Col>ul>li>a:after{content:"";position:absolute;top:0;bottom:auto;left:0;margin:auto;vertical-align:middle;} #contents .box2Col>ul>li>a:before{top:3px;left:0;width:14px;height:14px;border-radius:50%;-webkit-border-radius:50%;background:#6f3c82;} #contents .box2Col>ul>li>a:after{top:7px;left:3px;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} #contents .box2Col>ul>li>a.iconPdf:before, #contents .box2Col>ul>li>a.iconXls:before, #contents .box2Col>ul>li>a.iconPpt:before, #contents .box2Col>ul>li>a.iconDoc:before, #contents .box2Col>ul>li>a.iconFile:before{top:8px;left:0;} #contents .box2Col>ul>li>a.iconPdf:after, #contents .box2Col>ul>li>a.iconXls:after, #contents .box2Col>ul>li>a.iconPpt:after, #contents .box2Col>ul>li>a.iconDoc:after, #contents .box2Col>ul>li>a.iconFile:after{top:12px;left:3px;} */ #contents .box2Col ul { } #contents .box2Col ul li, #contents .box1Col ul li { position:relative; vertical-align:middle; margin-left:0; padding-left:20px; } #contents .box2Col ul li:before, #contents .box2Col ul li:after, #contents .box2Col ul li a:before, #contents .box2Col ul li a:after, #contents .box1Col ul li:before, #contents .box1Col ul li:after, #contents .box1Col ul li a:before, #contents .box1Col ul li a:after { content:""; position:absolute; top:0; bottom:auto; left:0; margin:auto; vertical-align:middle; } /*#contents .box2Col ul li:before, * mtn */ /*#contents .box2Col ul li a:before { top:3px; left:0; width:14px; height:14px; border-radius:50%; -webkit-border-radius:50%; background:#6f3c82; } * mtn */ #contents .box2Col ul li:before, #contents .box1Col ul li:before { top:3px; left:0; width:14px; height:14px; border-radius:50%; -webkit-border-radius:50%; background:#6f3c82; } #contents .box2Col ul li a:after { top:7px;left:3px;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} #contents .box2Col>ul, #contents .box1Col>ul { width:auto;padding:0 10px; } #contents .box2Col>ul>li:before, #contents .box1Col>ul>li:before { content:"";} #contents .box2Col>ul>li p { margin:0;text-indent:0;} /* mtn */ #contents .box2Col>ul>li>a.iconPdf:before, #contents .box2Col>ul>li>a.iconXls:before, #contents .box2Col>ul>li>a.iconPpt:before, #contents .box2Col>ul>li>a.iconDoc:before, #contents .box2Col>ul>li>a.iconFile:before { top:8px;left:0;} #contents .box2Col>ul>li>a.iconPdf:after, #contents .box2Col>ul>li>a.iconXls:after, #contents .box2Col>ul>li>a.iconPpt:after, #contents .box2Col>ul>li>a.iconDoc:after, #contents .box2Col>ul>li>a.iconFile:after { top:12px;left:3px;} #contents .box2Col>ul>li ul { margin-left: 0; } #contents .box2Col>ul>li>ul>li:before { background-color: #a81563; height: 11px; left: 1px; top: 4px; width: 11px; } #contents .box2Col>ul>li>ul>li>ul>li:before, #contents .box2Col>ul>li>ul>li>ul>li a:before { height: 6px; left: 3px; top: 7px; width: 6px; } #contents .box2Col>ul>li>ul>li>ul>li a:before { background-color: #fff; } #contents .box2Col>ul>li>ul>li>ul>li a:after { border-right-color: #a81563; border-top-color: #a81563; } #contents .box2Col ol li:before { content:counter(item)"."; } #contentsMain .box2Col.child1 { margin-left: 0; } #contentsMain .box2Col.child2 { margin-left: 25px; } /*20160601 add*/ #contentsMain #newsrelease h2 {margin:0 0 8px; padding:0; background:none;} #contentsMain #newsrelease h2:before, #contentsMain #newsrelease h2:after{content:"";display:table;} #contentsMain #newsrelease h2:after{clear:both;} #contentsMain #newsrelease h2 a { float:right; vertical-align:bottom;} #contentsMain #newsrelease h2 a img{vertical-align:bottom;} /*20160601 end*/ #contents .box3ColWrap { letter-spacing:-0.4em;} #contents .box3Col{ display:inline-block;width:222px;margin:0 20px 20px 0;padding:0;border:1px solid #e0e0e0;letter-spacing:normal;text-align:left;line-height:1.5;vertical-align:top;position:relative;} #contentsMain .box3Col:nth-child(3n){margin-right:0;} #contentsMain .box3Col h2{display:table; background-color:#6f3984; text-align:center; margin:0 auto 15px; padding:0px 10px; height:auto; font-size:124%; vertical-align:middle; width:100%;} #contentsMain .box3Col h2 > span{display:table-cell; width:100%; text-align:center; vertical-align:middle; min-height:65px; height:65px;} #contentsMain .box3Col .detailText{padding:0 10px; margin:0 auto 70px;} #contentsMain .box3Col .detailBtn{position:absolute; bottom:20px; left:0; right:0; margin:auto; width:200px;} #contentsMain .box3Col .detailBtn > a{display:block; border-radius:3px; background-color:#eae2ed; color:#6f3984; line-height:30px; text-align:center; text-decoration:none; position:relative;} #contentsMain .box3Col .detailBtn > a:hover{background-color:#D6C9DB;} #contentsMain .box3Col .detailBtn > a:before{content:""; display:block; position:absolute; top:0; bottom:0; left:20px; margin:auto; width:12px; height:12px; border-radius:6px; background-color:#6f3889;} #contentsMain .box3Col .detailBtn > a:after{border-right:1px solid #fff; border-top:1px solid #fff; content:""; margin:auto; width:5px; height:5px; left:22px; top:0; bottom:0; position:absolute; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);} /* sideBanner */ #banner{padding:20px 0;} #banner .bannerImage, #banner .mailingBox{margin:0 auto 20px;} #banner .bannerImage a{display:block;} #banner .bannerImage a img{display:block; width: 100%;} #banner .mailingBox{border:1px solid #a81563; padding:2px;} #banner .mailingBox.free{border:1px solid #6f3984;} #banner .mailingBox p{margin:0; line-height:1.65;} #banner .mailingBox .mailBanner{margin:0; padding:0; background:#6f3984;} #banner .mailingBox .mailBanner img{display:block; margin:0 auto; padding:0;} #banner .mailingBox .mailTextBox{background-color:#a81563; padding:12px;} #banner .mailingBox .mailTextBox.free{background-color:#eae2ed;} #banner .mailingBox .mailTextBox .mailAddress{display:block; background-color:#fff; text-align:center; padding:10px;} #contentsSub .mailText > a{color:#fff;} /************************ A.1 大学院テンプレート ************************/ #contentsMain .newsTabcontents{border:1px solid #ccc; border-radius:2px; margin-bottom:50px;} /*#contentsMain .newsTabcontents .subNewscontents{border:1px solid #ccc; border-radius:2px; margin-bottom:50px;}*/ #contentsMain .newsTabcontents > ul{margin:0;} #contentsMain .newsRelease2colWrap:after {content:""; display:block; clear:both;} /************************ A.1.1 比較社会文化学専攻 ************************/ #contents .courseCol{margin:0 auto; padding:0 20px;} #contents .courseCol:after {content:""; display:block; clear:both;} #contents .courseCol div{margin:0 20px 20px 0; padding:3px; width:323px; list-style:none; float:left; border:1px solid #e0e0e0;} #contents .courseCol div:nth-child(2n){margin:0 0 20px 0;} #contents .courseCol div > a{display:block; position:relative; text-decoration:none;} #contents .courseCol div > a:after {content:""; display:block; clear:both;} #contents .courseCol div > a:hover{opacity:0.7;} #contents .courseCol div > a > span{display:block; float:left; width:95px;} #contents .courseCol div > a > span > img{display:block;} #contents .courseCol div > a > p{float:none; width:200px; height:20px; margin:auto; padding:0 0 0 20px; top:0; bottom:0; left:120px; position:absolute; line-height:1.5; color:#333; text-decoration:none;} #contents .courseCol div > a > p:before, #contents .courseCol div > a > p:after{content:"";position:absolute;top:0;bottom:auto;left:0;margin:auto;vertical-align:middle;} #contents .courseCol div > a > p:before{top:3px;left:0;width:14px;height:14px;border-radius:50%;background:#6f3c82;} #contents .courseCol div > a > p:after{top:7px;left:3px;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} /*mtn*/ #contents .courseCol .noImageCourse > a > p{left:10px;margin:33px 0;width:300px;} #contents .courseCol .noImageCourse{height:95px;} /*mtn end*/ /************************ A.2.1 情報科学科 ************************/ #contentsMain .linkCol{margin:0 auto; padding:0 20px;} #contentsMain .linkCol:after{content:""; display:block; clear:both;} #contentsMain .linkCol > li{display:table; float:left; margin:0 20px 20px 0; height:65px; border:1px solid #e0e0e0; position:relative;} #contentsMain .linkCol > li:before, #contentsMain .linkCol > li:after{content:"";position:absolute;top:0;bottom:0;margin:auto;vertical-align:middle;} #contentsMain .linkCol > li:before{left:10px;width:14px;height:14px;border-radius:50%;background:#6f3c82;} #contentsMain .linkCol > li:after{left:13px;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} #contentsMain .linkCol > li > a{display:table-cell; height:63px; padding:0 0 0 30px; vertical-align:middle; line-height:1.3; color:#333; text-decoration:none;} #contentsMain .linkCol > li > a:hover{opacity:0.7;} #contentsMain .linkCol.col2 > li{width:323px;} #contentsMain .linkCol.col2 > li:nth-child(2n){margin:0 0 20px 0;} #contentsMain .linkCol.col2 > li > a{width:321px;} #contentsMain .linkCol.col3 > li{width:208px;} #contentsMain .linkCol.col3 > li:nth-child(3n){margin:0 0 20px 0;} #contentsMain .linkCol.col3 > li > a{width:206px;} /* banner */ #contentsMain .bannerCol{margin:0 auto; padding:0 20px;} #contentsMain .bannerCol:after{content:""; display:block; clear:both;} #contentsMain .bannerCol > li{display:block; float:left; margin:0 20px 20px 0; width:208px; position:relative; list-style:none;} #contentsMain .bannerCol > li:before{display:none;content:"";} #contentsMain .bannerCol > li:nth-child(3n){margin:0 0 20px 0;} #contentsMain .bannerCol > li a.linkBanner{display:block; text-align:center;} #contentsMain .bannerCol > li a.linkBanner:hover{opacity:0.7;} #contentsMain .bannerCol > li a.linkBanner > span{display:block;} #contentsMain a.linkBanner[target="_blank"]{background:none} /*************************** A.3 センターテンプレート ***************************/ #contents table.calenderTable{width:100%; margin:0 auto 15px; padding:0; border-collapse:collapse; table-layout:fixed; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:none; border-bottom:none;} #contents table.calenderTable tr > th, #contents table.calenderTable tr > td{border-top:none; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:none;} #contents table.calenderTable tr.week th{text-align:center; line-height:1; background-color:#f0f0f0; padding:8px 0; width:100px;} #contents table.calenderTable tr.week th.sunday{background-color:#e5403c; color:#fff;} #contents table.calenderTable tr.week th.saturday{background-color:#3e90ca; color:#fff;} #contents table.calenderTable tr td{background-color:#fff; width:100px; padding:0;} #contents table.calenderTable tr td > div{min-height:100px;padding:6px;line-height: 1.5;font-size:92%;} #contents table.calenderTable tr td > div > span.day{/*display:block;*/font-size:124%;/*line-height:1;font-weight:normal;margin-bottom: 8px;*/} #contents table.calenderTable tr td:before{contents:""; display:block; float:left; height:100px;} #contents table.calenderTable tr td.sunday, #contents table.calenderTable tr td.holiday{background-color:#fcecec;} #contents table.calenderTable tr td.saturday{background-color:#ecf3f9;} /*************************** B 英語テンプレート ***************************/ /* template */ .indexPage.en #contentsMain{float:none;width:100%;padding:0 0 15px 0;} .en #header:after {content:""; display:block; clear:both;} .en #header_link{margin-top:6px;} .en #header_content{margin:0 0 0 370px;} .en #header_langsearch{float:right; width:277px;} .en #header_logo{float:left; width:346px; margin:0; padding-top:14px;} .en #header_utilities{float:left; width:325px;} .en #header_language{margin-bottom:6px;} .en #header_link li{margin-right:10px;} .en #header_link li:nth-child(1) a{display:block;width:80px;height:18px;background:url(/share/imgs/btn_link_directory_en.png) 0 0 no-repeat;} .en #header_link li:nth-child(2) a{display:block;width:132px;height:18px;background:url(/share/imgs/btn_link_map_en.png) 0 0 no-repeat;} .en #header_link li:nth-child(3) a{display:block;width:72px;height:18px;background:url(/share/imgs/btn_link_sitemap_en.png) 0 0 no-repeat;} .en #header_search{float:right;position:relative;width:100%;height:36px;margin:0;padding:0;background:#f0f0f0 none no-repeat 4px 2px;} .en #header_searchbox{position:absolute;bottom:5px;left:6px;width:202px;height:26px;padding:3px 0 0 5px;font-size:69%;color:#4e4e4e;background-color:#fff;border:none;outline:none;} .en #header_searchbtn{position:absolute;bottom:5px;right:7px;width:61px;height:26px;} .en #header_search span{color:#999;display:block;font-size:69%;left:8px;top:8px;position:absolute;z-index:1;} /* Gnavi */ #gNavEn{background:#703984;} #gNavEn > div{width:980px;margin:0 auto;padding:0; display:table; table-layout:fixed;} #gNavEn > div a{position:relative; display:table-cell; margin:0; padding:0; height:65px; list-style:none; border-right:1px solid #9878a7; line-height:1.2; font-size:116%; font-weight:normal; text-decoration:none; font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;vertical-align:middle; text-align:center; color:#fff; background-color:#703984;} #gNavEn > div a:first-child{border-left:1px solid #845C93;} #gNavEn > div a:hover{background-color:#9460A7; text-decoration:none;} /* Gnavi */ #gNavEn{background:#703984;} #gNavEn ul{width:980px;margin:0 auto;padding:0;} #gNavEn ul:before, #gNavEn ul:after{content:"";display:table;} #gNavEn ul:after{clear:both;} #gNavEn ul li{position:relative;float:left;margin:0;padding:0;width:164px;list-style:none;} #gNavEn ul li a{display:table-cell;width:164px;height:65px; vertical-align:middle; line-height:1.2; color:#fff; text-decoration:none;font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:116%; border-right:1px solid #9878a7;} #gNavEn ul li a:hover{background-color:#9460A7;} #gNavEn ul li:first-child{ width:160px;} #gNavEn ul li:first-child a{ width:160px;border-left:1px solid #845C93;} /* Contents */ .en #contentsMain .newsTabcontents{margin-bottom:30px;} .en #contentsMain .newsTabcontents li span {width:120px;} .en #contentsMain .newsTabcontents li a {width:820px;} .en #footer_link > ul > li{width:auto; margin:0 25px 0 0;} .en #footer_link > ul > li> a{margin:0; padding:2px 0 2px 20px;} .en #mainButtons li{float:left; margin:0 20px 0 0; padding:0; list-style:none;} .en #mainButtons li:before{content:"";} .en #mainButtons li:last-child{margin:0;} /*mtn*/ #contentsMain #contentsBottom #mainButtons a[target="_blank"]{background:none;margin:0;padding:0;} /*mtn_end*/ /* ocha */ #contents #contentsMain p,#contents #contentsMain p li,#contents #contentsMain table td,#contents #contentsMain table td li,div#contents div#contentsMain ol li dl dd,div#contentsMain>ul>li,div#contentsMain>table>tbody>tr>td,table>tbody>tr>td { overflow-wrap: break-word; word-wrap: break-word; line-break: strict; } body { word-break: normal; word-wrap: break-word; } div#contentsMain>table>tbody>tr>td>ul>li { padding-left: 1em; text-indent: -1em; } * { word-break: normal; word-wrap:break-word; overflow-wrap:break-word; } img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } div#type { background: url("/share/style/images/type_1.gif") no-repeat scroll left top; height: 582px; margin: 20px 0 0 20px; position: relative; width: 680px; } div#type div.type_2 { left: 14px; position: absolute; top: 137px; } div#type div.type_3 { left: 189px; position: absolute; top: 137px; } div#type div.type_4 { left: 364px; position: absolute; top: 137px; } div#type div.type_5 { left: 539px; position: absolute; top: 137px; } div#type div.type_btn_1 { left: 14px; position: absolute; top: 280px; } div#type div.type_btn_2 { left: 14px; position: absolute; top: 379px; } div#type div.type_btn_3 { left: 14px; position: absolute; top: 478px; } div#type div.type_btn_4 { left: 189px; position: absolute; top: 280px; } div#type div.type_btn_5 { left: 189px; position: absolute; top: 379px; } div#type div.type_btn_6 { left: 189px; position: absolute; top: 478px; } div#type div.type_btn_7 { left: 364px; position: absolute; top: 280px; } div#type div.type_btn_8 { left: 364px; position: absolute; top: 379px; } div#type div.type_btn_9 { left: 539px; position: absolute; top: 280px; } #typeNav { left: 0; position: absolute; top: 93px; width: 690px; } #typeNav li { display: inline; margin-right: 2px; padding: 0; } :first-child + html #typeNav li { margin-right: 5px; } #typeNav li.tail { margin-right: 0; } div#schedule { background: url("/share/style/images/index_1.gif") no-repeat scroll left top; height: 564px; margin: 20px 0 0; position: relative; width: 681px; } div#schedule div.s_1 { left: 17px; position: absolute; top: 18px; } div#schedule div.s_2 { left: 71px; position: absolute; top: 18px; } div#schedule div.s_3 { left: 125px; position: absolute; top: 18px; } div#schedule div.s_4 { left: 179px; position: absolute; top: 18px; } div#schedule div.s_5 { left: 234px; position: absolute; top: 18px; } div#schedule div.s_6 { left: 288px; position: absolute; top: 18px; } div#schedule div.s_7 { left: 342px; position: absolute; top: 18px; } div#schedule div.s_8 { left: 396px; position: absolute; top: 18px; } div#schedule div.s_9 { left: 488px; position: absolute; top: 18px; } div#schedule div.s_10 { left: 629px; position: absolute; top: 18px; } div#schedule div.s_entrance { left: 538px; position: absolute; top: 203px; } #tbl_schedule { border-color: #CCCCCC; border-style: solid; border-width: 2px 3px 3px; margin-top: 10px; } #tbl_schedule th, td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 7px; } #tbl_schedule th.head { background: none repeat scroll 0 0 #F4E7EC; font-weight: bold; } #tbl_schedule th.menu { background: none repeat scroll 0 0 #EDEDED; font-weight: bold; } /* ボタン */ @font-face { font-family: "LigatureSymbols"; src: url("http://www.ocha.ac.jp/archive/common/fonts/LigatureSymbols-2.11.eot"); src: url("http://www.ocha.ac.jp/archive/common/fonts/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"), url("http://www.ocha.ac.jp/archive/common/fonts/LigatureSymbols-2.11.woff") format("woff"), url("http://www.ocha.ac.jp/archive/common/fonts/LigatureSymbols-2.11.ttf") format("truetype"), url("http://www.ocha.ac.jp/archive/common/fonts/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg"); font-weight: normal; font-style: normal; } .icon-font { font-family: "LigatureSymbols"; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-feature-settings: "liga"1, "dlig"1; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga"1, "dlig"1; -o-font-feature-settings: "liga"1, "dlig"1; font-feature-settings: "liga"1, "dlig"1; } /*------------------------------------------ // User style start // change ----------------------------------------- */ p.button-content{ border-radius: 5px; box-shadow: 0px 0px 0px 0px rgba(72,45,63, 0); color: #f8f8f8; } .button-text { padding: 0px 7.5px; line-height: 1.2em; font-size: 22px; } .icon-font { padding: 0px 7.5px; font-size: 27px; } @media screen and (-webkit-min-device-pixel-ratio:0) { .icon-font,a:link.icon-font { font-size: 1px; color:#fff; text-decoration: none; } } .button-text { display: table-cell; vertical-align: middle; text-decoration: none; } .icon-font { display: table-cell; vertical-align: middle; } ol ul,ol ul li { list-style-type: disc; list-style-image: none; list-style-position: inside; } i,em { font-style:italic; } #contentsMain H2 i,#contentsMain H3 i,#contentsMain H4 i,#contentsMain H5 i,#contentsMain H6 i,#contentsMain i,#contentsMain em { font-family: "ＭＳ ゴシック",sans-serif; font-style: italic; } #contentsMain table td ol#2c_map { counter-reset: item 17; } #contentsMain table td #2c_map li { display: block; } #contentsMain table td #2c_map li:before { content: counter(item) ". "; counter-increment: item; } div#schedule_en{ margin:20px 0 0 0; position:relative; width:710px; height:563px; background:url("/share/imgs/index_1.gif") no-repeat left top; } div#schedule_en div.s_1{ position:absolute; top:23px; left:10px; } div#schedule_en div.s_2{ position:absolute; top:80px; left:10px; } div#schedule_en div.s_3{ position:absolute; top:125px; left:10px; } div#schedule_en div.s_4{ position:absolute; top:193px; left:10px; } div#schedule_en div.s_5{ position:absolute; top:250px; left:10px; } div#schedule_en div.s_6{ position:absolute; top:296px; left:10px; } div#schedule_en div.s_7{ position:absolute; top:364px; left:10px; } div#schedule_en div.s_8{ position:absolute; top:421px; left:10px; } div#schedule_en div.s_9{ position:absolute; top:23px; left:435px; } div#schedule_en div.s_entrance{ position:absolute; top:150px; left:464px; } div#schedule_en div.s_10{ position:absolute; top:318px; left:435px; } div#schedule_en div a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; } #contents i,p>i,i{ font-family: "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体" font-style: italic; font-style: oblique; } /* ocha_end */ /*mtn*/ #contents .relationList > ul > li::before, #contents .otherinfoList > ul > li::before{ content:"?"; font-size:100%;} #contents .relationList ul li, #contents .otherinfoList ul li{ margin-left:0; padding-left:25px; position:relative; text-indent:-1em; vertical-align:middle;} #contentsMain .relationList a, #contentsMain .otherinfoList a{ margin-left: 0.5em;} #contents .otherinfoList > h3{ font-size:129%;} #contentsMain .moveList.subList{position: relative;right: 15px;top: -41px;margin :0;} #contentsMain .moveList .fontwhite{color: #eae2ec;} /*mtn end*/ /* mtn */ .img_right{ clear:right; float:right; margin: 0 0 10px 30px; padding: 10px; border:1px solid #e0e0e0; letter-spacing:normal; text-align: center; line-height:1.2; } .img_left{ clear:left; float:left; margin: 0 30px 10px 0; padding: 10px; border:1px solid #e0e0e0; letter-spacing:normal; text-align: center; line-height:1.2; } .img_right img, .img_left img { margin:0 auto 10px; } .no_waku{border: none;} /* mtn end */ /* 化学式用のタグ設定 */ .sub { font-size: 0.8em; position: relative; top: 0.4em; left: 0.1em; } .sub2 { font-size: 0.8em; position: relative; top: 0.4em; left: 0; } .sup { font-size: 0.8em; position: relative; top: -0.6em; } .ion { font-size: 0.8em; position: relative; top: -0.6em; left: -0.5em; } /* 20161101 スライド表示 ADD */ .cancel_none { display: block !important; } /* 20161101 スライド表示 ADD-END */ /* 20161101 画像枠追加 ADD */ .small_font { display: block; text-align: left; font-size: 80%; } /* 20161101 画像枠追加 ADD-END */ /* layout */ /* mtn add-start 2017/02/21 */ #footer_sitemap { background-color: #f3f781; display: table; width: 100%; padding-top: 30px; } #footer_sitemap .fs_column { margin: 0 auto; width: 980px; } #footer_sitemap a { color: #000000; } #footer_sitemap dl { float: left; width: 180px; margin: 0 15px 15px 0; } #footer_sitemap dt { font-weight: bold; } /* mtn add-end 2017/02/21 */ /* 20170220 グローバルリーダーシップ研究所サブサイト追加 */ div#contentsMain div#leadertopics h2 { margin: 0 0 8px; padding: 0; background: none; } div#cotentsMain div.leadertopicsTabcontents img { width: 100%; } div#cotentsMain div.leadertopicsTabcontents img { vertical-align: text-bottom; } div#contentsMain div.leadertopicsTabcontents { border: 1px solid #ccc; border-radius: 2px; margin-bottom: 50px; } div#contentsMain div.leadertopicsTabcontents ul:first-child { display: block; } div#contentsMain div.leadertopicsTabcontents dl dt img { width: 200px; margin: 10px 0 0 30px; } div#contentsMain div.leadertopicsTabcontents dl dd p a { margin: 0; text-decoration: underline; } div#contentsMain div.leadertopicsTabcontents dl dt::before { content: normal; } div#contentsMain div.leadertopicsTabcontents dl dd::before { content: normal; } div#contentsMain div.leadertopicsTabcontents dt { float: left; } div#contentsMain div.leadertopicsTabcontents dd { padding-top: 20px; padding-left: 240px; padding-right: 20px; } div#contentsMain div.leadertopicsTabcontents hr { border-width: 3px 0 0; border-style: dotted; } /* リーダーシップ研究所のグロナビの動き追加 */ div#gNav div.gNavleader ul { width: ; margin: auto; } div#gNav div.gNavleader ul li { position: relative; float: left; text-align: center; line-height: 25px; } div#gNav div.gNavleader ul li a.collapse { display: table; box-sizing: border-box; width: 143px; height: 50px; text-decoration: none; font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif; color: #ffffff; border-right: 1px solid #ffffff; background-color: #8b1129; } div#gNav div.gNavleader ul li:first-child a.collapse { width: 142px; } div#gNav div.gNavleader ul li:last-child a.collapse { border-right: none; } div#gNav div.gNavleader ul li:hover a.collapse, div#gNav div.gNavleader ul li.active a.collapse { background-color: #4d4d4d; } div#gNav div.gNavleader ul li a.collapse span { display: table-cell; vertical-align: middle; } div#gNav div.gNavleader ul.nest { position: absolute; max-width: 200px; width: 200px; left: 0px; top: 60px; overflow: hidden; z-index: 10; border: 3px solid #845C93; background-color: #ffffff; } div#gNav div.gNavleader ul li.hover ul.nest { display: block; } div#gNav div.gNavleader ul.nest li { display: block; float: none; width: auto; height: auto; text-align: left; font-size: 87.5%; line-height: 1.4em; border-bottom: 3px solid #f2f2f2; padding: 10px; } div#gNav div.gNavleader ul.nest li:first-child { width: auto; } div#gNav div.gNavleader ul.nest li:last-child { border-bottom: none; } div#gNav div.gNavleader ul.nest li a { color: #000000; border-left: 5px solid #8b1129; padding-left: 10px; border-right: none; height: 40px; text-align: left; word-break: normal; width: auto; } div#gNav div.gNavleader ul li a { display: table-cell; background: none; white-space: normal; text-indent: 0; width: 140px; } /* 20170220 リーダーシップ研究所トップイベント情報表示 */ div#contentsSub div#leaderevent h2 { margin: 0 0 8px; padding: 0; background: none; } div#contentsSub div#leaderevent { border-radius: 2px; } div#contentsSub div#leaderevent div.leadereventSub hr { border-style: dotted; border-width: 3px 0 0; } div#contentsSub div#leaderevent div.leadereventSub { border: 1px solid #ccc; padding: 10px 15px; } div#contentsSub div#leaderevent div.leadereventSub dl dt time { font-weight: bold; text-decoration: none; display: block; font-size: 95%; } div#contentsSub div#leaderevent div.leadereventSub dl dt p a { margin: 0; text-decoration: underline; font-size: 95%; } div#contentsSub div#leaderevent dl dt p { margin-bottom: 0px; } div#leaderevent div.leadereventSub dl.clearfix { margin-bottom: 0px; } #contentsMain .leaderlinkcol3 .col3.linkCol > li { width: 402px; } #contentsMain .leaderlinkcol3 .col3.linkCol > li > a { width: 400px; } div#leadertopics div.leadertopicsTabcontents dl { margin-bottom: 0px; } /* 20170220 リーダーシップ研究所トップイベント情報表示 終了*/ /*グローバル教育センター ocha*/ /*スクロール用*/ table.table-header-fixed,.table-header-fixed td,.table-header-fixed tr { margin:0; padding:0; font-size:10px; line-height: 1.5em; } thead.scrollHead,tbody.scrollBody{ display:block; } tbody.scrollBody{ overflow-y:scroll; height:600px; } /*幅調整*/ .scrollBody>td,.scrollBody>th{ table-layout:fixed; } .scrollBody>td,.scrollBody>th { padding:0; } th.td01{ width:95px; font-size:9px; } th.td02{ width:11px; } th.td03{ width:20px; } .gec_sp_n { display:none; } /* 20170320 リーダーシップ研究所例文挿入画像枠作成 */ #contents .photoColleader { margin-left:0;list-style:none;text-align:left;letter-spacing:-0.4em;clear:both;} /* mtn */ #contents .photoColleader li { display:inline-block;width:216px;margin:0 0 0 30px;padding:10px;border:1px solid #e0e0e0;letter-spacing:normal;text-align:center;line-height:1.2;vertical-align:top;} /* mtn */ #contents .photoColleader li:before { content:"";} #contents .photoColleader.col2leader li { width:216px;} #contents .photoColleader.col3leader li { width:216px;margin:0 0 0 29px;padding:7px;} #contents .photoColleader li:first-child, #contents .photoColleader.col3leader li:first-child { margin:0;} #contents .photoColleader li img { margin:0 auto 10px;display:block;text-align:center;max-width:109px;height:154px;} /* mtn */ #contents .photoColleader.col2leader li img { max-width:109px;height:154px;} #contents .photoColleader.col3leader li img { max-width:109px;height:154px;} /* 20180220 FacebookSNSボタンレイアウト調整 ADD */ .fb_iframe_widget{ display:block !important; position:relative;} /* 20180220 FacebookSNSボタンレイアウト調整 ADD-END */ /* ADD 2019/2/19 */ #fzschools-side-bannar-list p { margin: 0; } /* ADD-END 2019/2/19 */ /* ADD 2022/1/11 新トップページ用*/ /* -------------------------------------------------------------------------------- common -------------------------------------------------------------------------------- */ div#trigger { position: absolute; left: 0px; top: 50vh; } div.home { position: relative; font-size: 1rem; font-feature-settings: "palt"; line-height: 1.5rem; } div.home * { margin: 0px; padding: 0px; } div.home h2, div.home h3 { color: #333333; background-color: transparent; } /* 20220728 英語タイトル対応 ADD */ div.home h3 { text-align: left; } /* 20220728 英語タイトル対応 ADD-END */ div.home p.button-more { display: flex; flex-wrap: wrap; justify-content: center; font-size: 0.875rem; } div.home p.button-more a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; width: 300px; height: 40px; text-decoration: none; color: #a81563; border: 1px solid #a81563; background-color: #ffffff; transition: 0.25s color ease, 0.25s background-color ease; } div.home p.button-more a:hover { color: #ffffff; background-color: #a81563; } div.home p.button-more a::before { position: absolute; width: 7px; height: 7px; left: 5px; top: calc(50% - 3.5px); border-right: 1px solid #a81563; border-top: 1px solid #a81563; content: ""; transition: 0.25s border-color ease; transform: rotate(45deg); } div.home p.button-more a:hover::before { border-color: #ffffff; } div.home img { display: block; max-width: 100%; height: auto; } /* -------------------------------------------------------------------------------- cover -------------------------------------------------------------------------------- */ div.home div#cover div.image { position: relative; overflow: hidden; padding-bottom: 41.66%; opacity: 0; transition: 1s opacity ease; } div.home div#cover.active div.image { opacity: 1; } div.home div#cover div.image p.row { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } div.home div#cover div.image p.row img { display: block; width: 100%; height: auto; } div.home div#cover div.image p.row img.small { display: none; } /* -------------------------------------------------------------------------------- important-notice -------------------------------------------------------------------------------- */ div.home div#important-notice { position: relative; } div.home div#important-notice div.inner-important-notice { display: flex; flex-wrap: wrap; align-items: center; position: relative; width: 920px; margin: auto; } div.home div#important-notice p.label, div.home div#important-notice ul { height: 60px; } div.home div#important-notice p.label { display: flex; flex-wrap: wrap; align-items: center; position: relative; width: 170px; font-family: "Noto Serif JP", "Yu Mincho", YuMincho, serif; font-size: 1.125rem; color: #ffffff; letter-spacing: 0.2em; margin-right: 30px; background-color: #a81563; } div.home div#important-notice p.label::before { position: absolute; width: 50vw; height: 100%; right: 0px; top: 0px; background-color: #a81563; content: ""; } div.home div#important-notice p.label span { position: relative; } div.home div#important-notice ul { position: relative; width: calc(100% - 320px); overflow: hidden; margin-right: 20px; opacity: 0; transition: 0.75s opacity ease; } div.home div#important-notice.active ul { opacity: 1; } div.home div#important-notice ul li { display: flex; flex-wrap: wrap; align-items: center; position: absolute; width: 100%; height: 60px; left: 0px; top: 0px; overflow: hidden; list-style: none; } div.home div#important-notice ul li:not(:first-child) { transform: translateY(100%); } div.home div#important-notice ul li.active { animation: 1s ease 1 forwards important-notice-active; } div.home div#important-notice ul li.deactive { animation: 1s ease 1 forwards important-notice-deactive; } @keyframes important-notice-active { 0% { opacity: 0; transform: translateY(100%); } 50% { opacity: 1; } 100% { opacity: 1; transform: translateY(0%); } } @keyframes important-notice-deactive { 0% { opacity: 1; transform: translateY(0%); } 50% { opacity: 0; } 100% { opacity: 0; transform: translateY(-100%); } } div.home div#important-notice ul li span { display: block; } div.home div#important-notice ul li span.date { width: 100px; font-size: 0.875rem; } div.home div#important-notice ul li span.headline { width: calc(100% - 100px); overflow: hidden; } div.home div#important-notice ul li span.headline a { color: #a81563; } div.home div#important-notice p.button-more a { width: 100px; height: 30px; } /* -------------------------------------------------------------------------------- contents -------------------------------------------------------------------------------- */ div.home div#contents { width: auto; text-align: justify; padding: 0px; } div.home div#contents section div.inner-section { width: 930px; margin: auto; padding: 80px 0px; } div.home div#contents section header { text-align: center; margin-bottom: 80px; } div.home div#contents section header h2 { display: flex; flex-wrap: wrap; justify-content: center; text-indent: 0.2em; font-family: "Noto Serif JP", "Yu Mincho", YuMincho, serif; font-size: 1.875rem; color: #6f3c82; letter-spacing: 0.2em; margin-bottom: 10px; } div.home div#contents section header h2 span { display: block; border-bottom: 3px solid #6f3c82; padding-bottom: 5px; } div.home div#contents section header p.sub { text-indent: 0.2em; font-family: "Noto Serif JP", "Yu Mincho", YuMincho, serif; font-size: 1rem; letter-spacing: 0.2em; } /* topics -------------------------------------------------------------------------------- */ div.home div#contents section#topics { background-color: #e5e3e5; } div.home div#contents section#topics div.list { display: flex; flex-wrap: wrap; margin: 0px -15px -15px 0px; } div.home div#contents section#topics div.list div.row { position: relative; width: calc(33.33% - 15px); overflow: hidden; margin: 0px 15px 15px 0px; background-color: #ffffff; border-radius: 5px; } div.home div#contents section#topics div.list div.row p.image { position: relative; } div.home div#contents section#topics div.list div.row p.image::before { box-sizing: border-box; position: absolute; width: 100%; height: 50%; left: 0px; bottom: 0px; z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 75%, rgba(0, 0, 0, 0.75) 100%); content: ""; } div.home div#contents section#topics div.list div.row p.image img { transition: 0.25s opacity ease; } div.home div#contents section#topics div.list div.row a:hover p.image img { opacity: 0.75; } div.home div#contents section#topics div.list div.row div.text { box-sizing: border-box; position: absolute; width: 100%; left: 0px; bottom: 0px; z-index: 2; color: #ffffff; padding: 0px 15px 15px 15px; } div.home div#contents section#topics div.list div.row div.text p.date { text-align: left; font-size: 0.875rem; } div.home div#contents section#topics div.list div.row div.text h3 { font-size: 1rem; line-height: 1.5rem; color: #ffffff; padding: 0px; } div.home div#contents section#topics div.list div.row a:hover div.text h3 { text-decoration: underline; } /* news -------------------------------------------------------------------------------- */ div.home div#contents section#news { background: url(/share/imgs/home-news-background.jpg) no-repeat center bottom; background-size: 100% auto; } div.home div#contents section#news div.tab { width: 480px; margin: 0px auto 40px auto; } div.home div#contents section#news div.tab ul { display: flex; flex-wrap: wrap; } div.home div#contents section#news div.tab ul li { width: 33.33%; text-align: center; text-indent: 0.2em; font-family: "Noto Serif JP", "Yu Mincho", YuMincho, serif; letter-spacing: 0.2em; font-size: 1.125rem; list-style-type: none; border-bottom: 4px solid #e5e5e5; cursor: pointer; padding-bottom: 10px; transition: 0.25s color ease, 0.25s border-color ease; } div.home div#contents section#news div.tab ul li:hover, div.home div#contents section#news div.tab ul li.active { color: #a81563; border-color: #a81563; } div.home div#contents section#news div.content { height: 0px; overflow: hidden; pointer-events: none; opacity: 0; transition: 0.5s opacity ease; } div.home div#contents section#news div.content.active { height: auto; pointer-events: auto; opacity: 1; } div.home div#contents section#news div.list-image { display: flex; flex-wrap: wrap; margin: 0px -10px 50px 0px; } div.home div#contents section#news div.list-image div.row { width: calc(25% - 10px); border: 1px solid #cccccc; margin: 0px 10px 10px 0px; background-color: #ffffff; } div.home div#contents section#news div.list-image div.row p.image img { transition: 0.25s opacity ease; } div.home div#contents section#news div.list-image div.row a:hover p.image img { opacity: 0.75; } div.home div#contents section#news div.list-image div.row div.text { padding: 10px; } div.home div#contents section#news div.list-image div.row div.text p.date { text-align: left; font-size: 0.75rem; border-bottom: 1px solid #cccccc; margin-bottom: 10px; padding-bottom: 5px; } div.home div#contents section#news div.list-image div.row a:hover { text-decoration: none; } div.home div#contents section#news div.list-image div.row div.text h3 { font-size: 0.875rem; line-height: 1.375rem; } div.home div#contents section#news div.list-image div.row a:hover div.text h3 { text-decoration: underline; } div.home div#contents section#news div.list-text { border: 1px solid #cccccc; margin-bottom: 60px; } div.home div#contents section#news div.list-text div.row { display: flex; flex-wrap: wrap; align-items: center; padding: 20px 25px; } div.home div#contents section#news div.list-text div.row:nth-child(2n+1) { background-color: #ffffff; } div.home div#contents section#news div.list-text div.row:nth-child(2n) { background-color: #f2f2f2; } div.home div#contents section#news div.list-text div.row p.date { width: 100px; text-align: left; font-size: 0.75rem; } div.home div#contents section#news div.list-text div.row h3 { width: calc(100% - 100px); font-size: 0.875rem; line-height: 1.375rem; } /* information -------------------------------------------------------------------------------- */ div.home div#contents section#information div.list { display: flex; flex-wrap: wrap; margin: -20px; } div.home div#contents section#information div.list div.row { box-sizing: border-box; position: relative; width: 33.33%; padding: 30px; } div.home div#contents section#information div.list div.row::before { position: absolute; width: 0px; height: calc(100% - 40px); right: 0px; top: 20px; border-right: 1px solid #6f3c82; content: ""; } div.home div#contents section#information div.list div.row:nth-child(3n)::before { display: none; } div.home div#contents section#information div.list div.row::after { position: absolute; width: calc(100% - 40px); height: 0px; left: 20px; bottom: 0px; border-bottom: 1px solid #6f3c82; content: ""; } div.home div#contents section#information div.list div.row:nth-last-child(1)::after, div.home div#contents section#information div.list div.row:nth-last-child(2)::after, div.home div#contents section#information div.list div.row:nth-last-child(3)::after { display: none; } div.home div#contents section#information div.list div.row a:hover { text-decoration: none; } div.home div#contents section#information div.list div.row p.icon { margin-bottom: 15px; } div.home div#contents section#information div.list div.row p.icon img { width: auto; height: 50px; margin: auto; } div.home div#contents section#information div.list div.row h3 { text-align: center; text-indent: 0.15em; font-size: 1.25rem; color: #6f3c82; letter-spacing: 0.15em; margin-bottom: 10px; } div.home div#contents section#information div.list div.row a:hover h3 { text-decoration: underline; } div.home div#contents section#information div.list div.row h3 br { display: none; } div.home div#contents section#information div.list div.row p.description { font-size: 0.875rem; line-height: 1.375rem; } /* slide-banner -------------------------------------------------------------------------------- */ div.home div#contents div#slide-banner { background-color: #f0ebf2; } div.home div#contents div#slide-banner div.inner-slide-banner { position: relative; width: 530px; margin: auto; padding: 60px 0px; } div.home div#contents div#slide-banner div.list { overflow: visible; } div.home div#contents div#slide-banner div.list div.inner-list { display: flex; flex-wrap: wrap; width: 9999px; } div.home div#contents div#slide-banner div.list p.row { margin-right: 20px; background-color: #ffffff; } div.home div#contents div#slide-banner div.list p.row a { display: block; position: relative; } div.home div#contents div#slide-banner div.list p.row a::before { box-sizing: border-box; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1; border: 1px solid #cccccc; content: ""; } div.home div#contents div#slide-banner div.list p.row img { width: 100%; height: auto; transition: 0.25s opacity ease; } div.home div#contents div#slide-banner div.list p.row a:hover img { opacity: 0.75; } div.home div#contents div#slide-banner div.list-sp { display: none; } div.home div#contents div#slide-banner div.pager { position: absolute; width: 100%; height: 0px; left: 0px; top: 50%; z-index: 10; pointer-events: none; } div.home div#contents div#slide-banner div.pager p.button { position: absolute; width: 40px; height: 40px; top: calc(50% - 20px); pointer-events: auto; cursor: pointer; background-color: rgba(111, 60, 130, 0.75); border-radius: 50%; transition: 0.25s background-color ease; } div.home div#contents div#slide-banner div.pager p.button:hover { background-color: rgba(111, 60, 130, 1); } div.home div#contents div#slide-banner div.pager p.button-prev { left: calc(50% - 490px); } div.home div#contents div#slide-banner div.pager p.button-next { right: calc(50% - 490px); } div.home div#contents div#slide-banner div.pager p.button::before { position: absolute; width: 10px; height: 10px; left: calc(50% - 5px); top: calc(50% - 5px); border-right: 2px solid #ffffff; border-top: 2px solid #ffffff; content: ""; } div.home div#contents div#slide-banner div.pager p.button-prev::before { transform: translateX(2px) rotate(-135deg); } div.home div#contents div#slide-banner div.pager p.button-next::before { transform: translateX(-2px) rotate(45deg); } /* electricity -------------------------------------------------------------------------------- */ div#electricity div.inner-electricity { width: 930px; margin: auto; padding: 60px 0px; margin-top: 10px; } div#electricity div.content { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border: 1px solid #6f3c82; } div#electricity div.content div.header { display: flex; flex-wrap: wrap; align-items: center; padding-left: 25px; } div#electricity div.content div.header h2 { display: flex; flex-wrap: wrap; align-items: center; height: 42px; font-size: 1.25rem; color: #6f3c82; letter-spacing: 0.15em; margin-right: 15px; padding-left: 40px; background: url(/share/imgs/home-electricity-icon.png) no-repeat left center; background-size: auto 42px; } div#electricity div.content div.header p.date { display: flex; flex-wrap: wrap; font-size: 0.875rem; color: #ffffff; padding: 0px 5px; background-color: #6f3c82; } div#electricity div.content div.header p.date span { display: block; } div#electricity div.content div.header p.date span:nth-child(1) { margin-right: 5px; } div#electricity div.content div.body { display: flex; flex-wrap: wrap; align-items: center; } div#electricity div.content div.body div.use-goal { display: flex; flex-wrap: wrap; margin-right: 5px; } div#electricity div.content div.body div.use-goal p.use, div#electricity div.content div.body div.use-goal p.goal { display: flex; flex-wrap: wrap; } div#electricity div.content div.body div.use-goal p.use { position: relative; margin-right: 40px; } div#electricity div.content div.body div.use-goal p.use::before { position: absolute; width: 0px; height: 40px; right: -20px; top: calc(50% - 20px); border-right: 1px solid #6f3c82; content: ""; transform: rotate(30deg); } div#electricity div.content div.body div.use-goal p.use span, div#electricity div.content div.body div.use-goal p.goal span { display: block; } div#electricity div.content div.body div.use-goal p.use span.label, div#electricity div.content div.body div.use-goal p.goal span.label { margin-right: 10px; } div#electricity div.content div.body p.rate { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end; box-sizing: border-box; width: 140px; padding: 10px 15px 10px 0px; color: #ffffff; background-color: #6f3c82; } div#electricity div.content div.body p.rate span { display: block; } div#electricity div.content div.body p.rate span.number { font-size: 3.125rem; line-height: 3.125rem; } div#electricity div.content div.body p.rate span.unit { font-size: 1.875rem; transform: translateY(-7px); } /* -------------------------------------------------------------------------------- footer-navi -------------------------------------------------------------------------------- */ div#footer-navi { background-color: #e5e3e5; } div#footer-navi div.inner-footer-navi { width: 980px; margin: auto; padding: 40px 0px; } div#footer-navi div.navi-sp { display: none; } div#footer-navi div.tab { margin-bottom: 25px; } div#footer-navi div.tab ul { display: flex; flex-wrap: wrap; } div#footer-navi div.tab ul li { position: relative; text-align: center; font-size: 0.8125rem; line-height: 20px; list-style-type: none; border-bottom: 4px solid #ffffff; cursor: pointer; padding-bottom: 10px; transition: 0.25s color ease, 0.25s border-color ease; } div#footer-navi div.tab ul li:hover, div#footer-navi div.tab ul li.active { font-weight: bold; color: #a81563; border-color: #a81563; } div#footer-navi div.tab ul li:nth-child(1) { width: 99px; } div#footer-navi div.tab ul li:nth-child(2) { width: 97px; } div#footer-navi div.tab ul li:nth-child(3) { width: 74px; } div#footer-navi div.tab ul li:nth-child(4) { width: 166px; } div#footer-navi div.tab ul li:nth-child(5) { width: 195px; } div#footer-navi div.tab ul li:nth-child(6) { width: 110px; } div#footer-navi div.tab ul li:nth-child(7) { width: 119px; } div#footer-navi div.tab ul li:nth-child(8) { width: 120px; } div#footer-navi div.tab ul li span { display: block; position: relative; } div#footer-navi div.tab ul li span::before, div#footer-navi div.tab ul li:last-child span::after { position: absolute; width: 0px; height: 20px; top: calc(50% - 10px); border-right: 1px solid #ffffff; content: ""; } div#footer-navi div.tab ul li span::before { left: 0px; } div#footer-navi div.tab ul li:last-child span::after { right: 0px; } div#footer-navi div.content { height: 0px; overflow: hidden; pointer-events: none; opacity: 0; transition: 0.5s opacity ease; } div#footer-navi div.content.active { height: auto; pointer-events: auto; opacity: 1; } div#footer-navi div.column { display: flex; flex-wrap: wrap; margin-right: -40px; } div#footer-navi div.column div.row { width: calc(25% - 40px); margin-right: 40px; } div#footer-navi div.column div.row-wide { width: calc(50% - 40px); } div#footer-navi div.column div.row h3, div#footer-navi div.column div.row h4 { font-weight: bold; letter-spacing: 0.1em; padding-bottom: 5px; } div#footer-navi div.column div.row h3:not(:first-child), div#footer-navi div.column div.row h4:not(:first-child) { margin-top: 25px; } div#footer-navi div.column div.row h3 { font-size: 0.9375rem; color: #a81563; border-bottom: 2px solid #a81563; } div#footer-navi div.column div.row h3 a { color: #a81563; } div#footer-navi div.column div.row h4 { font-size: 0.8125rem; border-bottom: 2px solid #ffffff; } div#footer-navi div.column div.row ul li { position: relative; font-size: 0.75rem; line-height: 1rem; list-style-type: none; border-bottom: 1px dashed #ffffff; padding: 8px 0px 7px 10px; } div#footer-navi div.column div.row ul li.strong { font-weight: bold; } div#footer-navi div.column div.row ul li.indent { padding-left: 22px; } div#footer-navi div.column div.row ul li::before { position: absolute; width: 5px; height: 5px; left: 0px; top: 14px; border-right: 1px solid #a81563; border-bottom: 1px solid #a81563; content: ""; transform: rotate(-45deg); } div#footer-navi div.column div.row ul li.indent::before { left: 12px; } div#footer-navi div.column div.row ul li span { display: block; font-size: 0.625rem; line-height: 0.875rem; } /* -------------------------------------------------------------------------------- footer -------------------------------------------------------------------------------- */ div#footer { position: relative; } div#footer p#button-page-top { position: fixed; right: 20px; bottom: 20px; pointer-events: none; margin-bottom: 0px; opacity: 0; transition: 0.25s opacity ease; } div.scroll div#footer p#button-page-top { pointer-events: auto; opacity: 1; } div#footer p#button-page-top.footer { position: absolute; top: -80px; bottom: auto; } div#footer p#button-page-top a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; box-sizing: border-box; position: relative; width: 60px; height: 60px; border: 1px solid #a81563; background-color: rgba(255, 255, 255, 0.75); border-radius: 50%; transition: 0.25s background-color ease; } div#footer p#button-page-top a:hover { background-color: #a81563; } div#footer p#button-page-top a::before { box-sizing: border-box; position: absolute; width: 14px; height: 14px; left: calc(50% - 7px); top: calc(50% - 7px); border-right: 1px solid #a81563; border-top: 1px solid #a81563; transform: translateY(3px) rotate(-45deg); content: ""; transition: 0.25s border-color ease; } div#footer p#button-page-top a:hover::before { border-color: #ffffff; } /* ADD-END 2022/1/11 */ /* add 2022-01-27 -------------------------------------------------------------------------------- */ div#footer-navi div.column div.row ul li i.icon-new-window { display: inline-block; width: 10px; height: 10px; background: url(/share/imgs/home-icon-new-window.png) no-repeat left center; background-size: auto 10px; } /* ADD 2022/1/28 */ div.home p.news-news-image img { display: block; margin: auto; max-height: 225px; height: 225px; width: auto; } div.home p.news-event-image img { display: block; margin: auto; max-height: 225px; height: 225px; width: auto; } /* ADD-END 2022/1/28 */ /* ADD 2022/2/16 */ div#table-wrapper { max-width: 100%; overflow-x: auto; } /* ADD-END 2022/2/16 */ /* add 2022-05-20 ヘッダエリア日英対応 -------------------------------------------------------------------------------- */ ul#header_language_alternate { display: flex; flex-wrap: wrap; margin: 0px; padding: 7px 0px 0px 30px; } ul#header_language_alternate li { width: 118px; list-style: none; } ul#header_language_alternate li a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; box-sizing: border-box; height: 26px; text-decoration: none; color: #45a6ac; border: 1px solid #45a6ac; transition: 0.25s color ease, 0.25s background-color ease; } ul#header_language_alternate li:not(:last-child) a { border-right: none; } ul#header_language_alternate li a:hover, ul#header_language_alternate li.active a { color: #ffffff; background-color: #45a6ac; } ul#header_language_alternate li:first-child a { border-radius: 5px 0px 0px 5px; } ul#header_language_alternate li:last-child a { border-radius: 0px 5px 5px 0px; } div.en ul#header_link { transform: translateX(116px); } div.en #header_langsearch { width: 245px; } div.en ul#header_language_alternate { padding: 0px; transform: translate(-246px, 38px); } #header_target { width: 683px; margin-left: auto; margin-right: 0px; } #header_target li a { background-size: auto 80px; } #header_target li:nth-child(1) a { width: 98px; background-position: 0px 0px; } #header_target li:nth-child(2) a { width: 92px; background-position: -98px 0px; } #header_target li:nth-child(3) a { width: 92px; background-position: -190px 0px; } #header_target li:nth-child(4) a { width: 91px; background-position: -282px 0px; } #header_target li:nth-child(5) a { width: 92px; background-position: -373px 0px; } #header_target li:nth-child(6) a { width: 92px; background-position: -465px 0px; } #header_target li:nth-child(7) a { width: 126px; background-position: -557px 0px; } #header_target li:nth-child(1).currentLink a, #header_target li:nth-child(1) a:hover { background-position: 0 -40px; } #header_target li:nth-child(2).currentLink a, #header_target li:nth-child(2) a:hover { background-position: -98px -40px; } #header_target li:nth-child(3).currentLink a, #header_target li:nth-child(3) a:hover { background-position: -190px -40px; } #header_target li:nth-child(4).currentLink a, #header_target li:nth-child(4) a:hover { background-position: -282px -40px; } #header_target li:nth-child(5).currentLink a, #header_target li:nth-child(5) a:hover { background-position: -373px -40px; } #header_target li:nth-child(6).currentLink a, #header_target li:nth-child(6) a:hover { background-position: -465px -40px; } #header_target li:nth-child(7).currentLink a, #header_target li:nth-child(7) a:hover { background-position: -557px -40px; } #gNav ul li a { background-size: auto 180px; }