@charset "shift_JIS";



/* [01.全般的な設定]
---------------------------------------------------------*/

#wrap {
width: 960px;
margin: 0 auto;
padding-bottom:20px;
text-align: left;
}

#wrap h2 {
	font-size: 162%;
	padding: 0 10px 5px;
	line-height: 162%;
	font-weight: bold;
	background: url(/images/cmn/dotline_1.gif) repeat-x bottom;
}

#incontent {
margin-top:15px;
padding: 0 20px 0 20px;
}

.container{
	width:940px;
	margin:20px auto 0;
}

/* [06.内部ページパーツ設定]
---------------------------------------------------------*/

#newCard,
#charge{
	padding:10px;
	width:432px;
	min-height:205em;
	border-radius:5px;
	border:solid 3px #ececec;
}

#newCard{
	float:left;
}

#charge{
	float:right;
}

#newCard h3,
#charge h3{
	margin-bottom:15px;
	text-align:center;
}

.step01,
.step02,
.step03,
.step04,
.step05,
.step06{
	margin:10px 0;
	padding:15px 10px;
	border-radius:7px;
	background-repeat:no-repeat;
	background-position:5px 5px;
}

.step01 img,
.step02 img,
.step03 img,
.step04 img,
.step05 img,
.step06 img{
	display:block;
	margin:auto;
	/*border:2px solid #c6c6c6;*/
}

.step01 p,
.step02 p,
.step03 p,
.step04 p,
.step05 p,
.step06 p{
	margin:1em 0 0;
	font-size:14px;
}

.step01{
	background-image:url(../images/selfcharge/num01.png);
}

.step02{
	background-image:url(../images/selfcharge/num02.png);
}

.step03{
	background-image:url(../images/selfcharge/num03.png);
}

.step04{
	background-image:url(../images/selfcharge/num04.png);
}

.step05{
	background-image:url(../images/selfcharge/num05.png);
}

.step06{
	background-image:url(../images/selfcharge/num06.png);
}


#newCard .step01,
#newCard .step02,
#newCard .step03,
#newCard .step04,
#newCard .step05{
	background-color:#ddf7a7;
	border:solid 2px #77d311;
}


#newCard .step02 .floatLeft{
	width:260px;
}


#newCard .step02 .floatRight{
	padding-top:2.5em;
	width:129px;
}


#charge .step01,
#charge .step02,
#charge .step03,
#charge .step04,
#charge .step05,
#charge .step06{
	background-color:#feeda8;
	border:solid 2px #fdbd42;
}


#charge .step03 .floatLeft{
	width:260px;
}


#charge .step03 .floatRight{
	padding-top:2.5em;
	width:129px;
}


#error,
#caution{
	width:920px;
	margin:20px auto;
	padding:10px;
	border-radius:5px;
	background-color:#ececec;
}

#error h3,
#caution h3{
	margin-bottom:0.3em;
	font-size:15px;
	font-weight:bold;
}

#error ul,
#caution ul{
	margin:10px auto 0;
	width:895px;
}

#error li,
#caution li{
	margin-bottom:20px;
	padding:15px;
	width:410px;
	border-radius:5px;
	background-color:#ffffff;
	text-align:center;
	font-size:14px;
}

#error li h4,
#caution li h4{
	margin-bottom:0.3em;
	font-size:16px;
	font-weight:bold;
}

#error li p,
#caution li p{
	margin-top:0.5em;
	height:3.2em;
}

.arrow{
	text-align:center;
}

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

class設定

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

.clearFix{
  zoom:1;
  overflow:visible;
  }

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


.clearModule{
  clear:both;
  display:inline-block;
  width:100%;
  }


.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

.bold{
	font-weight:bold;
}


.strong{
	font-weight:bold;
	color:#ff2200;
}