@charset "utf-8";

/* ------------------------------------------------------------ common */

/* ------------------------------------------------------------ user */
#user #firstview { background: url(../images/beginner_usr/bg_00.jpg) no-repeat center top; height: 598px; position: relative; }
#user #firstview h2 { font-size: 26px; padding: 60px 0 70px; }
#user #firstview h2 img { margin: 0 15px 0 0; }
#user #firstview h3 { font-size: 26px; padding: 30px 0 10px; }
#user #firstview p.lead { font-size: 16px; }

#user #nav { background: url(../images/beginner_usr/bg_02.png); padding: 10px 0; bottom: 0; left: 0; right: 0; position: absolute; }
#user #nav ul { border-left: 1px solid #fff; }
#user #nav ul li { border-right: 1px solid #fff; text-align: center; width: 235px; float: left; }
#user #nav ul li a { color: #fff; font-size: 16px; }
#user #nav ul li img { margin: 0 10px 0 0; }

#user #how h3 { background: url(../images/beginner_usr/h_bg_01.jpg) center top; height: 100px; padding: 66px 0 0 60px; text-align: center; }
#user #how .step				{ padding: 45px 0 30px 60px; width: 830px; }
#user #how .step img			{ float: left; }
#user #how .step div			{ float: right; width: 291px; background: url(../images/beginner_usr/icn_01.gif) no-repeat 0 170px; padding: 160px 0 0 124px; }
#user #how .step h4			{ font-size: 32px; }
#user #how .step p			{ font-size: 16px; line-height: 30px; padding: 10px 0 0; }
#user #how #step_2					{ background: url(../images/beginner_usr/icn_04.gif) center top no-repeat #d5f1f3; }
#user #how #step_1 div				{ background: url(../images/beginner_usr/icn_01.gif) no-repeat 0 170px; }
#user #how #step_2 .step div		{ background: url(../images/beginner_usr/icn_02.gif) no-repeat 0 170px; }
#user #how #step_3					{ background: url(../images/beginner_usr/icn_05.gif) no-repeat center top; }
#user #how #step_3 .step			{ background: url(../images/beginner_usr/icn_03.gif) no-repeat 130px 150px; padding: 140px 0 55px 260px; width: 690px; }
#user #how #step_3 #plaza			{ background: url(../images/beginner_usr/bg_03.jpg) no-repeat; padding: 130px 0 130px 390px; }
#user #how #step_3 #plaza div 		{ width: 510px; background: url(../images/beginner_usr/bg_10.gif) no-repeat center top; padding: 150px 0 0;  }
#user #how #step_3 #plaza p span 	{ display: block; background: #fff; border: 1px solid #f3bcd2; text-align: center; padding: 7px 0; font-size: 14px; font-weight: bold; }
#user #how #step_3 #desk			{ background: url(../images/beginner_usr/bg_05.jpg) no-repeat; padding: 125px 0 176px 390px; }
#user #how #step_3 #desk div 		{ width: 510px; background: url(../images/beginner_usr/bg_11.jpg) no-repeat center top; padding: 150px 0 0;  }
#user #how #step_3 #desk p span 	{ display: block; background: #fff; border: 1px solid #57c2cb; text-align: center; padding: 7px 0; font-size: 14px; font-weight: bold; }
#user #how #step_3 p span img		{ padding: 0 5px 0 10px; }
#user #how #step_3 h5				{ font-size: 26px; font-weight: bold; padding: 20px 0 0; }
#user #how #step_3 p				{ font-size: 16px; line-height: 26px; }

#user #how #step_1 a { display: block; margin: 30px 90px 0 0; float: right; }

#user #words					{ background: #def1f3; padding: 70px 0; }
#user #words ul				{ width: 950px; margin: 0 auto; }
#user #words ul li			{ float: left; margin: 0 0 0 17px; border: 3px solid #57c2cb; height: 480px; width: 299px; background: #fff; }
#user #words ul li:first-child { margin: 0; }
#user #words ul li h5			{ background: #57c2cb; color: #fff; font-size: 30px; font-weight: bold; text-align: center; }
#user #words ul li h5	span	{ font-size: 18px; padding: 0 7px; }
#user #words ul li div		{ padding: 30px 15px 15px; }
#user #words ul li div p		{ font-size: 16px; line-height: 26px; }
#user #words ul li .abtn a	{ display: block; width: 235px; color: #fff; padding: 15px 0 11px 29px; font-size: 16px; margin: 20px 0 0; }
#user #words ul li .btn_1	a	{ background: url(../images/beginner_usr/btn_00.gif) no-repeat; }
#user #words ul li .btn_2	a	{ background: url(../images/beginner_usr/btn_01.gif) no-repeat; }
#user #words ul li .btn_3	a	{ background: url(../images/beginner_usr/btn_02.gif) no-repeat; }

#user #example				{ background: url(../images/beginner_usr/bg_09.jpg) no-repeat center 135px; padding: 155px 0 90px; }
#user #example h3				{ text-align: center; width: 950px; margin: 0 auto; }
#user #example ul				{ width: 930px; margin: 70px auto; }
#user #example ul li			{ height: 85px; margin: 0 0 40px; }
#user #example ul li p		{ float: left; font-size: 16px; line-height: 26px; padding: 18px 0 0 70px;}
#user #example ul li .question{ width: 330px; }
#user #example ul li .answer	{ color: #ee4a8c; font-weight: bold; margin: 2px 0 0 100px; }
#user #example ul li .single	{ padding: 32px 0 0 70px; }



/* ------------------------------------------------------------ adviser */
#adviser #firstview { background: url(../images/beginner_adv/bg_00.jpg) no-repeat center top; height: 596px; }
#adviser #firstview h2 { font-size: 26px; padding: 20px 0 60px; }
#adviser #firstview h2 img { margin: 0 30px 0 0; }
#adviser #firstview h3	{ color: #fb81b1; font-size: 52px; line-height: 64px; padding: 0 0 30px; }
#adviser #firstview p.lead { font-size: 14px; }
#adviser #firstview p.abtn	{ margin: 40px 0 0; }
#adviser #firstview #f_view	{ padding: 20px 0 0; }

#adviser #nav					{ background: url(../images/beginner_adv/line_00.gif) repeat-x center bottom; padding: 10px 0 20px; }
#adviser #nav ul					{ width: 950px; margin: 0 auto; border: solid #a0a0a0; border-width: 0 1px 0 0; }
#adviser #nav ul li				{ width: 33%; text-align: center; float: left; font-size: 18px; border: solid #a0a0a0; border-width: 0 0 0 1px; line-height: 20px; }
#adviser #nav ul li img			{ padding: 0 10px 0 0; vertical-align: 50%; }

#adviser #flow					{ width: 950px; margin: 0 auto 85px; }
#adviser #flow h3				{ text-align: center; padding: 85px 0 60px; }
#adviser #flow ul				{ width: 950px; background: url(../images/beginner_adv/pic_00.jpg) no-repeat 0 125px; }
#adviser #flow ul li				{ float: left; width: 282px; margin: 0 52px 0 0; }
#adviser #flow h4				{ font-size: 30px; color: #fb81b1; text-align: center; padding: 10px 10px 10px 0; }
#adviser #flow ul .step3			{ width: 270px; margin: 0; }
#adviser #flow ul .step3 h4		{ padding: 10px 10px 10px 15px; }
#adviser #flow p					{ padding: 425px 0 0; font-size: 16px; line-height: 26px; }

#adviser #point h3				{ background: url(../images/beginner_adv/h_01.jpg) center top no-repeat; text-align: center; padding: 87px 0 115px; }
#adviser #point p				{ width: 950px; margin: 0 auto; font-size: 20px; line-height: 32px; padding: 120px 0; }
#adviser #point p span			{ font-weight: bold; }
#adviser #point .pont2 			{ background: #f8dfe9; }
#adviser #point .pont1 p			{ background: url(../images/beginner_adv/pic_01.jpg) right center no-repeat; }
#adviser #point .pont2 p			{ background: url(../images/beginner_adv/pic_02.jpg) right center no-repeat; }
#adviser #point .pont3 p			{ background: url(../images/beginner_adv/pic_03.jpg) right center no-repeat; }
#adviser #point div img			{ float: left; padding: 0 30px 0 0; }

#adviser #call					{ background: #f39cbf; padding: 75px 0; margin: 90px 0 0; }
#adviser #call p					{ width: 950px; font-size: 36px; color: #fff; margin: 0 auto; font-weight: bold; position: relative; }
#adviser #call img				{ position: absolute; top: -88px; left: 751px; }