﻿@charset "utf-8";
/*全局定义部分*/
body,ul,form{margin:0; padding:0;}
body,select,input,textarea,table { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#444}
ul { list-style:none;}
img{ border:0px;}

/*td背景色*/
a{text-decoration:none; color:#6C5D4C; font-size:9pt; font-family:Arial, Helvetica, sans-serif;}
a:hover{ text-decoration:underline; color:#000000;}

/*td背景色*/
.td_bg{ background:#F6F6F6}

/*整体div*/
.div_box{ width:100%;margin:0 auto;}/*div容器*/
#reSendEmail {border:1px solid #DCDCDC; background:#FFE6E6; color:#FF3939; font-weight:bold;zoom:1; display:none}

/*页面执行时间*/
.RunTime{line-height:20px; text-align:center; font-size:9pt; font-family:Arial, Helvetica, sans-serif; clear:both; color:#444444}

/*分页DIV*/
.pageNav{line-height:20px; width:100%; text-align:center;}
/*底部信息*/

/*消息提示*/
.message{ width:450px;  position:relative; margin:10px auto;}
.message a{ color:#0076A9; text-decoration:underline;}
.message .td1{ height:28px; text-align:left; line-height:28px; background:url(../images/msg/msg_title_bg.jpg) center repeat-x;}
.message .td2{border:#2C99D2 1px solid;border-top:0px; height:120px; line-height:20px; padding:2px; color:#0076A9}

.message .title .tdl{ height:28px; background:url(../images/msg/msg_title_l.jpg) left no-repeat; width:5px;}
.message .title .tdr{ height:28px; background:url(../images/msg/msg_title_r.jpg) right no-repeat; width:5px;}
.message .title .td_title{ height:28px; text-align:left; color: #FFFFFF; font-weight:bold;}

.spanmsg{BORDER-RIGHT: #6287a5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #6287a5 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(IptBg2.gif) #ffffff repeat-x; BORDER-LEFT: #6287a5 1px solid;COLOR: #295379; BORDER-BOTTOM: #6287a5 1px solid}

.myTable { border-left:1px solid #DCDCDC;border-top:1px solid #DCDCDC;}
.myTable td{border-right:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC; height:45px; padding-left:7px;}
.myTable .left{ background:#FAFAFA; width:150px;}
.myTable .title { background:#F5F5F5; font-size:14px; font-weight:bold;}

input.text{ border:1px solid #CCC; height:24px;padding:3px 0 0 6px;}
textarea.text{ border:1px solid #CCC; height:80px;padding:3px 0 0 6px;}
input.submit,input.button { width:144px; height:35px}
input.submit { background:url(../images/uniqlo/btn_bg.gif) right no-repeat #000; border:none;color:#FFF;}
input.button { border:none;background:#666666; color:#FFF; margin-left:10px;}

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
input.red { width:144px; height:35px; background:#BB2F28; color:#FFF; border:none;line-height:35px;}

/* ------------------------------------------------------------
	4. Table Word And Detail
   ------------------------------------------------------------ */

/*  4-1. Common Style
   ------------------------------------------------- */
table.tblWordAndDetail {
	width: 100%;
}

table.tblWordAndDetail * { line-height: 1.5; }

table.tblWordAndDetail label { vertical-align: middle; }

table.tblWordAndDetail input,
table.tblWordAndDetail select,
table.tblWordAndDetail textarea {
	/*font-size: 109%;*/
}

table.tblWordAndDetail th.word {
	width: 157px;
	padding: 12px 15px 10px 17px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	background: #fafafa;
	text-align: left;
	vertical-align: middle;
}



table.tblWordAndDetail th.word strong.required {
	position: relative;
	float: right;
	width: 40px;
	height: 100px;
	height: 8px;
}

table.tblWordAndDetail th.word strong.required img {
	position: absolute;
	top: -4px;
	right: -2px;
}

table.tblWordAndDetail th.selectableRadio { padding-left: 12px; }

table.tblWordAndDetail th.selectableRadio table {
	float: none;
	width: 162px;
	margin: 0;
}

table.tblWordAndDetail th.selectableRadio table th { vertical-align: top; }

table.tblWordAndDetail td.detail {
	padding: 12px 13px;
	border-bottom: 1px solid #dcdcdc;
}

table.tblWordAndDetail td.moreDetail {
	padding: 12px 13px 12px 4px;
	border-bottom: 1px solid #dcdcdc;
}

table.tblWordAndDetail td.moreDetail table {
	margin: 0 -9px 0 0;
	padding-left: 0;
}

table.tblWordAndDetail td.moreDetail table th {
	padding: 0 6px 0 0;
	vertical-align: middle;
}

table.tblWordAndDetail td.moreDetail table td {
	padding: 0 9px 3px 0;
	vertical-align: middle;
}

table.tblWordAndDetail td.subInfo,
table.tblWordAndDetail td.subInfoWide {
	width: 168px;
	padding: 14px 13px;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	vertical-align: middle;
}

table.tblWordAndDetail td.subInfoWide { width: 354px; }
/*  1-5. Form Element
   ------------------------------------------------- */
input.inputField, /* with input[type="text"] */
textarea.inputField,
select.selectbox {
	padding: 5px 4px;
	border: 1px solid #ccc;
	line-height: 1.25;
	vertical-align: middle;
}

*:first-child+html input.inputRadio {
	position: relative;
	top: -2px;
}

input.inputCheck {}
input.inputRadio {}
input.inputFile {}

.border3 {	
	border-top: 1px solid #dcdcdc;

}

/*  4-2. Modules
   ------------------------------------------------- */

/* --- linkList2col --- */
table.tblWordAndDetail div.linkList2col { margin: -6px -13px 4px; }

table.tblWordAndDetail div.linkList2col * { line-height: 1.3; }

table.tblWordAndDetail div.linkList2col ul { zoom: 1; /* For IE Print */ }

table.tblWordAndDetail div.linkList2col ul li {
	float: left;
	width: 254px;
	padding: 8px 4px 0 25px;
	background: url(/img/material/ico-bullet-01.gif) no-repeat 13px 11px;
	text-indent: -12px;
}

table.tblWordAndDetail div.linkList2col ul li a { padding: 0 0 0 12px; }

/* --- notesAfter, notesBefore --- */
table.tblWordAndDetail ul.notesAfter { }

table.tblWordAndDetail ul.notesBefore { padding: 2px 0 0; }

table.tblWordAndDetail ul.notesAfter *,
table.tblWordAndDetail ul.notesBefore * { line-height: 1.6; }

table.tblWordAndDetail ul.notesAfter li,
table.tblWordAndDetail ul.notesBefore li { zoom: 1; /* For IE Print */ }

table.tblWordAndDetail ul.notesAfter li {
	padding: 14px 0 0 14px;
	background: url(/img/material/ico-bullet-01.gif) no-repeat 0 19px;
}

table.tblWordAndDetail ul.notesBefore li {
	padding: 0 0 14px 14px;
	background: url(/img/material/ico-bullet-01.gif) no-repeat 0 .45em;
}

/* nested list */
table.tblWordAndDetail ul.notesAfter li .list02,
table.tblWordAndDetail ul.notesBefore li .list02 { margin: 15px 0 0 5px; }

table.tblWordAndDetail ul.notesAfter li .list02 li,
table.tblWordAndDetail ul.notesBefore li .list02 li {
	padding: 0 0 0 7px;
	background: url(/img/material/ico-bullet-02.gif) no-repeat 0 6px;
}

/* mailAddrInputs */
table.tblWordAndDetail table.mailAddrInputs { margin: -6px 0 2px; }

table.tblWordAndDetail table.mailAddrInputs th {
	padding: 8px 15px 0 0;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

table.tblWordAndDetail table.mailAddrInputs td {
	padding: 8px 0 0;
	text-align: left;
	vertical-align: middle;
}

table.tblWordAndDetail table.mailAddrInputs td input { width: 155px; }

*:first-child+html table.tblWordAndDetail table.mailAddrInputs th label,
*:first-child+html table.tblWordAndDetail table.mailAddrInputs td span {
	/* adjust input position for IE7 */
	position: relative;
	bottom: -2px;
}

/* QRAndNotes */
table.tblWordAndDetail div.QRAndNotes { zoom: 1; /* For IE Print */ }

table.tblWordAndDetail div.QRAndNotes p {
	float: left;
	width: 95px;
	padding: 3px 0 0;
}

table.tblWordAndDetail div.QRAndNotes ul {
	float: left;
	width: 448px;
	margin: -12px -4px 0 0;
}

table.tblWordAndDetail div.QRAndNotes ul * { line-height: 1.6; }

table.tblWordAndDetail div.QRAndNotes ul li {
	padding: 14px 0 0 14px;
	background: url(/img/material/ico-bullet-01.gif) no-repeat 0 19px;
	zoom: 1; /* For IE Print */
}

/* inputs */
table.tblWordAndDetail ul.inputs {
	margin: -6px 0 0;
	zoom: 1; /* For IE Print */
}

table.tblWordAndDetail ul.inputs input,
table.tblWordAndDetail ul.inputs select,
table.tblWordAndDetail ul.inputs img { vertical-align: middle; }

table.tblWordAndDetail ul.inputs li {
	padding: 6px 0 0;
	zoom: 1; /* For IE Print */
}

*:first-child+html table.tblWordAndDetail ul.inputs li {
	/* IE7 get extra margin between lists without this */
	float: left;
	clear: both;
	width: 100%;
	white-space: nowrap;
}

table.tblWordAndDetail ul.inputs li.multi { }

/* for IE7 */
*:first-child+html table.tblWordAndDetail ul.inputs li.multi span {
	position: relative;
	bottom: -2px;
}

/* addrSelect */
table.tblWordAndDetail ul.addrSelect { margin: -11px 0 2px; }

table.tblWordAndDetail ul.addrSelect li {
	padding: 13px 0 0;
	zoom: 1; /* For IE Print */
}

table.tblWordAndDetail ul.addrSelect a,
table.tblWordAndDetail ul.addrSelect li img,
table.tblWordAndDetail ul.addrSelect li input { vertical-align: middle; }

/* addrDetail */
table.tblWordAndDetail table.addrDetail { }

table.tblWordAndDetail table.addrDetail th {
	width: 116px;
	padding: 0 8px 0 0;
	text-align: left;
	vertical-align: top;
}

table.tblWordAndDetail table.addrDetail td {
	text-align: left;
	vertical-align: top;
}

/* extra (left of 3col) */
table.tblWordAndDetail td.extra {
	width: 189px;
	padding: 0;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	text-align: center;
	vertical-align: middle;
}

table.tblWordAndDetail td.extra a { }

/* btnMore */
table.tblWordAndDetail p.btnMore { }

table.tblWordAndDetail p.btnMore input { vertical-align: top; }

/* currentCardInfo */
table.tblWordAndDetail div.currentCardInfo { zoom: 1; /* For IE Print */ }

table.tblWordAndDetail div.currentCardInfo p { padding: 0 0 12px; }

/* newCardInputs */
table.tblWordAndDetail table.newCardInputs { margin: -7px 0 0; }

table.tblWordAndDetail table.newCardInputs th,
table.tblWordAndDetail table.newCardInputs td {
	text-align: left;
	vertical-align: middle;
}

table.tblWordAndDetail table.newCardInputs th { padding: 10px 20px 0 0; }

table.tblWordAndDetail table.newCardInputs label { font-weight: bold; }

table.tblWordAndDetail table.newCardInputs td { padding: 7px 0 0; }

/* for IE7 */
*:first-child+html table.tblWordAndDetail table.newCardInputs span {
	position: relative;
	bottom: -2px;
}

table.tblWordAndDetail table.newCardInputs span.example { padding: 0 0 0 15px; }

table.tblWordAndDetail table.newCardInputs tr.brand { }
table.tblWordAndDetail table.newCardInputs tr.brand select { width: 210px; }

table.tblWordAndDetail table.newCardInputs tr.number { }
table.tblWordAndDetail table.newCardInputs tr.number input { width: 200px; }

table.tblWordAndDetail table.newCardInputs tr.expire { }

table.tblWordAndDetail table.newCardInputs tr.owner { }
table.tblWordAndDetail table.newCardInputs tr.owner input { width: 200px; }

/* blkSubmitBtn */
p.blkSubmitBtn {
	padding: 14px 15px 0;
	text-align: right;
}

p.blkSubmitBtn img,
p.blkSubmitBtn input { vertical-align: top; }

/* tblSubmitGuideAndBtn */
table.tblSubmitGuideAndBtn { width: 100%; }

table.tblSubmitGuideAndBtn th.guide {
	padding: 14px 15px 0;
	font-size: 85%;
}

table.tblSubmitGuideAndBtn td.button {
	text-align: right;
	white-space: nowrap;
}

/* checkableItemContainer */
div.checkableItemContainer { zoom: 1; /* For IE Print */ }

table.checkableItem {
	float: left;
	margin: 0 15px 0 0;
}

table.checkableItem th,
table.checkableItem td { vertical-align: middle; }

table.checkableItem th { padding: 0 3px 2px 0; }

table.checkableItem td label { font-weight: bold; }

/* Detailed Info Table */
table.tblWordAndDetail table.tblDetailedInfo { }

table.tblWordAndDetail table.tblDetailedInfo th {
	padding: 3px 12px 0 0;
	text-align: left;
	vertical-align: top;
}

table.tblWordAndDetail table.tblDetailedInfo td {
	padding: 3px 0 0;
	text-align: left;
	vertical-align: top;
}

/* ------------------------------------------------------------
	5. Error Message Block
   ------------------------------------------------------------ */
div.blkErrorMsg {
	padding: 15px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	background: #ffe6e6;
	color: #ff3939;
	font-size: 93%;
	font-weight: bold;
}

td.error {
	background: #ffe6e6;
	color: #ff3939;
}

p.error {
	padding-top: 10px;
	color: #ff3939;
}

/* msgNoResult */
p.msgNoResult {
	padding: 20px 15px 70px;
	border-bottom : 1px solid #dcdcdc;
	color: #f00;
	font-size: 85%;
	zoom: 1; /* For IE Print */
}
td.header { background:url(../images/090326/bullet.gif) no-repeat #F5F5F5; background-position:15px 20px; padding: 18px 13px; padding-left:30px;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
.userHeader {text-align:left; font-size:12px; padding:1em 2em 1em 0;}
.header1 { background:url(../images/090326/ttl-reg-mm-10.jpg) no-repeat; height:109px;}
.header2 {background:url(../images/090326/xx.jpg) no-repeat; height:109px;}

.header3 {background:url(../images/090326/fx.jpg) no-repeat; height:109px;}
.header4 {background:url(../images/090326/ttl-reg-mm-09.jpg) no-repeat; height:109px;}
.header5 {background:url(../images/090326/ttl-reg-mm-07.jpg) no-repeat; height:109px;}
.header6 {background:url(../images/090326/ttl-reg-mm-06.jpg) no-repeat; height:109px;}
.header7 {background:url(../images/090326/ttl-reg-mm-08.jpg) no-repeat; height:109px;}

.header8 {background:url(../images/090326/ttl-reg-mm-11.jpg) no-repeat; height:109px;}
.header9 {background:url(../images/090326/ttl-reg-mm-01.jpg) no-repeat; height:109px;}

.headerNav { float:right;}
.headerNav li{background:url(../images/090326/spr-ico-arrow-01.gif) no-repeat; background-position:0 4px; padding-left:15px; line-height:24px;}
a.header { color:#006699;}

input,select,textarea { FONT-SIZE: 11px; COLOR: #444; FONT-FAMILY: Arial, Helvetica, sans-serif}
INPUT.inputField {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 1.25; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid}
.backBtn { background:url(../images/090326/back.jpg) no-repeat; width:101px; height:30px; border:none;}
.submitBtn {background:url(../images/090326/submit.jpg) no-repeat; width:101px; height:30px; border:none;}
.inviteBtn {background:url(../images/090326/invite.jpg) no-repeat; width:121px; height:30px; border:none;}

#invite_links li{ padding-bottom:20px;}
