@charset "utf-8";
/* CSS Document */

#howtoWrapper {
	width:750px;
	margin:0px auto;
}

#howtoWrapper h3 {
	margin-top:32px;
}

#howtoWrapper h3:first-child {
	margin-top:0px;
}

.howtoText {
	padding:0px 65px;
	font-size:14px;
	line-height:1.4em;
	margin-top:15px;
}

.howtoText span {
	font-size:12px;
}

.howtoText span.strong {
	font-weight:bold;
	font-size:14px;
}

.howtoText.flow {
	background:url(../../img/howto/bg_yellow.png);
	margin-top:0px;
	padding-top:15px;
	padding-bottom:30px;
	font-size:12px;
}

.howtoText.flow h4 {
	margin-left:-65px;
	margin-top:30px;
}

.howtoText.flow h4:first-child {
	margin-top:0px;
}

.howtoText.flow span {
	color:#d12833;
	font-weight:bold;
}

#imgFlowA, #imgFlowB {
	margin-left:-65px;
	margin-bottom:15px;
	margin-top:20px;
}

#contentsInfo {
	margin-top:20px;
	width:750px;
	min-height:290px;
	margin-left:-65px;
	background:url(../../img/howto/img_contents03.png);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
}

#contentsInfo li p {
	width:305px;
	height:106px;
	overflow:hidden;
	cursor:pointer;
}

#contentsInfo li p:hover img {
	margin-top:-106px;
}

#howto_flowText {
	margin-top:20px;
}

#howto_flowText span {
	color:inherit;
}

#contentsA {position:absolute;	left:70px;	top:82px;}
#contentsB {position:absolute;	left:70px;	top:180px;}
#contentsC {position:absolute;	left:375px;	top:40px;}
#contentsD {position:absolute;	left:375px;	top:140px;}

.howtoText.blue {
	background:url(../../img/howto/bg_blue.png);
	margin-top:0px;
	padding-top:15px;
	padding-bottom:30px;
	font-size:12px;
	
	position:relative;
}

.howtoImg {
	position:absolute;
	right:70px;
	top:0px;
}

.pageCaption {
	margin-top:22px;
}

.howtoText.blue dt {
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}

.howtoText.blue .strong {
	font-size:12px !important;
}

.howtoText.pink {
	background:url(../../img/howto/bg_pink.png);
	margin-top:0px;
	padding-top:15px;
	padding-bottom:30px;
	font-size:12px;
	
	position:relative;
}

.howtoText.pink dl {
	margin-top:15px;
}

.howtoText.pink dl:first-child {
	margin-top:0px;
}


.howtoText.pink dt {
	font-size:14px;
	font-weight:bold;
	color:#e82839;
}

.howtoText.pink dd {
	margin-top:5px;
}


#btnForm {
	width:290px;
	height:80px;
	overflow:hidden;
	cursor:pointer;
	margin:0px auto;
}

#btnForm:hover img {
	margin-top:-80px;
}

.howtoText.flow table {
	text-align:left;
}

.howtoText.flow th {
	font-weight:bold;
	font-size:14px;
}

.howtoText.flow tr {
	height:20px;
}