@charset "utf-8";
/* CSS Document */

/* FIRST BANK OF TOYAMA
-----------------------------------------------------*/
#contents {
	overflow: hidden;
}
#contents img {
	max-width: 100%;
}

#relationship,
#support,
#network {
	margin-bottom: 50px;
}

/*----------------------------------------
relationship
----------------------------------------*/
#relationship p {
	margin: 10px 0 55px;
}

#relationship #block {
	margin-right: -37px;
	letter-spacing: -.40em;
}
#relationship dl {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 291px;
	margin-right: 38px;
	margin-bottom: 50px;
	letter-spacing: normal;
}
#relationship dt {
	margin-bottom: 8px;
}
#relationship dt img {
	width: 100%;
}

#relationship .cap {
	font-size: 90%;
	float: right;
}

@media screen and (max-width: 600px) {
/****************************************************
    600px未満に適用
****************************************************/

#relationship p {
	margin: 0 3% 40px;
}

#relationship #block {
	margin-right: 0;
	text-align: center;
}
#relationship dl {
	margin: 0 auto 30px;
	width: 95%;
	max-width: 292px;
}
#relationship dd {
	text-align: left;
}

/****************************************************/
}



/*----------------------------------------
support
----------------------------------------*/

#support #cornerLink {
	list-style: none;
	margin: 45px 0 60px;
	text-align: center;
}
#support #cornerLink li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin: 0 8px;
}


#support h2 {
	margin-bottom: 25px;
}
#support p.center {
    margin-bottom: 20px;
	text-align: center;
}

#support #careerup,
#support #training,
#support #selfdevelopment {
	margin-bottom: 60px;
}
#support #careerup,
#support #training {
	position: relative;
}
/*#support #careerup h2,
#support #training h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}*/
#support #careerup {
	padding-top: 30px;
}
#support #training {
	padding-top: 6px;
}

#support #selfdevelopment ul {
	list-style: none;
	text-align: center;
}
#support #selfdevelopment li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
    width: 223px;
	vertical-align: top;
	font-size: 14px;
}
#support #selfdevelopment li p {
	line-height: 1.2;
}
#support #selfdevelopment li img {
	margin-bottom: 10px;
}
#support #selfdevelopment li span {
	display: block;
	margin-top: 10px;
	font-size: 12px;
}

#support #careerup p,
#support #training p,
#support #selfdevelopment p{
	margin-bottom: 30px;
}
#support #woman {
	margin-bottom: 100px;
}
#support #woman p {
	margin-bottom: 40px;
}

#support #woman dl {
	margin-left: 40px;
	margin-right: 35px;
	margin-bottom: 40px;
}
#support #woman dt {
	margin-bottom: 12px;
}
#support #woman dd {
	margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
/****************************************************
    600px未満に適用
****************************************************/

#support #cornerLink {
	margin: 25px 0;
}
#support #cornerLink li {
	width: 100%;
	margin-bottom: 5px;
}

#support #contents h2 {
	text-align: center;
	margin: 25px 0 15px;
}
#support #contents h2 img {
	width: auto;
	height: 24px;
}

#support #contents #woman h2 img {
	width: auto;
	height: 100px;
}

#support p.center img {
	width: 100%;
}

#support #careerup,
#support #training,
#support #selfdevelopment {
	margin-bottom: 30px;
}
#support #careerup,
#support #training {
	padding-top: 0;
}
#support #careerup h2,
#support #training h2 {
	position: static;
	text-align: center;
}

#support #careerup p.center {
	margin-left: 1%;
	margin-right: 1%;
}
#support #training p.center {
	margin-left: 3%;
	margin-right: 3%;
}

#support #selfdevelopment ul {
	margin-left: 3%;
	margin-right: 3%;
}
#support #selfdevelopment li {
	width: calc(calc(100% - 15px)/2);
    margin-bottom: 15px;
	font-size: 13px;
}
#support #selfdevelopment li:nth-child(2n + 1) {
    margin-right: 15px;
}
#support #selfdevelopment li img {
	width: 85%;
    max-width: 202px;
}

#support #careerup p,
#support #training p,
#support #selfdevelopment p,
#support #woman p {
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 20px;
}

#support #woman dl {
	margin: 0;
}
#support #woman dt img {
	width: 100%;
}
#support #woman dd {
	margin: 10px 3% 20px;
}
#support #woman p.center img {
	width: 80%;
}

/****************************************************/
}

@media screen and (max-width: 400px) {
/****************************************************
    400px未満に適用
****************************************************/
#support #selfdevelopment li {
    text-align: left;
}
#support #selfdevelopment li img {
	width: 95%;
}
#support #selfdevelopment li br {
	display: none;
}

/****************************************************/
}


/*----------------------------------------
network
----------------------------------------*/

#network h2 {
	margin: 45px 0 25px;
}

#network .catch {
	display: block;
}

#network .cap {
	font-size: 90%;
	float: right;
	margin: 40px 0 0 0;
}

#network ul {
	list-style: none;
	width: 475px;
	margin-top: 25px;
	padding: 10px 0;
	background: #e4f7e7;
}
#network li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 6.5em;
	margin: 5px 0 5px 30px;
	font-size: 18px;
}
#network ul.net  {
	width: 270px;
	margin-top: 10px;
}
#network .net li {
	width: 12.5em;
}

#network #map {
	margin: 20px 0;
	text-align: center;
}

@media screen and (max-width: 600px) {
/****************************************************
    600px未満に適用
****************************************************/
#network h2 {
	text-align: center;
	margin: 25px 0 15px;
}
#network h2 img {
	width: auto;
	height: 24px;
}

#network .catch,
#network .cap,
#contents ul,
#contents ul.net  {
	margin-left: 3%;
	margin-right: 3%;
}

#network .catch img {
	width: 100%;
}

#network .cap {
	display: block;
	margin-top: 20px;
}

#network ul,
#network ul.net  {
	display: inline-block;
	width: auto;
	max-width: 300px;
}
#network ul {
	margin-top: 15px;
}
#network ul.net  {
	padding: 5px 0;
}
#network li {
	margin-left: 10px;
	font-size: 13px;
}

#network #map img {
	width: 98%;
}

/****************************************************/
}