@charset "utf-8";
@import url(../global.css);

body {
	background : url(./images/nangin/bg_body.gif) repeat-x left bottom #def2fa;
}
div#shell {
	background : url(./images/nangin/bg_shell.gif) repeat-x 0 0 transparent;
}
a:link {
	color : #003399;
}
a:visited {
	color : #003399;
}
a:hover {
	color : #003399;
	text-decoration : none;
}
a:active {
	color : #003399;
}
#contents table tr th {
	background: #dff5ff;
	font-size: 0.95em;
}
p.note {
	margin: 10px 0;
	padding: 5px 10px;
	background: #ffdff5;
}

/* ___________________________________________________________ document */

h1 {
	line-height : 35px;
}
h3 {
	margin: 0;
	padding-left : 0;
	background : url(./images/nangin/headline/h3.gif) no-repeat left top !important;
	text-indent: 10px;
	color : #fff;
	line-height : 40px;
	height : 40px;
}
h4 {
	background : url(./images/nangin/headline/h4.gif) repeat-x 0 0;
	padding: 0;
	font-size : 1.1em;
	line-height : 40px;
	height : 40px;
}
h4 a {
	font-weight : bold;
}
span.mt-enclosure-image img {
	padding-bottom :10px;
}
h5 {
	background : url(./images/nangin/headline/h5.gif) no-repeat 0 0;
	line-height: 31px;
	height: 31px;
}
h6 {
	background : url(./images/nangin/headline/h6.gif) no-repeat 0 0;
	line-height: 31px;
	height: 31px;
}
p.headline {
	margin-bottom: 5px;
	padding: 0 !important;
	background : url(./images/nangin/headline/h6.gif) no-repeat 0 0;
	text-indent: 10px;
	line-height: 31px !important;
	height: 31px;
}
p.credit {
	margin:0;
	padding-bottom: 10px;
	background : url(./images/nangin/bg_credit.gif) no-repeat left top #def2fa !important;
	font-size: 1.6em;
	font-weight: bold;
	text-indent: 10px;
	line-height: 76px;
	height: 76px;
}
#utilities .guide ul li {
	border-color : #2361aa !important;
}
div#contents address {
	border-color : #2361aa !important;
}
ul.topic_path {
	margin : -6px 0 0 10px;
	_margin-top: 0;
	padding-left : 0;
	height : 25px;
}
/* ___________________________________________________________ icon */

ul li {
	background : url(./images/nangin/option/arrow.gif) no-repeat 0 0.4em;
}
div#utilities ul li {
	background-image : url(./images/nangin/option/navi.gif);
}
div#utilities ul li.return {
	background-image : url(./images/nangin/option/return.gif);
}
p.apply a,
a.apply {
	background : url(./images/nangin/option/apply.gif) no-repeat 0 0 transparent;
	color : #003399;
}
p.apply a:hover,
p.apply a:visited,
p.apply a:active {
	color : #003399;
}
p.active {
	background : url(./images/nangin/option/arrow.gif) no-repeat 0 1px;
}
ul.summary li {
	list-style : inside url(./images/nangin/option/arrow.gif);
}
.more a {
	background : url(./images/nangin/option/more.gif) no-repeat 0 0.45em;
}
div#contents div.update dl dt {
	background : url(./images/nangin/option/info.gif) no-repeat 0 0.7em;
}
div#contents div.news dl dt {
	background : url(./images/nangin/option/info.gif) no-repeat 0 0.7em;
}
div#contents div.blog dl dt {
	background : url(./images/nangin/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/nangin/option/contents.gif) no-repeat 0 0.7em;
}
div#footer p.return_top a {
	background : url(./images/nangin/option/return_top.gif) no-repeat 0 0;
}
p.apply {
	background : url(./images/nangin/option/apply.gif) no-repeat 0 0;
}

/* ___________________________________________________________ fontsize */

div#header ul.font_size {
	background : url(./images/nangin/bg_fontsize.gif) no-repeat left top;
}
div#header ul.font_size li.large a {
	background : url(./images/nangin/button_large.gif) no-repeat 0 0;
}
div#header ul.font_size li.default a {
	background : url(./images/nangin/button_default.gif) no-repeat 0 0;
}
div#header ul.font_size li.small a {
	background : url(./images/nangin/button_small.gif) no-repeat 0 0;
}

/* ___________________________________________________________ header */
div#header h1 {
	line-height: 28px;
}
div#header ul li {
	border-color : #000 !important;
}
div#header ul.font_size {
	left: 440px;
}
div#header ul.font_size li.small {
	right : 64px;
}
div#header ul.font_size li.default {
	right : 32px;
}
div#header ul.font_size li.large {
	right : 0;
}
div#header form {
	position: absolute;
	top : 70px;
	right : 0;
	background : url(./images/nangin/bg_search.gif) no-repeat left top;
	width: 325px;
}
div#header form input {
}
div#header form input#search {
	margin: 7px 0 0 78px;
	border: none;
	background: transparent;
	color: #333;
	width: 175px;
}
div#header form input.submit {
	margin: 3px 0 0 9px;
	padding: 0;
	background: url(./images/nangin/option/submit.gif);
	font-weight: bold;
	color: #2361aa !important;
	height: 26px;
}
div#header ul.navigation {
	background: url(./images/nangin/bg_navigation.gif);
}

/* ___________________________________________________________ intro */
div#intro .slideshow {
	overflow: hidden;
	position: relative;
	width: 660px !important;
	height : 179px;
}
div#intro div.topic {
	clear: both;
	overflow: hidden;
	margin: 10px 0 15px 0;
	background: url(./images/nangin/bg_topic.gif) !important;
	width: 660px;
	height: 46px;
}
div#intro div.topic p {
	margin: 0;
	padding: 0;
}
div#intro div.topic p.summary {
	overflow: hidden;
	float: left;
	padding: 16px 0 0 0;
	margin-left: 100px;
	_margin-left: 50px;
	width: 450px;
	line-height: 1.1;
	white-space:nowrap;
}
div#intro div.topic p.summary span {
	padding-right: 10px;
}
div#intro div.topic p.more {
	overflow: hidden;
	float: right;
	margin: 10px 10px 0 0;
	_margin-right: 5px;
	width: 86px;
	height: 26px;
}
div#intro div.topic p.more a {
	display: block;
	padding: 40px 0 0 0;
	background : url(./images/nangin/home/topic_more.gif) no-repeat 0 0;
	width: 86px;
}
div#intro div.topic p.more a:hover {
	background-position: 0 -26px;
}
/* ___________________________________________________________ contents */
.detail #contents div.section {
	background: url(./images/nangin/bg_section_repeat.gif) repeat-y 0 0;
	min-height: 50px;
	_height: 1%;
}
.detail #contents div.nest {
	padding: 5px 10px 10px 10px;
	background: url(./images/nangin/bg_nest.gif) no-repeat left bottom transparent;
	min-height: 50px;
	_height: 1%;
}
.detail #contents div.contact {
	background: url(./images/nangin/bg_contact.gif) no-repeat left bottom;
}
.detail #contents div.contact div.nest {
	padding: 3px 10px 10px 10px;
	background: url(./images/nangin/bg_nest_contact.gif) no-repeat left top transparent;
}
#contents td li {
	margin-bottom: 0 !important;
}
/* ___________________________________________________________ home */
.home .service {
	margin-bottom: 10px;
	background: url(./images/nangin/bg_section.gif) no-repeat left bottom !important;
	min-height: 50px;
	_height: 1%;
}
.home .service h3 {
	margin-bottom: 10px;
	background : url(./images/nangin/home/h3_service.gif) no-repeat 0 0 !important;
	text-indent: -4000px;
}
.home .service p {
	float: left;
	margin: 0 0 12px 12px;
	_margin-left: 6px;
}
.home .shortcut {
	margin-bottom: 10px;
	padding: 0 14px;
	background: #b3d7e8;
	min-height: 50px;
	_height: 1%;
}
.home .shortcut p {
	float: left;
	margin: 14px 16px 14px 0;
}
.home #contents .update {
	background: url(./images/nangin/bg_section.gif) no-repeat left bottom !important;
	min-height: 50px;
	_height: 1%;
}
.home #contents .update h4 {
	border-bottom : 0 !important;
	background: url(./images/nangin/headline/h4_update.gif) no-repeat 0 0;
	text-indent : 10px;
	line-height: 45px;
	height: 42px;
}
.home #contents .update h4 a.feed {
	top: 15px;
}
.home div#contents .update dl {
	margin: 0 10px !important;
}
.home div#contents .update dl dt {
	background-image : url(./images/nangin/option/arrow.gif);
	border : 0 !important;
}
.home div#contents .update p.more {
	padding: 0 10px 10px 0 !important;
	line-height: 1;
}
.home #contents .urgent {
	background: url(./images/nangin/bg_urgent.gif) no-repeat left bottom !important;
}
.home #contents .urgent h4 {
	background: url(./images/nangin/headline/h4_urgent.gif) no-repeat 0 0;
}
.home div#contents .urgent dl dt,
.home div#contents .urgent p.more a {
	background-image : url(./images/nangin/option/urgent.gif);
}
/* ___________________________________________________________ contents1 */
.contents1 #contents div.section {
	background: url(./images/nangin/bg_section_repeat.gif) repeat-y 0 0;
	min-height: 50px;
	_height: 1%;
}
.contents1 #contents div.update {
	margin: 0;
	padding: 0;
	background: url(./images/nangin/bg_nest.gif) no-repeat left bottom transparent;
	min-height: 50px;
	_height: 1%;
}
.contents1 #contents div.update dl {
	padding: 10px 0 !important;
	background: url(./images/nangin/bg_section_top.gif) no-repeat 0 0 transparent;
}
.contents1 #contents div.update dl dt {
	background : url(./images/nangin/option/arrow.gif) no-repeat 10px 0.65em;
	text-indent : 30px;
	width : 12.2em;
}
.contents1 div#contents div.update dl dd {
	padding : 0.6em 10px 0.6em 12.2em;
}
p.navigation {
	padding-bottom: 10px;
}
/* ___________________________________________________________ utilities */
#utilities .ebank {
	margin-bottom: 10px;
	background : url(./images/nangin/home/bg_ebank_personal.gif) no-repeat;
	width: 270px;
	height: 120px;
}
#utilities .ebank.multi {
	background : url(./images/nangin/home/bg_ebank_personal_2.gif) no-repeat;
	height: 230px;
}
#utilities .corporate {
	background : url(./images/nangin/home/bg_ebank_corporate.gif) no-repeat;
}
#utilities .ebank p a {
	display: block;
}
#utilities .ebank p {
	margin: 0;
	padding: 9px 9px 0 9px;
	text-align: center;
}
#utilities .ebank.multi p.button {
	margin: 0;
	padding-top: 6px;
	_padding-top: 4px;
}
#utilities .ebank p.login a {
	background : url(./images/nangin/home/ebank_personal.gif) no-repeat;
	text-indent: -4000px;
	width: 251px;
	height: 61px;
}
#utilities .corporate p.login a {
	background-image : url(./images/nangin/home/ebank_corporate.gif);
}
#utilities .ebank p.login a:hover {
	background-position: 0 -61px;
}
#utilities .ebank p.button a {
	padding-right: 10px;
	background: url(./images/nangin/option/login_button.gif) no-repeat 0 0;
	color: #2361aa !important;
	text-decoration: none !important;
	letter-spacing: 0px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 31px;
	text-indent: -4000px;
	width: 241px;
	_width: 251px;
	height: 31px;
}
#utilities .ebank p.half {
	float: left;
	padding: 9px 0 0 0;
	margin: 0 0 0 9px !important;
	_margin-left: 5px !important;
	width: 120px;
	_width: 130px;
}
#utilities .ebank p {
	background: none !important;
}
#utilities .corporate p.guide a {
	background: url(./images/nangin/option/login_button_harf.gif) no-repeat 0 0;
}
#utilities .ebank p.half.trial a {
	background: url(./images/nangin/option/ebank_button_demo.gif) no-repeat 0 0;
}
#utilities .ebank p.half.fee a {
	background: url(./images/nangin/option/ebank_button_fee.gif) no-repeat 0 0;
}
#utilities .ebank p.half.interest a {
	background: url(./images/nangin/option/ebank_button_interest.gif) no-repeat 0 0;
}
#utilities .ebank p.half.atm a {
	background: url(./images/nangin/option/ebank_button_atm_shop.gif) no-repeat 0 0;
}
#utilities .ebank p.half.faq a {
	background: url(./images/nangin/option/ebank_button_faq.gif) no-repeat 0 0;
}
#utilities .ebank p.consultation a {
	background: url(./images/nangin/option/ebank_button_consultation.gif) no-repeat 0 0;
}
#utilities .ebank p.turn {
	margin: 0 0 0 11px !important;
	_margin: 0 0 0 10px !important;
}
#utilities .ebank p.half a {
	padding-right: 10px;
/*	background-image: url(./images/nangin/home/ebank_button_half.gif);*/
	font-size: 0.9em;
	width: 110px;
}
#utilities .ebank p.half {
	_margin-left: 2px !important;
}
#utilities .ebank p.half a {
	_width: 120px;
}
#utilities .ebank p.button a:hover {
	background-position: 0 -31px;
	color: #0095d9 !important;
}
#utilities .guide {
	border : 0;
	background : url(./images/nangin/bg_utilities_repeat.gif) repeat-y !important;
}
#utilities form,
#utilities ul {
	border : 0 !important;
	background : url(./images/nangin/bg_utilities_bottom.gif) no-repeat left bottom !important;
}
#utilities ul {
	padding : 0 10px !important;
}
#utilities ul li {
	border-color: #878787 !important;
}
#utilities h3 {
	overflow: hidden;
	padding: 0 20px;
	background : url(./images/nangin/headline/h3_utilities.gif) no-repeat left top !important;
	text-indent: 0;
	line-height: 51px;
	height: 41px;
}
p.qr {
	display : none;
}
#utilities .aside {
	margin-bottom: 10px !important;
	background : url(./images/nangin/home/bg_aside.gif) no-repeat !important;
}
#utilities .aside ul {
	padding-top: 5px !important;
}
div#utilities div.corp {
	margin-bottom: 15px !important;
	border: solid 1px #b3d7e8;
	background: #e9f8fd;
}
div#utilities div.corp ul {
	margin: 10px 0;
	padding: 0;
	background: none !important;
}
div#utilities div.corp ul li {
	margin: 4px 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: 0.95em;
	letter-spacing: 0px;
}

/* ___________________________________________________________ footer */

#footer ul.navigation {
	margin-top: 20px !important;
	border-top : 0px solid #535353;
	background : none !important;
	text-align: left !important;
}
#footer address {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	text-align: right !important;
	color: #fff !important;
}
#footer address a {
	color: #fff !important;
}
/* ___________________________________________________________ form */

#contents .lodgment_search {
	background : #87bf4b !important;
}
#contents .lodgment_search h3 {
	text-indent : 0;
}
#utilities .lodgment_search {
	background : #87bf4b !important;
}
.submit,
#imageField {
	background : url(./images/nangin/option/submit.gif) no-repeat left bottom !important;
}

#contents dt {
	border : 0;
	background : #dff5ff;
}
/* ___________________________________________________________ slideshow */
div#intro .slideshow ul.buttons {
	bottom: 0 !important;
}
div#intro .slideshow .buttons li a {
	background : #0095d9;
	color : #fff;
	height:20px !important;
	line-height:20px !important;
}
div#intro .slideshow ul.buttons li a:hover,
div#intro .slideshow ul.buttons li.active a {
	background : #f6fcff !important;
	color : #2361aa !important;
}

/* ___________________________________________________________ archive */
.category.column2 .column {
	margin-bottom: 10px;
	background: url(./images/nangin/bg_category_column2.gif) no-repeat left bottom;
}
.category.column2 .column h4 {
	margin: 0 0 10px 0 !important;
	background: url(./images/nangin/bg_category_column2_h4.gif) no-repeat left bottom;
	text-indent: 10px;
	line-height: 44px;
	height: 42px;
}
.category.column2 .column p,
.category.column2 .column ul {
	margin: 0 10px 10px 10px !important;
}
.category.column2 .column p + ul {
	margin-top: -10px !important;
}
.category.column2 .column h4 a {
	color: #333 !important;
	text-decoration: none !important;
}