@charset "Shift_JIS";
/*------------------------------------------------------------------------------------------------
Last up data 2009.8.
http://www.sevenbank.co.jp/
Copyright (C) Seven Bank,Ltd. All Rights Reserved.
------------------------------------------------------------------------------------------------*/
/*-------------------------------
1. account
2. account/merit
3. account/nyushukkin
4. account/limit
5. account/application
6. account/pin
7. account/fee
--------------------------------*/

/*-------------------------------
1. account
--------------------------------*/
/* index */
div#main #accountIndex01,
div#main #accountIndex02 {
	margin-bottom: 20px;
}
div#main div#accountDescription {
	width: 675px;
	position: relative;
	height: 175px;
}
div#main div#accountDescription h2 {
	position: absolute;
	left: 13px;
	top: 0;
}
div#main div#accountDescription div {
	position: absolute;
	left: 441px;
	top: 123px;
}
div#main ul.howToGet {
	background:url(../image/bg_howtoget.gif) no-repeat bottom left;
}
div#main ul.howToGet p.case {
	padding:0;
}
div#main ul.howToGet {
	margin:0 0 5px;
}
div#main ul.howToGet li {
	float:left;
	width:200px;
	margin:0 5px 0 0;
	padding:0 0 13px;
}
div#main div.flowBlock ul.howToGet li {
	margin-top:0;
}
div#main ul.howToGet li.pc {
	width:230px;
}
div#main ul.howToGet li.pc p.btn {
	text-align:center;
}
div#main ul.howToGet li.pc img.qrimg {
	margin-right:10px;
}
div#main div.irregFlow .cbox {
	width:214px;
	margin:0 0 0 240px;
	background:url(../image/bg_cbox_head.gif) no-repeat top left;
}
div#main div.irregFlow .cbox-inner {
	padding:10px;
	background:url(../image/bg_cbox_body.gif) no-repeat bottom left;
}
div#main div.irregFlow div.txt {
	padding:0 0 0 74px;
}
div#main div.irregFlow .fl {
	width: 435px;
	padding-top: 12px;
}
div#main div.irregFlow img {
	padding-bottom:6px;
}
div#main div.irregFlow p {
	padding:0;
}
div#main ul.howToGet li.tenpo {
	margin:0;
}
div#main ul.howToGet dl {
	border-top:#999 solid 1px;
}
div#main ul.howToGet dt {
	min-height:28px;
	height:auto !important;
	height:28px;
	padding:2px 5px;
	line-height:2.2;
	font-weight:bold;
	background:url(../image/bg_howtoget_ttl.jpg) no-repeat right bottom;
	border-top:#ccc solid 2px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	border-left:#ccc solid 1px;
}
div#main ul.howToGet dt img {
	margin:0 3px 0 0;
	vertical-align:middle;
}
div#main ul.howToGet dd {
	padding:4px 8px 0;
}
div#main ul.howToGet dd p.pageLink01 {
	font-size:100%;
	font-weight:normal;
}
div#main div#accountInfo1,
div#main div#accountInfo2,
div#main div#accountInfo3 {
	width: 645px;
	position: relative;
	height: 40px;
	text-align:center;
}
div#main div#accountInfo1 {
	margin-top:10px;
}
div#main div#accountInfo2 {
	margin-bottom:20px;
}
div#main div#accountInfo1 p,
div#main div#accountInfo2 p,
div#main div#accountInfo3 p {
	position: absolute;
	right: 410px;
	top: 5px;
}
div#main div.accountLink {
	margin: 20px 4px 0;
	border-top:1px solid #eeeeee;
}
div#main div.accountLink ul {
	padding: 3px 20px 7px;
	background: #f7f7f7;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
div#main div.accountLink ul {
	margin-bottom:0px;
}
/* fee */

div#main div#feeDescription {
	width: 675px;
	position: relative;
	height: 57px;
}
div#main div#feeDescription div {
	position: absolute;
	left: 13px;
	top: 0;
}
div#main div#feeDescription p {
	position: absolute;
	left: 402px;
	top: 20px;
}
/* br_list */
div#main div#brlist {
	margin-top: 10px;
	width: 645px;
}
div#main div#brlist div.fl,
div#main div#brlist div.fr {
	width:314px;
}
/*  */

div#main div#tsukaeruatmwar {
	margin:0 25px;
}
/*-------------------------------
2. account/merit
--------------------------------*/
/* index */
div#main div#meritDescription1 {
	padding: 0 13px;
}
#main .box01 .leadSection01 .meritBox {
	margin-top: 10px;
}
#main .box01 .leadSection01 .meritBox p,
#main .box01 .leadSection01 .meritBox ul {
	padding: 0;
	margin-bottom: 1em;
}
#main .box01 .leadSection01 .meritBox .fr {
	padding-top:3px;
}
#main .box01 .leadSection01 .meritBox .large {
	font-size: 125%;
}
#main .box01 .leadSection01 .meritLink {
	/*margin-left: 50px;*/
}
#main .box01 .leadSection01 .meritBox .meritLink {
	margin:0 0 10px 0;

	clear:both;
}
#main .box01 .leadSection01 .meritLink dd {
	/*margin-left: 1em;*/
}
#main .box01 .leadSection01 .meritBox table {
	background: #FFF0F0;
	border: none;
}
#main .box01 .leadSection01 .meritBox th,
#main .box01 .leadSection01 .meritBox td {
	background: none;
	border-bottom: solid 1px #E7C5C5;
	border-left: none;
}
#main .box01 .leadSection01 .meritBox th {
	border-right: solid 1px #E7C5C5;
}
#main .box01 .leadSection01 .meritBox td {
	text-align: center;
}
#main .box01 .leadSection01 .meritBox table .end {
	border-bottom: none;
}
#main .box01 .leadSection01 .meritBox table .bgW {
	padding: 0;
	background: #FFF;
	border: none;
	text-align: left;
}
#main .box01 .leadSection01 .meritBox table .lineDot {
	border-right: dotted 1px #E7C5C5;
}
#main .blockArea01 .infoBlock01 .infoArea dl {
	padding-top: 6px;
}
#main .blockArea01 .infoBlock01 .infoArea dt {
	float: left;
	width: 73px;
}
#main .blockArea01 .infoBlock01 .infoArea dd {
	float: left;
	width: 550px;
}
#main .box01 .leadSection01 .meritBox .tax01 p {
	margin-right: 2.2em;
}
#main .box01 .leadSection01 .meritBox .tax02 dd {
	width: 60%;
}
/* use */
div#main div.usebox {
	width:645px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: url(../image/merit/bg_usebox.gif) no-repeat left bottom;
}
div#main div.usebox .useArea {
	margin: 10px 15px;
}
div#main div.usebox .lead p a {
	font-size: 117%;
	font-weight: bold;
}
div#main div.usebox div.illust {
	text-align:right;
}
div#main div#use1 div.illust {
	width:240px;
}
div#main div#use1 div.lead {
	width:370px;
}
div#main div#use2 div.illust {
	width:256px;
}
div#main div#use2 div.lead {
	width:350px;
}
div#main div#use3 div.illust {
	width:272px;
}
div#main div#use3 div.lead {
	width:320px;
}
div#main div#use4 div.illust {
	width:246px;
}
div#main div#use4 div.lead {
	width:350px;
}
div#main div#use5 div.illust {
	width:262px;
}
div#main div#use5 div.lead {
	width:320px;
}
div#main div#use6 div.illust {
	width:256px;
}
div#main div#use6 div.lead {
	width:350px;
}
/*-------------------------------
3. account/nyushukkin
--------------------------------*/
/* index */
div#main div#nyushukkinIndex {
}
/* tetsuduki */
div#main div.mbflow {
}
div#main div.mbflow .num1 {
	padding-left: 15px;
	background: url(../image/merit/ico_mb_01.gif) no-repeat 0 0;
}
div#main div.mbflow .num2 {
	padding-left: 15px;
	background: url(../image/merit/ico_mb_02.gif) no-repeat 0 0;
}
/* nyushukkin */
div#nyusyukkinImg {
	width:645px;
	position: relative;
	height:230px;
}
div#nyusyukkinImg div.link1 {
	position: absolute;
	left: 274px;
	top: 30px;
}
div#nyusyukkinImg div.link2 {
	position: absolute;
	left: 260px;
	top: 112px;
}
div#nyusyukkinImg div.link3 {
	position: absolute;
	left: 445px;
	top: 112px;
}
div#nyusyukkinImg div.link4 {
	position: absolute;
	left: 243px;
	top: 187px;
}
/* furikomi */
div#furikomiImg {
	width:645px;
	position: relative;
	height:215px;
}
div#furikomiImg div.link1 {
	position: absolute;
	left: 98px;
	top: 88px;
}
div#furikomiImg div.link2 {
	position: absolute;
	left: 181px;
	top: 89px;
}
div#furikomiImg div.link3 {
	position: absolute;
	left: 295px;
	top: 88px;
}
/*-------------------------------
4. account/limit
--------------------------------*/
div#main div#limit1 {
	width: 645px;
	position: relative;
	height: 436px;
}
div#main div#limit1 p {
	position: absolute;
	left: 263px;
	top: 272px;
}
div#main div#limit2 {
	width: 645px;
	position: relative;
	height: 460px;
}
div#main div#limit2 p {
	position: absolute;
	left: 263px;
	top: 300px;
}
/* table */
	
div#main table.use_list th {
	font-weight:bold;
	text-align:center;
}
div#main table.use_list td {
	background:#f0ece0;
}
div#main table.use_list td.sub01 {
	background:#eee6cd;
}
div#main table.use_list td.sub02 {
	background:#eee;
}
div#main table.use_list td.sub03 {
	background:#fff;
}
div#main table.use_list td.sub04 {
	background:#f0ece0;
	border-left:none;
}
div#main table.use_list td.sub05 {
	background:#fff;
	border-left:none;
	text-align:center;
}
div#main table.use_list td.sub06 {
	padding-left:1.5em;
	text-indent:-1em;
}
div#main table.use_list td.sub07 {
	border-top:none;
	background:#eee6cd;
	padding-left:1.5em;
	text-indent:-1em;
	font-size:92%
}
div#main table.use_list th.sub08 {
	border-bottom:none;
}
div#main table.use_list td.sub09 {
	padding-left:1.5em;
}
/*-------------------------------
5. application
--------------------------------*/
/* index */
div#main div.flowBlock div#kaishi1 .flowL,
div#main div.flowBlock div#kaishi2 .flowL {
	width: 250px;
}
div#main div.flowBlock div#kaishi1 .flowR,
div#main div.flowBlock div#kaishi2 .flowR {
	width: 340px;
}
div#main div.flowBlock div#kaishi1 .flowR .kaishilead,
div#main div.flowBlock div#kaishi2 .flowR .kaishilead {
	padding-left: 20px;
	background: url(../image/application/bg_triangle_01.gif) no-repeat left center;
}
div#main div.flowBlock div#kaishi1 .flowR .kaishilead {
	padding:15px 0 0 20px;
}
div#main div.flowBlock div#kaishi2 .flowR .kaishilead {
	padding-top:5px;
}
div#main div.flowBlock div#kaishi2 {
	margin-top: 10px;
	padding-top: 10px;
	border-top:1px solid #cccccc;
}
div#main div.irregFlow {
	padding:35px 0 0;
	background:url(../image/bg_irreg_flow.gif) no-repeat;
}
div#main div.irregFlowInner {
	padding:0 0 40px;
	background:url(../image/bg_irreg_flow_inner.gif) no-repeat bottom left;
}
div#main div.flowBlock ul.customer {
	padding-bottom:50px;
}
div#main div.flowBlock div.irregFlow {
	position: relative;
}
div#main div.flowBlock div.irregFlow .txtTerm {
	position: absolute;
	top: -55px;
	left: 210px;
	z-index: 1;
}
div#main div.flowBlock div.irregFlow div.column1 {
	width:540px;
	background: url(/personal/shared/image/net_account_service/bg_flowblock_c1_short.gif) no-repeat left top;
}
div#main div.flowBlock div.irregFlow div.column1 div.flowArea {
	background: url(/personal/shared/image/net_account_service/bg_flowarea_c1_short.gif) no-repeat left bottom;
}
div#main div.flowBlock div.subflow {
	margin:0;
	background: url(/personal/shared/image/net_account_service/bg_flowblock_sub1_long.gif) no-repeat left top;
}
div#main div.flowBlock div.subflow div.subflowArea {
	background: url(/personal/shared/image/net_account_service/bg_flowblock_sub2_long.gif) no-repeat left bottom;
}
/* renewal */
div#main div.irregFlow div.flowArea div.infoBox02 {
	margin: 0.5em 0;
}
div#main div.flowBlock div.subflow div.flowR {
	width:465px;
}
div#main div.flowBlock div.subflow div.flowL {
	width: 100px;
}
div#main div.flowBlock .flowIc,
div#main div.flowBlock .flowTtl {
	float: left;
}
div#main div.flowBlock .flowIc {
	_height: 19px;
}
div#main div.flowBlock h3 .flowTtl {
	width: 526px;
}
div#main div.flowBlock div.irregFlow h3 .flowTtl {
	width: 421px;
}
div#main div.flowBlock h4 .flowTtl {
	width: 352px;
}
div#main div.flowBlock div.irregFlow div.column1 .inner {
	padding-bottom: 6px;
	background: url(/personal/shared/image/net_account_service/bg_flowarea_c1_short.gif) no-repeat left bottom;
}
div#main div.flowBlock div.irregFlow div.arw {
	margin-left: 216px;
}
div#main div.flowBlock div.irregFlow div.arw02 {
	margin-left: 300px;
	padding-top:6px;
}
div#main div.flowBlock div.subSection {
	position: relative;
}
div#main div.flowBlock div.subSection .txtTerm {
	position: absolute;
	top: 8px;
	left: 16px;
	z-index: 1;
}
div#main div.flowBlock div.subflow div.flowArea {
	padding-left: 57px;
}
div#main div.flowBlock div.irregFlow02 div.column1 {
	width:335px;
	background: url(/personal/shared/image/net_account_service/bg_flowblock_c1_short02.gif) no-repeat left top;
}
div#main div.flowBlock div.irregFlow02 div.column1 div.flowArea {
	background: url(/personal/shared/image/net_account_service/bg_flowarea_c1_short02.gif) no-repeat left bottom;
}

div#main .pdnL15{
	padding-left: 15px;
}
/*-------------------------------
6. account/pin
--------------------------------*/
div#pinImg {
	width:645px;
	position: relative;
	height:333px;
}
div#pinImg div.link1 {
	position: absolute;
	left: 385px;
	top: 240px;
}
/*-------------------------------
7. fee
--------------------------------*/
div#main p.tax {
	text-align:right;
}
div#main p.tax02 {
	margin-top:3.5em;
}
div#main p.tax03 {
	/*margin-top:12em;*/
	margin-top:24.5em;
}
div#main table.furi {
	float:left;
	margin-right:1em;
}
div#main table.furi td {
	text-align:center;
}
div#main table.issue {
	float:left;
	margin-right:1em;
}
div#main table.issue td {
	text-align:right;
}
div#main table.issue td.sub01 {
	background:#f0ece0;
	text-align:left;
}
div#main table.issue td.sub01 span {
	font-size:92%;
}
div#main table.issue02 {
	float:left;
	margin-right:1em;
}
div#main table.issue02 td {
	text-align:center;
}
div#main table.issue02 td.sub01 {
	background:#f0ece0;
	text-align:right;
}
div#main div.att {
	clear:both;
	background:#F5F4E9;
	margin:10px 0 10px 10px;
	padding-bottom:5px;
}
div#main div.soukin {
	height:16em;
}

div#main table.issue02 td.sub02 {
	background:#F0ECE0;
	text-align:center;
	border-left:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
}
/*-------------------------------
given
--------------------------------*/
dl.given dt {
	float: left;
	width: 5em;
}
dl.given dd {
	margin-left:5em;
	zoom: 1;
}


/************************** new css ************/
#main .box01 .leadSection01 .meritBox {
	margin-top: 10px;
}

#main .box01 .leadSection01 .meritBox ul.caption li{
	padding-left:1em;
  text-indent: -1em;
	font-size:92%;
}

#main .box01 .leadSection01 .meritBox ul.caption{
	margin:0 0 10px;
	font-size:92%;
}

#main .box01 .leadSection01 .meritBox .fr{
	float:right;
	width:215px;
	text-align:right;
}

#main .box01 .leadSection01 .meritBox .fl{
	float:left;
	width:430px;
}

div.openacount {
	overflow:hidden;
	width:637px;
}

div.openacount div{
	float:right;
	width:605px;
	height:66px;
	background:url(/personal/account/shared/image/merit/img_merit_openac.gif) top left no-repeat;
}

div.openacount div h3{
	width:190px;
	height:47px;
	margin:10px 0 0 20px;
	float:left;
}

div.openacount div p{
	float:right;
	display:block;
}

div.openacount div p a{
	display:block;
	margin:12px 20px 0 0;
}