@charset "utf-8"; body { margin:0; font:87.5%/1.4 Helvetica,Verdana,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; color:#333; background:#e8e8e8 url("../img/bg.jpg") repeat-x; } a { text-decoration:none; } a:link, a:visited { color:#008ed4; } a:hover { color:#34ace6; } h1 { margin:0 0 32px 0; padding:6px 10px 3px 10px; font-size:157.1%; line-height:1.3; border-left:7px solid #0082ba; } h2 { margin:0; padding:2.0em 0 0.8em 0; font-size:128.6%; } p { margin:0; padding:1.0em 0 0 0; } form { display:block; margin:0; padding:0; } sup,sub { padding:0 0.5px; line-height:1.0; font-size:80%; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } #body { position:relative; width:960px; margin:26px auto; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow:0px 3px 12px #aaa; -moz-box-shadow:0px 3px 12px #aaa; -webkit-box-shadow:0px 3px 12px #aaa; } #header { position:relative; width:960px; height:115px; margin:0; padding:0; background:#002972 url("../img/header_bg.jpg") no-repeat; border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; } .home h1, #site { position:absolute; top:16px; left:20px; width:600px; height:50px; overflow:hidden; margin:0; padding:0; text-indent:-9999px; border:none; background:url("../img/CSJsitelogo.jpg") no-repeat; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; } #csj-e { text-indent:-9999px; } #contents { width:890px; padding:40px 35px 36px 35px; } #contentsL { float:left; width:700px; } #contentsR { float:right; width:160px; } .home #contentsL { width:630px; } .home #contentsR { width:225px; } #nav { position:absolute; top:77px; left:0px; width:960px; height:38px; font-size:107.7%; background:url("../img/nav_bg.jpg") no-repeat; } /***研究発表会 #conference***/ /* #conference { position:relative; width:630px; background:url("../img/conference_bg2.gif") left bottom no-repeat; } #conference h2 { width:570px; height:53px; overflow:hidden; margin:0; padding:20px 30px 0 30px; background:url("../img/conference_bg1.gif") left top no-repeat; } #conferenceDate { width:570px; min-height:10px; overflow:hidden; margin:0 30px 2px 30px; padding-bottom:10px; font-weight:bold; font-size:169.2%; color:#3ab1db; } #conferenceDate .cd_s1, #conferenceDate .cd_s2 { display:inline-block; padding:0 1px; font-size:50%; } #conferenceDate .cd_s2 { margin-left:-6px; font-weight:normal; } #conferenceDate .cd_s3 { display:inline-block; width:18px; height:24px; overflow:hidden; margin-left:-4px; padding-right:4px; text-indent:-9999px; background:url("../img/conference_tilde.gif") left 5px no-repeat; } #conferenceDate .cd_s4 { position:relative; top:2px; display:inline-block; width:24px; height:24px; overflow:hidden; margin-left:-4px; text-indent:-9999px; background:url("../img/conference_slant.gif") center 3px no-repeat; } #conferenceDate .cd_s5 { font-size:81.8%; } #conferenceDate .cd_s5 .cd_s2 { font-size:61.6%; } #conferenceDate .cd_s6 { font-weight:bold; } */ /* conferenceの会場名が長い場合 */ #conference { position:relative; width:630px; background:url("../img/conference_bg2.gif") left bottom no-repeat; } #conference h2 { width:570px; height:53px; overflow:hidden; margin:0; padding:20px 30px 0 30px; background:url("../img/conference_bg1.gif") left top no-repeat; } #conferenceDate { width:570px; min-height:10px;line-height:24px; overflow:hidden; margin:0 30px 2px 30px; padding-bottom:10px; font-weight:bold; font-size:169.2%; color:#3ab1db; } #conferenceDate .cd_s1, #conferenceDate .cd_s2 { display:inline-block; padding:0 1px; font-size:50%; } #conferenceDate .cd_s2 { margin-left:-6px; font-weight:normal; } #conferenceDate .cd_s3 { display:inline-block; width:18px; height:24px; overflow:hidden; margin-left:-4px; padding-right:4px; text-indent:-9999px; background:url("../img/conference_tilde.gif") left 5px no-repeat; } #conferenceDate .cd_s4 { position:relative; top:2px; display:inline-block; width:24px; height:24px; overflow:hidden; margin-left:-4px; text-indent:-9999px; background:url("../img/conference_slant.gif") center 3px no-repeat; } #conferenceDate .cd_s5 { font-size:68.8%; } #conferenceDate .cd_s5 .cd_s2 { font-size:61.6%; } #conferenceDate .cd_s6 { font-weight:bold; } /***研究発表会 #conference2***/ #conference2 { position:relative; width:630px; background:url("../img/conference_bg2.gif") left bottom no-repeat; } #conference2 h2 { width:570px; height:53px; overflow:hidden; margin:0; padding:20px 30px 0 30px; background:url("../img/conference_bg1.gif") left top no-repeat; } #conferenceDate2 { width:570px; min-height:10px; overflow:hidden; margin:0 30px 2px 30px; padding-bottom:10px; font-weight:bold; font-size:169.2%; color:#3ab1db; } #conferenceDate2 .cd_s1, #conferenceDate2 .cd_s2 { display:inline-block; padding:0 1px; font-size:50%; } #conferenceDate2 .cd_s2 { margin-left:-6px; font-weight:normal; } #conferenceDate2 .cd_s3 { display:inline-block; width:18px; height:24px; overflow:hidden; margin-left:-4px; padding-right:4px; text-indent:-9999px; background:url("../img/conference_tilde.gif") left 5px no-repeat; } #conferenceDate2 .cd_s4 { position:relative; top:2px; display:inline-block; width:24px; height:24px; overflow:hidden; margin-left:-4px; text-indent:-9999px; background:url("../img/conference_slant.gif") center 3px no-repeat; } #conferenceDate2 .cd_s5 { font-size:68.8%; } #conferenceDate2 .cd_s5 .cd_s2 { font-size:61.6%; } #conferenceDate2 .cd_s6 { font-weight:bold; } /* conference2の会場名が長い場合 */ /* #conference2 { position:relative; width:630px; background:url("../img/conference_bg2.gif") left bottom no-repeat; } #conference2 h2 { width:570px; height:53px; overflow:hidden; margin:0; padding:20px 30px 0 30px; background:url("../img/conference_bg1.gif") left top no-repeat; } #conferenceDate2 { width:570px; min-height:10px; overflow:hidden; margin:0 30px 2px 30px; padding-bottom:10px; font-weight:bold; font-size:169.2%; color:#3ab1db; } #conferenceDate2 .cd_s1, #conferenceDate2 .cd_s2 { display:inline-block; padding:0 1px; font-size:50%; } #conferenceDate2 .cd_s2 { margin-left:-6px; font-weight:normal; } #conferenceDate2 .cd_s3 { display:inline-block; width:18px; height:24px; overflow:hidden; margin-left:-4px; padding-right:4px; text-indent:-9999px; background:url("../img/conference_tilde.gif") left 5px no-repeat; } #conferenceDate2 .cd_s4 { position:relative; top:2px; display:inline-block; width:24px; height:24px; overflow:hidden; margin-left:-4px; text-indent:-9999px; background:url("../img/conference_slant.gif") center 3px no-repeat; } #conferenceDate2 .cd_s5 { font-size:81.8%; } #conferenceDate2 .cd_s5 .cd_s2 { font-size:61.6%; } #conferenceDate2 .cd_s6 { font-weight:bold; } */ /* hack for Safari 3-, Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { #conferenceDate .cd_s3, #conferenceDate2 .cd_s3, #topeventDate .cd_s3, #topeventDate2 .cd_s3 { background:url("../img/conference_tilde.gif") left 3px no-repeat; } #conferenceDate .cd_s4, #conferenceDate2 .cd_s4, #topeventDate .cd_s4, #topeventDate2 .cd_s4 { position:static; top:0; } } /**/ a#conferenceDetail, a#conferenceDetail2 { position:absolute; top:7px; left:7px; display:block; width:592px; height:57px; padding:43px 24px 0 0; text-align:right; font-size:78.6%; color:#0064bf; background:url("../img/ic_link.png") 558px 45px no-repeat; } a#conferenceDetail, a#conferenceDetail2, { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; } a#conferenceDetail:hover, a#conferenceDetail2:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } #conference ul, #conference2 ul { margin:0 30px; padding:10px 0 16px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } #conference li, #conference2 li { clear:both; display:block; padding:4px 0 3px 0; border-top:1px solid #d7f0f5; } #conference li a, #conference2 li a { display:block; padding-left:15px; } #conference li a, #conference2 li a { background:url("../img/ic_link.png") 2px 3px no-repeat; } #conference li a:hover, #conference2 li a:hove { background:url("../img/ic_link_on.png") 2px 3px no-repeat; } #conference2 li span { display:block; padding-left:15px; } #conference2 li span { background:url("../img/ic_link_on.png") 2px 3px no-repeat; color:slategray; } #conference li.nolink { padding-left:15px; color:#555; background:url("../img/ic_item_gray.png") 1px 7px no-repeat; } /***トピック #topic（研究発表会を参考に）***/ #topic { position:relative; width:630px; background:url("../img/conference_bg2.gif") left bottom no-repeat; } /* #topic h2 { width:570px; height:30px; overflow:hidden; margin:0; padding:20px 30px 0 30px; background:url("../img/conference_bg1.gif") left top no-repeat; font-family:sans-serif; color:#FF0066; font-weight:bold; font-size:1.10em; } */ /* 　タイトルが長いので2行に分割。高さを微調整。 */ #topic h2 { width:570px; height:52px; overflow:hidden; margin:0; padding:20px 30px 0 30px; background:url("../img/conference_bg1.gif") left top no-repeat; font-family:sans-serif; color:#FF0066; font-weight:bold; font-size:1.20em; } #topic h2 a { color:#FF0066; } //#topicLine { margin:0 30px; padding:10px 0 16px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } #topicLine { margin:0 30px; padding:10px 0 6px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } #topicNote { padding: 0 43px 16px 32px; font-size: 0.9em; line-height:1.85; } #topicNote a { color:#3ab1db; } /**/ /*** トップイベント #topevent（研究発表会を参考に）***/ #topevent { position:relative; width:630px; background:url("../img/conference_bg2.gif") left bottom no-repeat; } #topevent h2 { width:570px; height:30px; overflow:hidden; margin:0; padding:20px 30px 0 30px; background:url("../img/conference_bg1.gif") left top no-repeat; font-family:sans-serif; color:darkturquoise; font-weight:bold; font-size:1.2em; } #topeventDate { width:570px; min-height:10px; overflow:hidden; margin:0 30px 2px 30px; padding-bottom:10px; font-weight:bold; font-size:169.2%; color:#3ab1db; } #topeventDate .cd_s1, #topeventDate .cd_s2 { display:inline-block; padding:0 1px; font-size:50%; } #topeventDate .cd_s2 { margin-left:-6px; font-weight:normal; } #topeventDate .cd_s3 { display:inline-block; width:18px; height:24px; overflow:hidden; margin-left:-4px; padding-right:4px; text-indent:-9999px; background:url("../img/conference_tilde.gif") left 5px no-repeat; } #topeventDate .cd_s4 { position:relative; top:2px; display:inline-block; width:24px; height:24px; overflow:hidden; margin-left:-4px; text-indent:-9999px; background:url("../img/conference_slant.gif") center 3px no-repeat; } #topeventDate .cd_s5 { font-size:81.8%; } #topeventDate .cd_s5 .cd_s2 { font-size:61.6%; } #topeventDate .cd_s6 { font-weight:bold; } #topevent .title { width:570px; height:60px; overflow:hidden; margin:0; padding:0px 30px 0 30px; color:#0077af; font-weight:bold; font-size:1.6em; } //#topicLine { margin:0 30px; padding:10px 0 16px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } #topeventLine { margin:0 30px; padding:10px 0 6px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } #topeventNote { padding: 0 43px 16px 32px; font-size: 0.9em; line-height:1.85; } #topeventNote a { color:#3ab1db; } a#topeventDetail { position:absolute; top:24px; left:7px; display:block; width:592px; height:57px; padding:43px 24px 0 0; text-align:right; font-size:78.6%; color:#0064bf; background:url("../img/ic_link.png") 558px 45px no-repeat; } a#topeventDetail { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; } a#topeventDetail:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } #topevent ul { margin:0 30px; padding:10px 0 16px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } /*** トップイベント #topevent2（研究発表会を参考に）***/ /* #topevent2 { position:relative; width:630px; background:url("../img/conference_bg2.gif") left bottom no-repeat; } #topevent2 h2 { width:570px; height:0px; overflow:hidden; margin:0; padding:20px 30px 0 30px; background:url("../img/conference_bg1.gif") left top no-repeat; font-family:sans-serif; color:darkturquoise; font-weight:bold; font-size:1.2em; } #topeventDate2 { width:570px; min-height:10px; overflow:hidden; margin:0 30px 2px 30px; padding-bottom:10px; font-weight:bold; font-size:129.2%; color:#3ab1db; } #topeventDate2 .cd_s1, #topeventDate2 .cd_s2 { display:inline-block; padding:0 1px; font-size:50%; } #topeventDate2 .cd_s2 { margin-left:-6px; font-weight:normal; } #topeventDate2 .cd_s3 { display:inline-block; width:18px; height:24px; overflow:hidden; margin-left:-4px; padding-right:4px; text-indent:-9999px; background:url("../img/conference_tilde.gif") left 5px no-repeat; } #topeventDate2 .cd_s4 { position:relative; top:2px; display:inline-block; width:24px; height:24px; overflow:hidden; margin-left:-4px; text-indent:-9999px; background:url("../img/conference_slant.gif") center 3px no-repeat; } #topeventDate2 .cd_s5 { font-size:68.8%; } #topeventDate2 .cd_s5 .cd_s2 { font-size:61.6%; } #topeventDate2 .cd_s6 { font-weight:bold; } #topevent2 .title { width:570px; height:30px; overflow:hidden; margin:0; padding:0px 30px 0 30px; color:#0077af; font-weight:bold; font-size:1.6em; } //#topicLine { margin:0 30px; padding:10px 0 16px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } #topeventLine2 { margin:0 30px; padding:10px 0 6px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } #topeventNote2 { padding: 0 43px 16px 32px; font-size: 0.9em; line-height:1.85; } #topeventNote2 a { color:#3ab1db; } a#topeventDetail2 { position:absolute; top:24px; left:7px; display:block; width:592px; height:57px; padding:43px 24px 0 0; text-align:right; font-size:78.6%; color:#0064bf; background:url("../img/ic_link.png") 558px 45px no-repeat; } a#topeventDetail2 { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; } a#topeventDetail2:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } #topevent2 ul { margin:0 30px; padding:10px 0 16px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } //#topevent2 li { clear:both; display:block; padding:4px 0 3px 0; border-top:1px solid #d7f0f5; padding-left:15px; background:url("../img/ic_link.png") 2px 7px no-repeat; } #topevent2 li { clear:both; display:block; padding:4px 0 3px 0; border-top:0px solid #d7f0f5; padding-left:15px; background:url("../img/ic_link.png") 2px 7px no-repeat;font-size:92.3%; } */ /* 文字サイズ補正 */ #topevent2 { position:relative; width:630px; background:url("../img/conference_bg2.gif") left bottom no-repeat; } #topevent2 h2 { width:570px; height:0px; overflow:hidden; margin:0; padding:20px 30px 0 30px; background:url("../img/conference_bg1.gif") left top no-repeat; font-family:sans-serif; color:darkturquoise; font-weight:bold; font-size:1.2em; } #topeventDate2 { width:570px; min-height:10px; overflow:hidden; margin:0 30px 2px 30px; padding-bottom:10px; font-weight:bold; font-size:169.2%; color:#3ab1db; } #topeventDate2 .cd_s1, #topeventDate2 .cd_s2 { display:inline-block; padding:0 1px; font-size:50%; } #topeventDate2 .cd_s2 { margin-left:-6px; font-weight:normal; } #topeventDate2 .cd_s3 { display:inline-block; width:18px; height:24px; overflow:hidden; margin-left:-4px; padding-right:4px; text-indent:-9999px; background:url("../img/conference_tilde.gif") left 5px no-repeat; } #topeventDate2 .cd_s4 { position:relative; top:2px; display:inline-block; width:24px; height:24px; overflow:hidden; margin-left:-4px; text-indent:-9999px; background:url("../img/conference_slant.gif") center 3px no-repeat; } #topeventDate2 .cd_s5 { font-size:81.8%; } #topeventDate2 .cd_s5 .cd_s2 { font-size:61.6%; } #topeventDate2 .cd_s6 { font-weight:bold; } #topevent2 .title { width:570px; height:60px; overflow:hidden; margin:0; padding:0px 30px 0 30px; color:#0077af; font-weight:bold; font-size:1.6em; } //#topicLine { margin:0 30px; padding:10px 0 16px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } #topeventLine2 { margin:0 30px; padding:10px 0 6px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } #topeventNote2 { padding: 0 43px 16px 32px; font-size: 0.9em; line-height:1.85; } #topeventNote2 a { color:#3ab1db; } a#topeventDetail2 { position:absolute; top:24px; left:7px; display:block; width:592px; height:57px; padding:43px 24px 0 0; text-align:right; font-size:78.6%; color:#0064bf; background:url("../img/ic_link.png") 558px 45px no-repeat; } a#topeventDetail2 { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; } a#topeventDetail2:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } #topevent2 ul { margin:0 30px; padding:10px 0 16px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } //#topevent2 li { clear:both; display:block; padding:4px 0 3px 0; border-top:1px solid #d7f0f5; padding-left:15px; background:url("../img/ic_link.png") 2px 7px no-repeat; } #topevent2 li { clear:both; display:block; padding:4px 0 3px 0; border-top:0px solid #d7f0f5; padding-left:15px; background:url("../img/ic_link.png") 2px 7px no-repeat;font-size:92.3%; } /*** 50周年記念事業 #anniversary（研究発表会を参考に）***/ #anniversary { position:relative; width:630px; background:url("../img/conference_bg2.gif") left bottom no-repeat; } #anniversary h2 { width:570px; height:20px; overflow:hidden; margin:0; padding:20px 30px 0 30px; background:url("../img/conference_bg1.gif") left top no-repeat; font-family:sans-serif; color:darkturquoise; font-weight:bold; font-size:1.3em; } #conference2 h2 { width:570px; height:53px; overflow:hidden; margin:0; padding:20px 30px 0 30px; background:url("../img/conference_bg1.gif") left top no-repeat; } #anniversary .title { width:570px; height:30px; overflow:hidden; margin:0; padding:10px 30px 0 30px; color:#0077af; font-weight:bold; font-size:1.6em; } //#topicLine { margin:0 30px; padding:10px 0 16px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } #anniversaryLine { margin:0 30px; padding:10px 0 6px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } #anniversaryNote { padding: 0 43px 16px 32px; font-size: 0.9em; line-height:1.85; } #anniversaryNote a { color:#3ab1db; } a#anniversaryDetail { position:absolute; top:14px; left:7px; display:block; width:592px; height:57px; padding:43px 24px 0 0; text-align:right; font-size:78.6%; color:#0064bf; background:url("../img/ic_link.png") 558px 45px no-repeat; } a#anniversaryDetail { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; } a#anniversaryDetail:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } //#anniversary ul { margin:0 30px; padding:10px 0 16px 0; list-style:none; line-height:1.35; font-size:92.3%; background:url("../img/conference_line3.gif") left top repeat-x; } #anniversary ul { margin:0 30px; padding:10px 0 16px 0; list-style:none; line-height:1.35; font-size:92.3%; } #anniversary li { clear:both; display:block; padding:4px 0 3px 0; border-top:1px solid #d7f0f5; padding-left:15px; background:url("../img/ic_link.png") 2px 7px no-repeat; } //#anniversary li a { display:block; padding-left:15px; } //#anniversary li a { background:url("../img/ic_link.png") 2px 3px no-repeat; } //#anniversary li a:hover { background:url("../img/ic_link_on.png") 2px 3px no-repeat; } /***スポット #spotBoard***/ #spotBoard { position:relative; /*width:630px;*/ margin:16px 0 0 0; padding:10px 0 6px 0; font-size:92.3%; line-height:1.25; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#f5f9fc; border:7px solid #d6eaf5; } #spotBoard.alert { background:#f8d766; border:none; } #spotBoard.tohoku311 { background:none; border:2px solid #f2f2f2; } #spot { margin:0; padding:0; list-style:none; } #spot li { display:block; margin:0; padding:0; } #spot li a { display:block; padding:2px 7px 2px 25px; } #spot li a { background:url("../img/ic_link.png") 12px 4px no-repeat; } #spot li a:hover { background:url("../img/ic_link_on.png") 12px 4px no-repeat; } /***お知らせ #infoBoard***/ #infoBoard { position:relative; width:630px; margin:16px 0 0 0; line-height:1.25; } #infoBoard h2 { display:block; width:630px; height:32px; overflow:hidden; margin:0; padding:0; text-indent:-9999px; background:url("../img/infoBoard_header.gif"); } #infoBoard .scrollBox { width:630px; } ul#info { margin:0; padding:0; list-style:none; font-size:92.9%; } #info li { display:block; margin:0; padding:0; } #info li a { display:block; padding:6px 7px 5px 135px; } #info li a { background:url("../img/ic_link.png") 12px 10px no-repeat; } #info li a:hover { background:url("../img/ic_link_on.png") 12px 10px no-repeat; } #info li span { display:inline-block; width:110px; margin:0 0 0 -135px; padding:0 0 0 25px; font-size:84.6%; } a#toInfoList { position:absolute; top:0; right:0; display:block; width:630px; height:32px; overflow:hidden; padding:0; text-indent:595px; font-size:84.6%; line-height:34px; color:#fff; background:url("../img/ic_list.gif") 580px 10px no-repeat; } a#toInfoList { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } a#toInfoList:hover { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; } #info li.juyo span { background:url("../img/ic_mark_magenta.png") 114px 0px no-repeat; } #info li.red span { background:url("../img/ic_mark_magenta.png") 114px 0px no-repeat; } #info li.orng span { background:url("../img/ic_mark_orange.png") 114px 0px no-repeat; } #info li.dgrn span { background:url("../img/ic_mark_darkgreen.png") 114px 0px no-repeat; } #info li.gren span { background:url("../img/ic_mark_green.png") 114px 0px no-repeat; } #info li.cyan span { background:url("../img/ic_mark_cyan.png") 114px 0px no-repeat; } #info li.blue span { background:url("../img/ic_mark_blue.png") 114px 0px no-repeat; } /***過去のお知らせ #infoBoardPast***/ //#infoBoardPast { position:relative; width:630px; margin:16px 0 0 0; line-height:1.25; } //#infoBoardPast h2 { display:block; width:630px; height:32px; overflow:hidden; margin:0; padding:0; text-indent:-9999px; background:url("../img/infoBoard_header.gif"); } //#infoBoardPast .scrollBox { width:630px; } ul#infoPast { margin:0; padding:0; list-style:none; font-size:92.9%; } #infoPast li { display:block; margin:0; padding:0; } #infoPast li a { display:block; padding:6px 7px 5px 135px; } #infoPast li a { background:url("../img/ic_link.png") 12px 10px no-repeat; } #infoPast li a:hover { background:url("../img/ic_link_on.png") 12px 10px no-repeat; } #infoPast li span { display:inline-block; width:110px; margin:0 0 0 -135px; padding:0 0 0 25px; font-size:84.6%; } a#toInfoList { position:absolute; top:0; right:0; display:block; width:630px; height:32px; overflow:hidden; padding:0; text-indent:595px; font-size:84.6%; line-height:34px; color:#fff; background:url("../img/ic_list.gif") 580px 10px no-repeat; } a#toInfoListPast { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } a#toInfoListPast:hover { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; } #infoPast li.juyo span { background:url("../img/ic_mark_magenta.png") 114px 0px no-repeat; } #infoPast li.red span { background:url("../img/ic_mark_magenta.png") 114px 0px no-repeat; } #infoPast li.orng span { background:url("../img/ic_mark_orange.png") 114px 0px no-repeat; } #infoPast li.dgrn span { background:url("../img/ic_mark_darkgreen.png") 114px 0px no-repeat; } #infoPast li.gren span { background:url("../img/ic_mark_green.png") 114px 0px no-repeat; } #infoPast li.cyan span { background:url("../img/ic_mark_cyan.png") 114px 0px no-repeat; } #infoPast li.blue span { background:url("../img/ic_mark_blue.png") 114px 0px no-repeat; } /* 過去のお知らせ #infoPast_box */ #infoPast_box { margin:20px 0 0 0; } #infoPast_box h2 { margin:0; padding:0; font-size:107.1%; } #infoPast_box h2 a { display:block; padding:6px 0; text-indent:1.9em; color:#333; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #infoPast_box h2 a { background:#daebf2 url("../img/ic_expand.png") 9px 9px no-repeat; } #infoPast_box.op h2 a { background:#daebf2 url("../img/ic_expand_op.png") 9px 9px no-repeat; } /***入会案内 #join***/ #join { width:225px; } a#joinBanner { display:block; width:225px; height:60px; overflow:hidden; text-indent:-9999px; } a#joinBanner { background:url("../img/join.jpg") no-repeat; } a#joinBanner:hover { background:url("../img/join_on.jpg") no-repeat; } /***機関誌 #bulletin（Green系の配色-default） 2012年 ***/ #bulletin { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2.gif") left bottom no-repeat; } #bulletin h2 { margin:0; padding:22px 18px 0 18px; background:url("../img/bulletin_bg1.gif") no-repeat; } #bulletin h3 { position:absolute; top:48px; right:18px; width:74px; margin:0; padding:0; font-size:114.3%; color:#005f12; } #publishInfo { position:absolute; top:10px; right:19px; font-size:76.9%; color:#52915a; } #bulletinInfo { margin:2px 0 0 0; padding:0 18px; } #bulletinInfo dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:11px; font-size:84.6%; color:#005f12; background:url("../img/ic_mark_darkgreen.png") left 4px no-repeat; } #bulletinInfo dd { display:block; margin:0; padding:1px 0 0 18px; font-weight:bold; line-height:15px; font-size:107.7%; } ul#bulletinLinks { display:block; margin:7px 0 0 0; padding:6px 18px 3px 18px; list-style:none; background:#daf39b; } #bulletinLinks li { display:block; margin:0; padding:2px 0; line-height:1.25; font-size:92.3%; } #bulletinLinks li a { display:block; padding-left:17px; } #bulletinLinks li a { background:url("../img/ic_link.png") 3px 3px no-repeat; } #bulletinLinks li a:hover { background:url("../img/ic_link_on.png") 3px 3px no-repeat; } /***機関誌 #bulletin（Orange系の配色）2013年 ***/ #bulletin_orange { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2_orange.gif") left bottom no-repeat; } #bulletin_orange h2 { margin:0; padding:22px 18px 0 18px; background:url("../img/bulletin_bg1_orange.gif") no-repeat; } #bulletin_orange h3 { position:absolute; top:48px; right:18px; width:74px; margin:0; padding:0; font-size:114.3%; color:#c9430e; } #publishInfo_orange { position:absolute; top:10px; right:19px; font-size:76.9%; color:#fddfa4; } #bulletinInfo_orange { margin:2px 0 0 0; padding:0 18px; } #bulletinInfo_orange dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:11px; font-size:84.6%; color:#c9430e; background:url("../img/ic_mark_darkorange.png") left 4px no-repeat; } #bulletinInfo_orange dd { display:block; margin:0; padding:1px 0 0 18px; font-weight:bold; line-height:15px; font-size:107.7%; } ul#bulletinLinks_orange { display:block; margin:7px 0 0 0; padding:6px 18px 3px 18px; list-style:none; background:#fddfa4; } #bulletinLinks_orange li { display:block; margin:0; padding:2px 0; line-height:1.25; font-size:92.3%; } #bulletinLinks_orange li a { display:block; padding-left:17px; } #bulletinLinks_orange li a { background:url("../img/ic_link.png") 3px 3px no-repeat; } #bulletinLinks_orange li a:hover { background:url("../img/ic_link_on.png") 3px 3px no-repeat; } /***機関誌 #bulletin（SageGreen系の配色）2014年 ***/ #bulletin_sagegreen { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2_sagegreen.gif") left bottom no-repeat; } #bulletin_sagegreen h2 { margin:0; padding:22px 18px 0 18px; background:url("../img/bulletin_bg1_sagegreen.gif") no-repeat; } #bulletin_sagegreen h3 { position:absolute; top:48px; right:18px; width:74px; margin:0; padding:0; font-size:114.3%; color:#1a5051; } #publishInfo_sagegreen { position:absolute; top:10px; right:19px; font-size:76.9%; color:#aecfba; } #bulletinInfo_sagegreen { margin:2px 0 0 0; padding:0 18px; } #bulletinInfo_sagegreen dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:11px; font-size:84.6%; color:#1a5051; background:url("../img/ic_mark_sagegreen.png") left 4px no-repeat; } #bulletinInfo_sagegreen dd { display:block; margin:0; padding:1px 0 0 18px; font-weight:bold; line-height:15px; font-size:107.7%; } ul#bulletinLinks_sagegreen { display:block; margin:7px 0 0 0; padding:6px 18px 3px 18px; list-style:none; background:#aecfba; } #bulletinLinks_sagegreen li { display:block; margin:0; padding:2px 0; line-height:1.25; font-size:92.3%; } #bulletinLinks_sagegreen li a { display:block; padding-left:17px; } #bulletinLinks_sagegreen li a { background:url("../img/ic_link.png") 3px 3px no-repeat; } #bulletinLinks_sagegreen li a:hover { background:url("../img/ic_link_on.png") 3px 3px no-repeat; } /***機関誌 #bulletin（Gold系の配色）2015年 ***/ #bulletin_gold { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2_gold.gif") left bottom no-repeat; } #bulletin_gold h2 { margin:0; padding:22px 18px 0 18px; background:url("../img/bulletin_bg1_gold.gif") no-repeat; } #bulletin_gold h3 { position:absolute; top:48px; right:18px; width:74px; margin:0; padding:0; font-size:114.3%; color:#493a2b; } #publishInfo_gold { position:absolute; top:10px; right:19px; font-size:76.9%; color:#cfc08e; } #bulletinInfo_gold { margin:2px 0 0 0; padding:0 18px; } #bulletinInfo_gold dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:11px; font-size:98.7%; color:#493a2b; background:url("../img/ic_mark_gold.png") left 4px no-repeat; } #bulletinInfo_gold dd { display:block; margin:0; padding:1px 0 0 18px; font-weight:bold; line-height:15px; font-size:84.6%; color:#cfc08e; } ul#bulletinLinks_gold { display:block; margin:7px 0 0 0; padding:6px 18px 3px 18px; list-style:none; background:#cfc08e; } #bulletinLinks_gold li { display:block; margin:0; padding:2px 0; line-height:1.25; font-size:92.3%; } #bulletinLinks_gold li a { display:block; padding-left:17px; } #bulletinLinks_gold li a { background:url("../img/ic_link.png") 3px 3px no-repeat; } #bulletinLinks_gold li a:hover { background:url("../img/ic_link_on.png") 3px 3px no-repeat; } /***機関誌 #bulletin（Silver系の配色）2016年 ***/ #bulletin_silver { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2_silver.gif") left bottom no-repeat; } #bulletin_silver h2 { margin:0; padding:22px 18px 0 18px; background:url("../img/bulletin_bg1_silver.gif") no-repeat; } #bulletin_silver h3 { position:absolute; top:48px; right:18px; width:74px; margin:0; padding:0; font-size:114.3%; color:#474747; } #publishInfo_silver { position:absolute; top:10px; right:19px; font-size:76.9%; color:#c4c4c4; } #bulletinInfo_silver { margin:2px 0 0 0; padding:0 18px; } /* #bulletinInfo_silver dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:12px; font-size:98.7%; color:#c4c4c4; background:url("../img/ic_mark_silver.png") left 4px no-repeat; } */ #bulletinInfo_silver dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:11px; font-size:84.7%; color:#c4c4c4; background:url("../img/ic_mark_silver.png") left 4px no-repeat; } #bulletinInfo_silver dd { display:block; margin:0; padding:1px 0 0 18px; font-weight:bold; line-height:15px; font-size:84.6%; color:#c4c4c4; } ul#bulletinLinks_silver { display:block; margin:7px 0 0 0; padding:6px 18px 3px 18px; list-style:none; background:#c4c4c4; } #bulletinLinks_silver li { display:block; margin:0; padding:2px 0; line-height:1.25; font-size:92.3%; } #bulletinLinks_silver li a { display:block; padding-left:17px; } #bulletinLinks_silver li a { background:url("../img/ic_link.png") 3px 3px no-repeat; } #bulletinLinks_silver li a:hover { background:url("../img/ic_link_on.png") 3px 3px no-repeat; } /***機関誌 #bulletin（Maroon「えび茶」系の配色）2017年 ***/ /* #bulletin_ebicha { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2_ebicha.gif") left bottom no-repeat; } */ #bulletin_ebicha { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2_ebicha.gif") left bottom repeat-y; } #bulletin_ebicha h2 { margin:0; padding:22px 18px 0 18px; background:url("../img/bulletin_bg1_ebicha.gif") no-repeat; } #bulletin_ebicha h3 { position:absolute; top:48px; right:18px; width:74px; margin:0; padding:0; font-size:114.3%; color:#860019; } #publishInfo_ebicha { position:absolute; top:10px; right:19px; font-size:76.9%; color:#860019; } #bulletinInfo_ebicha { margin:2px 0 0 0; padding:0 18px; } /* #bulletinInfo_silver dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:12px; font-size:98.7%; color:#c4c4c4; background:url("../img/ic_mark_ebicha.png") left 4px no-repeat; } */ #bulletinInfo_ebicha dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:11px; font-size:84.7%; color:#860019; background:url("../img/ic_mark_ebicha.png") left 4px no-repeat; } #bulletinInfo_ebicha dd { display:block; margin:0; padding:1px 0 0 18px; font-weight:bold; line-height:15px; font-size:84.6%; color:#860019; } ul#bulletinLinks_ebicha { display:block; margin:7px 0 0 0; padding:6px 18px 3px 18px; list-style:none; background:#860019; } #bulletinLinks_ebicha li { display:block; margin:0; padding:2px 0; line-height:1.25; font-size:92.3%; } #bulletinLinks_ebicha li a { display:block; padding-left:17px; } #bulletinLinks_ebicha li a { background:url("../img/ic_link.png") 3px 3px no-repeat;color:#c3a1a2; } #bulletinLinks_ebicha li a:hover { background:url("../img/ic_link_on.png") 3px 3px no-repeat;color:#e3c1c2; } /***機関誌 #bulletin（Blue「青」系の配色）2018年 ***/ /* #bulletin_blue { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2_blue.gif") left bottom no-repeat; } */ #bulletin_blue { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2_blue.gif") left bottom repeat-y; } #bulletin_blue h2 { margin:0; padding:22px 18px 0 18px; background:url("../img/bulletin_bg1_blue.gif") no-repeat; } #bulletin_blue h3 { position:absolute; top:48px; right:18px; width:74px; margin:0; padding:0; font-size:114.3%; color:#014aa9; } #publishInfo_blue { position:absolute; top:10px; right:19px; font-size:76.9%; color:#014aa9; } #bulletinInfo_blue { margin:2px 0 0 0; padding:0 18px; } /* #bulletinInfo_silver dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:12px; font-size:98.7%; color:#c4c4c4; background:url("../img/ic_mark_blue.png") left 4px no-repeat; } */ #bulletinInfo_blue dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:11px; font-size:84.7%; color:#014aa9; background:url("../img/ic_mark_blue.png") left 4px no-repeat; } #bulletinInfo_blue dd { display:block; margin:0; padding:1px 0 0 18px; font-weight:bold; line-height:15px; font-size:84.6%; color:#014aa9; } ul#bulletinLinks_blue { display:block; margin:7px 0 0 0; padding:6px 18px 3px 18px; list-style:none; background:#014aa9; } #bulletinLinks_blue li { display:block; margin:0; padding:2px 0; line-height:1.25; font-size:92.3%; } #bulletinLinks_blue li a { display:block; padding-left:17px; } #bulletinLinks_blue li a { background:url("../img/ic_link.png") 3px 3px no-repeat;color:#c4daf2; } #bulletinLinks_blue li a:hover { background:url("../img/ic_link_on.png") 3px 3px no-repeat;color:#ffffff; } /***機関誌 #bulletin（Limegreen「緑」系の配色）2019年 ***/ /* 濃:#39ca2f, 淡:#bff3c3 */ /* #bulletin_limegreen { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2_limegreen.gif") left bottom no-repeat; } */ #bulletin_limegreen { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2_limegreen.gif") left bottom repeat-y; } #bulletin_limegreen h2 { margin:0; padding:22px 18px 0 18px; background:url("../img/bulletin_bg1_limegreen.gif") no-repeat; } #bulletin_limegreen h3 { position:absolute; top:48px; right:18px; width:74px; margin:0; padding:0; font-size:114.3%; color:#39ca2f; } #publishInfo_limegreen { position:absolute; top:10px; right:19px; font-size:76.9%; color:#39ca2f; } #bulletinInfo_limegreen { margin:2px 0 0 0; padding:0 18px; } /* #bulletinInfo_limegreen dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:12px; font-size:98.7%; color:#c4c4c4; background:url("../img/ic_mark_limegreen.png") left 4px no-repeat; } */ #bulletinInfo_limegreen dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:11px; font-size:84.7%; color:#39ca2f; background:url("../img/ic_mark_limegreen.png") left 4px no-repeat; } #bulletinInfo_limegreen dd { display:block; margin:0; padding:1px 0 0 18px; font-weight:bold; line-height:15px; font-size:84.6%; color:#39ca2f; } ul#bulletinLinks_limegreen { display:block; margin:7px 0 0 0; padding:6px 18px 3px 18px; list-style:none; background:#62dd5e; } /* 特集背景 */ #bulletinLinks_limegreen li { display:block; margin:0; padding:2px 0; line-height:1.25; font-size:92.3%; } #bulletinLinks_limegreen li a { display:block; padding-left:17px; } #bulletinLinks_limegreen li a { background:url("../img/ic_link.png") 3px 3px no-repeat;color:black; } #bulletinLinks_limegreen li a:hover { background:url("../img/ic_link_on.png") 3px 3px no-repeat;color:black; } /***機関誌 #bulletin（deeppurple「ディープパープル」系の配色）2020年 ***/ /* 濃:#39ca2f, 淡:#bff3c3 */ /* #bulletin_deeppurple { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2_deeppurple.gif") left bottom no-repeat; } */ #bulletin_deeppurple { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2_deeppurple.gif") left bottom repeat-y; } #bulletin_deeppurple h2 { margin:0; padding:22px 18px 0 18px; background:url("../img/bulletin_bg1_deeppurple.gif") no-repeat; } #bulletin_deeppurple h3 { position:absolute; top:48px; right:18px; width:74px; margin:0; padding:0; font-size:114.3%; color:#481c98; } #publishInfo_deeppurple { position:absolute; top:10px; right:19px; font-size:76.9%; color:#481c98; } #bulletinInfo_deeppurple { margin:2px 0 0 0; padding:0 18px; } /* #bulletinInfo_deeppurple dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:12px; font-size:98.7%; color:#c4c4c4; background:url("../img/ic_mark_deeppurple.png") left 4px no-repeat; } */ #bulletinInfo_deeppurple dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:11px; font-size:84.7%; color:#481c98; background:url("../img/ic_mark_deeppurple.png") left 4px no-repeat; } #bulletinInfo_deeppurple dd { display:block; margin:0; padding:1px 0 0 18px; font-weight:bold; line-height:15px; font-size:84.6%; color:#481c98; } ul#bulletinLinks_deeppurple { display:block; margin:7px 0 0 0; padding:6px 18px 3px 18px; list-style:none; background:#481c98; } /* 特集背景 c9c5e0*/ #bulletinLinks_deeppurple li { display:block; margin:0; padding:2px 0; line-height:1.25; font-size:92.3%; } #bulletinLinks_deeppurple li a { display:block; padding-left:17px; } #bulletinLinks_deeppurple li a { background:url("../img/ic_link.png") 3px 3px no-repeat;color:#c9c5e0; } #bulletinLinks_deeppurple li a:hover { background:url("../img/ic_link_on.png") 3px 3px no-repeat;color:#c9c5e0; } /***機関誌 #bulletin（cyan「シアン」系の配色）2021年 ***/ /* 濃:#434d9a, 淡:#7c9acf */ /* #bulletin_cyan { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2_cyan.gif") left bottom no-repeat; } */ #bulletin_cyan { position:relative; width:225px; margin:18px 0 0 0; padding-bottom:12px; background:url("../img/bulletin_bg2_cyan.gif") left bottom repeat-y; } #bulletin_cyan h2 { margin:0; padding:22px 18px 0 18px; background:url("../img/bulletin_bg1_cyan.gif") no-repeat; } #bulletin_cyan h3 { position:absolute; top:48px; right:18px; width:74px; margin:0; padding:0; font-size:114.3%; color:#434d9a; } #publishInfo_cyan { position:absolute; top:10px; right:19px; font-size:76.9%; color:#434d9a; } #bulletinInfo_cyan { margin:2px 0 0 0; padding:0 18px; } /* #bulletinInfo_cyan dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:12px; font-size:98.7%; color:#c4c4c4; background:url("../img/ic_mark_deeppurple.png") left 4px no-repeat; } */ #bulletinInfo_cyan dt { display:block; margin:0; padding:5px 0 2px 18px; font-weight:bold; line-height:11px; font-size:84.7%; color:#481c98; background:url("../img/ic_mark_deeppurple.png") left 4px no-repeat; } #bulletinInfo_cyan dd { display:block; margin:0; padding:1px 0 0 18px; font-weight:bold; line-height:15px; font-size:84.6%; color:#481c98; } ul#bulletinLinks_cyan { display:block; margin:7px 0 0 0; padding:6px 18px 3px 18px; list-style:none; background:#434d9a; } /* 特集背景 c9c5e0*/ #bulletinLinks_cyan li { display:block; margin:0; padding:2px 0; line-height:1.25; font-size:92.3%; } #bulletinLinks_cyan li a { display:block; padding-left:17px; } #bulletinLinks_cyan li a { background:url("../img/ic_link.png") 3px 3px no-repeat;color:#8db1f1; } #bulletinLinks_cyan li a:hover { background:url("../img/ic_link_on.png") 3px 3px no-repeat;color:#8db1f1; } /* 機関誌タイトル部のリンク域をheightで調整する　*/ /* デフォルト（特集×1） */ a#toBulletin0 { position:absolute; top:0; right:0; display:block; width:225px; height:80px; overflow:hidden; padding:0; text-indent:-9999px; } /* デフォルト（特集×1） */ a#toBulletin1 { position:absolute; top:0; right:0; display:block; width:225px; height:128px; overflow:hidden; padding:0; text-indent:-9999px; } /* * 特集×2 */ a#toBulletin2 { position:absolute; top:0; right:0; display:block; width:225px; height:180px; overflow:hidden; padding:0; text-indent:-9999px; } /* * 特集×たくさん */ a#toBulletin3 { position:absolute; top:0; right:0; display:block; width:225px; height:360px; overflow:hidden; padding:0; text-indent:-9999px; } /* * “特集なし”の場合 */ a#toBulletin { position:absolute; top:0; right:-4px; display:block; width:225px; height:80px; overflow:hidden; padding:0; text-indent:-9999px; } a#toBulletin:hover { background:url("../img/ic_link.png") 200px 52px no-repeat; } /***行事カレンダー #eventBorad***/ #eventBoard { position:relative; width:225px; margin:18px 0 0 0; line-height:1.25; } #eventBoard h2 { display:block; width:225; height:32px; overflow:hidden; margin:0; padding:0; text-indent:-9999px; background:url("../img/eventBoard_header.gif"); } #eventBoard .scrollBox { width:225px; } .eventList { margin:0; padding:0; list-style:none; font-size:85.7%; } .eventList li { display:block; margin:0; padding:0; } .eventList li a { display:block; padding:8px 6px 5px 26px; } .eventList li a { background:url("../img/ic_link.png") 11px 10px no-repeat; } .eventList li.juyo a { background:url("../img/ic_mark_magenta.png") 8px 9px no-repeat; } .home.eventList li.regular a { background:url("../img/ic_mark_magenta.png") 8px 9px no-repeat; } .home.eventList li.sponsor a { background:url("../img/ic_mark_orange.png") 8px 9px no-repeat; } .home.eventList li.kokusai a { background:url("../img/ic_mark_blue.png") 8px 9px no-repeat; } .home.eventList li.co-spon a { background:url("../img/ic_mark_cyan.png") 8px 9px no-repeat; } .eventList li.red a { background:url("../img/ic_mark_magenta.png") 8px 9px no-repeat; } .eventList li.orng a { background:url("../img/ic_mark_orange.png") 8px 9px no-repeat; } .eventList li.dgrn a { background:url("../img/ic_mark_darkgreen.png") 8px 9px no-repeat; } .eventList li.gren a { background:url("../img/ic_mark_green.png") 8px 9px no-repeat; } .eventList li.cyan a { background:url("../img/ic_mark_cyan.png") 8px 9px no-repeat; } .eventList li.blue a { background:url("../img/ic_mark_blue.png") 8px 9px no-repeat; } .eventList li a:hover { background:url("../img/ic_link_on.png") 11px 10px no-repeat; } .eventList li .e_name { display:block; padding:0 0 2px 0; font-size:108.3%; } .eventList li .e_date { display:block; padding:0 0 2px 0; } a#toEventList { position:absolute; top:0; right:0; display:block; width:225px; height:32px; overflow:hidden; padding:0; text-indent:190px; font-size:84.6%; line-height:34px; color:#fff; background:url("../img/ic_list.gif") 175px 10px no-repeat; } a#toEventList { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } a#toEventList:hover { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; } .totop { clear:both; padding-top:30px; } .totop a { /*float:right;*/ display:block; /*width:160px; height:19px; overflow:hidden;*/ text-align:right; padding:6px 7px 6px 0; font-size:78.6%; color:#a2a2a2; /*border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; background:#aad7e5;*/ } /***フッター #footer***/ #footer { position:relative; clear:both; padding:36px 0 0 0; background:#aad7e5 url("../img/footer_bg.gif") repeat-x; border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; } #footNav { position:absolute; top:36px; right:18px; display:block; margin:0; padding:0; list-style:none; font-size:78.6%; } #footNav ul { display:block; margin:0; padding:0; list-style:none; } #footNav li { display:inline-block; margin:0; padding:0 22px 0 0; } #footNav li a { display:inline-block; padding:0 0 0 12px; } #footNav li a { color:#666; background:url("../img/ic_link.png") 0 2px no-repeat; } #footNav li a:hover { color:#34ace6; background:url("../img/ic_link_on.png") 0 2px no-repeat; } address { display:block; margin:0; padding:0 0 0 35px; font-style:normal; line-height:1.5; font-size:84.6%; color:#666; } #author { display:inline-block; padding:0 0 2px 0; font-weight:bold; font-size:128.6%; color:#5b5b5b; } .m { display:inline-block; width:120px; height:15px; overflow:hidden; line-height:15px; vertical-align:text-bottom; text-indent:-9999px; text-decoration:none; border:none; background-repeat:no-repeat; background-position:left 1px; } .m#office { background-image:url("../img/m_office.png"); } #copyright { padding:20px 0 30px 35px; font-size:76.9%; color:#5b5b5b; } /*その他 #misc*/ /*英語サイト #toE*/ /* メニューを増やしたため上へ移動する #toE { position:absolute; top:82px; right:20px; display:block; width:120px; height:32px; overflow:hidden; line-height:32px; text-align:center; font-size:92.9%; background:url("../img/btn_tranc.png") left 3px no-repeat; } */ #toE { position:absolute; top:42px; right:20px; display:block; width:120px; height:32px; overflow:hidden; line-height:32px; text-align:center; font-size:92.9%; background:url("../img/btn_tranc.png") left 3px no-repeat; } a#toE { color:#9daacb; } a#toE:hover { color:#fff; } /*サイト内検索フォーム #siteSearch*/ /* メニューを増やしたため上へ移動する #siteSearch { position:absolute; top:36px; right:18px; width:164px; height:24px; overflow:hidden; background:url("../img/sitesearch.png") no-repeat; } */ #siteSearch { position:absolute; top:12px; right:18px; width:164px; height:24px; overflow:hidden; background:url("../img/sitesearch.png") no-repeat; } #siteSearch form { width:164px; height:24px; overflow:hidden; padding:2px 0; } #searchTxt { display:inline-block; width:125px; height:20px; margin:0 0 0 24px; padding:0; font-size:13px; border:0; background:none; } #searchTxt.on, #searchTxt:focus { background:#fff; } #searchBtn { visibility:hidden; position:absolute; top:0px; left:300px; display:inline-block; width:20px; height:20px; margin:0; padding:0; text-indent:-9999px; border:0; background:none; } .bgColor { background:#f2f4f8; } .scrollBox { overflow:auto; } #infoBoard.scrollBox { height:220px; } #eventBoard.scrollBox { height:208px; } #contents:after, .clearfix:after, .clr { clear:both; content:" "; display:block; height:0.1px; visibility:hidden; } .ipdf { position:relative; top:-2px; display:inline-block; width:22px; height:16px; margin-left:2px; text-indent:-9999px; background:url("../image/small_pdf.gif") left -0px no-repeat; } a:hover .ipdf { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } /*--------------------------------------------------------------------------------------------------- home以外のページ */ /* 終了したイベント #eventEnd_box */ #eventEnd_box { margin:50px 0 0 0; } #eventEnd_box h2 { margin:0; padding:0; font-size:107.1%; } #eventEnd_box h2 a { display:block; padding:6px 0; text-indent:1.9em; color:#333; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #eventEnd_box h2 a { background:#daebf2 url("../img/ic_expand.png") 9px 9px no-repeat; } #eventEnd_box.op h2 a { background:#daebf2 url("../img/ic_expand_op.png") 9px 9px no-repeat; } /* サイトマップ .saitemap */ .sitemap { width:400px; margin:0; padding:0.2em 0 0 0; line-height:1.3; list-style:none; border-top:1px dotted #dadada; } .sitemap li { display:block; margin:0; padding:0.3em 0 0.2em 0; border-bottom:1px dotted #dadada; } .sitemap li a { display:block; padding:0 0 0 14px; } .sitemap li a { background:url("../img/ic_link.png") 0 4px no-repeat; } .sitemap li a:hover { background:url("../img/ic_link_on.png") 0 4px no-repeat; } .sitemap .cat_title { font-weight:bold; } .sitemap .nolink { padding:0.2em 0 0.2em 14px; color:#555; background:url("../img/ic_item_gray.png") 0 5px no-repeat; } .sitemap li ul { margin:0; padding:0 0 0 40px; border:none; } .sitemap li li { border-top:1px dotted #dadada; border-bottom:none; } .sitemap li.bottomline { botder-bottom:1px dotted #dadada; } .sitemap dl { display:block; margin:0; padding:0 0 0 40px; } .sitemap dt { display:block; margin:0.2em 0 0 0; padding:0.2em 0; padding:0.2em 0; border-top:1px dotted #dadada; } .sitemap dd { display:block; margin:0; padding:0.2em 0 0.2em 40px; } .sitemap dd ul { margin:0; padding:0; } /* 規則・条文等 .honsoku */ .honsoku { display:block; margin:0; padding:0; list-style:none; } .honsoku .jo { clear:both; margin:0; padding:1.5em 0 0 0; } .honsoku .midashi { padding:0 0 0.3em 0; } .honsoku .jo>span { float:left; display:inline-block; } .honsoku .jo { padding-left:70px; } .honsoku .midashi, .honsoku .jo>span { margin-left:-70px; } .honsoku .jo>span { width:70px; } .honsoku>li>ul { margin:0; padding:0; list-style:none; } .honsoku .ko { clear:both; margin:0 0 0 0.5em; padding:0.2em 0 0 0; } .honsoku .ko>span { float:left; display:inline-block; } .honsoku .ko { padding-left:30px; } .honsoku .ko>span { width:30px; margin-left:-30px; } /* 附則 .fusoku */ .fusoku { display:block; margin:0; padding:0 0 0 22px; } .fusoku li { padding:0.5em 0 0 0; } /*番号付きリスト（丸数字）*/ .circleNum { display:block; margin:1.0em 0 0 0; padding:0; list-style:none; } .circleNum li { clear:both; padding:5px 0 0 1.5em; } .circleNum li span { float:left; display:inline-block; width:1.5em; margin-left:1.5em; } .rect { margin:1.0em 0; padding:1.0em; border:1px solid #ccc; } /*定義リスト　ヘッダ幅200px*/ .w200 { display:block; margin:1.0em 0 0 0; padding:0; background:url("../img/line_dot_navy.gif") left bottom repeat-x; } .w200 dt { clear:both; float:left; display:inline-block; width:200px; padding:7px 0; } .w200 dd { display:block; margin:0; padding:7px 0 6px 200px; background:url("../img/line_dot_navy.gif") left top repeat-x; } /*注記　注ヘッダと注コンテンツのセット*/ .chuHeader { margin:3.0em 0 0.5em 0; } .chuContent ul { margin:0; padding:0; } .chuContent ul li { margin:0 0 0 2.0em; padding:8px 0 0 0; } .circle { list-style:circle; } table.lineTY { border-collapse:collapse; border:solid #ccc; border-width:1px 1px 0 0; } table.lineTY th, table.lineTY td { padding:5px; vertical-align:top; border:solid #ccc; border-width:0 0 1px 1px; } .headerNORM th { font-weight:normal; text-align:left; } .headerLEFT th { text-align:left; } .headerCOLOR th { background:#f2f4f8; } .chuContent td ul { margin:0; padding:0; } .chuContent td ul li { margin:0 0 0 1.6em; padding:3px 0 0 0; } .articleDate { padding:7px 0 0 0; text-align:right; font-size:85.7%; }