/* ---------------------------------------------------------

JOYOBANK.CO.JP Cascading Style Sheets

File Name  : contents.css
update     : 2007.03.02

----------------------------------------------------- */

.list_notes_s {

	/* --------------
	hack for ie
	--------------- */
	_height: 1%;

	font-size: 12px;
	color: #777;
	padding: 0 0 3px 12px;
	background: url(../../img/cmn/ico_list_notes_j.gif) no-repeat 0 2px;
	line-height: 120%;
}

.news_line {
	_width: 100%;
	padding: 8px 8px 0 8px;
	background: url(../../img/cmn/dotline_1.gif) repeat-x top;
	margin-top: 16px;
}

/* --------------------------------------------------------
index.html
-------------------------------------------------------- */

.idx_tbl_btn {
	line-height: 120%;
	background: #C2C2C2;
}

.idx_tbl_btn td {
	background: #fff;
	font-weight: bold;
	padding: 4px 8px;
	width: 1%;
}

.nw_box1 {
	font-weight: bold;
	padding: 7px 20px;
	margin: 0 34px 3px 35px;
	background: #E1E6F3;
	border: solid #C2C2C2 1px
}
.nw_box2 {
	padding: 7px 20px;
	margin: 0 34px 3px 35px;
	background: #FFF;
	border: solid #C2C2C2 1px
}
/*   2010.03.08 add start */
.nw_box3 {
	padding: 7px 5px;
	margin: 0 2px 3px 4px;
	background: #FFF;
	border: solid #FFF 1px
}

.nw_box4 {
	padding: 0px 0px;
	margin: 0 2px 0px 12px;
	background: #FFF;
	border: solid #FFF 1px
}

/*   2010.03.08 add end */
/*2010.10.08 hirasawa start*/
.nw_box340_l {
	width: 338px;
	height: 51px;
	float: left;
	padding: 0px;
	margin: 0px;
	background: #E1E6F3;
	border: solid #C2C2C2 1px
}

.nw_box340_r {
	width:338px;
	height: 51px;
	float: right;
	padding: 0px;
	margin: 0px;
	background: #E1E6F3;
	border: solid #C2C2C2 1px
}

div.box317_l {
	width:338px;
	height:255px;
	float: left;
	padding: 0px;
	margin-bottom: 20px;
	background: #FFF;
	border: solid #C2C2C2 1px
}

div.box317_r {
	width:338px;
	height:255px;
	float: right;
	padding: 0px;
	margin-bottom: 20px;
	background: #FFF;
	border: solid #C2C2C2 1px
}
/*2010.10.08 hirasawa end*/

.box_secu td {
	padding: 10px;
}

.idx_tbl_news1 {
	width: 668px;
	line-height: 120%;
}

.idx_tbl_news1 th {
	padding: 4px 0;
	width: 54px;
}

.idx_tbl_news1 td.td1 {
	color: #666;
	font-weight: bold;
	font-size: 120%;
	padding: 4px 8px;
	border: solid #C2C2C2 1px
}
.idx_tbl_news1 td.td2 {
	padding: 4px 8px 4px 8px;
}
.idx_tbl_news1 td.td3 {
	padding: 4px 0px 4px 2px;
}

table.table_news2 {
	margin: 0px 14px 0 15px;
	background: #C2C2C2;
}
table.table_news2 td {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	background: #FFF;
}

table.table_news3 {
	margin: 0px 14px 0 15px;
	background: #C2C2C2;
}
table.table_news3 th {
	vertical-align: top;
	text-align: center;
	padding: 2px;
	/*background: #F4F4F4;*/
	background:#e8e6e6;
	font-size: 80%;
	font-weight: bold;
}

.table_news3 th.gr {
	vertical-align: top;
	text-align: center;
	padding: 2px;
	/*background: #F4F4F4;*/
	background:#d9ffdf;
	font-size: 80%;
	font-weight: bold;
}

table.table_news3 td {
	vertical-align: top;
	text-align: left;
	padding: 2px;
	background: #FFF;
	font-size: 80%;
}

.table_news3 td.yl {
	vertical-align: top;
	text-align: left;
	padding: 2px;
	background: #fffed8;
	font-size: 80%;
}

.table_news3 td.or {
	vertical-align: top;
	text-align: left;
	padding: 2px;
	background: #fed9a9;
	font-size: 80%;
}
/*  jcs  2009.09.02 add  背景無色  セル単位で色づけ  */
table.table_news4 {
	margin: 0px 14px 0 15px;
	background: #C2C2C2;
}
table.table_news4 th {
	vertical-align: top;
	text-align: center;
	padding: 2px;
}
table.table_news4 td {
	vertical-align: top;
	text-align: left;
	padding: 2px;
}

/*  jcs  2009.09.02 add  セル単位で色づけ（白／グレー／ベージュ）  */
table.table_news5 {
	margin: 0px 14px 0 15px;
	background: #C2C2C2;
}

table.table_news5 th.top_title {
	text-align: center;
	background: #F4F4F4;
	padding:2px;
}
table.table_news5 th.top_title2 {
	font-weight: bold;
	background: #F6F2D5;
	padding:2px;
}
table.table_news5 td {
	text-align: center;
	padding: 2px;
	background: #FFF;
	color: #666666;
}
table.table_news5 td.top_title {
	text-align: center;
	background: #F4F4F4;
	padding:2px;
}
table.table_news5 td.top_title2 {
	font-weight: bold;
	background: #F6F2D5;
	padding:2px;
}

/*  jcs  2009.09.04 add  赤文字指定追加  */
.red {color: red; font-weight: normal}

/*  jcs  2009.09.04 add  赤文字指定追加（太文字）  */
.redb {color: red; font-weight: bold}

/* --------------------------------------------------------
service.html
-------------------------------------------------------- */
table.table_ser1 {
	margin: 0px 34px 0 35px;
	background: #C2C2C2;
}

table.table_ser1 th {
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	padding: 6px 10px;
	background: #E1E6F3;
	white-space: nowrap;
}

table.table_ser1 td {
	vertical-align: top;
	text-align: left;
	padding: 6px;
	background: #FFF;
}

table.table_ser2 {
	margin: 0px 14px 0 15px;
	background: #C2C2C2;
}

table.table_ser2 th {
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	padding: 3px 5px;
	background: #E1E6F3;
	white-space: nowrap;
}

table.table_ser2 td {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	background: #FFF;
}

table.table_ser3 {
	margin: 0px 14px 0 15px;
	background: #C2C2C2;
}

table.table_ser3 th.top_title {
	font-weight: bold;
	text-align: center;
	background: #E2E6F2;
	padding:3px;
}
table.table_ser3 th.top_title2 {
	font-weight: bold;
	background: #F6F2D5;
	padding:3px;
}
table.table_ser3 td {
	text-align: center;
	padding: 3px 5px;
	background: #FFF;
	color: #666666;
}

/* --------------------------------------------------------
otp.html
-------------------------------------------------------- */
table.table_otp1 {
	margin: 0px 34px 0 35px;
	background: #C2C2C2;
}

table.table_otp1 th {
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	padding: 3px 5px;
	background: #E1E6F3;
	white-space: nowrap;
}

table.table_otp1 td {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	background: #FFF;
}

.otp_box1 {
	font-weight: bold;
	font-size: 120%;
	padding: 5px;
	margin: 0 0 5px 0;
	background: #E1E6F3;
	border: solid #C2C2C2 1px
}
.otp_box2 {
	font-weight: bold;
	font-size: 120%;
	padding: 2px;
	margin: 10px 0;
	background: #FFFFFF;
	border: solid #C2C2C2 2px
}

/* --------------------------------------------------------
guidance.html
-------------------------------------------------------- */

.idx_tbl_guid1 {
	line-height: 120%;
}

.idx_tbl_guid1 th {
	padding: 4px 0;
	width: 54px;
}

.idx_tbl_guid1 td.td1 {
	font-weight: bold;
	padding: 4px 8px;
	width: 1%;
}

.idx_tbl_guid1 td.td2 {
	padding: 4px 8px 4px 8px;
}

/* --------------------------------------------------------
support.html
-------------------------------------------------------- */
table.table_sup1 {
	margin: 0px 34px 0 35px;
	background: #C2C2C2;
}

table.table_sup1 th {
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	padding: 3px 5px;
	background: #E1E6F3;
	white-space: nowrap;
}

table.table_sup1 td {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	background: #FFF;
}

/* --------------------------------------------------------
qa.html
-------------------------------------------------------- */
/*  tbl_qa3  totsuka add  2009.08.19  */

table.tbl_qa3 {
	margin: 0px 10px 0 0px;
	background: #C2C2C2;
	background-image:none;
}

table.tbl_qa3 th {
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	padding: 3px 5px;
	background-image:none;
	background-color: #E1E6F3;
	white-space: nowrap;
}

table.tbl_qa3 td {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	background-image:none;
	background-color: #FFF;
}


table.tbl_qa3 p {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	background-image:none;
	background: #FFF;
}

/*  tbl_qa3  totsuka add-end  2009.08.19  */

ul.ul_qa1 li {
/*	background: url(../../qa/img/icn_q.gif) no-repeat 8px 4px;*/
	padding: 4px 8px 4px 36px;
}

.qa_box1 {
	font-weight: bold;
	padding: 3px 10px;
	margin: 0 8px 5px 8px;
	background: #E1E6F3;
	border: solid #C2C2C2 1px
}

table.tbl_qa2 {
	background: #C2C2C2;
	margin: 0px 8px;
}

table.tbl_qa2 th.th1 {
	text-align: center;
	font-weight: bold;
	padding: 3px 5px;
	background-color: #E1E6F3;
	background-image:none;
	white-space: nowrap;
}

table.tbl_qa2 td.td1 {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	background-color: #FFF;
	background-image:none;
}


table.tbl_qa1 {
	width: 668px;
	background: #C2C2C2;
	margin: 0px 8px;
}

table.tbl_qa1 th {
	line-height: 100%;
	font-weight: normal;
	text-align: left;
/*	background: #E1E6F3 url(../../qa/img/icn_q.gif) no-repeat 15px center;*/
	padding: 8px 16px 8px 42px;
}

table.tbl_qa1 td {
	line-height: 120%;
/*	background: #FFF url(../../qa/img/icn_a.gif) no-repeat 15px 8px;*/
	padding: 8px 16px 8px 42px;

table.tbl_qa1 td p {
	padding-bottom: 16px;
}

table.tbl_qa1 td img {
	vertical-align: middle;
	margin-bottom: 3px;
}


table.tbl_qa4 p {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	background-image:none;
	background: #FFF;
}