nifs-k-development.css 8.3 KB
@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;
}