@charset "utf-8"; @import url(http://styles.selesite.com/global.css); body { background: url(./images/nifs-k-development/bg_footer.gif) repeat-x center bottom #fff !important; } #shell { background: url(./images/nifs-k-development/bg_detail.gif) repeat-x center top transparent !important; } #shell.home { background: url(./images/nifs-k-development/bg_home.gif) repeat-x center top transparent !important; } #shell.home #intro { margin-bottom: 10px; } #intro .slideshow, #intro .slideshow .slides, #intro .slideshow .slides img { height: 450px !important; } /* */ #shell #intro .topic_path { margin-bottom: 10px; padding: 0; color: #ccc; } #shell #intro .topic_path a { color: #fff; } /* ___________________________________________________________ document */ .section h3 { font-size: 1.75em; line-height: 34px; color: #008cd6; padding-left: 0px; margin : 10px 0 30px; display: table; text-align: center; white-space: nowrap; } .section h3:after, .section h3:before { content: ''; display: table-cell; width: 50%; background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 3px), transparent -webkit-calc(50% + 3px)); background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 3px)), to(transparent calc(50% + 3px))); background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 3px), transparent calc(50% + 3px)); -webkit-background-clip: padding; background-clip: padding; } .section h3:after { border-left: 1em solid transparent; } .section h3:before { border-right: 1em solid transparent; } #intro h3 { background : url(./images/nifs-k-development/headline/h3_column3.gif) no-repeat 0 0 !important; } h4 { background : url(./images/nifs-k-development/headline/h4.gif) no-repeat 0 0 !important; } h4, h4 a { color: #fff !important; line-height: 33px !important; } h4 a { font-weight : bold; } h5 { background : url(./images/nifs-k-development/headline/h5.gif) no-repeat 0 0 !important; } h6 { background : url(./images/nifs-k-development/headline/h6.gif) no-repeat 0 0 !important; } h5, h6, h5 a, h6 a { line-height: 38px !important; } h4 a { text-decoration: none; } h5 a, h6 a { text-decoration: none; } h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; } a:link, a:visited { color : #333; } /* a:hover { text-decoration: none; } */ div#header ul.guide a:hover, div#intro a:hover, div#contents a:hover, div#footer ul.navigation a:hover, div#utilities div.guide a:hover { padding-top: 0; padding-bottom: 0; background-color: #fff000; } table { background: #ffffff; } table th, table td { border-color: #d8d8d8 !important; } table th { background-color: #f0f0f0; } #contents address { border: 1px dotted #d8d8d8; background: #ffffff; } /* ___________________________________________________________ icon */ ul li { background : url(./images/nifs-k-development/option/arrow.gif) no-repeat 0 0.4em; } div#utilities ul li { background-image : url(./images/nifs-k-development/option/navi.gif); } div#utilities ul li.return { background-image : url(./images/nifs-k-development/option/return.gif); } p.apply a, a.apply { background : url(./images/nifs-k-development/option/apply.gif) no-repeat 0 0 transparent; } p.active { background : url(./images/nifs-k-development/option/arrow.gif) no-repeat 0 1px; } ul.summary li { list-style : inside url(./images/nifs-k-development/option/arrow.gif); } .more a { background : url(./images/nifs-k-development/option/more.gif) no-repeat 0 0.45em; } div#contents div.update dl dt { background : url(./images/nifs-k-development/option/info.gif) no-repeat 0 0.7em; } div#contents div.news dl dt { background : url(./images/nifs-k-development/option/info.gif) no-repeat 0 0.7em; } div#contents div.blog dl dt { background : url(./images/nifs-k-development/option/blog.gif) no-repeat 0 0.7em; } div#contents div.contents1 dl dt, div#contents div.contents2 dl dt, div#contents div.contents3 dl dt, div#contents div.contents4 dl dt, div#contents div.contents5 dl dt, div#contents div.contents6 dl dt { background : url(./images/nifs-k-development/option/contents.gif) no-repeat 0 0.7em; } div#footer p.return_top a { width: 108px; height: 35px; background : url(./images/nifs-k-development/option/return_top.gif) no-repeat 0 0; } div#footer p.return_top a:hover { background-position : 0 -35px; } p.apply { background : url(./images/nifs-k-development/option/apply.gif) no-repeat 0 0; } p.apply a { color: #fff !important; text-decoration: none; } p.apply a:hover { text-decoration: underline; } /* ___________________________________________________________ fontsize */ div#header ul.font_size { width: 205px; } div#header ul.font_size li.default { right: 35px; } div#header ul.font_size { background : url(./images/nifs-k-development/bg_fontsize.gif) no-repeat right top; } div#header ul.font_size li.large a { background : url(./images/nifs-k-development/button_large.gif) no-repeat 0 0; } div#header ul.font_size li.default a { background : url(./images/nifs-k-development/button_default.gif) no-repeat 0 0; } div#header ul.font_size li.small a { background : url(./images/nifs-k-development/button_small.gif) no-repeat 0 0; } /* ___________________________________________________________ intro */ #intro .column3 h3 { padding-left : 12px; font-size: 100%; } #intro .column3 { margin : 20px 0 10px; padding : 0; background : url(./images/nifs-k-development/intro_column3.gif) no-repeat left bottom; } #intro .column3 h3 { background-image : url(./images/nifs-k-development/headline/h3_column3.gif) !important; } #intro .column3 .column { margin-bottom : 5px; } #intro .column3 p { margin : 0 10px !important; } /* ___________________________________________________________ home */ .home #contents .update h4 { border-bottom : 0 !important; background : url(./images/nifs-k-development/headline/h4_update.gif) no-repeat 0 0; /*text-indent : 33px;*/ } .home #contents .information h4 { background : url(./images/nifs-k-development/headline/h4_information.gif) no-repeat 0 0 !important; /*text-indent : 33px;*/ } .home #contents .blog h4 { background : url(./images/nifs-k-development/headline/h4_blog.gif) no-repeat 0 0 !important; /*text-indent : 33px;*/ } .home #contents .update h4 a.feed { background-image : url(./images/nifs-k-development/option/rss.gif) !important; } div#contents div.update h4 a.feed { width: 38px; } /* ___________________________________________________________ contents */ #contents { margin-top : 10px; } /* ___________________________________________________________ utilities */ #utilities { margin-top : 10px; background : url(./images/nifs-k-development/bg_utilities_repeat.gif) no-repeat !important; } #utilities .guide { border : 0; background : url(./images/nifs-k-development/bg_utilities_repeat.gif) repeat-y !important; } #utilities form, #utilities ul { border : 0 !important; background : url(./images/nifs-k-development/bg_utilities_bottom.gif) no-repeat left bottom !important; } #utilities ul { padding-top: 0 !important; } #utilities ul li { border: 0 !important; } #utilities h3 { padding-left: 10px; background : url(./images/nifs-k-development/headline/h3_utilities.gif) no-repeat 0 0 !important; font-size: 110%; line-height: 35px; color: #333333; } #utilities .search h3 { padding-left: 25px; background : url(./images/nifs-k-development/headline/h3_utilities_search.gif) no-repeat 0 0 !important; } p.qr { display : none; } /* ___________________________________________________________ footer */ #footer { height: 175px !important; } #footer .return_top { height: 50px !important; } #footer ul.navigation { padding: 30px 0 0 0 !important; background : none !important; font-size : 0.85em; } #footer ul.navigation li { border-color: #999 !important; padding-right: 9px !important; } div#footer address { margin-top : 30px; } /* ___________________________________________________________ form */ .submit, #imageField { background : url(./images/nifs-k-development/option/submit.gif) no-repeat left bottom !important; } /* ___________________________________________________________ slideshow */ div#intro .slideshow .buttons li a { background : #fff; color : #333; } div#intro .slideshow ul.buttons li.active a:hover, div#intro .slideshow ul.buttons li.active a { background : #fff; color : #09c; }