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

/* FIRST BANK OF TOYAMA
-----------------------------------------------------*/

/*----------------------------------------
info
----------------------------------------*/

#info table {
	border-collapse: collapse;
}
#info > table {
	width: 910px;
	margin: 45px 20px;
}
#info th,
#info td {
	padding: 15px 0 25px;
	border-top: 1px solid #dadbd4;
	vertical-align: top;
	text-align: left;
}
#info th {
	width: 8em;
	color: #007c3c;
	font-weight: bold;
}

#info td dl#holiday dd,
#info td dl#welfare dd {
	margin-top: -1.45em;
	margin-left: 3em;
}

#info td table {
	width: 500px;
}
#info td th,
#info td td {
	padding: 4px 8px;
	border: 1px solid #787878;
}
#info td th {
	width: auto;
	color: #434343;
	font-weight: normal;
}
#info td thead th {
	background: #f3f3f3;
	text-align: center;
}
#info td tbody td {
	width: 120px;
	text-align: right;
}
#info td td.center {
	text-align: center;
}


#info td dl#school dt {
	font-weight: bold;
	margin-bottom: 5px;
}
#info td dl#school dd {
	margin-left: 5px;
	margin-bottom: 15px;
}
#info td dl#school dd span {
	display: none;
}

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


@media screen and (max-width: 600px) {
/****************************************************
    600px未満に適用
****************************************************/
#info > table {
	width: 94%;
	margin: 45px 3%;
}
#info th,
#info td {
	display: block;
	padding: 15px 0 25px;
}
#info th {
	width: auto;
	padding-bottom: 0;
}
#info td {
	border-top: none;
	padding-bottom: 15px;
}

#info td dl#holiday dd br {
	display: none;
}

#info td table {
	width: 100%;
}
#info td th,
#info td td {
	display: table-cell;
}
#info td tbody td {
	width: 27%;
}

#info td dl#school dd span {
	display: inline;
}
	
#info .cap {
	margin-left: 3%;
	margin-right: 3%;
}


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


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

#event h2 {
	margin: 25px 0 15px;
}

#process1,
#process2,
#process3 {
	text-align: center;
}
#process1 {
	margin-top: 40px;
}
#process1 dl,
#process2 dl,
#process3 dl {
	padding: 10px;
	border: 1px solid #787878;
	font-family: Meiryo,sans-serif;
	margin: 0 auto;
}
#process2 dl {
	width: 740px;
	padding-bottom: 25px;
}
#process1 dl,
#process3 dl {
	width: 560px;
}
#process1 dt,
#process2 dt,
#process3 dt {
	margin-bottom: 10px;
	padding: 7px 0;
	background: #15ae5f;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
}
#process1 dd,
#process2 dd,
#process3 dd {
	text-align: left;
}
#process1 dd {
	margin-left: 80px;
}
#process2 dd {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
#process2 dt:first-child {
	margin-right: 5px;
}
#process2 dd.photo {
	width: 190px;
	margin-right: 27px;
}
#process3 dd {
	margin-left: 10px;
}
#process1 dd a,
#process2 dd a,
#process3 dd a,
span#tab-scheduleBlock {
	padding: 1px 10px;
	background: #dff5e2;
	font-weight: bold;
	font-size: 17px;
	text-decoration: underline;
	cursor: pointer;
}
#process3 dd p {
    margin-bottom: 1em;
}

#process1,
#process2 {
	padding-bottom: 65px;
	background: url(image/event_arrow3.gif) no-repeat center bottom;
}


/* ==============================================
    schedule
============================================== */

#scheduleBlock .schedule {
	width: 100%;
	margin-top: 30px;
	border-collapse: collapse;
}
#scheduleBlock .schedule caption {
	color: #007c3c;
	font-weight: bold;
	text-align: left;
	font-size: 20px;
}
#scheduleBlock .schedule th,
#scheduleBlock .schedule td {
	padding: 7px 8px;
	border: 1px solid #727272;
	vertical-align: middle;
}
#scheduleBlock .schedule th {
	text-align: center;
	background: #15ae5f;
	color: #fff;
	font-weight: normal;
}
#scheduleBlock .schedule td {
	text-align: left;
	font-size: 14px;
}
#scheduleBlock .schedule .even td {
	background: #f3f3f3;
}
#scheduleBlock .schedule th.day {
	width: 22%;
}
#scheduleBlock .schedule th.eventTit {
	width: 45%;
}
#scheduleBlock .schedule th.place {
	width: 30%;
}

#orderBtn {
	margin-top: 50px;
	text-align: center;
}
#orderBtn a {
	display: inline-block;
	padding: 10px 15px;
	background: #106c68;
	border: 2px solid #d0d0d0;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	font-family: Meiryo,sans-serif;
	font-size: 16px;
	text-decoration: none;
}



@media screen and (max-width: 600px) {
/****************************************************
    600px未満に適用
****************************************************/
#event #cornerLink {
	margin: 25px 0;
}

#processBlock strong img {
	width: auto;
	height: 37px;
}

#process1 {
	margin-top: 30px;
}
#process2 dl {
	padding-bottom: 25px;
}
#process1 dl,
#process2 dl,
#process3 dl {
	width: 88%;
}
#process1 dt,
#process2 dt,
#process3 dt {
	margin-bottom: 7px;
	padding: 5px 0;
	font-size: 18px;
}
#process1 dd,
#process3 dd {
	margin-left: 0;
}
#process2 dd.photo {
	margin-right: 0;
	margin-bottom: 10px;
}
#process1 dd a,
#process2 dd a,
#process3 dd a,
span#tab-scheduleBlock {
	font-size: 16px;
}

#process1,
#process2 {
	padding-bottom: 70px;
	background-size: auto 70px;
}


/* ==============================================
    schedule
============================================== */
#event h2 {
	margin-bottom: 10px;
	text-align: center;
}
#event h2 img {
	width: auto;
	height: 24px;
}
#event strong {
	display: block;
	text-align: center;
}
#scheduleBlock strong img,
#scheduleBlock h2#fureai img {
	width: auto;
	height: 17px;
}

#scheduleBlock .tableWrap {
	overflow: scroll;
	margin: 20px 3%;
}

#scheduleBlock .schedule {
	width: auto;
	margin-top: 0;
}
#scheduleBlock .schedule td {
	white-space: nowrap;
}

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