@charset "Shift_JIS";
/* 東京スター銀行 */


/* 目次--------------------------------------------------- */

/* 1.基本定義 -------------------------------------------- */

/* 2.共通制御 -------------------------------------------- */

/* 3.ヘッダー -------------------------------------------- */

/* 4.ボディ ---------------------------------------------- */

/* 5.フッター -------------------------------------------- */

/* 6.テーブルフォーマット　------------------------------- */




/* 1.基本定義 -------------------------------------------- */
body {
font-family:arial,helvetica,sans-serif,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";
}

/*-- reset --*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

fieldset,img {
  border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}

ol,ul {
  list-style:none;
}

caption,th,td {
  text-align:left;
  vertical-align:top;
}

abbr,acronym {
  border:0;
}
/*-- font --*/
body {
	font-size:75%;
	text-align:center;
	background-color:#F0F0F0;
}

table {font-size:100%;}
body * {line-height:1.6em;}
select, input, textarea {font-size:100%;line-height:1em;}


h1, h2, h3, h4, h5, h6, em {
  font-size:100%;
  font-weight:normal;
}
/* 1.基本定義 -----------------END------------------------ */





/* 2.共通制御 -------------------------------------------- */

a:link {text-decoration:none; color:#145C9E;}
a:visited {text-decoration:none;  color:#880066;}
a:hover {text-decoration:underline; color:#ff6600;}
a:active {text-decoration:none;  color:#333333;}

div.clear {
	clear:both;
	line-height:0px;
	font-size:0px;
	height:0px;
}

img {vertical-align:middle;}

div.release {zoom: 100%;}

div.release:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* exclude MacIE5 \*/
* html .release {height:1%;}
.release {display:block;}
/* end MacIE5 */


.flr {float:right;}
.fll {float:left;}

.maT2 {margin-top:2px;}
.maT3 {margin-top:3px;}
.maT5 {margin-top:5px;}
.maT10 {margin-top:10px;}
.maT15 {margin-top:15px;}
.maT20 {margin-top:20px;}
.maT25 {margin-top:25px;}
.maT30 {margin-top:30px;}
.maT35 {margin-top:35px;}
.maT40 {margin-top:40px;}
.maT45 {margin-top:45px;}
.maT50 {margin-top:50px;}
.maT55 {margin-top:55px;}
.maT60 {margin-top:60px;}
.maT65 {margin-top:65px;}
.maT70 {margin-top:70px;}

.maR5 {margin-right:5px;}
.maR10 {margin-right:10px;}

.maL5 {margin-left:5px;}
.maL8 {margin-left:8px;}
.maL10 {margin-left:10px;}
.maL30 {margin-left:30px;}
.maL40 {margin-left:40px;}

.maB10{margin-bottom:10px;}
.maB15{margin-bottom:15px;}
.maB20{margin-bottom:20px;}
.maB30{margin-bottom:30px;}
.maB40{margin-bottom:40px;}
.maB45{margin-bottom:45px;}
.maB50{margin-bottom:50px;}


body:first-of-type img.safVal {vertical-align:-4px;}

.re_tx_ri {
	text-align:right;
}

.re_tx_cen {
	text-align:center;
}

/* リスト */
ul.litype_sq {
	margin-left:20px;
}

ul.litype_sq li {
	list-style-image: url(../images/list.gif);
}
ul.litype_cau li {
	background:url(../images/icon_kome.gif) no-repeat 0 4px;
	padding:0 0 0 15px;
}
div.backToPtop {
	text-align:right;
	padding:0 40px 40px 0;
}
input, select, textarea{
	padding:3px;
}
/*ボタン以外*/
input[type="text"],input[type="password"],input[type="file"],input[type="checkbox"],input[type="radio"],input[type="hidden"],input[type="submit"],input[type="reset"],input[type="image"], select, textarea {
	border-width:thin;
}

.focusField{
	background:#ffc;
    border-color: #f90;
	color:#000;
}
.idleField{
	background:#e6e6e6;
 /*   border-color: #ccc;*/
	color:#000;
}
h3 {
	background-color:#F2F1EE;
	font-weight:700;
	font-size:124%;
	padding:4px 0 4px 10px;
	margin-bottom:25px;
}

h4 {
	font-weight:700;
	font-size:116%;
	padding-top:2px;
	margin-bottom:20px;
}
/* 2.共通制御 ------------------END---------------------- */






/* 3.ヘッダー -------------------------------------------- */
div.headerLogo {
	border-bottom:1px solid #c0c0c0;
	background-color:#ffffff;
	text-align:center;
}
div.headerLogo ul.tsbLogo {
	display:block;
	width:744px;
	height:42px;
	margin:auto;
	_margin:0;
}
div.headerLogo ul.tsbLogo li {
	display:block;
	float:left;
	overflow:hidden;
	width:137px;
	height:18px;
	margin:12px 12px 12px 0;
	text-indet:-9999px;
}
div.headerLogo ul.tsbLogo li a {
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	width:137px;
	height:18px;
	padding:12px 12px 12px 0;
	background-image:url(../images/logo.gif);
}
div.headerLogo ul.tsbLogo li a span {
	display:none;
}
/* 3.ヘッダー ----------------END------------------------- */




/* 4.ボディ ---------------------------------------------- */
div.container {
	padding:39px 0 0 0;
	margin:0 auto;
	width:100%;
	min-width:744px;
	background: url(../images/mainBg.jpg) no-repeat center top;
}
div.mainbox {
	width:744px;
	margin:0 auto;
	text-align:left;
	background:url(../images/mainBg1v.gif) no-repeat 0 0;
}
div.mainbox .titlebox {
	padding:32px 40px 0 40px;
	height:100px;
	overflow:hidden;
}
div.mainbox .titlebox h1 {
	font-size:3em;
	font-weight:bold;
}


div.formContentsBox {
	padding:40px 0;
	width:744px;
	background:url(../images/bar11.jpg) no-repeat 40px 0;
	border-top:1px solid #666666;
	background-color:#ffffff;
}

/* サブミットボタン　*/
.bottom-btn {
	position: relative;
	overflow: hidden;
	margin-top:30px;
	margin-bottom:10px;
}
.bottom-btn ul {
	float: left;
	position: relative;
	left: 50%;
	_left: 47%;
}
.bottom-btn ul li {
	position: relative;
	left: -50%;
	_left: -53%;
	float: left;
	display:inline-block;
	width:210px;
	height:31px;
	margin-left:8px;
	margin-right:8px;
}
.mainContents {
	margin:0 40px;
	_margin:40px 40px 20px 40px;
}
.formLead {
	position:relative;
	top:-40px;
	color:#F60;
	font-weight:bold;
}
.confirm {
	font-size:1.6em;
	font-weight:bold;
	color:#36C;
}

/* コンバージョン */
.contBre {
	border:#ccc 1px solid;
	padding:20px;
	margin:20px 0;
}
.contBre strong {
	font-size:1.6em;
	font-weight:bold;
}
.contBre .panone {
	color: #6ca500;
	font-family: "Trebuchet MS","Helvetica Neue",Arial,Helvetica,sans-serif;
	font-weight:700;
	font-size:2em
}
.inputError {
	background:#fff9ef;
	border:2px #f60 solid;
}
.msgError {
	color:#f60;
	font-weight:bold;
}

/* 4.ボディ -------------------END------------------------ */







/* 5.フッター -------------------------------------------- */

div.footer_re {
	width:744px;
	margin:0 auto 0 auto;
	text-align:left;
	padding:9px 0 10px 0;
	background:url(../images/mainBgBottom.gif) no-repeat 0 0;
}

div.footer_re div.copy_re {
	height:11px;
	overflow:hidden;
	margin-top:8px;
	_margin-top:14px;
}

div.footer_re div.copy_re p {
	background:url(../images/copy.gif) no-repeat 0 0;
	height:11px;
	padding-top:15px;
}
/* 5.フッター ------------------END----------------------- */



/* 6.テーブルフォーマット　-------------------------------- */
table.frame {
/*	margin:20px 40px 40px;
	_margin:40px 40px 40px;*/
	border-collapse:collapse;
	border-top:2px #999 solid;
	border-bottom:2px #999 solid;
}
table.frame th,
table.frame td {
	border-top:1px #999 solid;
	border-bottom:1px #999 solid;
	padding:8px;
}
table.frame th {
	width:175px;
	border-right:1px #999 dotted;
}
table.frame th.fnote {
	background:url(../images/required.gif) no-repeat 153px 10px;
}
table.frame th.fnote span {
	display:none;
}
table.inner th,
table.inner td {
	border:none;
	margin:0;
	padding:0;
}
table.inner td.col2 {
	width:230px;
}

.hfGene01 {
	width:200px;
}
.email01 {
	width:400px;
}
.freeword01 {
	width:400px;
	height:140px;
}
.selectsex {
	padding-left:10px;
	padding-right:20px;
}
.selectaccount {
	padding-left:10px;
	padding-right:20px;
}
.example{
	font-size:.9em;
	color:#999;
}
.zipnotes {
	font-size:.8em;
}
.zipcode01 {
	width:60px;
}
.zipcode02 {
	width:80px;
}
.phone01 {
	width:60px;
}
.phone02 {
	width:80px;
}
.selectbox01 {
	width:180px;
}
.selectbox02 {
	width:180px;
	margin-right:20px;
}

/* 利用jQery functionにFirefoxでのバグ有。imageで線が出ないよう設定 */
input[type="image"]{
	border:none;
	padding:0;
}

.selectProductBox {
	background:#eee;
	padding:20px;
	margin:20px 0;
}

.note {
	font-size:0.8em;
	color:#999;
}

/* 6.テーブルフォーマット　-----END------------------------ */













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

#siryou-head {
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:20px;
}

table.aboutTab {
/*	margin:20px 40px 40px;
	_margin:40px 40px 40px;*/
	border-collapse:collapse;
	border-top:2px #999 solid;
	border-bottom:2px #999 solid;
	width:664px;
}
table.aboutTab th,
table.aboutTab td {
	border-top:1px #999 solid;
	border-bottom:1px #999 solid;
	padding:8px;
}
table.aboutTab th {
	width:175px;
	border-right:1px #999 dotted;
}

table.aboutTab th.fnote {
	background:url(../images/required.gif) no-repeat 153px 10px;
}
table.aboutTab th.fnote span {
	display:none;
}
table.aboutLayoutTab th,
table.aboutLayoutTab td {
	border:none;
	margin:0;
	padding:0;
}
table.aboutLayoutTab td.col2 {
	width:230px;
}
table.aboutLayoutTab td.col3 {
	width:170px;
}
.lead {
	margin:1em 0;
}
.txtdouble {
	width:130px;
	margin-right:10px;
}
.pulldown {
	width:130px;
	margin-right:10px;
}
.pulldown60 {
	width:60px;
	margin-right:10px;
}
.pulldown80 {
	width:80px;
	margin-right:10px;
}
.pulldown100 {
	width:100px;
	margin-right:10px;
}
.txtsingle {
	width:50px;
}
.example {
	font-size:.8em;
	color:#999;
}
.inputEmail {
	width:200px;
}
.btn_address_search {
	margin:0 5px 0 20px;
}
#error {
	font-size:1.2em;
	color:#f60;
	margin:1em 0;
	border:1px #f60 solid;
	padding:8px;
}
#error p {
	margin: 0;
}
#error ul {
	list-style-type:square;
	color:#f60;
	margin: 0;
	padding:0 0 0 2em;
}
#error ul li {
	margin: 0;
	padding:0;
	list-style-type:square;
	font-weight:bold;
}

/* 以下追加分 */

.txConfirm	{
	font-size:1.6em;
	font-weight:bold;
	color:#36C;
}
.txtsmall {
	width:30px;
}
.txtsmall2 {
	width:40px;
}

.txterror {
	background-color:red;
}
img.fnote {
	float: right;
}


.readioMargin {
	margin-left: 15px;
}