@charset "utf-8";
/*------------------------------------------------------------------------------------------------
creation date 2013.6.5
http://www.sevenbank.co.jp/
Copyright (C) Seven Bank,Ltd. All Rights Reserved.
------------------------------------------------------------------------------------------------*/
/*-------------------------------
Reset
--------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,td,th,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
img {
	border:0;
	vertical-align:middle;
}
li {
	list-style:none;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}
/*-------------------------------
Layout
--------------------------------*/
body#TOP {
	background:#fff;
	font:13px "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
 *font-size:small;
 *font:x-small;
	line-height:1.3em;
}
#Header {
	margin: 0 0 8px 0;
	padding:9px 0 0 10px;
}
#Header h1 {
	float:left;
	background:url(/oos/deposit_open/nanaco/img/logo.gif) no-repeat left top;
	height:43px;
	width:164px;
	margin:0 10px 0 0;
	text-indent : -9999px;
}
#Header p {
	padding:17px 0 0 0;
}
#Wrapper {
	margin:0 auto;
	padding:0;
	border:0;
}

/*-------------------------------
class
--------------------------------*/
.txt_right{
	text-align:right;
	}
.txt_left{
	text-align:left;
	}
.txt_center{
	text-align:center;
	}
.bd_dash{
	border-bottom: 1px dashed #c6c6c6;
}
.bold{
	font-weight:bold;
	}
.float_L{
	float:left;
	}
.float_R{
	float:right;
	}

/*-------------------------------
pagetop
--------------------------------*/
div.pagetop {
	margin:0 auto;
	padding-top:20px;
	width:700px;
	text-align:right;
}
div.pagetop p {
	padding-top:1em;
}
div.pagetop p.top01 a {
	background: url(/shared/image/ico/ico_pagetop.gif) no-repeat scroll left top transparent;
	font-size: 92%;
	padding-left: 17px;
}
/*-------------------------------
#footer
--------------------------------*/
div#footer {
	width:750px;
	margin:40px auto 0;
	text-align:center;
}
div#footer img {
	padding-bottom:10px;
}
div#footer address {
	font-size:85%;
	margin-bottom:50px;
}
/*-------------------------------
clear
--------------------------------*/
.clear{
	clear:both;
	}

.clearfix:after {  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
	}

.clearfix {  
	display: inline-block;  
	min-height: 1%;  
	}

/* Hides from IE-mac \*/  
* html .clearfix {  
	height: 1%;  
	}  
	.clearfix {  
	display: block;  
	}
/*-------------------------------
a
--------------------------------*/	
a:link{
	text-decoration:underline;
	color:#336699;
	}

a:visited{
	text-decoration:underline;
	}	

a:hover,
a:active{
	text-decoration:none;
	color:#6699cc;
	}

a.linkBlock01 {
	display:inline-block;
	padding-right:15px;
	background: url(/shared/img/cmn_ico_003.png) right center no-repeat;
	margin-right:5px;
	word-break:break-all;
}

a.cir{
	padding:0 0 2px 15px;
	background:url(/shared/image/ico/ico_arw_cir.gif) no-repeat left top;
	}

a.anc{
	padding-left:13px;
	background:url(/shared/image/ico/ico_arw_anchor.gif) no-repeat left 2px;
	}

a.cirAnc{
	padding:0 0 2px 15px;
	background:url(/shared/image/ico/ico_arw_cir_anchor.gif) no-repeat left top;
	}

a.none{ /*only the partial point*/
	padding-left:0;
	background:none;
	}

/*-------------------------------
LP
--------------------------------*/	
#Wrapper {
	padding:0;
	border:0;
	position:relative;
}
#contents{
	width:765px;
	margin: 20px auto 0;
	}
#Header {
	width:750px;
	margin: 0 auto;
	padding:9px 0 0 10px;
}
/*-------------------------------
#main
--------------------------------*/
#main {
	text-align:center;
	width:100%;
	background:url(../image/tmp_108/bg_main.jpg) top left repeat-x;
}

.indent {
	text-indent:-1em;
	padding-left:1em;
}

/*-------------------------------
#hayame
--------------------------------*/
div#Wrapper #contents div#hayame{
	width:728px;
	border: 1px solid #c5c5c5;
	margin:10px auto 30px;
	padding:10px;
	line-height:150%;
	}
/*-------------------------------
#point
--------------------------------*/
div#Wrapper #contents div#point{
	margin:10px auto 20px;
	width:750px;
	text-align:center;
	}
div#Wrapper #contents div#point .point{
	padding:10px 15px 30px;
	margin: 30px auto 0;
	border: 2px solid #c5c5c5;	
	}
div#Wrapper #contents div#point .point ul li{
	float:left;
	margin-left:20px;
	}
div#Wrapper #contents div#point .point ul.img_p2{
	margin:0 0 0 100px;
	}

div#Wrapper #contents div#point .point p.ttl_point{
	margin:20px 0 0 15px;
	float:left;
	}
div#Wrapper #contents div#point .point p.txt_point{
	margin:0 0 20px 10px;
	text-align:left;
	}
/*-------------------------------
#tetuduki
--------------------------------*/
div#Wrapper #contents #tetuduki{
	margin:30px auto 25px;
	width:750px;
	}
div#Wrapper #contents #tetuduki p.step{
	width:746px;
	border: 2px solid #ff664d;
	text-align:center;
	padding: 10px 0;
	margin: 0 auto 10px;
	}
	div#Wrapper #contents #tetuduki ul{
		margin: 0 0 10px 0;
		}
div#Wrapper #contents #tetuduki ul#stepflow li{
	float:left;
	}
div#Wrapper #contents #tetuduki #step_contents{
	width:750px;
	text-align:center;
	margin: 0 auto;
	}
div#Wrapper #contents #tetuduki #step_contents .term{
	margin: 10px 0 7px 0;
	}
	
/*-------------------------------
#contents div#step
--------------------------------*/
div#contents div#step {
	position:relative;
	margin-top:20px;
}

div#contents div#step div.stepInner {
	background:#fff0da;
}
div#contents div#step div.stepInner ul {
	position:relative;
	padding:0 12px 10px;
}
div#contents div#step div.stepInner ul.indent1em li {
	text-indent:-1em;
	padding-left:1em;
}
div#contents div#step div.stepInner ul#stepflow {
	margin:0 auto;
}
div#contents div#step div.stepInner ul#stepflow li {
	float:left;
}
div#contents div#step div.stepInner ul#stepflow li.icon_arrow {
	padding:65px 10px;
}
div#contents div#step div.stepInner ul#stepflow li span#step01 {
	position:absolute;
	top:75px;
	left:25px;
	width:190px;
	text-align:left;
}
div#contents div#step div.stepInner ul#stepflow li span#step02 {
	position:absolute;
	top:75px;
	left:285px;
	width:190px;
	text-align:left;
}
div#contents div#step div.stepInner ul#stepflow li span#stepfinish {
	position:absolute;
	top:75px;
	left:540px;
	width:190px;
	text-align:left;
}

/*-------------------------------
#chui
--------------------------------*/
div#Wrapper div#chui {
	width: 704px;
	font-size:12px;
	line-height:150%;
	border: 1px solid #bcbcbc;
	padding: 14px 23px 23px 23px;
	margin: 15px auto 0;
}

div#Wrapper div#chui ul li {
	text-indent:-7px;
	padding-left:7px;
}

/*-------------------------------
margin
--------------------------------*/
.mgbt5{margin-bottom:5px;}
.mgbt10{margin-bottom:10px;}
.mgbt15{margin-bottom:15px;}
.mgbt20{margin-bottom:20px;}
.mgbt25{margin-bottom:25px;}
.mgbt30{margin-bottom:30px;}
.mgbt35{margin-bottom:35px;}
.mgbt40{margin-bottom:40px;}
.mgbt45{margin-bottom:45px;}
.mgbt50{margin-bottom:50px;}

.mglt10{ margin-left:10px;}
.mglt13{ margin-left:13px;}
.mglt15{ margin-left:15px;}
.mglt20{ margin-left:20px;}
.mglt23{ margin-left:23px;}
.mglt24{ margin-left:24px;}
.mglt40{ margin-left:40px;}
.mgtp20{ margin-top:20px;}

.mgrt20{ margin-right:20px;}

div#footer address {
	font-size:85%;
	padding-bottom:50px;
	margin:0;
}