/* ボックス設定 */
#c_container #step {
	width: 625px;
	margin-right: auto;
	margin-left: auto;	/*word-wrap:normal;*/
	padding: 0px;
}
#step p {
	margin: 0px;
	padding: 0px 1em 0px 0px;
}
.pink {
	color: #ff6699;
}
/* メインボックス */
#step #box {
	width: 602px;
	padding-left: 23px;
	background: url(../img/f_step/bg.jpg);
	text-align: left;
	padding-top: 20px;
	clear: left;
	float: left;
	padding-bottom: 0px;
}
#step ul, #step li {
	list-style-type: none;
}
/* リンク */
#step a:link {
	color: #ff6699;
	text-decoration: underline;
}
#step a:visited {
	text-decoration: underline;
	color: #ff6699;
}
#step a:hover {
	text-decoration: none;
	color: #ff6699;
}
#step a:active {
	text-decoration: underline;
	color: #ff6699;
}
/* タイトル */
#step h3 {
	width: 625px;
	text-indent: -9999px;
	height: 47px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	clear: left;
	font-size: 0px;
}
#step .page1 { background: url(../img/f_step/h1_1.jpg); }
#step .page2 { background: url(../img/f_step/h1_2.jpg); }
#step .page3 { background: url(../img/f_step/h1_3.jpg); }
#step h4 {
	background: url(../img/f_step/title1.jpg) no-repeat;
	height: 23px;
	text-indent: -9999px;
}
/* ステップ */
#step .step {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 65px;
}
#step .step li {
	list-style-type: none;
	text-indent: -9999px;
	float: left;
	height: 65px;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#step .step li a {
	display: block;
	height: 65px;
}
#step .step li a:hover {
	background:none;
}
.step1 {
	background: url(../img/f_step/step1_o.jpg) no-repeat;
	width: 190px;
}
.step2 {
	background: url(../img/f_step/step2_o.jpg) no-repeat;
	width: 190px;
}
.step3 {
	background: url(../img/f_step/step3_o.jpg) no-repeat;
	width: 190px;
}
.step4 {
	background: url(../img/f_step/step4.gif) no-repeat;
	width: 92px;
	margin: 0px;
	padding: 0px;
}
.step1 a {
	background: url(../img/f_step/step1.jpg);
	width: 190px;
}
.step2 a {
	background: url(../img/f_step/step2.jpg);
	width: 190px;
}
.step3 a {
	background: url(../img/f_step/step3.jpg);
	width: 190px;
}
.step4 a {
	background: url(../img/f_step/step4.gif) no-repeat;
	width: 92px;
	padding: 0px;
	margin: 0px;
}
/* 灰色枠ボックス */
.box_no1, .box_no2, .box_no3, .box_no2_g {
	border: 1px solid #aaa;
	width: 542px;
	padding-top: 18px;
	padding-bottom: 10px;
	padding-left: 35px;
	float: left;
}
#step .box_no1 {
	background: url(../img/f_step/no01.jpg) no-repeat 10px 10px;
	margin-top: 20px;
}
#step .box_no2 {
	background: url(../img/f_step/no02.jpg) no-repeat 10px 10px;
	padding-bottom: 10px;
}
#step .box_no3 {
	background: url(../img/f_step/no03.jpg) no-repeat 10px 10px;
	margin-bottom: 20px;
}
#step .box_no2_g {
	background: #D7D7D7 url(../img/f_step/no02.jpg) no-repeat 10px 10px;
	height: 320px;
	margin-bottom: 20px;
}
.box_no2_g img {
	padding-top: 100px;
	padding-left: 80px;
}
h5 {
	font-size: 140%;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 20px 10px;
}
#step p {
	line-height: 1.4em;
}
#step img {
	padding-bottom: 10px;
}
/* 矢印 */
#step .arrow {
	background: url(../img/f_step/arrow.jpg) no-repeat center 5px;
	height: 30px;
	text-indent: -9999px;
	clear: left;
}
#step .box_no2 .p_left {
	float: left;
	padding-right: 10px;
}
#step .li_1 li {
	line-height: 1.2em;
	padding-bottom: 1em;
	padding-top: 1em;
	font-size: 110%;
}
#step #box_close {
	clear: left;
	padding-left: 0px;
	background: url(../img/f_step/bg_bottom.jpg) no-repeat left bottom;
	height: 83px;
	line-height: 0px;
	font-size: 0px;
}
.padding_t20 {
	padding-top: 20px;
}
.chat_explain {
	margin: 0px;
	padding: 0px;
}
.chat_explain li {
	float: left;
	width: 220px;
	padding-left: 30px;
	padding-bottom: 15px;
	padding-top: 6px;
}
.chat_explain .no01 { background: url(../img/f_step/icon01.jpg) no-repeat left top; }
.chat_explain .no02 { background: url(../img/f_step/icon02.jpg) no-repeat left top; }
.chat_explain .no03 { background: url(../img/f_step/icon03.jpg) no-repeat left top; }
.chat_explain .no04 { background: url(../img/f_step/icon04.jpg) no-repeat left top; }
.chat_explain .no05 { background: url(../img/f_step/icon05.jpg) no-repeat left top; }
.chat_explain .no06 { background: url(../img/f_step/icon06.jpg) no-repeat left top; }
.chat_explain .no07 { background: url(../img/f_step/icon07.jpg) no-repeat left top; }
.chat_explain .no08 { background: url(../img/f_step/icon08.jpg) no-repeat left top; }
.chat_explain .no09 { background: url(../img/f_step/icon09.jpg) no-repeat left top; }
.chat_explain .no10 { background: url(../img/f_step/icon10.jpg) no-repeat left top; }
.chat_explain .no11 { background: url(../img/f_step/icon11.jpg) no-repeat left top; }
.chat_explain .no12 { background: url(../img/f_step/icon12.jpg) no-repeat left top; }
.chat_explain .no13 { background: url(../img/f_step/icon13.jpg) no-repeat left top; }
.chat_explain .no14 { background: url(../img/f_step/icon14.jpg) no-repeat left top; }
.chat_explain .no15 { background: url(../img/f_step/icon15.jpg) no-repeat left top; }
.chat_explain .no16 { background: url(../img/f_step/icon16.jpg) no-repeat left top; }
.chat_explain .no17 { background: url(../img/f_step/icon17.jpg) no-repeat left top; }
.chat_explain .no18 { background: url(../img/f_step/icon18.jpg) no-repeat left top; }
.chat_explain .no19 { background: url(../img/f_step/icon19.jpg) no-repeat left top; }
.chat_explain .no20 { background: url(../img/f_step/icon20.jpg) no-repeat left top; }

* html #step #box {
	width: 625px;
	padding-bottom: 20px;
}
* html .box_no1 {width: 577px;}
* html .box_no2 {width: 577px;}
* html .box_no3 {width: 577px;}
* html .box_no2_g {width: 577px;}


*:first-child+html #step #box {
	width: 625px;
	padding-bottom: 20px;
}
*:first-child+html .box_no1 {width: 577px;}
*:first-child+html .box_no2 {width: 577px;}
*:first-child+html .box_no3 {width: 577px;}
*:first-child+html .box_no2_g {width: 577px;}

